/*------------------------------------------------------------------ [Master Stylesheet] Project: Delvatore Version: 1.0 [Table of contents] 1. Body 2. Header top wrapper / .top-wrapper 3. Slider area / #home 4. About us section / #about 5. Rooms section / #rooms 6. Best places section / #best-places 7. Testimonials / #what-client-say 8. Latest news from blog / #latest-news 9. Footer logo and social network links / .bot1-wrapper 10. Contact info / .bot2-wrapper 11. Copyright section / .bot3-wrapper -------------------------------------------------------------------*/ @font-face { font-family: 'Cooper Hewitt'; src: url('../fonts/CooperHewitt-Light.otf') format('truetype'); font-weight: normal; font-style: normal; } /* GOOGLE FONTS */ @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700'); /* Global properties ======================================================== */ a[href^="tel:"] { color: inherit; text-decoration: none;} ::selection{ background:#7a9dca!important; color:#fff} ::-moz-selection{ background:#7a9dca!important; color:#fff} a{ color:#7a9dca; text-decoration: underline; outline:none} a:hover{ color:#7a9dca; text-decoration: none; outline:none} body{ background:#fff; border:0; color:#4c4c4c; min-width: 320px; font-size: 16px; line-height: 1.75; font-family: 'Roboto', sans-serif;} #main{margin: 0 auto; position: relative; overflow: hidden;} .clearfix2:before, .clearfix2:after { content: " "; display: table; } .clearfix2:after { clear: both; } /* ============================= header ====================== */ .search-wrapper{display: none; position: fixed; background: #fff; z-index: 200; width: 100%; height: 64px; left: 0; top: 0;} .search-opened .search-wrapper{display: block;} .search-inner{position: relative;} .search-btn{display: block; text-decoration: none; width: 81px; height: 64px; line-height: 64px;border-left: 1px solid rgba(246, 174, 0, 0.2); color: #333333; text-align: center; font-size: 24px;} .search-btn:hover{color: #7a9dca;} .search-close{position: absolute; right: 0; top: 0;} .search-field{padding-right: 100px; border-left: 1px solid rgba(246, 174, 0, 0.2); padding-left: 10px;} .search-field .form-control{border: none; font-size: 16px; padding: 20px 0; outline: none; box-shadow: none; color: #333;} .top-wrapper{position: relative; z-index: 60;} .top-wrapper-dark{position: absolute;left: 0; top: 0; width: 100%; z-index: 10;} .top-inner{position: relative; background: #fff; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.02);} .top-wrapper-dark .top-inner{background: none; box-shadow: none;} .top1-wrapper{} .top1{border-bottom: 1px solid rgba(246, 174, 0, 0.2); position: relative;} .top2-wrapper{} .top2{position: relative;} a.dropdown-toggle{ display: block; font-size: 14px; text-decoration: none; line-height: 64px; padding: 0px 30px; color: #333333;} .top-wrapper-dark a.dropdown-toggle{color: #fff;} .dropdown-toggle::after{content: "\f078"; font-family: "FontAwesome"; border: none; margin-left: 0; font-size: 10px; vertical-align: top; width: auto; padding-left: 3px;} .dropdown-toggle img{margin-right: 30px;vertical-align: middle; border-radius: 2px;} .dropdown-menu{margin: 0; padding: 0; border: none; background: #fff; border-radius: 0; border-top: 2px solid #7a9dca; box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1);} .dropdown-menu .dropdown-item{border-top: 1px solid #dddddd; text-decoration: none; display: block; padding: 15px 30px; color: #333333; font-size: 13px; line-height: 20px;} .dropdown-menu .dropdown-item:hover{background: #7a9dca; color: #fff;} .dropdown-menu .dropdown-item:first-child{border-top: none;} .dropdown-menu .dropdown-item img{margin-right: 30px; vertical-align: top; border-radius: 2px;} .currency{float: left;} .currency{width: 150px; text-align: center;} .currency .dropdown-menu{width: 100%; min-width: 0;} .currency .dropdown-menu .dropdown-item{text-align: center; padding-left: 5px; padding-right: 5px;} .language{float: left;border-left: 1px solid rgba(246, 174, 0, 0.2);} .language .dropdown-menu{width: 270px;} .search-open{float: right;} .top-wrapper-dark .search-open{color: #fff;} .social-wrapper{float: right; padding: 0 20px;border-left: 1px solid rgba(246, 174, 0, 0.2);} .social{display: block; padding: 0; margin: 0;list-style: none;} .social li{display: inline-block; padding: 0 5px;} .social li:first-child{} .social a{display: block; color: #333333; line-height: 64px; transition: all 0.3s ease-out; } .social a:hover{color: #7a9dca;} .top-wrapper-dark .social a{color: #fff;} .top-wrapper-dark .social a:hover{color: #7a9dca;} .account{float: right;} .account a.dropdown-toggle{padding-left: 0;} .account .dropdown-menu{width: 100%;} .account .dropdown-toggle img{border-radius: 50%; border: 2px solid #7a9dca;} .top-wrapper-dark .account .dropdown-toggle img{border-color: #fff;} header{position: absolute; left: 0; top: 50%; z-index: 30; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .top-wrapper-dark header{display: none;} /* ============================= content ====================== */ p { margin-top: 0; margin-bottom: 10px; font-weight: 300; color: #2d2d2d; } .bot1 p { color: #999999; } .breadcrumbs1_wrapper{position: relative;} .breadcrumbs1{padding: 15px 0; font-weight: 400; line-height: 20px; color: #7a9dca; font-size: 14px;} .breadcrumbs1 a{color: #8c8c8c; text-decoration: none; display: inline-block; } .breadcrumbs1 a:hover{color: #000; text-decoration: none;} .breadcrumbs1 span{display: inline-block; margin: 0 10px; color: #8c8c8c;} #content{position: relative; padding-top: 25px; padding-bottom: 100px;} .page-not-found{text-align: center;} .page-not-found .txt1{font-family: 'Oswald', sans-serif; font-size: 30px; text-transform: uppercase; color: #242d2e; padding: 50px 0;} .page-not-found .txt1 span{color: #7a9dca;} .page-numbers-wrapper{position: relative; background: #f8f8f8; padding: 55px 0;} .department1{position: relative; text-align: center;} .department1 figure{position: relative; display: inline-block; margin-bottom: 25px;} .department1 .caption{font-family: 'Oswald', sans-serif; font-size: 25px; color: #313131; font-weight: 400; letter-spacing: 2px;} .yjsg-round-progress{width:155px; height:155px; font-size:40px; color:#383838; font-family: 'Oswald', sans-serif; border-top-color:#7a9dca; border-bottom-color: #fff;} #our-team{position: relative; padding: 50px 0 30px;} .our-team-wrapper{position: relative;} .our-team-inner{position: relative;} .our-team{position: relative; text-align: center; background: #fff; margin-bottom: 30px; transition: all 0.3s ease-out; } .our-team:hover{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);} .our-team figure{position: relative; margin: 0;} .our-team figure img{width: 100%; position: relative;} .our-team .caption{padding: 20px 10px;} .our-team .caption .txt1{font-size: 20px; color: #242d2e; font-family: 'Oswald', sans-serif; letter-spacing: 1px;} .our-team .caption .txt2{font-size: 12px; color: #a4aeb0; font-family: 'Oswald', sans-serif; letter-spacing: 3px;} .our-team .social3-wrapper{opacity: 0; transition: all 0.3s ease-out; } .our-team:hover .social3-wrapper{opacity: 1;} .social3-wrapper{display: block; position: absolute; left: 0; width: 100%; bottom: 10%; text-align: center;} .social3{display: inline-block; padding: 10px; margin: 0;list-style: none; background: #fff;} .social3 li{display: inline-block; padding: 0 15px;} .social3 li:first-child{} .social3 a{display: block; color: #647072; font-size: 16px; line-height: 20px; transition: all 0.3s ease-out; } .social3 a:hover{color: #7a9dca;} .contact-location-wrapper{position: relative; padding-left: 150px; margin-bottom: 50px;} #google_map{position: relative; height: 300px; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); border: 15px solid #fff;} .contact-location{position: absolute; background: #fff; left: 0; top: 50%; width: 430px; box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.2); padding: 40px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .contact-location .txt1{font-family: 'Oswald', sans-serif; font-size: 12px; color: #999999; text-transform: uppercase; text-align: center; padding-bottom: 30px;} .contact-location .txt2{font-family: 'Oswald', sans-serif; font-size: 20px; color: #333333; text-transform: uppercase; line-height: 1.3;} .contact-location .txt3{color: #6b6b6b; font-size: 11px;} .contact-location .txt4{position: relative; font-size: 12px; margin: 30px 0; padding: 40px 0;} .contact-location .txt4:before{content: ''; display: block; width: 40px; height: 2px; background: #7a9dca; position: absolute; left: 0; top: 0;} .contact-location .txt4:after{content: ''; display: block; width: 40px; height: 2px; background: #7a9dca; position: absolute; left: 0; bottom: 0;} .dl1{padding: 0; margin: 0; font-size: 13px;} .dl1 dt{float: left; width: 100px; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap; color: #969696; font-weight: 600;} .dl1 dd{margin-left: 180px;} #content-wrapper{position: relative; overflow: hidden;} #content-wrapper:before{content: ''; display: block; width: 100%; height: 100%; background: #f7f7f7; position: absolute; left: 50%; top: 0; margin-left: 240px;} #content-inner{position: relative; padding-top: 25px; padding-bottom: 100px;} .blog-search{position: relative; background: #fff; padding: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); margin-bottom: 45px;} .blog-search .form-control{border: none; border-radius:0; color: #999999; padding: 17px 25px;} .blog-search .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;} .blog-search a{position: absolute; right: 0px; top: 0px; text-align: center; width: 60px; line-height: 60px; color: #999999; background: none;} .blog-search a:hover{color: #7a9dca; background: none;} .blog-search a i{font-size: 22px; line-height: 60px;} .sidebar-block{margin-bottom: 35px;} .sidebar-block:last-child{margin-bottom: 0px;} .sidebar-title{font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; color: white; text-align: center; font-size: 15px; padding: 5px; position: relative; margin-bottom: 10px;background-color:#f3A847;} .ul2{display: block; padding: 0; margin: 0; list-style: none;border:thin solid #f3a847} .ul2 li{display: block; padding: 5px 10px; margin: 0; border-bottom: 1px solid #dddddd;} .ul2 li:last-child{border:none;} .ul2 li:first-child{border-top: 1px solid #dddddd;} .ul2 li a{display: block; position: relative; font-size: 15px; padding: 10px 60px 10px 25px; text-decoration: none; color: #333333; transition: all 0.3s ease-out; } .ul2 li a:hover{color: #7a9dca;} .ul2 li a:before{content: ''; display: block; position: absolute; left: 0px; top: 15px; pointer-events: none; content: "\f138"; font-family: "FontAwesome"; line-height: 1;} .ul2 li a span{position: absolute; right: 5px; text-align: right; top: 10px; color: #999999;} .latest-tweet{padding-bottom: 15px;} .latest-tweet:last-child{padding-bottom: 0px;} .latest-tweet a{display: block; text-decoration: none;} .latest-tweet a .txt1{font-size: 15px; color: #1f1f1f; padding-bottom: 5px; font-weight: 500; transition: all 0.3s ease-out; } .latest-tweet a:hover .txt1{color: #7a9dca;} .latest-tweet a .txt2{color: #1a1a1a; line-height: 1.4; padding-bottom: 2px; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 14px; transition: all 0.3s ease-out; } .latest-tweet a:hover .txt2{color: #000;} .latest-tweet a .txt3{color: #7a9dca; font-size: 12px; position: relative; padding-left: 20px; transition: all 0.3s ease-out; } .latest-tweet a .txt3:before{content: ''; display: block; position: absolute; left: 0px; top: 5px; pointer-events: none; content: "\f14b"; font-family: "FontAwesome"; line-height: 1;} .latest-tweet a:hover .txt3{color: #4c4c4c;} .recent-post1{margin-bottom: 20px;} .recent-post1:last-child{margin-bottom: 0px;} .recent-post1 a{display: block; text-decoration: none;} .recent-post1 a figure{float: left; margin-right: 15px; margin-bottom: 0;} .recent-post1 a .caption{display: table; padding-top: 5px;} .recent-post1 a .caption .txt1{color: #333333; font-size: 15px; font-weight: 500; line-height: 1.4; padding-bottom: 10px; transition: all 0.3s ease-out; } .recent-post1 a:hover .caption .txt1{color: #7a9dca;} .recent-post1 a .caption .txt2{font-size: 11px; color: #6a6a6a; position: relative; padding-left: 20px; transition: all 0.3s ease-out; } .recent-post1 a:hover .caption .txt2{color: #000;} .recent-post1 a .caption .txt2:before{content: ''; display: block; position: absolute; left: 0px; top: 5px; pointer-events: none; content: "\f14b"; font-family: "FontAwesome"; line-height: 1;} .tags{display: block; padding: 0; margin: 0; line-height: 1;} .tags li{display: inline-block; padding-right: 10px; padding-bottom: 6px; vertical-align: top; } .tags li a{display: block; text-decoration: none; text-transform: uppercase; color: #999999; font-size: 14px; padding: 0; line-height: 1; transition: all 0.3s ease-out; } .tags li a:hover{color: #000;} .post{position: relative; margin-bottom: 50px;} .post-header{padding-bottom: 5px;} .post-image{} .post-image img{width: 100%;} .post-video{position: relative;} .post-video .img-inner{position: relative; padding-bottom: 56.25%;} .post-video iframe{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: none;} .post-additional{padding-bottom: 15px; color: #818181; font-size: 13px;} .post-story-body{padding-bottom: 0px; font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 300;} .post-more{} .post-more a{font-size: 15px; text-transform: uppercase; color: #4c4c4c; font-weight: 600; text-decoration: underline; transition: all 0.3s ease-out; } .post-more a:hover{color: #7a9dca;} .blockquote1{padding: 0; margin: 35px 0 0; border: 1px solid #ebebeb; padding: 50px 30px; font-size: 15px; color: #4c4c4c; font-style: italic; text-align: center; font-weight: 300; position: relative;} .blockquote1:before{content: ''; display: block; position: absolute; left: 0px; top: 5px; pointer-events: none; content: "\f10d"; font-family: "FontAwesome"; line-height: 1; font-style: normal; color: #7a9dca; font-size: 28px; line-height: 30px; top: -15px; padding: 0 10px; background: #fff; position: absolute; left: 50%; margin-left: -50px; width: 100px; text-align: center;} .comment-block{margin-bottom: 30px;} .comment-block figure{float: left; margin-right: 30px;} .comment-block figure img{} .comment-block .caption{overflow: hidden; } .comment-block .caption .txt1{padding-bottom: 5px; font-weight: 600; color: #333333; font-size: 14px;} .comment-block .caption .txt1 span{color: #8c8c8c; font-size: 12px; font-weight: 400;} .comment-block .caption .txt2{font-size: 12px; padding-bottom: 10px;} .comment-block .caption .txt3{font-family: "Roboto", sans-serif; font-size: 13px;} .pane1{margin-bottom: 15px;} .tabs2-wrapper{display: inline-block; vertical-align: top; padding-right: 25px; margin-bottom: 15px;} .tabs2-wrapper .tabs{display: inline-block; padding: 0; margin: 0; list-style: none; line-height: 0; font-size: 0;vertical-align: top;} .tabs2-wrapper .tabs li{display: inline-block; margin-right: 5px;} .tabs2-wrapper .tabs li a{display: block; background: #f4f4f4; line-height: 34px; padding: 0; width: 34px; text-align: center; color: #333e48; font-size: 14px;} .tabs2-wrapper .tabs li a:hover, .tabs2-wrapper .tabs li.active a{color: #fff; background: #06779c;} .sorting{display: inline-block; vertical-align: top; margin-right: 25px; margin-bottom: 15px;} .sorting a.dropdown-toggle{background: #f4f4f4; line-height: 34px;} .sorting .dropdown-menu{width: 100%;} .sortby{display: inline-block; vertical-align: top; margin-bottom: 15px;} .sortby a.dropdown-toggle{background: #f4f4f4; line-height: 34px;} .sortby .dropdown-menu{width: 100%;} .showing-results{float: right; color: #06779c; padding-top: 7px; font-size: 13px;} .showing-results span{color: #333333;} .pagination{float: left; display: block; border-radius: 0; margin-bottom: 0;} .page-item{display: inline-block; margin: 0 4px;} .page-link{margin-left: 0; background: #f4f4f4; border-radius: 0%; font-size: 14px; text-align: center; width: 35px; line-height: 35px; border: none; padding: 0; text-decoration: none; color: #333333;} .page-link:hover{background: #06779c; color: #fff;} .page-item.active .page-link{background: #7a9dca; color: #fff;} .page-item:first-child .page-link{margin-left: 0; border-radius: 0%;} .page-item:last-child .page-link{margin-right: 0; border-radius: 0%; margin-top: 5px;} .room-wide-wrapper{position: relative;} .room-wide-inner{position: relative;} .room-wide{position: relative; margin-bottom: 35px; background: #fff; padding: 20px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);} .room-wide figure{float: left; margin-right: 40px; margin-bottom: 0; width: 320px;} .room-wide .caption{display: table; padding-top: 10px;} .room-wide-columns{} .room-wide-left{float: left; width: 70%; padding-right: 7%;} .room-wide-right{float: right; width: 30%; text-align: right;} .room-wide .caption .txt1{font-size: 9px; color: #646464; padding-bottom: 5px;} .room-wide .caption .txt2{font-size: 27px; font-family: 'Oswald', sans-serif; color: #333333; text-transform: uppercase; position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 10px;} .room-wide .caption .txt2:after{content: ''; display: block; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; bottom: -1px;} .room-wide .caption a{text-decoration:none;} .room-wide-price{border-left: 2px solid #7a9dca; line-height: 1.4; padding-top: 5px; padding-left: 10px;} .room-wide .caption .txt3{font-family: 'Oswald', sans-serif; font-size: 32px; color: #06779c; text-transform: uppercase;} .room-wide .caption .txt4{text-transform: uppercase; font-size: 9px; color: #999999; letter-spacing: 2px;} .room-wide .caption .txt5{padding-top: 20px; padding-bottom: 15px; font-family: "Roboto", sans-serif; font-size: 14px;} .room-wide .caption .txt6{position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 10px;} .room-wide .caption .txt6:after{content: ''; display: block; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; bottom: -1px;} .room-wide .caption .txt6 a{text-decoration: underline; display: inline-block; position: relative; font-size: 13px; color: #7a9dca; font-weight: 600; transition: all 0.3s ease-out; } .room-wide .caption .txt6 a:hover{color: #06779c;} .room-wide .caption .txt6 a i{font-size: 20px; padding-left: 18px; vertical-align: middle;} .room-wide .caption .txt7{text-transform: uppercase; font-size: 9px; color: #3e3e3e; letter-spacing: 1px; padding-top: 5px; margin-bottom: 20px;} .room-wide .caption .txt7 span{color: #06779c;} .room-wide .caption .txt8{} .room-wide .caption .txt8 img{ margin: 0 5px 5px 0; max-width: 42px;} .room-wide .caption .txt9{} .room-wide .caption .txt9 a{display: block; text-align: center; text-decoration: underline; background: #f3A847; color: #fff; text-transform: uppercase; padding: 11px 3px; border-radius: 3px; font-size: 13px; transition: all 0.3s ease-out; } .room-wide .caption .txt9 a:hover{background: #7a9dca; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);} .our-rooms-wrapper{margin-bottom: 50px;} .our-rooms-left{float: left; width: 50%; position: relative; padding-left: 85px; padding-right: 25px;} .right .our-rooms-left{float: right; padding-left: 25px; padding-right: 85px;} .our-rooms-right{ float: left; width: 50%; padding-left: 25px; position: relative;} .right .our-rooms-right{ padding-left: 0px; padding-right: 25px;} .our-rooms-img{background: #fff; border: 15px solid #fff; box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.1); margin: 0; position: relative;} .our-rooms-img img{width: 100%;} .our-rooms-thumb{position: absolute;left: 0; top: 50%;border: 15px solid #fff; box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.1); margin: 0; width: 100px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .right .our-rooms-thumb{left: auto; right: 0;} .our-rooms-caption{padding-right: 110px; padding-top: 20px; min-height: 370px;} .right .our-rooms-caption{padding-right: 0; padding-left: 110px; text-align: right;} .our-rooms-caption .txt1{font-size: 11px; color: #646464; padding-bottom: 0px;} .our-rooms-caption .txt2{font-size: 25px; font-family: 'Oswald', sans-serif; color: #333333; text-transform: uppercase; padding-bottom: 5px;} .our-rooms-caption .txt3{font-family: "Roboto", sans-serif; font-weight: 400; font-size: 13px; color: #000; padding-bottom: 15px;} .our-rooms-caption .txt4{font-size: 9px; color: #3e3e3e; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 20px;} .our-rooms-caption .txt4 span{background: #06779c; display: inline-block; color: #fff; font-size: 12px; line-height: 20px; padding: 0 8px; margin: 0 3px; border-radius: 3px; font-weight: bold;} .our-rooms-icons{} .our-rooms-icon{position: relative; /*padding-left: 55px; */min-height: 37px; margin-bottom: 3px; line-height: 1.5;} .right .our-rooms-icon{padding-left: 0; padding-right: 55px;} .our-rooms-icon figure{margin: 0; max-width: 36px; position: absolute; left: 0; top: 0;} .right .our-rooms-icon figure{left: auto; right: 0;} .our-rooms-icon .our-rooms-icon-txt1{color: #333333; font-size: 15px; font-weight: 500;} .our-rooms-icon .our-rooms-icon-txt2{color: #6e6e6e; font-size: 13px;margin-left:22px;font-style:italic} .tabs .tab:nth-child(2) .our-rooms-icon .our-rooms-icon-txt2{margin-left:0px;} #tabs2-1 .our-rooms-icon .our-rooms-icon-txt1{font-size: 13px; font-weight: 500;} #tabs2-1 .our-rooms-icon .our-rooms-icon-txt2{font-size: 11px;margin-left:22px;} .our-rooms-details{position: absolute; right: 0; top: 0;} .right .our-rooms-details{right: auto; left: 0;} .our-rooms-details a{display: block; text-decoration: none; position: relative;} .our-rooms-details a .caption{display: block; position: relative; width: 75px; height: 320px; background: #fff; border-radius: 0px; margin-left: auto; color: #676767; border: 1px solid #b7b7b7; transition: all 0.3s ease-out; } .our-rooms-details a:hover .caption{background: #06779c; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); color: #fff; border-color: #06779c;} .right .our-rooms-details a .caption{margin-left: 0;} .our-rooms-details a .caption .txt1{position: absolute; width: 100%; left: 0; bottom: 30px; text-align: center; font-size: 22px; } .our-rooms-details a .caption .txt2{position: absolute; left: 46px; top: 30px; font-size: 11px; text-transform: uppercase; white-space: nowrap; letter-spacing: 3px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .our-rooms-details a .txt3{padding-top: 30px; color: #333333; text-transform: uppercase; font-size: 10px;} .our-rooms-details a .txt3 i{font-size: 13px; color: #7a9dca;} .slider2-wrapper{position: relative; overflow: hidden; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 25px;} .slider-for2{position: relative; border: 15px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);max-width:800px;} .slider-for2 .slider-item{outline: none;width:290px;} .slider-for2 img{max-height:500px;} .slider-nav2{position: absolute; right: 5px; top: 5px;} .slider-nav2 .slick-list{overflow: visible;} .slider-nav2 .slider-item{outline: none; float: none; border: none; padding-bottom: 23px;} .slider-nav2 .slider-item .slider-item-inner{position: relative;} .slider-nav2 .slider-item img{border: 15px solid #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); width: 100%; transition: all 0.3s ease-out; } .slider-nav2 .slider-item:hover img{border-color: #7a9dca;} .slider-nav2 .slider-item.slick-current img{border-color: #7a9dca;} .details-wrapper{min-height: 490px; padding-right: 200px; position: relative; margin-bottom: 0px;} .details-wrapper .txt1{font-size: 10px; color: #646464; text-transform: uppercase;} .details-wrapper .txt2{color: #333333; font-size: 30px; text-transform: uppercase; font-family: 'Oswald', sans-serif; padding-bottom: 25px;} .details-wrapper .txt21{color: #999999; font-size: 30px; text-transform: uppercase; font-family: 'Oswald', sans-serif; padding-bottom: 25px;} .details-wrapper .txt3{font-family: "Roboto", sans-serif; position: relative; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 17px 0; font-size: 15px; font-weight: 300;} .details-wrapper .txt3:before{content: ''; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; top: -1px;} .details-wrapper .txt3:after{content: ''; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; bottom: -1px;} .details-caption{display: block; position: absolute;right: 4px; top: 0; width: 138px; height: 490px; background: #fff; border-radius: 0px; margin-left: auto; color: #9a9a9a; border: 1px solid #b7b7b7;} .details-caption .txt1{position: absolute; width: 100%; left: 0; bottom: 35px; text-align: center; font-size: 25px; } .details-caption .txt2{position: absolute; left: 78px; top: 55px; font-size: 15px; text-transform: uppercase; white-space: nowrap; letter-spacing: 3px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .details-caption .txt21{position: absolute; left: 78px; top: 55px; font-size: 15px; text-transform: uppercase; white-space: nowrap; letter-spacing: 3px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .details2-wrapper{position: relative;border-bottom: 1px solid #eeeeee; padding-bottom: 40px; margin-bottom: 40px;} .details2-wrapper:after{content: ''; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; bottom: -1px;} .details2-info{text-align: left; padding-top: 30px;max-width: 250px;} .check1{background: url(../images/check1.png) right 3px top no-repeat; padding:3px 35px 3px 0; color: #474747; font-size: 10px; text-transform: uppercase; min-height: 23px; letter-spacing: 2px; margin-bottom: 20px;} .check1 span{color: #06779c;} .details2-link{display: inline-block; position: relative; text-align: center; background: #06779c; color: #fff; line-height: 70px; border-radius: 5px; text-transform: uppercase; padding: 0; text-decoration: none; transition: all 0.3s ease-out;margin-bottom:30px;width:100%; } .details2-link:hover{background: #7a9dca; color: #fff;} .details2-link:before{content: ''; display: block; left: 5px; top: 5px; right: 5px; bottom: 5px; border: 1px dashed #fff; position: absolute; border-radius: 5px;} .details2-link .txt1{font-size: 30px; position: relative; transition: all 0.3s ease-out; } .details2-link:hover .txt1{opacity: 0;} .details2-link .txt1 span{font-size: 12px; letter-spacing: 2px; display: inline-block; vertical-align: middle;} .details2-link .txt2{position: absolute; left: 0; top: 0; width: 100%; opacity: 0; font-size: 16px; text-decoration: underline; letter-spacing: 1px; transition: all 0.3s ease-out; } .details2-link:hover .txt2{opacity: 1;} .page-details #google_map{position: relative; height: 300px; box-shadow: none; border: 15px solid #e5e5e5; margin-bottom: 40px;} .share-to-frends-wrapper{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 18px 0; margin-bottom: 50px; font-family: 'Roboto', sans-serif; font-size: 12px;} .share-to-friends{float: left;} .share-to-friends-txt{display: inline-block; padding-right: 15px; vertical-align: top; text-transform: uppercase; font-weight: bold;} .share-to-friends-icons{display: inline-block; vertical-align: top;} .social4{ display: block; margin: 0; padding: 0; list-style: none;} .social4 li{display: inline-block; margin: 0px; border-left: 1px solid #eeeeee; float: left;} .social4 li:first-child{border-left: none;} .social4 li a{display: block; text-decoration: none; font-size: 16px; color: #333e48; text-align: center; line-height: 18px; padding: 0 15px; transition: all 0.3s ease-out; } .social4 li a:hover{color: #7a9dca;} .blog-tags{float: right;} .blog-tags-txt{display: inline-block; vertical-align: top; padding-right: 10px; text-transform: uppercase; font-weight: bold;} .blog-tags-tags{display: inline-block; vertical-align: top; color: #9f9f9f; font-style: italic;} .blog-tags-tags a{color: #626262; text-decoration: none;} .blog-tags-tags a:hover{color: #7a9dca;} .comment-block2{margin-bottom: 30px; padding-bottom: 60px; position: relative; border-bottom: 1px solid #eeeeee;} .comment-block2:after{content: ''; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; bottom: -1px;} .comment-block2 figure{float: left; margin-right: 20px;} .comment-block2 figure img{border-radius:50%; border: 3px solid #ee9c43;} .comment-block2 .caption{overflow: hidden; font-size: 14px; padding-top: 10px;} .comment-block2 .caption .txt1{padding-bottom: 10px; font-weight: 700; color: #333333; font-size: 14px;} .comment-block2 .caption .txt2{font-style: italic; font-size: 13px;} #home{position: relative; z-index: 1;} .home-inner{position: relative; z-index: 1;} #slides_wrapper{background: #000; z-index: 1;} .slide-text-wrapper{position: absolute; width: 100%; left: 0; top: 55%; z-index: 2; margin-top: -40px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .slide-text{text-align: center;} .slide-text h1, .slide-text h2{color:white;} .slide-text .img1 img{margin-left: auto; margin-right: auto; display: block;} .slide-text .txt1{padding-top: 30px;} .slide-text .txt1 span{font-size: 130px; color: #fff; font-family: "Oswald", sans-serif; margin-left: 33px; text-transform: uppercase; display: inline-block; font-weight: 500; letter-spacing: 0.2em; line-height: 1;} .slide-text .txt1 i{display: block; text-align: left; font-size: 0; line-height: 0; padding-left: 6px;} .slide-buttons-wrapper{border-top: 1px solid #034960; position: absolute; left: 0; width: 100%; bottom: 7%; z-index: 3; margin-bottom: 100px;} .slide-buttons{text-align: center; margin-top: -18px;} .slide-button{display: inline-block; padding: 0 20px; min-width: 160px;} .slide-button a{display: block; text-decoration: none; position: relative;} .slide-button a .ic{display: inline-block; background: #034960; border-radius: 50%; border: 1px solid #fff; transition: all 0.3s ease-out; } .slide-button a:hover .ic{background: #7a9dca; border-color: #7a9dca;} .slide-button a .hr{width: 80px; height: 3px; background: #06779c; position: absolute; left: 50%; margin-left: -40px; top: 16px; z-index: -1; transition: all 0.3s ease-out; } .slide-button a:hover .hr{background: #7a9dca;} .slide-button a .txt1{font-size: 18px; font-weight: 400; color: #fff; padding-top: 10px; transition: all 0.3s ease-out; } .slide-button a:hover .txt1{color: #7a9dca;} .booking-wrapper{position: absolute; left: 0; width: 100%; bottom: 7%; z-index: 5;} .booking2-wrapper{position: relative;} .main-booking-wrapper{background-color: #f8f9fa; padding: 20px;border-radius: 20px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2)} .booking-inner{position: relative; background: #fff; border-radius: 0; border: thin solid #dee2e6} /* ============================= select2 start ====================== */ .form1{display: block; padding: 0; position: relative;} .form1 label{display: none;} .form1 .col1{float: left; width: 12%;} .form1 .col2{float: left; width: 12%;} .form1 .col3{float: left; width: 12%;} .form1 .c1{border-right: 1px solid #dddddd;} .form1 .c2{border-right: 1px solid #dddddd;} .form1 .c3{border-right: 1px solid #dddddd;} .form1 .c4, .form1 .c3a{border-right: 1px solid #dddddd;} .form1 .c5{border-right: 1px solid #dddddd;} .form1 .c6{width:12%;} .form1 .c3a{width:16%;} .ui-datepicker{font-size: 14px; z-index: 100!important;} .btn-form1-submit{display: block; padding: 0; border: none; margin: 0; width: 100%; background: #7a9dca; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: underline; line-height: 50px;position: relative; cursor: pointer; transition: all 0.3s ease-out; } .btn-form1-submit:hover{background: #06779c;} .btn-form1-submit:focus{outline: none;} .btn-form1-submit:after{content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 100%; top: 0; background: inherit;} .input1_inner{position: relative; position: relative;} .input1_inner:after{content: ''; display: block; position: absolute; right: 30px; top: 15px; pointer-events: none; content: "\f073"; font-family: "FontAwesome"; font-size: 15px; color: #7a9dca; line-height: 1;} .input1_inner input{display: block; width: 100%; font-size: 13px; color: #333333; padding: 15px 50px 15px 10px; background: none; border: none; box-shadow: none; border-radius: 0;} .input1_inner input:focus{outline: none; box-shadow: none;} .select1_wrapper{margin-bottom: 0;} .select1_inner{position: relative;} .select1_inner:after{content: ''; display: block; position: absolute; right: 30px; top: 15px; pointer-events: none; content: "\f107"; font-family: "FontAwesome"; font-size: 13px; color: #333; line-height: 15px;} .select2{width: 100%;} .select2 *:focus{outline: none!important;} .select2-container--default .select2-results > .select2-results__options{max-height: 500px;} .select2-container--default .select2-selection--single{background: none;border-radius: 0; border: none; height: auto;} .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 13px; line-height: 19px; padding: 15px 50px 15px 10px; color: #333;} .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;} .select2-dropdown{background: none;border-radius: 0; z-index: 100; min-width: 0px; border: none; box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1); background: #fff;} .select2-container--open .select2-dropdown--above{border-bottom: 2px solid #7a9dca; } .select2-container--open .select2-dropdown--below{border-top: 2px solid #7a9dca; } .select2-results__option{padding: 15px 30px; background: #fff; font-size: 13px; line-height: 20px; color: #333333; border-top: 1px solid #dddddd;} .select2-results__option:first-child{border-top: none;} .small .select2-results__option { padding-left: 0; } .select2-container--default .select2-results__option[aria-selected=true]{background: #7a9dca; color: #fff;} .select2-container--default .select2-results__option--highlighted[aria-selected]{background: #7a9dca; color: #fff;} /* ============================= select2 end ====================== */ #about{position: relative; padding: 50px 0 70px;} .page-about #about{padding-top: 25px;} .about-slider-wrapper{} .about-slider-left{float: left; width: 50%; position: relative; padding-left: 80px; padding-right: 25px;} .about-slider-right{ float: left; width: 50%; padding-left: 25px;} .about-slider-thumb{position: absolute;left: 0; top: 50%;border: 15px solid #fff; box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.1); margin: 0; width: 95px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .slider-for{background: #fff; border: 15px solid #fff; box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.1);} .slider-for .slider-item{outline: none;} .slider-for img{width: 100%;} .slider-nav{} .slider-nav .slider-item{outline: none; padding-top: 20px;} .slider-nav .txt1{font-family: 'Oswald', sans-serif; font-size: 32px; color: #333333; line-height: 1.2; padding-bottom: 30px;} .slider-nav .txt2{ padding-bottom: 30px; font-family: "Roboto", sans-serif; font-size: 15px;} .slider-nav .txt3{ color: #333333; text-transform: uppercase;} .slider-nav .txt4{ color: #333333; text-transform: uppercase; font-weight: 500; font-size: 11px;} .slider-nav .txt5{ color: #7a9dca; text-transform: uppercase; font-weight: 500; font-size: 11px;} #rooms{position: relative; padding: 50px 0 30px; background: #ffffff;} .room-wrapper{position: relative;} .room-inner{position: relative;} .room{position: relative; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); margin-right: 50px; margin-bottom: 50px;} .room figure{margin: 0; position: relative;} .room figure img{position: relative; width: 320px;height:250px;} .room figure figcaption{position: absolute; left: 0; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 0 50px 0 50px; color: #fff; text-transform: uppercase; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); font-weight: 600; line-height: 1.3; letter-spacing: 1px;} .room figure figcaption .txt1{font-size: 18px; font-family: "Oswald", sans-serif;} .room figure figcaption .txt2{font-size: 10px;} .room .caption{padding: 30px 50px 30px 50px;} .room .caption .txt1{font-size: 19px; font-family: "Oswald", sans-serif;} .room .caption .txt2{font-size: 9px; color: #646464; padding-bottom: 8px;} .small-stars{display: inline-block; color: #feb200; padding-left: 10px;} .room .caption .txt3{font-size: 13px; color: #5f5f5f; padding-bottom: 15px; font-family: "Roboto", sans-serif;} .room .caption .txt4{} .room .caption .txt4 a{text-decoration: underline; display: inline-block; position: relative; font-size: 12px; color: #7a9dca; font-weight: 600; transition: all 0.3s ease-out; } .room .caption .txt4 a:hover{color: #06779c;} .room .caption .txt4 a i{font-size: 16px; padding-left: 18px; vertical-align: middle;} .room .select-txt{position: relative;} .room .select-txt a{display: block; text-decoration: underline; padding: 15px 60px 15px 50px; background: #7a9dca; color: #fff; font-size: 16px; transition: all 0.3s ease-out; } .room .select-txt a:hover{background: #06779c;} .room .select-txt a span{display: inline-block; position: relative; padding-right: 30px;} .room .select-txt a i{position: absolute; top: 6px; right: 0; transition: all 0.3s ease-out; } .room .select-txt a:hover i{margin-right: -10px;} .room .room-icons{position: absolute; width: 75px; background: #fff;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); position: absolute; right: -38px; bottom: 0; text-align: center;} .room-icons{} .room-price{background: #06779c; color: #fff; text-transform: uppercase; padding: 16px 2px;} .room-price .txt1{font-size: 20px; font-family: "Oswald", sans-serif;} .room-price .txt1 span{font-weight: 500; font-family: "Oswald", sans-serif;} .room-price .txt2{font-size: 9px;} .room-ic{position: relative; text-align: center; border-bottom: 1px solid #dcdcdc; text-transform: uppercase; color: #999999; font-size: 9px; line-height: 1.2; padding: 17px 2px;} .room-ic i{color: #555555; padding-bottom: 5px;} .room-ic.room-ic-wifi i{font-size: 25px;} .room-ic.room-ic-person i{font-size: 18px;} .room-ic.room-ic-breakfast i{font-size: 25px;} .room-ic.room-ic-left .txt0{font-size: 14px; font-family: "Oswald", sans-serif; font-weight: 700; color: #555555;} .room-ic.room-ic-refund i{font-size: 20px;} .room-ic.room-ic-discount .txt0{font-size: 30px; font-family: "Oswald", sans-serif; font-weight: 700; color: #555555;} .room-ic.room-ic-discount .txt0 span{font-size: 14px;} #best-places{position: relative; padding: 50px 0 120px 0; overflow: hidden;background: #f8f8f8} #best-places .title1{text-align: left; padding-bottom: 0px; font-size: 30px;} #best-places .title2{text-align: left; background: none; font-size: 13px; margin-bottom: 20px;} .owl-carousel-wide .owl-stage-outer{overflow: visible;} .owl-carousel-wide .owl-dots{display: none;} .place-wrapper{position: relative;} .place-inner{position: relative;} .place{position: relative; background: #fff; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3); min-height: 570px;} .place .caption{float: left; width: 55%; padding: 50px;} .place .figure{width: 45%; position: absolute; right: 50px; top: 50px; padding-left: 50px; margin: 0;} .place .figure img{border: 15px solid #fff; width: 100%; box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3); display: block;} .place .caption .txt1{font-size: 12px; color: #444444; text-transform: uppercase; font-weight: 400; padding-bottom: 50px;} .place .caption .text-block1{line-height: 1.2; padding-bottom: 40px;} .place .caption .text-block1-inner{display: inline-block; border-right: 2px solid #7a9dca; padding-right: 20px;} .place .caption .txt2{font-family: 'Oswald', sans-serif; font-size: 33px; color: #333333;} .place .caption .txt3{font-size: 12px; color: #333333; text-transform: uppercase; margin-top: 5px; line-height: 18px;} .place .caption .txt3 i{color: #7a9dca; padding-right: 10px;} .place .caption .txt4{border-top: 1px solid #eeeeee; padding-top: 50px; font-family: 'Roboto', sans-serif; color: #000000; font-style: italic; font-weight: 400; font-size: 15px; position: relative; padding-bottom: 50px;} .place .caption .txt4:before{content: ''; display: block; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; top: -1px;} .place .caption .txt5{} .rest1{display: inline-block; position: relative; padding-right: 20px; padding-bottom: 15px;} .rest1 figure{margin: 0 15px 0 0; float: left;} .rest1 .rest1-caption{display: table; line-height: 1.2;} .rest1 .rest1-caption .rest1-txt1{font-size: 20px; color: #333333; font-weight: 700;} .rest1 .rest1-caption .rest1-txt2{text-transform: uppercase; color: #7f7f7f; font-size: 13px;} #what-client-say{position: relative; background: #ffffff; padding: 50px 0;} .testimonial-wrapper{position: relative;} .testimonial-inner{position: relative;} .testimonial{position: relative;} .testimonial .testimonial-caption{background: #fff; padding: 30px; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 14px; color: #000000; font-style: italic; position: relative; margin-bottom: 30px; transition: all 0.3s ease-out; } .testimonial .testimonial-caption:after{content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; position: absolute; left: 60px; top: 100%; transition: all 0.3s ease-out; } .center .testimonial .testimonial-caption{background: #7a9dca;box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3); font-weight:300; color: #fff;} .center .testimonial .testimonial-caption:after{border-color: #7a9dca transparent transparent transparent;} .testimonial .author{} .testimonial .author figure{float: left; margin: 0 15px 0 35px; width: 70px;} .testimonial .author figure img{border-radius: 50%;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);} .testimonial .author .caption{display: table; padding-top: 10px;} .testimonial .author .caption .txt1{color: #333333; font-size: 15px; font-weight: bold;} .testimonial .author .caption .txt2{color: #7d7d7d; font-size: 12px; font-style: italic;} .owl-carousel-testimonials .owl-dots{text-align: center; padding-top: 50px;} .owl-carousel-testimonials button.owl-dot{display: inline-block; background: #06779c; width: 16px; height: 16px; margin: 0 10px; vertical-align: middle; border: 4px solid #f8f8f8; transition: all 0.3s ease-out; } .owl-carousel-testimonials button.owl-dot:focus{outline: none;} .owl-carousel-testimonials button.owl-dot.active, .owl-carousel-testimonials button.owl-dot:hover{background: #7a9dca; border-color: #7a9dca; width: 16px; height: 16px; margin: 0 10px;} #latest-news, #boat-types, #what-we-do{position: relative; padding: 50px 0 80px;} #latest-news{background: #f8f8f8} #boat-types{background: #ffffff} #what-we-do{background: #f8f8f8} .latest-news-wrapper{position: relative;} .latest-news-inner{position: relative;} .latest-news{position: relative;} .latest-news figure{border: 15px solid #fff; background: #fff; margin: 0;box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3); margin: 0 0 -35px 0;} .latest-news figure img{width: 100%;} .latest-news .caption{background: #fff; position: relative;box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.3); margin-left: 15px; margin-right: 15px; padding: 20px 10%;} .latest-news .caption .txt1{font-family: "Oswald", sans-serif; font-size: 20px; color: #333333;} .latest-news .caption .txt1 a{color: #333333; text-decoration: none; transition: all 0.3s ease-out; } .latest-news .caption .txt1 a:hover{color: #7a9dca;} .latest-news .caption .txt2{font-size: 15px; font-family: "Roboto", sans-serif; font-weight: 300; color: #000; letter-spacing: -0.09px;} /* ============================= footer ====================== */ .bot1-wrapper{background: #333333;} .bot1{padding: 60px 0 35px; text-align: center; color: #a4aeb0;} .social2{ display: inline-block; margin: 30px 0 20px; padding: 0; list-style: none;} .social2 li{display: inline-block; margin: 0px; float: left;} .social2 li:first-child{border-left: none;} .social2 li a{display: block; text-decoration: none; font-size: 14px; color: #a4aeb0; text-align: center; line-height: 28px; width: 30px; border: 1px solid #a4aeb0; border-radius: 50%; margin: 5px 10px; position: relative; z-index: 0; transition: all 0.3s ease-out; } .social2 li a:hover{color: #7a9dca; border-color: #7a9dca;} .social2 li a:before{display: block; content: ''; width: 6px; top: -4px; bottom: -4px; background: #333333; position: absolute; z-index: -1; left: 50%; margin-left: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .bot2-wrapper{background: #333333;} .bot2{border-top: 1px solid #484848; border-bottom: 1px solid #484848; padding: 20px 0 40px; } .bot2-title{text-transform: uppercase; color: #7a9dca; font-family: 'Oswald', sans-serif; font-size: 16px; padding: 30px 0 20px;} .contact1{padding-bottom: 17px;color: #a4aeb0;} .contact1 a{color: #a4aeb0;} .contact1 b{color: #7a9dca;} .recent-post{padding-bottom: 20px;} .recent-post a{display: block; text-decoration: none; line-height: 1.5;} .recent-post a figure{float: left; margin: 0 15px 0 0;} .recent-post a .caption{display: table;} .recent-post a .caption .txt1{color: #fff; transition: all 0.3s ease-out; } .recent-post a:hover .caption .txt1{color: #a4aeb0;} .recent-post a .caption .txt2{color: #a4aeb0; font-size: 14px; transition: all 0.3s ease-out; } .recent-post a:hover .caption .txt2{color: #7a9dca;} .bot3-wrapper{background: #333333; padding: 40px 0; text-align: center;} .best1{padding: 0; margin: 0; list-style: none;} .best1 li{display: block; float: left; padding: 0 22px 20px 0} .best1 li a{display: block; background: #7a9dca;} .best1 li a img{position: relative; transition: all 0.3s ease-out; } .best1 li a:hover img{opacity: 0.7;} .menu-bot{padding: 0; margin: 0; list-style: none; display: block; color: #a4aeb0;} .menu-bot li{display: inline-block; padding: 5px 0;} .menu-bot li a{display: inline-block; font-family: "Oswald", sans-serif; color: #a4aeb0; text-decoration: none;} .menu-bot li a:hover{color: #7a9dca;} .menu-bot li:before{content: '|'; display: inline-block; padding: 0 10px 0 8px;} .menu-bot li:first-child:before{display: none;} .copyrights{padding-top: 10px; font-size: 14px; color: #808080;} .copyrights i{color: #7a9dca;} .copyrights a{color: #7a9dca; text-decoration: none;} /* ============================= main menu ====================== */ .navbar_{display: block; float: right; padding: 0; position: static;} .navbar_ .navbar-toggler{float: right; padding: 4px 4px; font-size: 20px; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 2px; margin: 0; color: rgba(255,255,255,.5); margin-top: 25px; margin-bottom: 25px;} .top-wrapper-dark .navbar_ .navbar-toggler{border-color: rgba(0, 0, 0, 0);} .navbar_ .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} .top-wrapper-dark .navbar_ .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} .navbar_ .navbar-collapse{clear: both;} .navbar_ .navbar-nav{display: block; padding: 0; margin: 0;} .navbar_ .navbar-nav > li{display: block; float: left; white-space: nowrap; margin-left: 20px;} .navbar_ .navbar-nav > li:first-child{margin-left: 0;} .navbar_ .navbar-nav > li > .nav-link i{padding-left: 3px} .top-wrapper-dark .navbar_ .navbar-nav > li > .nav-link{color: #fff!important; line-height: 72px;} .navbar_ .navbar-nav > li > .nav-link{display: block; text-decoration: none; font-family: 'Oswald', sans-serif; font-size: 19px; line-height: 132px; padding: 0 10px; margin: 0; color: #333333; border-bottom: 2px solid transparent; transition: all 0.3s ease-out; } .navbar_ .navbar-nav > li > .nav-link:focus{color: #333333;border-bottom-color: transparent;} .navbar_ .navbar-nav > li > .nav-link:hover, .navbar_ .navbar-nav > li.sfHover > .nav-link, .navbar_ .navbar-nav > li.sfHover > .nav-link:hover, .navbar_ .navbar-nav > li > .nav-link.active, .navbar_ .navbar-nav > li > .nav-link.active:hover, .navbar_ .navbar-nav > li > .nav-link.active:focus{color: #333333; border-bottom-color: #7a9dca;} .navbar_ .navbar-nav > li.sub-menu-2{position: relative;} .sf-mega{display: none;position: absolute; left: 50%; margin-top: -2px; background: #fff; border-radius: 0; border-top: 2px solid #7a9dca; box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .sf-mega ul{display: block; padding: 0; margin: 0; list-style: none;} .sf-mega ul li{display: block; position: relative;border-top: 1px solid #dddddd;} .sf-mega ul li:first-child{border-top: none;} .sf-mega ul li a i{position: absolute; right: 30px; top: 18px} .sf-mega ul li a{padding: 15px 50px 15px 30px; color: #333333; font-size: 13px; line-height: 20px; display: block; text-decoration: none; position: relative; transition: all 0.3s ease-out; } .sf-mega ul li a:hover{background: #7a9dca; color: #fff;} .sf-mega ul li .sf-mega{left: 100%; right: auto; top: 0; margin-top: -2px; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* ============================= main layout ====================== */ h2{font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 30px; color: #333333; padding: 0; margin: 15px 0 10px;} h2 a{color: #333333; text-decoration: none; transition: all 0.3s ease-out; } .title0{text-align: center; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; color: #7a9dca; text-transform: uppercase; padding-top: 0px; padding-bottom: 0px; letter-spacing: 3px;} .title1{text-align: center; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 34px; color: #333333; text-transform: uppercase; padding-top: 0px; padding-bottom: 0px;} .title2{font-size: 15px; text-align: center; color: #333333; font-weight: 400; padding-bottom: 20px; margin-bottom: 40px; background: url(../images/wave-yellow.png) center bottom no-repeat;} .title3{position: relative; border-bottom: 1px solid #eeeeee; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 20px; color: #333333; text-transform: uppercase; padding-top: 0px; padding-bottom: 20px; margin-bottom: 30px;} .title3:after{content: ''; display: block; width: 50px; height: 1px; background: #7a9dca; position: absolute; left: 0; bottom: -1px;} .title3 span{color: #8c8c8c; font-size: 16px;} /* === */ /*-----btn-----*/ .btn1{display: inline-block; text-decoration: none; color: #fff; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; padding: 13px 30px; text-transform: uppercase; position: relative; border: none; background: #252525; letter-spacing: 2px; transition: all 0.3s ease-out; } .btn1:hover{color: #fff; background: #7a9dca;} .btn2{display: inline-block; text-decoration: none; color: #fff; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 20px; padding: 22px 50px; text-transform: uppercase; position: relative; border: none; background: #06779c; letter-spacing: 1px; border-radius: 3px; transition: all 0.3s ease-out; } .btn2:hover{color: #fff; background: #7a9dca; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} /*================= Contacts =========================*/ #note{ } .notification_error{ color:#f00; padding-bottom:10px; } .notification_ok{ text-align: left; padding-bottom:10px; } #ajax-contact-form .form-group{margin-left: 0; margin-right: 0;} #ajax-contact-form .form-group label{color: #333333; font-weight: 400; font-size: 14px;} #ajax-contact-form .form-group label span{color: #fcb100;} #ajax-contact-form .form-control{padding: 8px 12px; font-size: 14px; line-height: 20px; color: #333333; background: #fff; ; border: 1px solid #ebebeb;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #ajax-contact-form .form-control:focus{border-color: #fcb100; background: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(246, 99, 1, 0); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(246, 99, 1, 0); color: #000;} #ajax-contact-form textarea.form-control {height: 126px;} #ajax-contact-form .form-group.capthca{float: left; margin-right: 20px;} #ajax-contact-form .form-group.capthca input{width: 170px;} #ajax-contact-form .form-group.img{float: left;} #ajax-contact-form .form-group.img img{width:170px; height:38px;} .btn-default.btn-cf-submit{ font-family: 'Roboto', sans-serif; display: block; color: #fff; border: none; font-size: 14px; line-height: 20px; font-weight: 400; padding: 15px 35px; text-decoration: none; border-radius:3px; margin-top: 10px; margin-bottom: 0px;background: #06779c; position: relative; text-align: center; text-transform: uppercase; cursor: pointer; float: right; transition: all 0.3s ease-out; } .btn-default.btn-cf-submit:hover{color: #fff; background: #fcb100;} /*================= Contacts3 =========================*/ #note3{ } .notification_error3{ color:#f00; padding-bottom:10px; } .notification_ok3{ text-align: left; padding-bottom:10px; } #ajax-contact-form3 .form-group{margin-left: 0; margin-right: 0;} #ajax-contact-form3 .form-group label{color: #333333; font-weight: 400; display: none;} #ajax-contact-form3 .form-group label span{color: #d74c4c;} #ajax-contact-form3 .form-control{padding: 8px 15px; font-size: 14px; line-height: 20px; color: #333333; background: #fff; ; border: 1px solid #ebebeb;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;} #ajax-contact-form3 .form-control:focus{border-color: #7a9dca; background: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(246, 99, 1, 0); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(246, 99, 1, 0); color: #000;} #ajax-contact-form3 textarea.form-control {height: 180px;} #ajax-contact-form3 .form-group.capthca{float: left; margin-right: 20px;} #ajax-contact-form3 .form-group.capthca input{width: 170px;} #ajax-contact-form3 .form-group.img{float: left;} #ajax-contact-form3 .form-group.img img{width:170px; height:38px;} .btn-default.btn-cf-submit3{ font-family: 'Roboto', sans-serif; display: block; color: #fff; border: none; font-size: 16px; line-height: 20px; font-weight: 400; padding: 15px 35px; text-decoration: none; border-radius:3px; margin-top: 5px; margin-bottom: 0px;background: #7a9dca; position: relative; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .btn-default.btn-cf-submit3:hover{color: #fff; background: #06779c;} /*----- media queries ------*/ @media (max-width: 1430px) { .sf-mega ul li .sf-mega{left: auto; right: 100%;} } @media (min-width: 1260px) { } @media (max-width: 1259.98px) { element.style { } .details-wrapper { min-height: 490px; padding-right: 200px; position: relative; margin-bottom: 30px; } .about-slider-left{padding-left: 65px;} .about-slider-thumb{width: 80px;} .room .select-txt a{padding-left: 20px; font-size: 14px;} .room .caption .txt3{font-size: 14px; color: #7e7e7e; padding-bottom: 15px; font-family: "Roboto", sans-serif;} .room .caption{padding-left: 20px;} .room figure figcaption{padding-left: 20px;} .room .caption .txt1{font-size: 18px;} .room .room-ic{padding-top: 10px; padding-bottom: 10px;} .place .caption{width: 50%;} .place .figure{width: 50%;} #content-wrapper:before{margin-left: 200px;} .room-wide .caption .txt2{font-size: 22px;} .room-wide .caption .txt3{font-size: 26px;} .our-rooms-caption .txt2{font-size: 24px;} .our-rooms-left{padding-left: 60px;} .our-rooms-thumb{width: 75px;} .right .our-rooms-left{padding-right: 60px;} .slider-nav2 .slider-item{} .page-not-found .txt1{padding: 60px 0;} #about{padding: 50px 0;} #rooms{padding: 50px 0 50px;} #best-places{padding: 50px 0;} #what-client-say{padding: 50px 0;} #latest-news{padding: 50px 0;} #content{padding: 25px 0 80px;} .page-about #about{padding-top: 60px;} .page-numbers-wrapper{padding: 80px 0 50px;} #our-team{padding: 100px 0 70px;} #content-inner{padding: 60px 0 80px;} .blog-search{margin-bottom: 50px;} .booking2-wrapper{margin-bottom: 30px;} .slider2-wrapper{margin-bottom: 20px;} .room{margin-bottom: 40px;} .room-wide{margin-bottom: 40px;} .our-rooms-wrapper{margin-bottom: 60px;} } @media (min-width: 992px) { } @media (min-width: 992px) and (max-width: 1259.98px) { } @media (max-width: 991.98px) { .social-wrapper{display: none;} .navbar_ .navbar-nav > li{margin-left: 0;} .navbar_ .navbar-nav > li > .nav-link{padding-left: 5px; padding-right: 5px; font-size: 16px;} .btn-form1-submit:after{background: none;} .slide-text .txt1 span{font-size: 70px; margin-right: 17px;} .slide-text .txt1 i{display: none;} .slide-buttons-wrapper{margin-bottom: 140px;} .about-slider-left{width: auto; padding-right: 0; float: none;} .about-slider-right{padding-left: 0; width: auto; float: none; padding-top: 20px;} .about-slider-left{padding-left: 95px;} .about-slider-thumb{width: 110px;} .place{padding: 50px;} .place .caption{float: none; padding: 0; width: auto;} .place .figure{position: relative; right: auto; top: auto; width: 100%; padding-left: 0;} #content-wrapper:before{margin-left: 150px;} .room-wide figure{float: none; width: auto; margin-right: 0; margin-bottom: 15px;} .room-wide figure img{width: 100%;} .our-rooms-left{float: none; width: auto; padding-right: 0; padding-left: 95px; margin-bottom: 30px;} .our-rooms-thumb{width: 110px;} .our-rooms-right{float: none; padding-left: 0; width: auto;} .slider-nav2 .slider-item{padding-bottom: 20px;} .share-to-friends {float: none; padding-bottom: 10px;} .blog-tags{float: none;} .right .our-rooms-left{float: none; padding-left: 0; padding-right: 95px;} .right .our-rooms-right{padding-right: 0;} .page-not-found .txt1{padding: 50px 0;} #about{padding: 80px 0;} #rooms{padding: 80px 0 30px;} #best-places{padding: 80px 0;} #what-client-say{padding: 80px 0;} #latest-news{padding: 80px 0;} #content{padding: 20px 0 60px;} .page-about #about{padding-top: 40px;} .page-numbers-wrapper{padding: 60px 0 30px;} #our-team{padding: 80px 0 50px;} #content-inner{padding: 40px 0 60px;} .blog-search{margin-bottom: 40px;} .booking2-wrapper{margin-bottom: 40px;} .our-rooms-wrapper{margin-bottom: 40px;} } @media (min-width: 768px) { } @media (min-width: 768px) and (max-width: 991.98px) { .form1 .col1{width: 50%; border-bottom: 1px solid #dddddd;} .form1 .c2{border-right: none;} .form1 .col2{width: 25%;} .form1 .col3{width: 25%;} .details2-link{padding: 0 15px;} } @media (max-width: 767.98px) { .top1-wrapper { display: none; } .navbar_ { float: none; } .navbar_ .navbar-collapse { position: absolute; left: 0; width: 100%; background: #fff; top: 100%; padding: 0 15px; box-shadow: 0px 10px 20px #44444438; } .navbar_ .navbar-nav { height: auto; max-height: calc(100vh - 90px); overflow: scroll; } .navbar_ .navbar-nav > li { float: none; margin-left: 0; } .navbar_ .navbar-nav > li > .nav-link { line-height: 40px; padding-left: 0; } .top-wrapper-dark .navbar_ .navbar-nav > li > .nav-link { line-height: 40px; color: #333 !important; } .sf-mega { position: relative; left: auto; right: auto; max-width: none; top: auto; padding: 0; box-shadow: none; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .sf-mega-menu li a { padding-top: 4px; padding-bottom: 4px; } .navbar_ .navbar-nav > li.sub-menu-2 .sf-mega { padding: 0; } .navbar_ .navbar-nav > li.sub-menu-2 .sf-mega ul li .sf-mega { left: 0; right: auto; margin-left: 0; margin-top: 0; } .form1 .col1 { width: 100%; border-right: 0; border-bottom: 1px solid #dddddd; } .form1 .col2 { width: 100%; border-right: 0; border-bottom: 1px solid #dddddd; } .form1 .col3 { width: 100%; border-right: 0; } .btn-form1-submit:after { background: none; } .booking-wrapper { position: relative; bottom: auto; padding: 30px 0 0; } .slide-buttons-wrapper { display: none; } .slide-text-wrapper { margin-top: 0; } .slide-text .txt1 { display: none; } .about-slider-thumb { display: none; } .about-slider-left { padding-left: 0; } .contact-location-wrapper { padding-left: 0; } .contact-location { position: relative; left: 0; top: 0; width: auto; margin-top: 30px; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .dl1 dd { margin-left: 120px; } #content-wrapper:before { display: none; } .content-part { margin-bottom: 30px; } .sidebar-part { margin-bottom: 30px; } .our-rooms-thumb { display: none; } .our-rooms-left { padding-left: 0; } .slider-nav2 { position: relative; right: auto; top: auto; margin-left: -10px; margin-right: -10px; } .slider-nav2 .slider-item { float: left; } .slider-nav2 .slider-item .slider-item-inner { padding: 10px; } .slider-nav2 .slick-list { overflow: hidden; } .slider2-wrapper { position: relative; padding: 0; overflow: visible; } .slider-nav2 { margin-top: 20px; } .details-caption { display: none; } .details-wrapper { padding-right: 0; } .right .our-rooms-left { padding-right: 0; } .top-wrapper-dark header { display: block; } .title1 { font-size: 26px; } #best-places .title1 { font-size: 24px; } .slider-nav .txt1 { font-size: 26px; } #best-places .title2 { padding-bottom: 25px; margin-bottom: 25px; } .place { padding: 30px; } .latest-news-wrapper { margin-bottom: 30px; } .bot1 { padding: 30px 0 5px; } .bot2 { padding: 0 0 10px; } .bot3-wrapper { padding: 15px 0; } .page-not-found .txt1 { padding: 40px 0; font-size: 24px; } .department1 .caption { font-size: 20px; } #about { padding: 50px 0; } #rooms { padding: 50px 0 10px; } #best-places { padding: 50px 0; } #what-client-say { padding: 50px 0; } #latest-news { padding: 50px 0; } #content { padding: 20px 0 50px; } .page-about #about { padding-top: 20px; } #our-team { padding: 50px 0 30px; } #content-inner { padding: 20px 0 40px; } .blog-search { margin-bottom: 30px; } .sidebar-block { margin-bottom: 30px; } .post { margin-bottom: 30px; } .post-additional { padding-bottom: 10px; } .post-story-body { padding-bottom: 0px; } .post-header { padding-bottom: 10px; } h2 { font-size: 24px; } .slider2-wrapper { margin-bottom: 20px; } .share-to-frends-wrapper { margin-bottom: 30px; } .comment-block2 { padding-bottom: 30px; } .room { margin-bottom: 30px; } .room-wide { margin-bottom: 30px; } .our-rooms-wrapper { margin-bottom: 30px; } } @media (min-width: 992px) and (max-width: 1260px) { .room-wide .caption .txt5 { padding-top: 20px; padding-bottom: 15px; font-family: "Cooper Hewitt"; font-size: 13px; } .room-wide .caption .txt7 { text-transform: uppercase; font-size: 9px; color: #999999; letter-spacing: 1px; padding-top: 5px; margin-bottom: 20px; } .slider-nav .txt2 { padding-bottom: 0px; font-size: 13px; font-family: "Roboto", sans-serif;; } .slider-nav .txt1 { font-family: 'Oswald', sans-serif; font-size: 25px; color: #333333; line-height: 1.2; padding-bottom: 20px; } } @media (max-width: 325px) { .room-wide .caption .txt8 img { margin: 0 4px 0px 0; max-width: 42px; } .page-item{display: inline-block; margin: 0 1px;} } @media (max-width: 340px) { .room .select-txt a { padding-left: 20px; font-size: 12px; } } @media (max-width: 575.98px) { .room-wide-left{float: none; width: auto; padding-right: 0; margin-bottom: 15px;} .room-wide-right{float: none; width: auto; text-align: left;} .dl1 dt{float: none; width: auto;} .dl1 dd{margin-left: 0;} .room .caption .txt3 { font-size: 12px; color: #7e7e7e; padding-bottom: 15px; font-family: "Roboto", sans-serif; } } @media (min-height: 768px) and (max-height: 1000px) { .slide-text .txt1 { padding-top: 30px; margin-bottom: 60px; } } @media (max-height: 770px) { .slide-text .txt1 i{display: none;} } @media (max-height: 680px) { .slide-text .txt1{display: none;} .title2 { font-size: 14px; text-align: center; color: #333333; padding-bottom: 20px; margin-bottom: 25px; background: url(../images/wave-yellow.png) center bottom no-repeat; } } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; } .tooltip:hover .tooltiptext { visibility: visible; } /********************** /***** Services ******* /*********************/ section .section-title{ text-align:center; color:#7a9dca; margin-bottom:50px; text-transform:uppercase; } #what-we-do{ background:#f8f8f8; } #what-we-do .card{ padding: 1rem!important; border: none; margin-bottom:1rem; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #what-we-do .card:hover{ -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); } #what-we-do .card .card-block{ padding-left: 50px; position: relative; } #what-we-do .card .card-block a{ color: #7a9dca !important; font-weight:700; text-decoration:none; } #what-we-do .card .card-block a i{ display:none; } #what-we-do .card:hover .card-block a i{ display:inline-block; font-weight:700; } #what-we-do .card .card-block:before{ font-family: FontAwesome; position: absolute; font-size: 39px; color: #7a9dca; left: 0; -webkit-transition: -webkit-transform .2s ease-in-out; transition:transform .2s ease-in-out; } #what-we-do .card .block-1:before{ content: "\f0e7"; } #what-we-do .card .block-2:before{ content: "\f0eb"; } #what-we-do .card .block-3:before{ content: "\f00c"; } #what-we-do .card .block-4:before{ content: "\f209"; } #what-we-do .card .block-5:before{ content: "\f0a1"; } #what-we-do .card .block-6:before{ content: "\f218"; } #what-we-do .card:hover .card-block:before{ -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } /* Absolute Center Spinner */ .loading-new { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading-new:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8)); background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8)); } /* :not(:required) hides these rules from IE9 and below */ .loading-new:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading-new:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } #selected_date:hover{cursor:pointer;} @CHARSET "UTF-8"; /*kSlideshow*/ .kSlideshowWrapper{ position: relative; } .kSlideshowItemDiv{ /*position: absolute;*/ top: 0; left: 0; } .kSlideshowPrev{ width: 24px; height: 24px; cursor: pointer; position: absolute; top: 15px; left: 15px; z-index: 500; background: url(../i/gtk-media-next-rtl.png) no-repeat; } .kSlideshowPlayToggle{ width: 24px; height: 24px; cursor: pointer; position: absolute; top: 15px; left: 44px; z-index: 500; } .kSlideshowPlay{ background: url(../i/gtk-media-play-ltr.png) no-repeat; } .kSlideshowPause{ background: url(../i/gtk-media-pause.png) no-repeat; } .kSlideshowNext{ width: 24px; height: 24px; cursor: pointer; position: absolute; top: 15px; left: 73px; z-index: 500; background: url(../i/gtk-media-next-ltr.png) no-repeat; } .kSlideshowTitle{ height: 30px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: transparent url(../i/50transparent.png); color: white; text-align: center; } .kSlideshowTitle a{ color: gold; } /*kThumbnails*/ .kThumbnailsInnerWrapper{ position: relative; overflow: hidden; } .kThumbnailsWrapper{ position: relative; margin: 0 24px; } .kThumbnailsWrapper .kThumbnailsNextPage{ width: 24px; height: 24px; position: absolute; top: 34%; right: -24px; background: url(../i/gtk-media-forward-ltr.png) no-repeat; cursor: pointer; } .kThumbnailsWrapper .kThumbnailsPrevPage{ width: 24px; height: 24px; position: absolute; top: 34%; left: -24px; background: url(../i/gtk-media-forward-rtl.png) no-repeat; cursor: pointer; } .kThumbnailsWrapper .inactive{ display: none; } .kThumbnailsPage{ position: absolute; top: 0; left: 0; } .kThumbnailsPage img{ cursor:pointer; } #gallery-wrapper{ height: 517px; width: 640px; padding-bottom: 30px; margin: 0 auto; text-align: center; } .kSlideshowWrapper, .kSlideshowItemDiv{ width: 640px; height: 427px; } .kThumbnailsInnerWrapper{ height: 80px; width: 540px; } .kThumbnailsWrapper{ width: 540px; height: 80px; margin: 20px auto 0 auto; } .kThumbnailsPage{ width: 540px; text-align: left; } .kThumbnailsPage img{ padding: 1px; border: 1px solid black; margin: 2px; } .kThumbnailsPage .selectedThumbnail{ border-color: #aaaaff; } .kSlideshowItemDiv img{ z-index: 400; } .slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'} .checkme .container-checkme { display: block; position: relative; padding: 0 35px 0 0; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: right; color: #474747; font-size: 10px; text-transform: uppercase; min-height: 23px; letter-spacing: 2px; } .checkme .container-checkme span{ color: #06779c; } /* Hide the browser's default checkbox */ .checkme .container-checkme input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkme .checkmark { position: absolute; top: 0; right: 0; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .checkme .container-checkme:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .checkme .container-checkme input:checked ~ .checkmark { background-color: #F2F8FB; } /* Create the checkmark/indicator (hidden when not checked) */ .checkme .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkme .container-checkme input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkme .container-checkme .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #FAB000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .discount-badge.hide{ display: none; } .discount-badge { position: absolute; background: red; box-sizing: border-box; color: white; font-family: 'Open Sans'; font-size: 16px; font-weight: 600; margin-top: 1rem; padding: 0.25rem 0.25rem 0.25rem 0.75rem; width: 112px; z-index: 99999; } .amount { margin-right: 0.35rem; } .align-bottom-button{ align-self: flex-end;} .room-wide-right .hide{display:none;} .room-wide-right .show{display:block;} #pgnt { margin-top: 55px; width: 100%; height: 50px; line-height: 50px; background-color: #fff; font-size: 0; position: relative; } #pgnt .selected{ color: black; font-weight: bold; } #pgnt .left_arrow { display: inline-block; vertical-align: top; left: 0; text-align: center; width: 46px; height: 50px; line-height: 50px; border-right: 2px solid #ebebeb; } #pgnt .left_arrow img, #pgnt .right_arrow img { padding-top: 0; } #pgnt .left_arrow img:hover, #pgnt .right_arrow img:hover { cursor: pointer; } #pgnt .right_arrow { display: inline-block; vertical-align: top; right: 0; text-align: center; width: 46px; height: 50px; line-height: 50px; border-left: 2px solid #ebebeb; } #pgnt .pagination_content { display: inline-block; text-align: center; width: 1120px; height: 50px; line-height: 50px; } #pgnt .pagination_content ul { width: 400px; height: 50px; text-align: center; font-size: 18px; line-height: 18px; margin: 0 auto; padding-left: 0; } #pgnt .pagination_content ul li { display: inline-block; list-style: none; width: 45px; color: #000; line-height: 50px; } #pgnt .pagination_content ul li.last { border-right: 2px solid #ebebeb; } #pgnt .pagination_content ul li a { text-decoration: none; } #pgnt .pagination_content ul li a:hover { color: #82c344; cursor: pointer; } #pgnt .pagination_content ul li a.selected_pagination { color: #82c344; } /* jQuery NailThumb Plugin - any image to any thumbnail * Examples and documentation at: http://www.garralab.com/nailthumb.php * Copyright (C) 2012 garralab@gmail.com * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . */ .nailthumb-container { width: auto; height: auto; margin: 0 0 11px; padding: 0px; overflow: hidden; position: relative; text-align: left; } .nailthumb-container img.nailthumb-image { margin: 0px; padding: 0px; max-width: none; text-align: left; float: left; } .nailthumb-container span.nailthumb-title { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; color: White; display: block; font-size: 9px; height: 20px; left: 0; margin-top: 2px; line-height: 20px; position: relative; text-align: center; width: 100%; overflow: hidden; float: left; } .nailthumb-container span.nailthumb-title .nailthumb-title-scroller { padding-left: 2px; } .nailthumb-container img { max-width: none; text-align: left; } /* * Owl Carousel Owl Demo Theme * v1.24 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .tabs { clear: both; position: relative; margin: 0 auto; /* you can either manually set a min-height here or do it via JS ---> */ } .tab { float: left; } .tab > label { margin-right: 20px; position: relative; top: 0; cursor: pointer; color: #333; text-transform: uppercase; padding: 10px 20px; } .tab [type=radio] { display: none; } .tab__content { position: relative; top: 47px; left: 0; right: 0; bottom: 0; transition: opacity .2s cubic-bezier(.42,0,.34,1.01); opacity: 0; padding: 20px; } [type=radio]:checked ~ label { border-bottom: thin solid #f0f0f0; border-left: thin solid #f3A847; border-right: thin solid #f3A847; border-top: thin solid #f3A847; color: #1d1d1d; z-index: 2; background-color: #f0f0f0; font-weight: bold; } [type=radio]:checked ~ label ~ .tab__content { z-index: 1; opacity: 1; background-color: #f0f0f0; border: thin solid #f3A847; } .table-condensed p{ font-style: italic; font-size: 13px; } .table-condensed td{padding:0;font-size: 13px;} .table-condensed td:first-child{width:65%;} .table-condensed td:nth-child(2){width:35%;text-align: right;} .checkoutme input[type=text] { width: 100%; margin-bottom: 20px; padding: 12px; border: 1px solid #ccc; border-radius: 3px; } .checkoutme label { margin-bottom: 10px; display: block; } .checkoutme .icon-container { margin-bottom: 20px; padding: 7px 0; font-size: 24px; } .checkoutme .btn { background-color: #4CAF50; color: white; padding: 12px; margin: 10px 0; border: none; width: 100%; border-radius: 3px; cursor: pointer; font-size: 17px; } .checkoutme .btn:hover { background-color: #45a049; } .checkoutme span.price { float: right; color: grey; } .checkoutme .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; margin: 0 -16px; } .checkoutme .col-25 { -ms-flex: 25%; /* IE10 */ flex: 25%; } .checkoutme .col-50 { -ms-flex: 50%; /* IE10 */ flex: 50%; } .checkoutme .col-75 { -ms-flex: 75%; /* IE10 */ flex: 75%; } .checkoutme .col-25, .checkoutme .col-50, .checkoutme .col-75 { padding: 0 16px; } .checkoutme .container { background-color: #f2f2f2; padding: 5px 20px 15px 20px; border: 1px solid lightgrey; border-radius: 3px; } /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */ @media (max-width: 800px) { .checkoutme .row { flex-direction: column-reverse; } .checkoutme .col-25 { margin-bottom: 20px; } } .orangeBck{background-color:#f3A847;font-weight: bold;font-size: 16px;} .shoppingcart span:first-child{display:block;font-style:italic;font-size:12px;} .shoppingcart > div > div{display:flex;justify-content:space-between;} .bx-wrapper img{width:100%;max-height: 800px;} .tabs{text-align: justify;} /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } #gallery-thumbs li{list-style: none;display:inline-block;} /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0,0,0,0); } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255,255,255,0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none; } /* Hide navigation while loading */ .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display:none; } /* Hide navigation in case of single image */ .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-first-slide.featherlight-last-slide .featherlight-next { display:none; } /* Always display arrows on touch devices */ @media only screen and (max-device-width: 1024px){ .featherlight-next:hover, .featherlight-previous:hover { background: none; } .featherlight-next span, .featherlight-previous span { display: block; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; } .featherlight-previous { left: 10px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } .slideshow, #slider-hero{width: 100%;} .slick-slide img{width: 100%;} .ui-widget-header{border:1px solid #7a9dca;background: #7a9dca;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #e6e6e6;} .ui-tabs .ui-tabs-nav li a{font-family: 'Oswald', sans-serif;text-transform: uppercase;} .boat-descr{height: 100px;} .tooltipme{display:none;position: absolute; background-color: white; z-index: 9999;top: 0;left: 150px;padding: 4px;border: 2px solid #f3A847;} #boat-results2 tr, #boat-results2 td{position: relative;} #boat-results2 td:not(:first-child), #tabs2-2 thead th:not(:first-child){text-align: center;} #boat-results2 tr td:first-child{max-width: 190px;} #boat-results2 tr td:nth-child(5){max-width: 90px;} .table-condensed td label{font-weight: normal;} .panel-heading .accordion-toggle:before { font-family: 'Glyphicons Halflings'; content:'\25BC'; float: left; margin-right: 10px; margin-top: 5px; color: grey; transition: all 0.5s ease; } .panel-heading .accordion-toggle.collapsed:before { /*content: "\e080";*/ transform: rotate(180deg); } #accordion .accordion-toggle{ font-size: 18px; text-transform: uppercase; color: black; } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; font-weight: bold; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8!important; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; background-color: #357ebd!important; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #ccc; cursor: not-allowed; /*text-decoration: line-through; */ font-weight: 100; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .periodinput{border: none;background-color: transparent;display: inline-block;margin: 0 0 0 50px;padding: 0;width: 260px;color:white;font-weight:bold;text-decoration: underline;} .periodinput:hover{cursor:pointer} .sidebar-part .btn.disabled, .sidebar-part .btn:disabled{ background: #f3A847; } .fakecalendar:after{ content: ''; display: block; position: absolute; left: 12px; top: 8px; pointer-events: none; content: "\f073"; font-family: "FontAwesome"; font-size: 22px; color: white; font-style: normal; line-height: 1; } ::-webkit-input-placeholder { /* Edge */ color: white; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } ::placeholder { color: white; } #totPrice{font-size:18px;} .grecaptcha-badge { visibility: hidden; } .booking_title{ font-size: 18px; text-transform: uppercase; color: black; text-decoration: underline; text-align: center; display: block; } .booking_list { margin: 0 auto; border-collapse: collapse; width: 68%; } .booking_list td, .booking_list th { border: 1px solid #ddd; padding: 0px 2px; text-align: center; } /*#booking_list tr:nth-child(even){background-color: #f2f2f2;}*/ .booking_list div:hover {background-color: #ddd;color:black;border-bottom:2px solid #c5bfbf} .booking_list div.clickmedate:hover {cursor:pointer;} /*.booking_list div { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white; }*/ .booking_list div{ color: #2d2d2d; font-size: 13px; border-bottom:2px solid transparent; font-weight: 300; text-align: center; } .rowgreen{ background-color: #e2efda; } .roworange{ background-color: #ffe699; } .rowred{ background-color: #f8cbad; } .rowpartially{ /*background-color: #f8cbad;*/ } .rowpartially { background: repeating-linear-gradient(126deg, rgba(248, 203, 173,1) 0%, rgba(226, 239, 218,1) 100%); } .pricingtd{ text-align: right; font-weight: bold; } :root { --main-color: #111; --loader-color: #7a9dca; --back-color: #f3A847; --time: 3s; --size: 10px; } .loader { overflow: hidden; width: 100%; height: 10px; position: fixed; top: 0; left: 0; display: flex; align-items: center; align-content: center; justify-content: flex-start; z-index: 100000; } .loader__element { height: var(--size); width: 100%; background: var(--back-color); } .loader__element:before { content: ""; display: block; background-color: var(--loader-color); height: var(--size); width: 0; animation: getWidth var(--time) ease-in infinite; } @keyframes getWidth { 100% { width: 100%; } } /*! * justifiedGallery - v3.8.0 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2020 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure { position: absolute; display: inline-block; overflow: hidden; /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000000; left: 0; right: 0; margin: 0; color: white; font-size: 10px; line-height: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .jg-caption.jg-caption-visible, .justified-gallery > div > .jg-caption.jg-caption-visible, .justified-gallery > figure > .jg-caption.jg-caption-visible { display: initial; filter: "alpha(opacity=70)"; opacity: 0.7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .jg-spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .jg-spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } .gallcontainer{ max-height: 280px; height: auto; overflow-y: scroll; } .booking_list { display: flex; flex-wrap: wrap; width: 100%; } .clickmedate, .rowred { flex: 0 0 16.4%; /* 33.33% širine sa malo prostora između */ margin: 1px; /* dodatni prostor između elemenata */ box-sizing: border-box; /* osigurava da se margin ne dodaje širini */ } .inquirytable label{ font-size: 13px; margin-bottom: 0; } .inquiryrow{ padding: 20px 10px; background-color: #f8f9fa; margin: -23px; } .shadow{ box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); } .no-border{ border: none; } .no-padding{ padding: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a{ font-weight: bold; } .gcaptcha{ font-size: 10px!important; } .additionaltable td{ width: 50%!important; text-align: left!important; } .moretop .custom-control-label::before{ top: 0.55rem!important; } .moretop .custom-control-label::after{ top: 0.55rem!important; } .ui-tabs .ui-tabs-panel{ padding: 0.5em 1.4em!important; } .obavezno-ukljucuje label{ margin-bottom: 0; font-size: 12px; } .obavezno-ukljucuje p{ line-height: 18px; text-align: left; } .tekst { max-height: 100px; overflow: hidden; transition: max-height 0.3s ease; } #prikaziVise { cursor: pointer; text-decoration: underline; font-size: 14px; display: none; } body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; outline: none; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .carousell-container { width: auto; overflow: hidden; position: relative; display: flex; justify-content: space-between; align-items: center; } .carousell { display: flex; transition: all 0.3s ease-in-out; } .carousell-row { display: flex; } .carousell-item { width: 290px; margin-right: 4px; text-align: center; position: relative; } .carousell-item img { max-width: 100%; } .image-description { background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%); color: #fff; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } .image-description h2 { font-size: 18px; font-family: "Oswald", sans-serif; margin: 0; color: white; } .image-description p { font-size: 14px; font-family: "Oswald", sans-serif; margin: 0; color: white; } .specifications { display: flex; align-items: center; } .specifications span { display: flex; align-items: center; margin-right: 20px; } .specifications span::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background-size: cover; } .year-icon::before { background-image: url('link-to-year-icon.png'); /* Zamijenite 'link-to-year-icon.png' sa stvarnim URL-om ikonice za godinu */ } .type-icon::before { background-image: url('link-to-type-icon.png'); /* Zamijenite 'link-to-type-icon.png' sa stvarnim URL-om ikonice za tip plovila */ } .carousell-item:hover .image-description { opacity: 1; } .carousell-item:hover { cursor: pointer; /* Promijenite kursor u pointer kad se mišem pređe preko slike */ } .carousell-item img{ height: 200px; width: 100%; } .carousell-container .prev, .carousell-container .next { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: none; padding: 10px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .carousell-container .prev { left: 0; } .carousell-container .next { right: 0; } .carousell-container .prev::before, .carousell-container .next::before { content: ""; display: inline-block; border: solid #fff; border-width: 0 2px 2px 0; padding: 4px; margin-right: 8px; transform: rotate(135deg); } .carousell-container .next::before { transform: rotate(-45deg); } .specifications .room-ic{ height: 32px; position: relative; text-align: center; border-bottom: solid thin rgba(6, 119, 156, 0.7); text-transform: uppercase; color: white; font-size: 9px; line-height: 1.2; padding: 6px; border-right: thin solid rgba(6, 119, 156, 0.7); } .specifications .nobr{ border-right: none!important; } .room-ic.room-ic-left .txt0{ color: white!important; } .specifications .room-price-car{ background-color: rgba(6, 119, 156, 0.7); width: 100%; font-size: 18px; border-right: none!important; } .mb10{ margin-bottom: 10px!important; } .first_section{ padding: 5rem 0; } .hide{ display: none; }