File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/rococopelton.com/css/style.css
Back
.navbar-default { background: #f5f5f5 } .navbar { border-bottom: 0; padding: 0 } .sidebar .navbar-nav { background: 0 0; margin: 0 } .navbar.navbar-default { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .about-content h1{font-size:40px;} .navbar-brand { font-size: 24px; position: relative; color: #f49b00; letter-spacing: 2px; font-weight: 500; padding: 0; height: auto } a.navbar-brand { transition: all .1s ease; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: color .5s ease; -webkit-transition: color .5s ease; -moz-transition: color .5s ease } a.navbar-brand span { color: #fc883a } .navbar-default .navbar-brand { color: #fff; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease } .navbar-default .navbar-brand:hover { color: #d60d45 } .colored-navbar-brand .navbar-default .navbar-brand { padding-right: 30px; position: relative; color: #f49b00; display: inline-block; float: none } header .navbar-default .navbar-nav>li>a { color: #fff } header .navbar-default .navbar-nav>li.active, header .navbar-default .navbar-nav>li.active>a, header .navbar-default .navbar-nav>li>a:hover { color: #fff; background: #f33807 } .sidebar .navbar-default .navbar-nav>li>a { line-height: inherit; font-weight: 400; font-size: 14px; padding-top: 0; color: #fff; padding-bottom: 0; text-transform: uppercase; letter-spacing: 1px; padding: 15px; border: none } .navbar-nav li { position: relative; text-align: left; margin-bottom: 0 } .navbar-nav li ul { z-index: 9999; padding: 0; margin: 0; position: absolute; top: 50px; left: 0; width: 190px; overflow: hidden; display: none; background-color: #fff; border: 1px solid #eee; border-top: 2px solid #f33807; -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4); box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4) } .navbar-nav li ul li { border-bottom: 1px solid #f1f1f1 } .navbar-nav li ul li:last-child { border-bottom: none } .navbar-nav li ul li a { display: block; padding: 7px 15px; font-size: 14px; font-weight: 400; color: #636363 } .navbar-nav li>ul>li:last-child>a, .navbar-nav li>ul>li>ul>li:last-child>a { border-bottom: 0 } .navbar-nav li ul li:hover a { padding-left: 20px; padding-right: 10px; text-decoration: none } .navbar-nav li ul li a:hover { color: #f33807 } .navbar-nav li ul li ul { position: absolute; left: 188px; top: -2px } .navbar-nav li ul li:hover ul li a { padding-left: 15px; padding-right: 15px } .navbar-nav li ul li ul li:hover a { padding-left: 20px; padding-right: 10px } .navbar-nav li ul li ul li ul li:hover a { padding-left: 20px; padding-right: 10px } #slicknav-mobile, .slicknav_menu { display: none } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: .438em .625em; line-height: 1.125em; cursor: pointer } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left } .slicknav_menu .slicknav_icon { float: left; margin: .188em 0 0 .438em } .slicknav_menu .slicknav_no-text { margin: 10px 0px 0px 0px; } .slicknav_menu .slicknav_icon-bar { display: block; width: 35px; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(0, 0, 0, .25); margin-bottom: 5px; } .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { margin-top: .188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: inline-block; width: 100%; margin: 0 } .slicknav_nav .slicknav_arrow { font-size: .8em; margin: 0 0 0 .4em } .slicknav_nav .slicknav_item { cursor: pointer } .slicknav_nav .slicknav_row { display: inline-block; width: 100% } .slicknav_nav a { display: inline-block; width: 100% } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table } .slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_menu { font-size: 16px } .slicknav_btn { margin: 0; text-decoration: none; background-color: transparent; padding: 0; position: absolute; top: 30px; right: 20px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 2 } .slicknav_btn.slicknav_open, .slicknav_btn.slicknav_collapsed, .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { text-decoration: none; border: none } .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { font-size: 21px; color: #fff } header.main_header_area.headerstyle-2 .slicknav_btn.slicknav_open:before, header.main_header_area.headerstyle-2 .slicknav_btn.slicknav_collapsed:before { color: #73AEBC } .slicknav_menutxt { line-height: 22px } .slicknav_btn:focus {} .slicknav_menu .slicknav_menutxt { color: #dff2f2; font-weight: 400; font-size: 14px } .slicknav_menu .slicknav_icon-bar { background-color: #73AEBC; box-shadow: none } header.main_header_area.headerstyle-2 .slicknav_menu .slicknav_icon-bar { background: #73AEBC; box-shadow: none } .slicknav_menu { background: #383546; padding: 0; margin-top: 0 } .slicknav_nav { color: #b6b3c4; margin: 0; padding: 0; font-size: .875em } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden } .slicknav_nav ul { padding: 0; margin: 0; width: 100%; border-radius: 0; position: inherit; top: inherit; left: inherit; border: none; background-color: transparent; box-shadow: none } .slicknav_nav ul ul { margin-bottom: 0 } .slicknav_nav ul li { border-bottom: 0 } .dropdown-menu>li>a { padding: 10px 15px; font-size: 13px; border-bottom: 1px solid rgba(255, 255, 255, .05) } .bootstrap-select .dropdown-menu>li>a span { color: #444; font-size: 13px } .bootstrap-select .dropdown-menu li { margin: 0 } .bootstrap-select .dropdown-menu>li:first-child>a { padding-top: 5px } .bootstrap-select .dropdown-menu>li:last-child>a { border: none; padding-bottom: 5px } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: 0 0; outline: none } .slicknav_nav .slicknav_row { padding: 0; margin: 0 } .slicknav_nav a { padding: 10px 15px; margin: 0; text-decoration: none; color: #000 !important; display: block; border-bottom: 1px solid rgba(255, 255, 255, .05); -o-transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-weight: 400; text-transform: uppercase; font-size: 13px; text-align: left } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 10px 15px; margin: 0 } .slicknav_nav .slicknav_item a i { display: none } .slicknav_nav .slicknav_item { position: relative } .slicknav_nav .slicknav_item a { border-bottom: none; display: inline-block; width: 100% } .slicknav_nav { position: absolute; top: 95px; left: 0; right: 0; background: #fff; } header.main_header_area.headerstyle-2 .slicknav_nav { top: 74px } .slicknav_nav ul li { padding-left: 0; background: #fff; } .slicknav_nav ul li li { padding-left: 0 } .slicknav_nav ul li ul { padding-left: 0; padding-right: 0 } .slicknav_nav ul li ul a { padding: 10px 15px } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #443e56; color: #fff } .slicknav_nav a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff } .slicknav_nav .slicknav_txtnode { margin-left: 15px } .slicknav_nav .slicknav_arrow { font-size: 14px; position: absolute; top: 0; right: 0; bottom: 0; padding-top: 9px; width: 50px; text-align: center; border-left: 1px solid rgba(255, 255, 255, .05) } .slicknav_nav .slicknav_arrow:hover { background: rgba(255, 255, 255, .05) } @media only screen and (max-width:991px) { #responsive-menu { display: none } #slicknav-mobile, .slicknav_menu { display: block } .slicknav_nav a.mt_search, .slicknav_nav a.mt_cart { display: none } } @media only screen and (max-width:991px) and (max-width:768px) { .slicknav_btn { top: 30px } } @media(max-width:767px) { nav.navbar.navbar-default.navbar-fixed-top.with-slicknav { background: rgba(0, 0, 0, .5) } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0 } } @media(max-width:479px) { .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before { color: #fff } } .main_header_area { position: relative } .header_menu.affix-top { background: #fff; position: relative } .header_menu.affix-top:before, .header_menu.affix:before { background: #fbfbfb; content: ''; height: 100%; width: 0%; left: 0; top: 0; position: absolute } .main_header_area.white_menu .header_top { background: #fff } .main_header_area.white_menu .header_top .header_top_inner { border-bottom: 1px solid #e7e7e7 } .main_header_area.white_menu .header_top .header_top_inner .pull-left a { color: #242424; opacity: .6 } .main_header_area.white_menu .header_top .header_top_inner .pull-left a:hover { color: #73AEBC; opacity: 1 } .main_header_area.white_menu .header_top .header_top_inner .pull-right .header_social li a { color: #242424; opacity: .6 } .main_header_area.white_menu .header_top .header_top_inner .pull-right .header_social li:hover a { color: #73AEBC } .main_header_area.white_menu .header_menu { background: #fff } .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav>li>a { color: #242424 } .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav>li:hover>a, .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav>li.active>a { color: #73AEBC } .main_header_area.white_menu .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn { color: #fff } .main_header_area.white_menu .header_menu.affix { -webkit-box-shadow: 0 -2px 24px 1px rgba(0, 0, 0, .06); box-shadow: 0 -2px 24px 1px rgba(0, 0, 0, .06) } .main_header_area.white_menu+section, .main_header_area.white_menu+div, .main_header_area.white_menu+.row { margin-top: 134px } .main_header_area.tp_header_area { background: 0 0 } .header_top .header_top_inner { border-bottom: 1px solid rgba(255, 255, 255, .15); clear: both; overflow: hidden } .header_top .header_top_inner .pull-left a { line-height: 48px; font-size: 15px; color: #fff; opacity: .6; font-family: open sans, sans-serif; letter-spacing: .45px; margin-right: 22px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear } .header_top .header_top_inner .pull-left a i { padding-right: 10px; font-size: 20px; vertical-align: middle; line-height: 44px } .header_top .header_top_inner .pull-left a:last-child { margin-right: 0 } .header_top .header_top_inner .pull-left a:nth-child(2) i { font-size: 15px } .header_top .header_top_inner .pull-left a:hover { opacity: 1 } .header_social li { display: inline-block; margin-right: 16px } .header_social li a { line-height: 48px; font-size: 16px; color: #fff; opacity: .6; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s } .header_social li:last-child { margin-right: 0 } .header_social li:hover a { opacity: 1 } .header_menu .navbar.navbar-default { border-radius: 0; margin-bottom: 0; background: 0 0; border: none; width: 100% } .header_menu .navbar.navbar-default .dropdown-toggle::after { display: none } .header_menu .navbar.navbar-default .navbar-header .navbar-brand { padding: 0px 0; margin-left: 0 } header.main_header_area.headerstyle-2 .header_menu .navbar.navbar-default .navbar-header .navbar-brand { padding: 21px 0 } .header_menu .navbar.navbar-default .navbar-collapse { text-align: right; padding: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav { float: none; text-align: right; display: inline-block; background: 0 0; padding-right: 25px } .header_menu .navbar.navbar-default .nav.navbar-nav li { float: none; display: inline-block; margin-right: 25px; background: 0 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li:last-child { margin: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li a { background: 0 0; color: #202020; font-size: 16px; font-weight: 500; text-transform: capitalize; padding: 0; line-height: 84px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; border: none; font-family: 'Yeseva One'; } .header_menu .navbar.navbar-default .nav.navbar-nav li a i { margin-left: 5px } .header_menu .navbar.navbar-default .nav.navbar-nav li a i.fa-angle-right { position: absolute; right: 15px; top: 15px } .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .header_menu .navbar.navbar-default .nav.navbar-nav li.active a { color: #73AEBC; background: 0 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu { position: relative } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu { border: none; padding: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } @media(min-width:992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 322px; background: #fff; text-align: left; opacity: 0; visibility: hidden; display: none; border: none; padding: 0; border-radius: 0; box-shadow: 0 0 5px #cccccc91 } } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0; border-color: #eee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li { display: block; float: none; margin-right: 0; border-bottom: 1px solid #f2f2f2 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a { line-height: 25px; color: #242424; font-size: 15px; padding: 0 20px; font-weight: 500; letter-spacing: .3px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; text-transform: capitalize } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child { border-bottom: none } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover { background: #73AEBC; color: #fff } .header_menu .navbar.navbar-default .navbar-nav li ul { overflow: visible } @media(min-width:992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; position: absolute; left: 100%; right: auto; width: auto; top: 0; background: #fff; box-shadow: 0 0 5px #cccccc91 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a { line-height: 40px; color: #242424; font-size: 15px; padding: 0 30px; letter-spacing: .3px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; background: 0 0 } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a { color: #fff; background: #73AEBC } } @media(min-width:992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } } @media(min-width:992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul { left: 0; visibility: visible; opacity: 1 } } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child { margin-right: 0 } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li i.icon-Search { display: inline-block } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown a { color: rgba(255, 255, 255, .7) } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn { background: #73AEBC; color: #000; line-height: 34px; display: inline-block; padding: 0 25px; font-size: 14px; font-family: montserrat, sans-serif; font-weight: 700; letter-spacing: .28px; position: relative; z-index: 2; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; border: 2px solid #73AEBC; margin-top: 21px } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .book_btn .book_now_btn:hover { color: #73AEBC; background: 0 0 } .header_menu.affix { width: 100%; left: 0; top: 0; position: fixed; background: #fff; z-index: 999; -webkit-box-shadow: 0 -2px 24px 1px rgba(0, 0, 0, .06); box-shadow: 0 -2px 24px 1px rgba(0, 0, 0, .06) } @media(max-width:991px) { .header_menu.affix { position: relative; animation: none } .header_menu .navbar.navbar-default .navbar-header .navbar-brand { padding: 0px 0 } } @media(max-width:1100px) and (min-width:1024px) { .header_menu .navbar.navbar-default .nav.navbar-nav li { margin-right: 5px } .header_menu .navbar.navbar-default .nav.navbar-nav li a { font-size: 13px } } header { position: absolute; left: 0; top: 0; width: 100%; z-index: 22 } .nav-btn { display: inline-block; position: relative; top: -2px } .header-content { position: relative; border-bottom: 1px solid #fff3; background: #73AEBC; z-index: 2 } .header-content .links>ul>li { display: inline-block; color: #fff; padding: 10px 20px; border-left: 1px solid #fff3; margin: 0 } .header-content .links>ul { display: flex; align-items: center } .header-content .links>ul>li .nice-select { background: 0 0; border: none; padding-left: 0; height: 22px; line-height: 22px } .header-content .links>ul>li .nice-select::after { border-color: #fff } .header-content .links>ul>li .nice-select .current { color: #fff } .links-left>li:first-child, .links-right>li:first-child { border-left: none; padding-left: 0 } .links-right li:last-child { padding-right: 0 } ul.social-links li { border: none; padding: 0; margin-bottom: 0; margin-right: 15px; display: inline-block } ul.social-links li:last-child { margin-right: 0 } .header-content li a { color: #fff; font-size: 14px; font-weight: 400 } .header-content li a:hover { color: #fff } .header-content .links { display: inline-block } .header-content select { padding: 0; background: 0 0 #73AEBC; color: #fff; border: none; height: auto } .header-content option { color: #000 } .main_header_area.headerstyle-2 { position: absolute; left: 0; top: 0; width: 100%; z-index: 22; background: 0 0 } .headerstyle-2 .header-content { background: #73AEBC69 } .headerstyle-2 .header_menu.affix-top, .headerstyle-2 .header_menu.affix-top:before, .headerstyle-2 .header_menu.affix:before { background: 0 0 } .headerstyle-2 .header_menu.affix-top.affix { background: #fff } .headerstyle-2 .header_menu.affix-top .logo-black, .headerstyle-2 .header_menu.affix .logo-white { display: none } .headerstyle-2 .header_menu.affix-top.affix .logo-black { display: block } .headerstyle-2 .header_menu .navbar.navbar-default .nav.navbar-nav li a { color: #fff } .headerstyle-2 .header_menu.affix .navbar.navbar-default .nav.navbar-nav li a { color: #666 } .headerstyle-2 .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .headerstyle-2 .header_menu .navbar.navbar-default .nav.navbar-nav li.active a, .headerstyle-2 .header_menu.affix .navbar.navbar-default .nav.navbar-nav li:hover>a, .headerstyle-2 .header_menu.affix .navbar.navbar-default .nav.navbar-nav li.active>a { color: #41b9eb; background: 0 0 } .header_menu li a span.number-cart { position: absolute; top: 23px; left: 18px; width: 17px; height: 17px; text-align: center; line-height: 17px; font-size: 9px; display: block; background-color: #73AEBC; color: #fff; border-radius: 50% } @media(max-width:991px) { .header-content li { padding: 10px } .nav-btn { display: none } .header-content .links>ul>li { padding: 10px } } @media(max-width:735px) { .header-content { display: none } } section.banner { padding: 0; position: relative } a.slider-btn { padding: 15px 20px 13px; display: inline-block; background: #73AEBC; color: #fff; text-transform: uppercase } a.slider-btn:hover { background: #fff; color: #73AEBC } a.btn-wt { background: #fff; color: #333 } .slider { height: 730px!important; overflow: hidden; position: relative } .swiper-slide:after { content: ''; position: absolute; height: 100%; width: 100%; background: rgb(0 0 0 / 42%); top: 0; left: 0 } .swiper-container { width: 100%; height: 100% } .swiper-slide { text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: 100%; background-position: bottom; } .slider .swiper-container-horizontal>.swiper-pagination-bullets, .slider .swiper-pagination-custom, .slider .swiper-pagination-fraction { bottom: 40px } .slider .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1 } .slider .swiper-pagination-bullet-active { background: #73AEBC } .slider .swiper-container-vertical>.swiper-pagination-bullets { right: 50px } .swiper-content { z-index: 1; position: absolute; top: 23.4% } .slider .swiper-content h3 { color: #fff; margin: 16px 0 12px; font-size: 18px; position: relative; padding: 0; line-height: normal; font-weight: 400; display: inline-block } .swiper-content h1 { color: #fff; font-size: 54px; line-height: normal; margin-bottom: 20px } .swiper-content p { color: #fff; width: 70%; margin: 0 auto } .slider-text { padding-top: 100px } #vid { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; overflow: hidden } .video-banner-content { position: absolute; left: 0; right: 0; margin: 0 auto; top: 28%; text-align: center; width: 80% } .video-banner video { width: 100%; display: block } .video-slider .overlay { background: rgba(0, 0, 0, .4) } section.banner.banner-style-1 .swiper-content { z-index: 1; width: 50%; left: 5%; position: absolute; text-align: left; top: 25% } section.banner.banner-style-2 .slider { height: 675px } section.banner.banner-style-2 .swiper-content { top: inherit } @media(min-width:1400px) { .swiper-content { top: inherit; position: inherit } .video-banner-content.swiper-content { top: 28%; position: absolute } } @media(max-width:1100px) { .swiper-slide { background-size: cover } } @media(max-width:991px) { .video-banner-content.swiper-content { width: 90%; top: 33% } section.banner.banner-style-1 .swiper-content { width: 80%; left: 0; right: 0; margin: 0 auto; text-align: center } } @media(max-width:767px) { .swiper-content h1 { font-size: 48px } .breadcrumb-content h1 { color: #fff; font-size: 22px!important; line-height: 25px; } .slider .swiper-container-vertical>.swiper-pagination-bullets { display: none } .swiper-content { top: inherit; padding: 0 20px } .video-banner-content.swiper-content { top: 28% } section.banner.banner-style-1 .swiper-content { width: 90%; top: inherit } } @media(max-width:639px) { .slider { height: 500px } .swiper-content h1 { font-size: 36px } } @media(max-width:567px) { .video-banner-content.swiper-content { top: 26%; position: absolute } .swiper-content h3:before, .swiper-content h3:after { display: none } } @media(max-width:479px) { a.slider-btn { margin-right: 0; margin-bottom: 15px } .swiper-content h1 { font-size: 28px } } .banner-form { width: 100%; position: absolute; left: 0; right: 0; bottom: -50px; z-index: 2 } .banner-form .form-group { margin-bottom: 0; position: relative } .form-content { display: flex; background: #fff; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .15); padding: 20px 20px 20px } .table-item { width: 100%; padding: 0 10px } .table-item .input-group { display: block } .table-item input, .table-item select { background: 0 0; color: #444; border: none; border-radius: 0; height: 42px; border: 1px solid #f1f1f1; box-shadow: none } .table-item label { text-transform: uppercase; color: #73AEBC; margin-bottom: 15px; text-align: center; display: block } .table-item input:focus { box-shadow: none } .table-item span.input-group-addon { position: absolute; right: 8px; top: 8px; color: #444; background: 0 0; border: none; z-index: 2 } .table-item .form-btn a { padding: 12px 41px } .date-picker-wrapper { z-index: 2 !important } .reserved-form.date-picker-wrapper.no-topbar { padding: 0; width: auto; background: 0 0; border: none; box-shadow: 0 0 10px #cccccc57 } .reserved-form.date-picker-wrapper .month-wrapper table .day.real-today { background-color: transparent; color: #73AEBC; font-weight: 700; border: 1px solid #73AEBC; opacity: 1 } .reserved-form.date-picker-wrapper .month-wrapper { box-shadow: 0 0 10px #cccccc57; border: none; padding: 15px; border-radius: 0 } .reserved-form.date-picker-wrapper .month-wrapper table .day.has-tooltip { color: #ccc; text-decoration: line-through; background: #ebeff2 } .reserved-form.date-picker-wrapper .month-wrapper table .day.checked { background: #73AEBC !important; color: #fff; border-color: #73AEBC } .reserved-form.date-picker-wrapper .month-wrapper table .day { padding: 5px 0; padding-left: 0; line-height: .9; font-size: 15px; color: #999; border: 1px solid #f1f1f1; text-align: center; height: 40px; width: 40px; margin: 10px 2px 0; border-radius: 50%; line-height: 1.8 } .reserved-form.date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked { color: #fff } .reserved-form.date-picker-wrapper .month-wrapper table .week-name { height: 40px; color: #333 } .reserved-form.date-picker-wrapper table .caption { background: #fbfbfb; color: #333 } .reserved-form.date-picker-wrapper .footer { display: none } .reserved-form.date-picker-wrapper.single-date span { font-size: 14px } .reserved-form.date-picker-wrapper table .caption>th:first-of-type, .reserved-form.date-picker-wrapper table .caption>th:last-of-type { padding: 10px } .reserved-form.date-picker-wrapper table .caption th { text-align: left } .reserved-form.date-picker-wrapper .month-wrapper table.month2 .caption th { text-align: right } .reserved-form.date-picker-wrapper .gap, .reserved-form.date-picker-wrapper table .caption .next:hover, .reserved-form.date-picker-wrapper table .caption .prev:hover { background: 0 0 } .reserved-form.date-picker-wrapper .gap .gap-lines, .reserved-form.date-picker-wrapper .gap .gap-top-mask, .reserved-form.date-picker-wrapper .gap .gap-bottom-mask { display: none } .reserved-form.date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background: #999; color: #fff } @media(max-width:360px) { .reserved-form.date-picker-wrapper.no-topbar { box-shadow: none } .reserved-form.date-picker-wrapper .month-wrapper table .day { height: 30px; width: 30px; line-height: 1.3 } } .banner-form.form-style-1 { background: 0 0 } .banner-form.form-style-1 .form-content { display: flex; background: #fff; padding: 40px 15px } .banner-form.form-style-1 .form-content label { text-transform: uppercase; color: #73AEBC; margin-bottom: 15px; text-align: center; display: block } .banner-form.form-style-1 .table-item span { color: #444; right: 16px } .banner-form.form-style-1 .table-item span.current { height: auto !important; color: #999 !important; border: none !important; background-color: unset; border-radius: 0; padding: 0; font-size: 40px; margin-bottom: -6px; width: 100% } @media(max-width:991px) { .banner-form.form-style-1 { position: relative } .banner-form.form-style-1 .table-item span.current { font-size: 24px } } @media(max-width:767px) { .banner-form.form-style-1 .form-content { display: inline-block; width: 100% } .banner-form.form-style-1 .form-content .table-item { width: 50%; float: left; margin-bottom: 20px } .banner-form.form-style-1 .form-content .table-item:last-child { width: 100%; margin-bottom: 0; text-align: center } .banner-form.form-style-1 .form-content .table-item .form-btn { margin-top: 0 !important } } @media(max-width:567px) { .banner-form.form-style-1 .form-content .table-item { width: 100% } } .banner-form.form-style-2 { padding: 0; width: 30%; right: 5%; top: inherit; left: inherit; bottom: 0; background: 0 0 } .banner-form.form-style-2 .form-content { display: inline-block; width: 100%; background: #fff; padding: 0 } .banner-form.form-style-2 .form-title { border-bottom: 1px solid #f1f1f1; padding: 15px; text-align: center; margin: 0 } .banner-form.form-style-2 .form-content-inner { padding: 20px 30px } .banner-form.form-style-2 .table-item { padding: 0; margin-bottom: 15px; display: inline-block; width: 100% } .banner-form.form-style-2 .table-item:last-child { margin: 0 } .about-para .bold-head b{ font-family: 'Yeseva One'; font-size: 20px; font-weight: 500; color: #73AEBC; } .about-para .bold-head{ margin-bottom: 5px; } .banner-form.form-style-2 .form-content label { text-transform: capitalize; text-align: left; display: block; font-family: 'Yeseva One'; } .banner-form.form-style-2 select, .banner-form.form-style-2 input, .banner-form.form-style-2 .input-group .form-control { border: 1px solid #ccc; color: #444; background: #f1f1f1; border: none } .banner-form.form-style-2 .table-item span { color: #444; right: 16px } .banner-form.form-style-2 .form-btn a { width: 100%; border-radius: 0 } @media(max-width:991px) { .banner-form.form-style-2 { position: inherit; width: 100%; left: 0; box-shadow: 0 0 15px #cccccc57 } .banner-form.form-style-2 .table-item:last-child { text-align: center } .banner-form.form-style-2 .form-btn { display: inline-block } } .banner-form.form-style-1.form-style-4 { position: relative; bottom: inherit; background: #092741; padding: 89px 0 100px } .banner-form.form-style-1.form-style-4 .form-content { background: 0 0; padding: 0; box-shadow: none } .banner-form.form-style-1.form-style-4 .table-item input, .banner-form.form-style-1.form-style-4 .table-item select { background: #fff } @media(max-width:767px) { .banner-form.form-style-1.form-style-4:before { width: 60%; left: -200px } .banner-form.form-style-1.form-style-4 .form-content .table-item:last-child { width: 50% } } @media(max-width:735px) { .banner-form { position: relative } .form-content { display: block } .table-item { margin-bottom: 15px } .table-item:last-child { margin-bottom: 0 } .form-btn { text-align: center } .table-item span.input-group-addon { right: 8px } } @media(max-width:567px) { .banner-form.form-style-1.form-style-4 .form-content .table-item:last-child { width: 100% } } .banner-content { position: absolute; top: 22%; left: 0; right: 0; z-index: 1 } .banner-content.banner-content1 { top: 23% } .banner-content .swiper-content { position: relative; padding-top: 90px } .banner-content .swiper-content h3 { color: #fff; margin: 0 0 15px; font-size: 15px; position: relative; padding: 0; line-height: normal; font-weight: 400; display: inline-block } .banner-content .swiper-content h3:before { display: none } .banner-content .swiper-content h1 { line-height: 1; margin-bottom: 10px } .swiper-content p { width: 100%; margin-bottom: 25px; : } section.about-us { padding-top: 80px; padding-bottom: 90px; } section.about-us.about-us1 { padding-top: 89px } .image-box { display: flex } .abt-image { width: 60%; position: relative } .image-1 img { position: absolute; right: -35px; z-index: 1; top: 35px; border: 5px solid #fff; box-shadow: 0 0 10px #cccccc57 } .image-2 { margin: 0 } .image-2 img { border: 5px solid #fff; box-shadow: 0 0 10px #cccccc57 } .image-3 img { position: absolute; top: 15px; right: 15px; border: 5px solid #fff; box-shadow: 0 0 10px #cccccc57 } .why-us-box { margin-bottom: 100px; transition: all .5s } .why-us-item { border: 1px solid #fff; padding: 40px 30px; background: #fbfbfb; transition: all .5s } .why-us-item p { margin-bottom: 0 } .why-us-icon { margin-bottom: 20px } .why-us-icon i { color: #ef2a4c; font-size: 50px; padding-right: 0 } .why-us-item:hover { background: #49bceb; transition: all .5s } .why-us-item:hover h4, .why-us-item:hover p, .why-us-item:hover h4, .why-us-item:hover i { color: #fff; transition: all .5s } @media(max-width:991px) { .why-us-box { margin-bottom: 50px } .why-us-item { margin-bottom: 30px } section.about-us.about-us2 { padding-bottom: 70px } } @media(max-width:480px) { .abt-image { width: 100% } .image-box { display: block } .image-1 img, .image-2 img { position: relative; right: inherit; bottom: inherit; top: inherit; width: 100%; margin-bottom: 30px } .image-2 img { margin-bottom: 0 } } .about-style-1 .about-heading { margin: 15px 30px 0 0; position: relative; left: 0; z-index: 2; background: #fff; padding: 30px } .about-style-1 .about-img-box { position: relative; right: 100px; z-index: 1 } .about-style-1 .about-img-box a { display: block; position: relative; overflow: hidden } .about-style-1 .about-img-box img { transition: all 1s } .about-style-1 .about-img-box img:hover { transform: scale(1.1); transition: all 1s } @media(max-width:991px) { .about-style-1 .about-heading { padding: 0; margin: 0 0 30px; text-align: center } .about-style-1 .about-img-box { position: inherit; right: inherit } } section.about-style-3 { background: #fff; padding-bottom: 40px } section.about-style-3 .intro-thumb img { width: auto; border-color: #fff; border-width: 10px; border-style: solid; margin-bottom: 0; display: inline-block; box-shadow: 0 30px 25px -20px rgba(0, 0, 0, .2) } section.about-style-3 .intro-thumb .intro-img-3 { bottom: -80px; right: 0; position: absolute } @media(max-width:991px) { .about-content { text-align: center; margin-bottom: 30px } section.about-style-3 .intro-thumb .intro-img-3 { bottom: 0 } section.about-style-3 .about-heading { text-align: center; margin-bottom: 30px } } @media(max-width:639px) { section.about-style-3 .intro-thumb .intro-img-3 { position: inherit; bottom: inherit; margin-top: 30px } section.about-style-3 img { width: 100% !important } } section.rooms { padding:70px 0 65px; box-shadow: 0 0 15px #cccccc57 } section.rooms:before { content: ''; background:#73AEBC66; position: absolute; left: -300px; top: 0; width: 60%; height: 100%; transform: skew(-30deg) } section.rooms .section-title { text-align: left; width: 100%; margin: 0 } .row.room-slider { margin: 0 -15px } .room-item { box-shadow: 0 0 15px #cccccc57; transition: all ease-in-out .5s } .room-image { width: 100%; height: 100%; overflow: hidden; position: relative; cursor: default; background: linear-gradient(45deg, #73AEBC 0%, #046b8c 100%) } .room-image img { display: block; position: relative; max-width: none; width: calc(100% + 60px) !important; -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); transition: all ease-in-out .5s } .room-item:hover { transition: all ease-in-out .5s; transform: translateY(-5px) } .room-item:hover img { opacity: .6; filter: alpha(opacity=60); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all ease-in-out .5s } .room-image i.fa.fa-heart { position: absolute; top: 15px; right: 15px; color: #fff; background: #0000006b; border-radius: 60px; font-size: 18px; width: 35px; height: 35px; padding: 10px 9px; transition: all ease-in-out .3s } .room-image a i.fa:hover { background: #fff; color: #ef2a4c } .room-content { padding: 18px 25px 25px; background: #fff; margin-bottom: 20px; } .room-title { position: relative } .room-title h2 { margin-bottom: 10px } .room-title p.price-ft { font-size: 18px; color: #ef2a4c; font-weight: 600 } .room-title p.price-ft span { font-size: 14px; color: #000; font-weight: 100 } .deal-rating { position: absolute; right: 0; top: 4px } .room-btns.mar-top-20 { margin-top: 18px } section.rooms.rooms-style1:before { display: none } section.rooms.rooms-style1 .section-title { text-align: center; width: 60%; margin: 0 auto 68px } .rooms-style1 .room-item { box-shadow: 0 0 15px #cccccc57; transition: all ease-in-out .5s; position: relative; overflow: hidden } .rooms-style1 .room-content { padding: 16px 25px 25px; background: #fff; position: absolute; bottom: -72px; width: 100%; transition: all .5s; margin-bottom: 0 } .rooms-style1 .room-item:hover .room-content { bottom: 0; transition: all .5s } section.rooms.rooms-style2 { box-shadow: none; padding-bottom: 100px; overflow: hidden } section.rooms.rooms-style2:before { display: none } section.rooms.rooms-style2 .section-title { margin-bottom: 65px } .rooms-style2 .room-content .price { position: absolute; top: -55px; right: 0; background: #ef2a4c; font-size: 26px; font-weight: 700; color: #fff; text-align: center; box-shadow: 0 10px 15px rgba(155, 159, 166, .3); padding: 15px } .rooms-style2 .room-content .price span { position: relative; display: block; font-size: 13px; font-weight: 400; color: #f1f1f1 } .rooms-style2 .deal-rating { position: inherit; top: inherit } .room-title h2{font-size:18px;} .rooms-style2 .room-title h4 { margin-bottom: 15px } .breadcrumb-content h1{color:#fff;font-size: 40px;} .rooms-style2 .room-content .room-services { margin-bottom: 0 !important; border-bottom: none !important; padding: 26px 0 0 !important } .rooms-style2 .room-content .room-services li i { position: relative; display: inline-block; width: 45px; height: 45px; line-height: 45px; background: #f1f1f1; text-align: center; color: #343a40; padding-right: 0 } section.rooms.rooms-style2.rooms-style3 { background: url(../images/roombg.jpg) no-repeat; background-position: bottom; background-size: 100%; padding-bottom: 149px } section.rooms-style3:before { display: none } section.rooms-style3 .room-item { border: 10px solid #ffffff52 } section.rooms.rooms-style2.rooms-style3 .room-content .room-services { padding-top: 0 !important } .rooms-style3 .room-image .price { position: absolute; top: 15px; right: 0; background: #fff; font-size: 24px; font-weight: 700; color: #ef2a4c; text-align: center; box-shadow: 0 10px 15px rgba(155, 159, 166, .3); padding: 10px 15px } .rooms-style3 .room-image .price span { position: relative; font-size: 13px; font-weight: 400; color: #9b9fa6 } .rooms-style3 .room-content { padding: 16px 25px 25px; background: 0 0; position: absolute; bottom: -130px; transition: all .5s; margin-bottom: 0 } .rooms-style3 .room-image:hover .room-content { bottom: 0; transition: all .5s } .rooms-style3 .room-content:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #06a8f9 0%, #046b8c00 100%) } .rooms-style3 .deal-rating span.fa { color: #f9c301 } section.related-rooms { padding-bottom: 80px } @media(max-width:991px) { section.rooms:before { left: -350px } section.rooms .section-title { text-align: center } section.rooms.rooms-style2 .section-title a { float: none !important; margin-top: 20px } .room-outer { margin-top: 68px } section.rooms.rooms-style1 .col-md-4.col-sm-6., section.rooms.rooms-style2 .col-md-4.col-sm-6. { margin-bottom: 30px } section.rooms.rooms-style2 .col-md-4.col-sm-12. { margin-top: 0 } section.rooms.rooms-style1 { padding-bottom: 70px } section.rooms.rooms-style2.rooms-style3 { background-size: cover; padding-top: 60px } } @media(max-width:735px) { .rooms-style3 .room-content { bottom: -112px } section.rooms.rooms-style1 .section-title { width: 100% } } @media(max-width:639px) { section.rooms:before { left: -400px } } @media(max-width:567px) { .deal-rating { position: relative; margin-bottom: 15px; top: inherit } .rooms-style3 .room-content .deal-rating { margin-bottom: 5px } .rooms-style3 .room-content { bottom: -130px } } @media(max-width:360px) { .rooms-style3 .room-content { padding: 16px 15px } } .top-title { margin-bottom: 65px } .top-hotels-ii { position: relative; overflow: hidden; border: 5px solid #fff; box-shadow: 0 0 15px #cccccc67 } .top-hotels-ii:before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 212, 255, 0) 40%); z-index: 1; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .top-hotels-ii img { width: 100% } .top-hotels-ii h4 { position: absolute; bottom: 20px; left: 25px; color: #fff; margin-bottom: 0; letter-spacing: -1px; transition: all ease-in-out .3s; z-index: 2 } .top-hotels-ii:hover h4 { bottom: 50px } .top-hotels-ii img { transition: all .5s } .top-hotels-ii:hover img { transform: scale(1.2); transition: all .5s } .pp-details { padding: 0 23px; font-size: 14px; position: absolute; bottom: 22px; left: 0; right: 0; opacity: 0; transition: all ease-in-out .3s; z-index: 2 } .top-hotels-ii:hover .pp-details { opacity: 1 } .pp-details span.pp-tour-ar { position: absolute; right: 30px; bottom: 0 } .pp-tour-ar a { display: block; width: 40px; height: 40px; background: #73AEBC; border-radius: 50px; color: #333; padding: 9px; font-size: 18px; text-align: center } @media(max-width:991px) { section.top-hotel { padding-bottom: 70px } .top-hotels-ii { margin-bottom: 30px } .top-hotel .top-title { text-align: center } .top-hotel .top-title a { float: none !important; margin-top: 20px } } section.call-to-action { background: url(../images/calltoaction.jpg) no-repeat; background-position: center; background-size: cover; position: relative; padding: 85px 0 150px } .call-to-action:after { content: ''; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, .5); left: 0; top: 0 } .call-content { position: relative; z-index: 1; width: 70%; margin: 0 auto } .call-content:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 8px solid #c19b76; filter: alpha(opacity=25); -ms-filter: "alpha(opacity=25)"; opacity: .25; z-index: -1; width: 384px; max-width: 100%; margin: auto; transition: all .6s } .call-content h2 span { font-size: 45px } .call-content p { color: #fff } .call-content a.btn { margin-top: 25px; animation: pulse 1s infinite } .call-button { position: relative; z-index: 1; text-align: center } button.play-btn { font-size: 16px; transition: all ease-in-out .5s; position: relative } button.play-btn i { font-size: 33px; height: 80px; width: 80px; line-height: 2.5; text-align: center; color: #fff; background: #ef2a4c; transition: all ease-in-out .5s; animation: pulse 3s infinite; padding: 0 0 0 5px } button.play-btn:hover i { background: #fff; color: #00d0ff } section.call-to-action-new.call-to-action { padding: 130px 0 } section.call-to-action-new .call-button { padding: 0 } section.call-to-action-new button.play-btn { position: inherit } section.call-to-action.call-style-1 { padding: 89px 0 100px; overflow: hidden } section.call-to-action.call-style-1:after { background: rgba(0, 0, 0, .7) } section.call-to-action.call-style-1 h2 span { font-size: 64px } .call-style-1 .call-content p { width: 100% } .best-services { position: relative; z-index: 1; margin-top: 80px } .wrap-best { border: 2px solid #ffffff22; padding: 40px 30px } .icon-best i { color: #fff; font-size: 40px } @media(min-width:1400px) { section.call-to-action, section.call-to-action.call-style-1 { padding: 55px 0 70px } section.call-to-action-new.call-to-action { padding: 160px 0 } } @media(max-width:991px) { .call-content { width: 90% } .best-services ..col-sm-6.col-md-3.col-lg-3 { margin-bottom: 30px } } @media(max-width:767px) { .call-to-action { text-align: center } .call-to-action:before { display: none } .call-button { padding-top: 100px } button.play-btn { position: relative } .call-content h2 span { font-size: 50px } } @media(max-width:567px) { .call-content { width: 100% } .call-content h2 span { font-size: 40px } section.call-to-action.call-style-1:before { left: 30px } } section.main-counter { padding: 0; background: 0 0 } .counter-inner { background: #fff; padding: 30px 20px 25px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .15); margin-top: -50px } .main-counter-item { position: relative; z-index: 1; text-align: center } .main-counter-item h3 { font-size: 48px; position: relative; margin-bottom: 30px; display: inline-block } .main-counter-item h3:after { position: absolute; content: ''; height: 1px; width: 40px; background: #73AEBC; left: 0; right: 0; margin: 0 auto; bottom: -10px } .main-counter-item span { text-transform: uppercase; font-size: 18px; padding-left: 5px } section.amenities { padding-top: 65px; background: #73aebc17; } .service-item { position: relative } .service-image { position: relative; overflow: hidden } .service-image img { transition: all ease-in-out .5s; width: 100% } .service-item:hover img { transform: scale(1.1); transition: all ease-in-out .5s } .service-content { position: absolute; bottom: 20px; left: 20px; text-align: center; background: #fff; width: calc(100% - 40px); padding: 20px 0; z-index: 2 } .service-content h4 { margin-bottom: 5px; color: #73AEBC } .service-content p { margin-bottom: 0; font-style: italic } .service-style-1 .service-item { position: relative; overflow: hidden } .service-style-1 .service-item:before { content: ''; background: linear-gradient(to top, #000000, transparent); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 1; transition: all .5s } .service-style-1 .service-item:hover:before { opacity: 1; transition: all .5s } .service-style-1 .service-content { padding: 20px 0 15px } .service-style-2 .section-title { margin: 0 auto; text-align: center; background: #fff; width: 30%; padding: 15px 0; position: absolute; top: -40px; left: 0; right: 0; z-index: 2; box-shadow: 0 0 20px #00000082 } .service-style-2 { padding: 0 } .service-style-2 .col-md-3 { padding: 0 } .service-style-2 .service-content { position: absolute; text-align: center; z-index: 2; width: 100%; left: 0; bottom: 0; background: #00000062; border-top: 1px solid #ffffff82 } .service-style-3 .service-outer { width: 80%; margin: 0 auto } .service-style-3 .service-image { position: relative; overflow: hidden; box-shadow: 0 0 15px #cccccc47; border: 5px solid #fff } @media(max-width:991px) { section.services .col-md-4.col-sm-12., section.services.service-style-1 .col-md-4.col-sm-6. { margin-bottom: 30px } section.services.service-style-1.service-style-2 .col-md-3.col-sm-6. { margin: 0 } section.services img { width: 100% } section.services.service-style-1 { padding-bottom: 70px } section.services.service-style-1.service-style-2 { padding-bottom: 100px } .service-style-2 .section-title { width: 60% } .service-style-3 .service-outer { width: 100% } } @media(max-width:767px) { section.services.service-style-3 .service-detail { padding: 20px 0 0; text-align: left } } @media(max-width:639px) { section.services .col-md-4.col-sm-6.col-xs-6 { width: 100%; margin-top: 30px } section.services .col-md-4.col-sm-12. { margin-bottom: 0 } } section.reviews { padding-bottom: 45px } .slider-item { position: relative } .review-slider-img{ display:flex; } .slider-image { padding-right: 30px; width:80px; } .review-slider-img .review-rating span img{ margin-left:10px; } .review-slider-img .review-rating span{ display:flex; margin:2px 0; } .review-slider-img .review-rating span i{ color:#ffb606; font-size:12px; } .slider-image img { border-radius: 50% } /*.slider-content {*/ /* padding-left: 12%*/ /*}*/ .slick-slide{ padding:12px; } .slider-content h4 { color: #73AEBC; margin-bottom: 5px } .slider-content span { text-transform: capitalize; color: #333 } .slider-content p { line-height: 30px; color: #494949; font-style: italic; font-size: 16px; letter-spacing: .66px } .slider-content p i { padding-right: 12px; color: #ffb606; font-size: 60px; font-style: normal; position: relative; bottom: -30px; font-weight: 700 } .row.review-slider { margin: 0 -15px } @media(max-width:567px) { .slider-image { padding-right: 20px; } .slider-content { padding-left: 0; text-align: center } .slider-quote { bottom: 0 } .slider-content p { font-size: 16px } } section.reviews.reviews-style-1 { background: url(../images/reviewbg.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; position: relative; padding: 100px 0 } section.reviews-style-1 .slick-slide img { width: auto } .reviews-style-1 .section-title { width: 100%; text-align: left } .reviews-style-1 .container { position: relative; z-index: 2 } .reviews-style-1:before { position: absolute; content: ''; height: 100%; width: 50%; bottom: 0; left: 0; background: rgba(19, 35, 47) } .reviews-style-1 .slider-item { position: relative; z-index: 9; background: #fff; padding: 30px; text-align: center } .reviews-style-1 .slider-image { float: none; padding-right: 0; width: 20%; margin: 0 auto } .reviews-style-1 .slider-content { padding-left: 0 } @media(max-width:991px) { .reviews-style-1 .section-title { text-align: center; margin-bottom: 60px !important } section.reviews.reviews-style-1 .section-title a { margin-top: 20px } } @media(max-width:567px) { .reviews-style-1:before { width: 100% } } .reviews-style-2 .slider-image { float: none; display: inline-block; padding: 0 0 15px } .reviews-style-2 .slider-content { padding: 0 } .news-item { position: relative; box-shadow: 0 0 15px #cccccc57; background: #fff } .news-image { overflow: hidden } .news-image img { transition: all ease-in-out .5s; width: 100% } .news-item:hover img { transform: scale(1.2) rotate(-5deg); transition: all ease-in-out .5s } .news-content { padding: 22px 25px 20px; background: #fff } .news-content h4 { margin-bottom: 11px } .news-content>p { margin-bottom: 8px } .news-content ul li { font-size: 14px } .review-item p.date, .news-content p.date { font-weight: 500; font-size: 13px; margin-bottom: 10px; color: #73AEBC } .news-item ul li i { color: #73AEBC } .news-content>a { font-size: 14px; font-weight: 500; color: #73AEBC } .news-content>a i { transition: all .4s ease } .news-content>a:hover i { padding-left: 5px; transition: all .4s ease } .news-style-1 .events-list { padding: 16px 20px } .news-style-1 .events-title { position: relative } .news-style-1 .time-from { position: absolute; border: 2px solid #73AEBC; padding: 0 15px; left: 0; top: 0 } .news-style-1 .events-title h4 { padding-left: 80px } .news-style-1 .time-from .date { font-size: 24px; line-height: 1.5 } @media(max-width:991px) { section.news .col-md-4.col-sm-12. { margin-top: 30px } section.news img { width: 100% } .news-style-1 .events-list { margin-bottom: 30px } } @media(max-width:767px) { section.news .col-md-4.col-sm-6. { margin-bottom: 30px } section.news .col-md-4.col-sm-12. { margin-top: 0 } .news-style-1 .events-list .display-flex { margin: 0 } .news-style-1 .events-list .news-image { margin-top: 30px } } @media(max-width:567px) { .news-style-1 .time-from { position: relative } .news-style-1 .events-title h4 { padding: 20px 0 0 } } section.newsletter { padding-bottom: 97px } section.newsletter:before { content: ""; background: url(../images/inbox-bg-icon.png) no-repeat scroll center center; width: 252px; height: 155px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: .8 } section.newsletter .section-title { width: 100%; margin: 0; text-align: left } .newsletter-form { position: relative; z-index: 1; width: 100%; overflow: hidden } .newsletter-form input { height: 45px } .newsletter-form a { position: absolute; right: 0; top: 0 } @media(max-width:991px) { section.newsletter .section-title { text-align: center } .newsletter-form { width: 80%; margin: 25px auto 0 } } @media(max-width:411px) { .newsletter-form { width: 100%; text-align: center } .newsletter-form a { position: relative; margin-top: 10px } } footer { background: #141306ed; position: relative } footer:before { content: ''; background: #73AEBC24; position: absolute; top: 0; left: -250px; height: 100%; width: 60%; transform: skew(30deg) } footer h4 { color: #fff; margin-bottom: 15px; font-size:25px } footer h5 { color: #fff; margin: 15px 0 5px 0; font-size:18px } .footer-top { padding: 50px 0 0px } .footer-about p { margin-bottom: 29px } .footer-logo { padding-bottom: 95px } footer li { margin-bottom: 12px; } footer li a { font-size: 15px } footer p, footer a, footer li { color: #fff } .footer-payment li { display: inline-block } .footer-copyright { padding: 15px 0; border-top: 1px solid #ffffff10; position: relative } .footer-copyright .row { display: flex; align-items: center } .copyright-links { margin-bottom: 10px } .copyright-links li { display: inline-block; padding-right: 5px } .copyright-links li a { font-size: 14px } .copyright-links li:last-child:after { content: '' } .copyright-links li:after { content: '|'; padding-left: 10px } .copyright-links li:last-child { padding-right: 0 } .copyright-content li { display: inline-block; margin-right: 10px; line-height: initial } .copyright-content li a { color: #57565b; font-size: 20px } .copyright-content span, .copyright-content a { color: #73AEBC } .room-title h4 { font-size: 22px; margin-bottom: 5px; } .copyright-content p { font-size: 14px } .copyright-content li a i:hover { color: #73AEBC } .footer-style-1 { background: url(../images/footerbg.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 90px 0 0; overflow: hidden } .footer-style-1:before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; transform: none; background: rgba(0, 0, 0, .7) } .footer-style-1 .section-title { margin-bottom: 30px } .footer-style-1 .newsletter-form { width: 50%; margin: 0 auto } .footer-style-1 .footer-top { padding: 60px 0 50px } @media(max-width:1100px) and (min-width:991px) { .playstore-links img { width: 45% } } @media(max-width:991px) { .footer-top { padding-bottom: 50px } .footer-style-1 .footer-top { padding-bottom: 10px } .footer-top .col-md-3.col-sm-6., .footer-copyright .col-md-4.col-sm-12. { margin-bottom: 40px } .footer-copyright { text-align: center } .footer-style-1 .footer-copyright { padding-bottom: 20px } .footer-copyright .row { display: block } } @media(max-width:765px) { footer:before { left: -450px } .footer-style-1 .newsletter-form { width: 100% } } @media(max-width:480px) { .playstore-links img { width: 45% } } .list-results { position: relative; margin-bottom: 30px; background: #fbfbfb; border: 1px solid #f1f1f1; padding: 10px; display: inline-block; width: 100% } .list-results .change-grid, .list-results .change-list { display: inline-block } .list-results .change-list.f-active i, .list-results .change-grid.f-active i, .list-results a:hover i { color: #73AEBC; transition: all ease-in-out .3 } .list-results .change-grid i, .list-results .change-list i { line-height: 35px; text-align: center; color: #444; display: inline-block; transition: all ease-in-out .3 } .list-filter { padding: 30px; box-shadow: 0 0 15px #cccccc57; margin-bottom: 30px } .list-filter .btn-default { background: #fbfbfb; border: 1px solid #f1f1f1; border-radius: 0 } .list-filter .btn { padding: 10px 15px } .list-filter .form-group { margin: 0 } .list-content .room-item { margin-bottom: 30px } @media(max-width:991px) { .filter-title { margin-bottom: 10px; text-align: center } } @media(max-width:735px) { section.room-list .col-md-4.col-sm-6.col-xs-6 { width: 100% } } .room-grid { display: flex } .room-grid { margin-bottom: 30px; box-shadow: 0 0 15px #cccccc57 } .grid-image { width: 40%; position: relative; overflow: hidden } .grid-content { width: 60%; padding: 23px } .grid-image img { transition: all ease-in-out .5s } .room-grid:hover img { transform: scale(1.2) rotate(5deg) } .room-services { margin-bottom: 13px !important; border-top: 1px dashed #9fa6ae50; padding: 16px 0 14px; border-bottom: 1px dashed #9fa6ae50 } .room-services ul li { display: inline-block; padding-right: 10px; margin-bottom: 0; font-size: 14px; color: #9fa6ae } .list-sidebar-item { margin-bottom: 30px } .list-sidebar-item:last-child { margin-bottom: 0 } .list-sidebar-item h4 { margin-bottom: 20px } .list-sidebar-item .pretty { width: 100%; margin-right: 0 } .list-sidebar-item .pretty input:checked~.state.p-warning-o label:before, .list-sidebar-item .pretty.p-toggle .state.p-warning-o label:before, .list-sidebar-item .pretty input:checked~.state.p-warning-o label:before, .list-sidebar-item .pretty.p-toggle .state.p-warning-o label:before, .list-sidebar-item .pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after { border-color: #73AEBC } .list-sidebar-item .pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after { background-color: #73AEBC !important } .rating span { display: inline } .list-sidebar-item.info-1 { border: 1px solid #f1f1f1; padding: 20px; text-align: center } .info-1.list-sidebar-item i { font-size: 64px; margin-bottom: 20px; display: inline-block; padding: 0; color: #ee2a4c } .list-sidebar-item.info-1 a.phone { font-size: 26px; display: block; margin-bottom: 10px } @media(max-width:639px) { .room-grid { display: block } .grid-image, .grid-content, .grid-image img, .list-filter .col-md-3.col-sm-4.col-xs-4 { width: 100% } .list-filter { padding-bottom: 15px } .list-filter .form-group { margin-bottom: 15px } } .detail-slider .slick-list.draggable { background: #fff } .detail-slider .slick-initialized .slick-slide { opacity: .6 } .detail-slider-item.slick-slide.slick-current.slick-active.slick-center { opacity: 1 } .slider-nav .slick-prev { left: 0; width: auto; border-radius: 0; height: 100%; top: 20px; background: rgba(255, 255, 255, .5); padding: 0 5px } .slider-nav .slick-next { right: 0; width: auto; border-radius: 0; height: 100%; top: 20px; background: rgba(255, 255, 255, .5); padding: 0 5px } .slider-nav .slick-prev:before { content: '\f104' } .slider-nav .slick-next:before { content: '\f105' } .detail-title { padding: 30px 0; display: inline-block; width: 100% } .title-left { display: inline-block } .title-left h3 { margin-bottom: 0 } .title-right { display: flex } .title-right ul { padding-top: 12px } .title-right li { display: inline-block; height: 35px; width: 35px; background: #ccc; text-align: center; line-height: 2.1; font-size: 17px; border-radius: 50%; color: #fff; margin: 0 } .title-right li i { padding: 0 } li.facebook { background: #4268b3 } li.twitter { background: #00acee } li.linkedin { background: #0274b3 } li.pinterest { background: #cc232a } .title-price { border-left: 1px solid #f1f1f1; padding: 10px 0 0 15px; margin-left: 15px; position: relative } .title-price h3 { color: #ef2a4c } .title-price span { font-size: 14px; color: #999; font-weight: 300; text-transform: capitalize } .price-table table { text-align: center; background: #fff } .price-table table thead td { background: #73AEBC; color: #fff } .price-table table tbody td { padding: 15px 8px } .check-in { padding: 100px 0 0; background: #fff } .check-in .form-content { box-shadow: 0 0 15px #cccccc47 } .check-in .table-item input, .check-in .table-item select { background: #fff; color: #333 } .check-in .form-group { margin-bottom: 0 } .check-in .date-range-inner-wrapper { position: relative } .check-in a.btn-orange { border-radius: 0 } .check-in .table-item span { color: #444; right: 8px } .amt-icon img{ width: 50px; margin-bottom: 10px; } .amt-item { padding: 30px 0; text-align: center; transition: all ease-in-out .5s; border: 1px solid #f1f1f1; box-shadow: 0 0 15px #cccccc37; background-color: #fff; } .amt-item:hover { transform: translateY(-5px); transition: all ease-in-out .5s } .amt-icon i { font-size: 32px; color: #73AEBC; margin-bottom: 15px } .amt-item h4 { margin: 0 } section.detail-features { padding: 0; overflow: hidden } .detail-features .col-md-3 { padding: 0 } .feature-item { position: relative } .feature-item .feature-image { overflow: hidden } .feature-item .feature-image img { transition: all ease-in-out .5s; position: relative; z-index: 0 } .feature-item:hover .feature-image img { transform: scale(1.2); transition: all ease-in-out .5s } .feature-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); transition: all ease-in-out .5s; z-index: 1 } .feature-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 9 } .feature-content h4 { color: #fff; margin: 10px 0 0 } @media(max-width:991px) { section.services { padding-bottom: 70px } section.services .col-md-3.col-sm-6. { margin-bottom: 30px } } .review-item { display: flex; margin-bottom: 30px } .review-item p { margin-bottom: 0 } .review-image { width: 20% } .review-image img { border-radius: 50% } .review-content { padding-left: 30px } .review-content a { color: #73AEBC } .review-content h5 { display: inline-block; margin-right: 10px } .review-outer ul li ul { margin-left: 100px } .comment-btn { margin-top: 15px } .comment-box input, .comment-box textarea { background: #fbfbfb; border-radius: 0 } .detail-full section.related-rooms { background: #fff } .sidebar-form.reservation-form { background: #fff; margin-bottom: 30px } .sidebar-form.reservation-form .banner-form.form-style-2 { position: relative; right: 0; width: 100%; box-shadow: none } .sidebar-form.reservation-form .banner-form.form-style-2 .form-content, .sidebar-form.reservation-form .banner-form.form-style-2 .form-content-inner { padding: 0; background: 0 0; box-shadow: none } .sidebar-form.reservation-form .banner-form.form-style-2 input, .sidebar-form.reservation-form .banner-form.form-style-2 select { border: 1px solid #f1f1f1 } .sidebar-form.reservation-form .banner-form.form-style-2 select, .sidebar-form.reservation-form .banner-form.form-style-2 input, .sidebar-form.reservation-form .banner-form.form-style-2 .input-group .form-control { background: #fff } .form-price { text-align: center } .form-price .title-price { border: 0; margin: 0; padding: 0 } .form-price .title-price h2 { color: #eb294b } .sidebar-support { padding: 30px; margin-bottom: 30px; background: #fff; border: 4px solid #666 } .sidebar-support p:last-child { margin: 0 } .sidebar-room { position: relative } .sidebar-room:after { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5) } .sr-content { position: absolute; z-index: 1; bottom: 0; left: 5%; width: 90% } .sr-content h3, .sr-content p { color: #fff } ul.nav.nav-pills { background: #fbfbfb; margin-bottom: 30px } .nav-pills>li { margin: 0 } .nav-pills>li>a, .nav-pills>li>button.nav-link { border-radius: 0; color: #444; font-weight: 800; padding: 15px 30px } .form-btn .btn-orange { background: #73AEBC; color: #fff; border-color: #73AEBC; padding: 12px 41px; width: 100%; border-radius: 0; } .form-btn .btn-orange:hover { color: #73AEBC; background: #fff; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li.active>button, .nav-pills>li.active>button:focus, .nav-pills>li.active>button:hover { background: #73AEBC } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: #73AEBC; color: #fff } ul.amenities { margin-top: 30px } ul.amenities li { display: inline-block; background: #fff; padding: 10px 25px; border-radius: 5px; margin: 0 5px 10px 0 } .details ul.amenities li { width: 32.33% } .detail-places .service-content h3 { text-transform: unset; font-size: 16px; margin-bottom: 0 } .location-item { display: inline-block; width: 32%; padding-left: 45px; position: relative; margin-bottom: 30px } .location-item i { height: 30px; width: 30px; background: #73AEBC; text-align: center; line-height: 2; border-radius: 50%; color: #fff; position: absolute; left: 5px; top: 10px } .location-item p { margin-bottom: 0; font-weight: 600 } .sidebar-item { margin-bottom: 30px } .sidebar-item h4 { margin-bottom: 20px } .sidebar-search form { position: relative } .sidebar-search input { background: #f8f9fa; width: 100% } .sidebar-search a { color: #fff; background: #73AEBC; position: absolute; right: 2px; top: 2px; padding: 8px 15px } .recent-item { margin-bottom: 15px } .recent-image { float: left; width: 20% } .recent-content { float: left; width: 80%; padding-left: 15px } .recent-content .room-services { margin-bottom: 0 !important; border: none; padding: 0 } .recent-content h4 { margin-bottom: 8px } .sidebar-instagram.sidebar-item { margin-bottom: 35px } .sidebar-instagram li { width: 30%; display: inline-block; margin-bottom: 5px } .sidebar-tags.sidebar-item { margin-bottom: 30px } .sidebar-tags li { display: inline-block } .sidebar-tags li a { display: inline-block; padding: 8px 15px; border: 1px solid #ccc; border-radius: 5px; margin-right: 10px; transition: all ease-in-out .5s; color: #666 } .sidebar-categories li a { color: #666 } .sidebar-tags li a:hover { background: #666; color: #fff } .list-content .news-item { margin-bottom: 30px } @media(max-width:991px) { section.amenities { padding-bottom: 70px } .details .col-md-4.col-sm-12. { margin-bottom: 30px } .overwiew-map { margin-top: 30px } .check-in .form-content { display: block } .check-in .table-item { width: 50%; float: left; margin-bottom: 15px } .check-in .table-item:last-child { float: none; text-align: center; width: 100%; margin-bottom: 0 } .amt-item { margin-bottom: 30px } .review-image { width: 50% } } @media(max-width:767px) { .details .col-md-4.col-sm-6. { margin-bottom: 30px } .details ul.amenities li { width: 49% } } @media(max-width:735px) { .location-item, .nav-pills>li { width: 100% } } @media(max-width:639px) { .title-left, .title-right { width: 100%; display: inline-block } .title-left, .tags { margin-bottom: 10px } .check-in { padding: 0 } .slider-1.slider-nav { display: none } .review-content { width: 100% } .events-detail.single-detail .review-content { width: auto } .comment-btn { text-align: center } .details ul.amenities li { width: 100% } } @media(max-width:567px) { .check-in .table-item { width: 100% } .detail-features .col-md-3 { width: 100% } .price-table { overflow-x: scroll } .review-item { display: block; text-align: center } .review-image { width: 100%; display: inline-block; padding: 0; margin-bottom: 15px } .review-image img { width: 30% } .review-content { padding: 0 } .review-outer ul li { margin-bottom: 0 } .review-outer ul li ul { margin: 0 0 15px; background: #fbfbfb; padding: 15px } .review-outer ul li ul .review-item { margin-bottom: 0 } .comment-box .form-group { width: 100% } .recent-image, .recent-image img { width: 100% } .recent-content { width: 100%; padding: 15px 0 0 } .title-right ul, .title-price { display: inline-block } } .single-image { position: relative } .single-date { text-align: center; border: 1px solid #73AEBC; height: 70px; width: 70px } .single-image-date { position: absolute; left: 0; bottom: 0; padding: 10px 20px; background: #000 } .single-image-date p { margin: 0; color: #fff } .single-date p { margin: 0; font-size: 10px; line-height: 1.35; color: #333 } .single-date span { display: block; font-size: 36px; font-weight: 600 } ul.author li { display: inline-block; margin-right: 20px; margin-bottom: 15px } ul.author li i { color: #73AEBC } .single-tags { border-top: 1px dashed #f1f1f1; border-bottom: 1px dashed #f1f1f1; padding: 15px 0 } .tags { padding-top: 8px } .tags i { color: #73AEBC } .tags ul { display: inline-block } .tags ul li { display: inline-block; margin: 0; margin-right: 5px } .single-tags .title-right ul { padding: 0 } .next-posts { margin: 50px 0 } .next-item { width: 45%; box-shadow: 0 0 10px #cccccc57; padding: 20px; position: relative } .next-item span { text-transform: uppercase } .prev { padding-left: 60px } .prev i, .next i { position: absolute; top: 40%; left: 30px; font-size: 20px } .next { padding-right: 60px; text-align: right } .next i { right: 30px; left: inherit } .single-detail .review-outer { margin-top: 50px } .single-detail .comment-btn a.btn, .details .comment-btn a.btn { width: auto } .comment-box { width: 100% } @media(max-width:639px) { .single-tags { text-align: center } .next-item { width: 100%; margin-bottom: 20px } .next-posts { margin-bottom: 40px } } .about-tag { border: 2px solid #73AEBC; padding: 10px 20px 5px; display: inline-block; position: absolute; left: 45%; bottom: 15%; background: #fff } .tag-no { float: left } .tag-no span { font-size: 56px; font-weight: 600; line-height: 1.2 } .tag-info { padding-left: 70px } .tag-info span { display: block; font-weight: 600; text-transform: uppercase } span.orange { color: #73AEBC } section.about-counter { background: url(../images/counter.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: center; position: relative } .about-counter:after, section.video-box:after { position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ''; background: rgba(0, 0, 0, .7) } .counter-item { position: relative; z-index: 1; text-align: center } .counter-item h3 { font-size: 48px; color: #fff; position: relative; margin-bottom: 30px } .counter-item h3:after { position: absolute; content: ''; height: 1px; width: 40px; background: #73AEBC; left: 0; right: 0; margin: 0 auto; bottom: -10px } .counter-item p { color: #fff; margin: 0; text-transform: uppercase } .counter-item .icon1 { font-size: 48px; margin-bottom: 0 } section.about-team { padding-bottom: 70px } .about-para h5 { color: #ef2a4c; margin: 0; padding: 15px 0; border-top: 1px dashed #f1f1f1; border-bottom: 1px dashed #f1f1f1; line-height: 1.8 } .about-icon { padding: 10px; background: #fbfbfb; border: 1px solid #f1f1f1; text-align: center } .about-us-image { border: 5px solid #fff; box-shadow: 0 0 15px #cccccc58 } section.video-box { background: url(../images/newsletterbg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed } section.video-box:after { background: #173460c4 } section.video-box .section-title { margin-bottom: 0 } section.video-box .call-button { padding: 0; margin: 50px 0 } section.video-box button.play-btn { position: relative; left: 0; right: 0 } .row.team-slider, .row.team-slider1 { margin: 0 -15px } .team-item { position: relative; overflow: hidden; transition: all ease-in-out .3s; box-shadow: 0 0 15px #cccccc57; margin-bottom: 30px } .team-item .team-image img { transition: all ease-in-out .3s } .team-item:hover .team-image img { transform: scale(1.2); transition: all ease-in-out .3s } .team-content { padding: 20px 15px; position: absolute; bottom: -42px; width: 100%; background: #fff; text-align: center; transition: all ease-in-out .3s; z-index: 2 } .team-item:hover .team-content { bottom: 0; transition: all ease-in-out .3s } .team-item:before { content: ''; background: linear-gradient(to top, #73AEBCb8, transparent); position: absolute; height: 100%; width: 100%; left: 0; top: 0; transition: all ease-in-out .3s; opacity: 0; z-index: 1 } .team-item:hover:before { opacity: 1; transition: all ease-in-out .3s } .team-content h4 { margin-bottom: 10px } .team-content p { font-size: 14px } section.awards { position: relative; background: url(../images/awards.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position: center; padding-bottom: 0 } .awards:after, .awards:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .7) } .awards:after { background: #f8f9fa; height: 16%; bottom: 0; top: inherit } .award-slider { z-index: 1 } .award-item { margin: 0 15px; background: #fff; position: relative; z-index: 1; border: 2px solid #73AEBC } .award-content { text-align: center; background: #73AEBC; width: 100%; padding: 15px 0 } .award-content h5, .award-content p { margin: 0; color: #fff } @media(max-width:991px) { .about-para { margin-top: 0 } .about-tag { display: none } .info-detail { margin-top: 30px } } @media(max-width:767px) { .about-us-image { margin-top: 30px } } @media(max-width:639px) { .about-para-list .col-md-4.col-sm-4.col-xs-4 { width: 100%; margin-bottom: 15px } } .accrodion-grp { position: relative; z-index: 1 } .accrodion-grp .accrodion+.accrodion { margin-top: 10px } .accrodion-grp .accrodion .accrodion-title { border: 1px solid #dee0e1; background: #fff; padding: 14.5px 25px; cursor: pointer; -webkit-transition: all .4s ease; transition: all .4s ease } .accrodion-grp .accrodion .accrodion-title h4 { margin: 0; position: relative; color: #222 } .accrodion-grp .accrodion .accrodion-title h4:before { content: '\f107'; font-family: fontawesome; color: #222; font-size: 20px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .accrodion-grp .accrodion .accrodion-title h5 { margin: 0; position: relative; font-weight: 300 } .accrodion-grp .accrodion .accrodion-content .inner { padding: 20px 0 10px } .accrodion-grp .accrodion .accrodion-content p { margin: 0; font-size: 15px; line-height: 25px; letter-spacing: .01em; color: #74787d } .accrodion-grp .accrodion.active .accrodion-title { background: #73AEBC; border-color: #73AEBC } .accrodion-grp .accrodion.active .accrodion-title h4:before { content: '\f106'; color: #fff } .accrodion-grp .accrodion .accrodion-title h4 { font-weight: 600; font-size: 16px } .accrodion-grp .accrodion.active .accrodion-title h4 { color: #fff } section.faq { padding-bottom: 70px } .faq-ques, .faq-ans { margin-bottom: 30px } .faq-icon { width: 150px; text-align: center; padding-top: 10px } .faq-icon i { font-size: 50px } .faq-ques .faq-icon { float: left } .faq-ans .faq-icon { float: right; padding-top: 30px } .faq-content { padding: 30px; border-radius: 10px } .faq-ques .faq-content { margin-left: 150px; background: #73AEBC } .faq-ans .faq-content { margin-right: 150px; background: #f8f9fa } .faq-ques h3 { margin-bottom: 0; color: #fff } .faq-ans p { margin-bottom: 0 } @media(max-width:639px) { .faq-ques .faq-content, .faq-ans .faq-content { width: 100%; margin: 0 } .faq-ques .faq-icon, .faq-ans .faq-icon { float: none; text-align: center; margin: 0 auto; padding: 0 } .faq-ans p { margin-bottom: 15px } } .contact-info { margin-bottom: 50px } .info-item { position: relative; background: #343a40; padding: 20px 20px; height:100px; } .info-item-or { background: #73AEBC } .info-icon { position: absolute; color: #fff; font-size: 48px; left: 10%; top: 20% } .info-content { padding-left: 75px } .info-content p { margin: 0; color: #fff } .info-content a { color:#fff } .contact-support { margin-bottom: 50px } .contact-form { background: #73AEBC; padding: 30px } .contact-form h3 { color: #fff; margin-bottom: 30px } .contact-form input, .contact-form textarea { background: 0 0; border: none; border-bottom: 1px solid #ccc; color: #fff; padding: 10px } .contact-form input:focus { box-shadow: none } .contact-form ::placeholder { color: #fff } .contact-form #submit.btn-orange { background: #fff; color: #333; width: auto } .contact-form #submit.btn-orange:hover { color: #fff; background: #333; border-color: #333 } .contact1 .support-item { border: 1px solid #f1f1f1; padding: 20px 15px 5px; text-align: center } .contact1 .info-content { padding-left: 100px } @media(max-width:991px) { .info-icon { left: 8% } .info-content { padding-left: 90px } .contact-support { margin-bottom: 20px } .support-item { margin-bottom: 30px } } @media(max-width:400px) { .contact1 .info-content, .info-content { padding-left: 40px } .info-icon { font-size: 32px } } section.menu { background: url(../images/menubg.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: center } .menu-outer { position: relative; z-index: 1 } .row.isotopeSelector { width: 100% } .menu-item { background: #fff; padding: 15px; width: 100%; margin-bottom: 30px } .menu-image { width: 68px; float: left } .menu-item { position: relative } .menu-content { padding-left: 85px } .menu-content h3 { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ccc } .menu-content span { position: absolute; top: 0; right: 0; font-size: 21px; color: #fff; font-weight: 600; height: 100%; background: #ef2a4c; padding: 30px 0; width: 14%; text-align: center } .menu-content p { margin-bottom: 0 } .special-item { padding: 20px; box-shadow: 0 0 15px #cccccc57 } .special-image { position: relative } .special-image img { width: 100% } .special-tag { background: #ef2a4c; color: #fff; text-align: center; font-size: 24px; position: absolute; right: 0; bottom: 0; padding: 8px 16px } .special-tag span { color: #fff; font-weight: 700 } .special-content { padding-top: 30px } section.reservation { background: url(../images/reservationbg.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed } section.reservation:after { background: #fff; content: ''; height: 100%; width: 50%; position: absolute; right: 0; top: 0 } section.reservation .section-title h2 { background: #fff; padding: 20px 10px } .reservation-box { width: 80%; margin: 0 auto; display: flex; position: relative; z-index: 1 } .reservation-image { width: 50% } .restaurant-form { width: 50%; padding: 24px 30px; background: #fff } .rt-content p { text-transform: uppercase; font-style: italic; font-size: 14px } section.about-restaurant:before { background: #fbfbfb; position: absolute; left: 0; top: 0; height: 100%; width: 15%; content: '' } .about-restaurant .about-content { border: 1px solid #f1f1f1; padding: 40px 20px; background: #fff } section.menu.lunch { background: inherit } section.menu.lunch .menu-item { background: #fff; box-shadow: 0 0 10px #cccccc57; border: 1px solid #f1f1f1 } @media(max-width:1100px) { .reservation-box { display: block; width: 100% } .reservation-image, .restaurant-form, .reservation-image img { width: 100% } } @media(max-width:991px) { .special-item { margin-bottom: 30px } .about-content { padding-top: 0 } section.speciality { padding-bottom: 70px } } @media(max-width:567px) { .row.isotopeSelector { margin: 0; text-align: center } .menu-image, .menu-image img, .menu-content, .menu-content span { width: 100%; padding: 0; position: relative; display: inline-block } .menu-content span { padding: 5px } .menu-content p { margin-top: 15px } .menu-image { margin-bottom: 15px } .special-image { padding: 0 } } section.content.reservation-main { background: #fff } .reservation-links-content { display: flex; width: 80%; margin: 0 auto; margin-bottom: 50px } .reservation-main .banner-form.form-style-1 { position: relative; box-shadow: 0 0 15px #cccccc57; padding: 0; margin-bottom: 20px; bottom: inherit } .reservation-main .banner-form.form-style-1 .form-content { padding: 30px 15px; box-shadow: none } .res-item { width: 25%; text-align: center; overflow: hidden } .res-item a { display: inline-block; height: 60px; width: 60px; background: #f8f9fa; font-size: 30px; line-height: 1.8; border-radius: 50%; border: 4px solid #f8f9fa; position: relative; color: #333; margin-bottom: 30px } .res-item a.active, .res-item a:hover { background: #73AEBC; border-color: #facec8; color: #fff } .res-item a:after { left: 115%; height: 3px; width: 104px; content: ''; position: absolute; background: #f8f9fa; top: 48%; border-radius: 0 5px 5px 0 } .res-item a:before { right: 115%; height: 3px; width: 104px; content: ''; position: absolute; background: #f8f9fa; top: 48%; border-radius: 5px 0 0 5px } .res-item a.active:before, .res-item a.active:after { background: #73AEBC } .res-item:first-child a:before { display: none } .res-item:last-child a:after { display: none } .res-item p { font-weight: 600 } .calender { box-shadow: 0 0 5px #cccccc57 } .month { display: flex; background: #f8f9fa; padding: 18px 30px 0; position: relative } .month:before { content: ''; height: 0; width: 0; top: -18px; position: absolute; left: 10%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 18px solid #f8f9fa } .month p { text-transform: uppercase; font-weight: 600 } .month span { display: block; color: #73AEBC } .prev-month { width: 50%; position: relative; padding-left: 50px } .next-month { width: 50%; text-align: right; position: relative; padding-right: 50px } .month i { height: 40px; width: 40px; position: absolute; left: 0; background: #73AEBC; color: #fff; text-align: center; font-size: 24px; border-radius: 50%; line-height: 1.7 } .next-month i { left: unset; right: 0 } .calender-content { display: flex; padding: 45px 30px 30px } .week li { float: left; width: 13%; text-align: center } .days li { float: left; width: 13%; text-align: center } .days li a { height: 40px; width: 40px; text-align: center; display: inline-block; line-height: 2.7; border-radius: 50%; color: #333 } .days li.mday a { background: #f8f9fa } .days li.active a { background: #73AEBC; color: #fff } .booking-image { position: relative } .booking-title { position: absolute; width: 100%; bottom: 0; background: #ffffffe3; padding: 15px } .booking-title .title-price { border: none; margin: 0; padding: 0 } .booking-title .title-price h3 { margin: 10px 0 0; color: #73AEBC } .booking-title .title-price h4 span { color: #73AEBC } .booking-desc p:last-child { margin: 0 } .booking-content ul li { display: inline-block; margin-right: 15px; margin-bottom: 15px; width: 22% } .extra-services ul { background: #f8f9fa; padding: 30px 0 0 30px } .form-title { margin: 30px 0 } .form-title h4 { display: inline-block } .form-title span { height: 50px; width: 50px; display: inline-block; text-align: center; background: #fe3e47; font-size: 25px; line-height: 1.8; color: #fff; border-radius: 50%; margin-right: 15px } .booking-content input, .booking-content textarea, .booking-content select { border-radius: 0; background: #f8f9fb } .radio-group { padding: 10px 0 } .radio-group input[type=checkbox], .radio-group input[type=radio] { margin-right: 5px } .detail-table table tr td { border-top: none } .detail-table table tr:nth-child(odd) { background: #f8f9fa } .payment { margin-top: 30px } .payment-desc { background: #f8f9fa; padding: 15px; word-break: break-all } .payment-desc p { margin-bottom: 0 } .sidebar-reservation { background: #f8f9fa; margin-bottom: 30px; padding: 30px; text-align: center } .reservation-detail { position: relative } .reservation-detail:before { content: ''; position: absolute; height: 100%; width: 1px; background: #ccc; left: 0; right: 0; margin: 0 auto } .rd-top { display: flex; text-align: center } .rd-top:first-child { border-bottom: 1px solid #ccc } .rd-top:last-child { padding: 15px 0 30px } .rd-box { width: 100%; padding: 15px 0 0 } .rd-box label { text-transform: uppercase; color: #73AEBC; margin-bottom: 15px } .rd-box p.bold { font-size: 44px; font-weight: 600 } .reservation-table { margin: 15px 0 0 } .reservation-table tbody tr td { border: none } .reservation-table td:first-child { text-align: left } .reservation-table td:last-child { text-align: right } .reservation-table tfoot td { font-weight: 600 } .success-notify { background: #1daf4d; padding: 20px 60px; border-radius: 10px; position: relative } .success-icon { position: absolute; left: 3%; top: 28%; height: 50px; width: 50px; background: #fff; border-radius: 50%; font-size: 26px; text-align: center; line-height: 2; color: #1daf4d } .success-content { padding-left: 50px } .cancel-icon { position: absolute; right: 15px; top: 15px; color: #fff } @media(max-width:991px) { .radio-group { padding: 0 } } @media(max-width:767px) { .reservation-links-content { width: 100% } } @media(max-width:639px) { .booking-content ul li { width: 28% } } @media(max-width:567px) { .reservation-links-content { display: inline-block } .res-item { width: 100%; margin-bottom: 15px } .res-item a { margin-bottom: 15px } .res-item a:before, .res-item a.active:before, .res-item a.active:after, .res-item a:after { display: none } .list-results { text-align: center } .list-results-sort, .click-menu { width: 100%; float: none; padding: 0; margin-bottom: 10px } .click-menu { margin: 0 } .booking-title { position: relative; padding: 20px; background: #fbfbfb; display: inline-block; width: 100% } .booking-title h4 { padding-top: 0; margin-bottom: 0 } .booking-content ul li { width: 45% } .success-notify { text-align: center; padding: 20px } .success-icon { position: relative; left: 0; top: 0; margin-bottom: 15px; display: inline-block } .success-content { width: 100%; padding: 0 } } @media(max-width:400px) { .extra-services ul { padding: 20px } .booking-content ul li { width: 100%; margin-right: 0 } } section.testimonial { padding-bottom: 50px } .testimonial .slider-item { margin: 0; box-shadow: 0 0 15px #cccccc57; margin-bottom: 30px; padding: 30px; border-left: 2px solid #73AEBC } .testimonial .slider-content { padding: 0 } .testimonial .slider-content p { font-size: 16px } .row.review-slider { margin: 0 -15px } section.gallery { padding-bottom: 60px } .gallery .mt_filter .list-inline { border: none; padding: 0; margin: 0 } .gallery .mt_filter ul li { margin: 0; padding: 0 } .gallery .mt_filter ul li button { color: #333; border: 1px solid #f1f1f1; padding: 8px 20px; background: #fff; margin: 0 3px; display: inline-block } .gallery .mt_filter ul li button:hover, .gallery .mt_filter ul li.active button { background: #73AEBC; color: #fff; border-color: #73AEBC } .gallery .grid .element-item { position: relative; width: 100% } .gallery-item { position: relative; margin-bottom: 30px; overflow: hidden } .gallery-content { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: rgba(0, 0, 0, .7); transition: all ease-in-out .5s } .gallery-content ul { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%) } .gallery-content ul li { border: 1px solid #fff; color: #fff; height: 40px; width: 40px; text-align: center; font-size: 20px; line-height: 2; display: inline-block; margin: 0 } .gallery-content ul li a { color: #fff } .gallery-content i { padding: 0 } .gallery-item:hover .gallery-content { top: 0 } .gal-3-col .gallery-item { margin-bottom: 0 } a.lb-close { position: absolute; top: -30px; right: 30px } section.gallery.gallery1 { background: #ad9f07; padding: 60px 0 0 } section.gallery.gallery1 .section-title { margin-bottom: 40px } @media(max-width:567px) { .gallery .mt_filter ul li .button { margin-bottom: 10px } .gallery-item { margin-bottom: 15px } } section.login:before { content: ''; background: #fbfbfb; height: 100%; width: 50%; position: absolute; left: 0; top: 0 } section.login .login-content { background: 0 0; padding: 0 30px } .modal-dialog { width: 350px; top: 10%; } .login-content { background: #fff; padding: 30px; text-align: center } .login-content h3 { font-size: 21px } .login-image { margin-bottom: 30px } .login-content .form-btn { margin: 15px 0 } .login-content .form-btn a.btn-orange { width: 100%; border-radius: 0; margin-bottom: 15px } .login-content ul.social-links li { display: inline-block } .login-content ul.social-links li a { color: #333 } .form-checkbox { text-align: left } .form-checkbox a { float: right; line-height: 2 } @media(max-width:767px) { .login-content { margin-bottom: 50px } section.forgot-password { text-align: center } section.login:before { display: none } } @media(max-width:567px) { section.login .login-content { padding: 0 } } section.error { padding-bottom: 150px } .error-content { width: 60%; margin: 0 auto; position: relative; z-index: 1 } .error-content h1 { font-size: 200px } .error-content span { color: #73AEBC } .error-btn { padding-top: 50px } section.error-1 { background: url(../images/404.jpg) no-repeat; background-position: center; background-size: cover } .error-1 h1 { background: url(../images/404text.jpg) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: center; background-size: cover } .error-1 p { color: #fff } @media(max-width:767px) { .error-content { width: 100% } } @media(max-width:639px) { .error-content h1 { font-size: 150px } } @media(max-width:400px) { .error-content h1 { font-size: 100px } .error-btn a { width: 100%; margin-bottom: 15px } } section.comingsoon { background: url(../images/comingsoonbg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed } section.comingsoon:before { content: ''; background: #017eff; position: absolute; height: 100%; width: 60%; left: -400px; top: 0; transform: skew(-30deg) } .content { position: relative; z-index: 1 } .comingsoon { text-align: center } .coming-title { width: 60%; margin: 0 auto 50px } .coming-title h2 { margin-top: 30px; color: #fff } .coming-title span { color: #73AEBC; font-size: 60px } .coming-title p { color: #fff } .counter-box { text-align: center; height: 200px; width: 200px; display: inline-block; background: #fff; text-transform: uppercase; padding: 25px; margin: 0 5px; border-bottom: 5px solid #73AEBC; font-size: 21px } .counter-box span { font-size: 80px; color: #73AEBC; display: block; font-weight: 700 } .comingsoon form { width: 400px; position: relative; margin: 0 auto; overflow: hidden } .comingsoon form .form-group { margin-bottom: 0; overflow: hidden } .comingsoon-btn { position: absolute; width: auto; top: 0; right: 0 } .comingsoon-btn a.btn { padding: 11px 25px 10px } .comingsoon ul.social-links li a { color: #fff } section.comingsoon.comingsoon1 { text-align: left; padding: 160px 0 } section.comingsoon.comingsoon1 .pg-canvas { position: absolute; top: 0; left: 0; height: 100% !important; width: 100% !important; opacity: 1 } section.comingsoon.comingsoon1:before { display: none } section.comingsoon.comingsoon1 .counter-box span { font-size: 100px } section.comingsoon.comingsoon1 .coming-title { margin: 0 } .coming-counter-1 .counter-box { background: 0 0; border: none; padding: 0; margin: 0; color: #fff; text-align: left } @media(min-width:1400px) { section.comingsoon { height: 100vh; align-items: center; display: flex } } @media(max-width:991px) and (min-width:736px) { .counter-box { height: 160px; width: 160px; padding: 12px } .counter-box span { font-size: 70px } } @media(max-width:991px) { section.comingsoon.comingsoon1, .coming-counter-1 .counter-box { text-align: center } section.comingsoon.comingsoon1 .coming-title { width: 100% } } @media(max-width:735px) { .coming-title { width: 100% } .counter-box { margin-bottom: 12px } .comingsoon form { width: auto } } @media(max-width:567px) { section.comingsoon:before { width: 80%; left: -480px } .comingsoon-btn { position: relative; margin-top: 15px } } section.pricing:after { content: ''; background: linear-gradient(to right, #ca7b38 0%, #6b1206 100%); position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 50% } .price-item { border: 1px solid #f1f1f1; position: relative; z-index: 9; background: #fff; transition: all ease-in-out .3s; text-align: center; box-shadow: 0 0 15px 0 rgba(41, 61, 88, .1) } .price-item:hover { box-shadow: 0 0 5px #cccccc57 } .price-icon { width: 75px; margin: 0 auto 20px } .price-title { padding: 30px } span.package-price { font-size: 46px; font-weight: 700; color: #73AEBC; line-height: 1em; display: block; padding-top: 5px } span.package-price sub { font-size: 20px; bottom: 0 } span.package-price sub:first-child { bottom: .1em; color: #212121 } .price-content li { margin: 0; padding: 15px 30px } .price-content li:nth-child(odd) { background: #fbfbfb } .price-btn { padding: 20px 30px } @media(max-width:991px) { section.pricing { padding-bottom: 50px } section.pricing:after { height: 30% } .price-outer { margin-bottom: 30px } .support { text-align: center; margin-bottom: 30px } } .terms .content>div { padding: 20px; box-shadow: 0 0 15px #cccccc57; margin-bottom: 30px; border-left: 4px solid #73AEBC } .terms-site h5 { border-bottom: 1px dashed #ccc; padding-bottom: 15px } .reservation-form { background: #fff; padding: 30px } .reservation-form h3 { text-align: center } .reservation-form label { text-transform: uppercase; font-weight: 500 } .reservation-btn { margin-top: 20px } .reservation-btn a.btn { width: 100%; border-radius: 0 } .related-products .section-title { margin-bottom: 38px } .related-products .slick-initialized .slick-slide { margin-top: 30px } section.shop { background: #fff } .shop-item { box-shadow: 0 0 10px #cccccc57; margin-bottom: 40px; background: #fff } .shop-image { position: relative; text-align: center; padding: 20px } .shop-image img { width: 50% } .sale { width: 50px; height: 50px; position: absolute; top: 10px; left: 10px; background: #333; text-align: center; line-height: 3.3; border-radius: 50%; color: #fff } .shop-content { text-align: center; padding: 0 0 20px } .shop-price span { margin: 0 5px; font-size: 16px; color: #ef2a4c } .shop-price del { opacity: .7 } .shop-price ins { font-weight: 600; text-decoration: none } .quantity-buttons { display: inline-block } button.btn-blue { padding: 10px 20px; background: #00a3c8; font-size: 15px; border-radius: 25px; display: inline-block; color: #fff; text-decoration: none; border: 2px solid #00a3c8; transition: all .5s ease } button.btn-blue:hover { background: #73AEBC } .sidebar-box { margin-bottom: 40px } .sidebar-box h4 { margin-bottom: 20px } .sidebar-content ul li { display: inline-block; width: 100%; margin: 0; transition: all ease-in-out .5s } .sidebar-content ul li a, .recent-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #f1f1f1; width: 100% } .sidebar-content ul li a { display: inline-block } .sidebar-content ul li:last-child a, .recent-item:last-child { margin-bottom: 0; border: none; padding-bottom: 0 } .latest-tweets ul>li { position: relative; padding-left: 28px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #eee } .latest-tweets ul>li:last-child { border: none; padding-bottom: 0; margin: 0 } .latest-tweets { position: relative } .latest-tweets p.tweet-text:before { content: "\f099"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 20px; position: absolute; left: 0; padding-top: 5px; color: #01d6a3 } .tagcloud a { border: 1px solid #f1f1f1; border-radius: 5px 0; padding: 8px 10px; display: inline-block; margin-bottom: 3px } .sidebar-ad { position: relative; padding: 80px 20px; background: linear-gradient(to bottom, #daae5d 0%, #73AEBC 100%); box-shadow: 0 0 10px #cccccc42; overflow: hidden } .sidebar-ad:before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5) } .ad-content { position: relative; z-index: 1; text-align: center } .ad-content p, .ad-content h3 { color: #fff } .ad-content h3 { margin: 15px 0 20px } @media(max-width:991px) { .detail-sidebar, .sidebar { margin-top: 30px } } section.shop-main { background: #fbfbfb; position: relative } section.shop-main:before { content: ''; background: #fff; height: 100%; width: 67.3%; position: absolute; left: 0; top: 0 } .shop-main .col-md-8 { width: 70% } .shop-main .col-md-4 { width: 30% } .single-content .shop-price span { font-size: 24px } .product-tags { margin-top: 30px } .product-tags p { display: inline-block; font-size: 16px; font-weight: 600; margin-right: 10px } #store-tab-main .nav-tabs { border-color: #f1f1f1 } #store-tab-main .nav-tabs>li { margin: 0 } #store-tab-main .nav-tabs>li>a { position: relative; display: inline-block; vertical-align: top; padding: 14px 17px; font-size: 18px; text-align: center; font-weight: 300; color: #73AEBC; background: 0 0; border-radius: 0; margin: 0; line-height: inherit; border: none } #store-tab-main .tab-content p { margin-bottom: 0 } #store-tab-main .nav-tabs>li>a:hover, #store-tab-main .nav-tabs>li.active>a, #store-tab-main .nav-tabs>li.active>a, #store-tab-main .nav-tabs>li.active>a:focus { color: #fff !important; border: none; background: #73AEBC } #store-tab-main .tab-content { border: 1px solid #f1f1f1; padding: 30px; border-top: 1px solid transparent } .shop-detail .thumbnail-images { padding: 15px; background: #fbfbfb } .shop-detail .slider-thumbs .slick-slide img { padding: 10px 5px 0 } .shop-detail .slick-prev, .shop-detail .slick-next { background: #333 } .shop-detail .slider.slider-thumbs { margin-top: 5px } .shop-detail .slider.slider-thumbs .slick-slide { opacity: .5 } .shop-detail .slider.slider-thumbs .slick-slide.slick-active { opacity: 1 } .shop-detail .slider.slider-thumbs .slick-prev, .store-detail .slider.slider-thumbs .slick-next { top: 45% } .shop-detail .slider.slider-thumbs .slick-prev { left: 0 } .shop-detail .slider.slider-thumbs .slick-next { right: 0 } .shop-detail .slider.slider-thumbs .slick-prev:before, .store-detail .slider.slider-thumbs .slick-next:before { color: #73AEBC; opacity: 1; background: 0 0 } section.related-products { background: #fff } .related-products .content-title { margin-bottom: 50px } table.shop_table.rt-checkout-review-order-table { width: 100% } .checkout-coupon { background: #061a2b; padding: 15px 30px; display: inline-block; width: 100% } table.shop_table.rt-checkout-review-order-table tr { border: 1px solid #f1f1f1 } span.rt-Price-amount, span.rt-Price-amount span { color: #ef2a4c } table.shop_table.rt-checkout-review-order-table tr th, table.shop_table.rt-checkout-review-order-table tr td { padding: 10px 15px; font-size: 15px; border: 1px solid #f1f1f1 } table.shop_table.rt-checkout-review-order-table thead, table.shop_table.rt-checkout-review-order-table tr.order-total { background: #fbfbfb } .cart-table-list thead { width: 100% } .cart-table-list th, .cart-table-list td { text-align: center } .cart-table-list .product-thumbnail img { width: 30%; margin-right: 15px } .cart-inner .checkout-order { margin: 30px 0 20px } .cart-table-list table td.actions .coupon { position: relative; display: inline-block; vertical-align: middle; float: left } .cart-table-list .coupon input[type=text] { width: 250px; margin-left: 22px; box-shadow: none; border: 1px solid #f1f1f1; background: #fff; height: 35px; vertical-align: top; padding-left: 10px } .cart-table-list table td.actions .coupon button { color: #73AEBC; background-color: transparent; border: 1px solid #73AEBC; border-radius: 0; padding: 6px 12px; transition: all ease-in-out .3s } .cart-table-list table td.actions .coupon button.update_cart { background: #73AEBC; color: #fff; border-color: #73AEBC } .cart-table-list table td.actions .button { margin: 0 0 0 22px } .cart-table-list table td.actions .coupon button.btn-red:hover { background-color: #73AEBC; color: #fff } @media(max-width:991px) { .shop-main .col-md-8, .shop-main .col-md-4, section.shop-main:before { width: 100% } .single-content { margin-top: 30px } .cart-table-list .quantity-buttons { position: relative } } @media(max-width:568px) { .shop-detail .slider-thumbs { display: none } #store-tab-main .nav-tabs>li { width: 100% } #store-tab-main .nav-tabs>li>a { width: 100%; background: #fbfbfb; border: 1px solid #f1f1f1 } .cart-table-list table.shop_table.rt-checkout-review-order-table { display: inline-block; overflow-x: scroll } span.quantity-buttons input { width: 100% } } section.events .news-image { position: relative } section.events .news-image img { width: 100% } section.events .news-content h4 { border-bottom: 1px dashed #ccc; padding-bottom: 15px } section.events p.dates { background: #ef2a4c; text-align: center; font-weight: 700; padding: 9px 15px 8px; font-size: 16px; text-transform: uppercase; display: inline-block; margin-bottom: 0; position: absolute; bottom: 15px; left: 15px } section.events p.date span { font-size: 24px; display: block } section.events .meta span { color: #999; font-size: 14px } @media(max-width:991px) {} @media(max-width:767px) { section.events .col-md-4.col-sm-12. { margin-top: 0 } section.events .col-md-4.col-sm-6. { margin-bottom: 30px } } .events-main { width: 80%; margin: 0 auto } .events-list { box-shadow: 0 0 15px #cccccc57; background: #fff } .time-from .date { font-size: 72px; font-weight: 700; line-height: 73px; margin-top: 0; display: block } .time-from .maina { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 25px; display: block } .events-detail ul.event-list-content { list-style-type: disc; padding-left: 15px } .events-main.single-detail .review-outer { margin-top: 30px } .events-detail ul.event-list-content li:last-child { margin-bottom: 0 } .info { border: 1px solid #f1f1f1 } .info ul li.title { background: #656667; color: #fff; border: none } .info ul li { padding: 10px 15px; margin: 0; border-bottom: 1px dashed #ddd } .info ul li:last-child { border: none } .sidebar-book-event h4 { background: #73AEBC; padding: 10px 0; text-align: center; color: #fff; margin: 0 } .sidebar-book-event form { border: 1px solid #f1f1f1 } .sidebar-book-event form li { text-align: left; display: flex; align-items: center; justify-content: space-between; padding: 15px; font-weight: 400; margin: 0; list-style: none; border-bottom: 1px solid #f1f1f1 } .sidebar-book-event form li .label { color: #343a40; font-weight: 400; font-size: 16px } .sidebar-book-event form li .value { font-weight: 700 } @media(max-width:1100px) { .events-list { padding: 15px } } @media(max-width:991px) { section.events .col-md-4.col-sm-6. { margin-bottom: 30px } section.events .pagination-content { margin-top: 0 } .events-main { width: 100% } .time-from .date { font-size: 50px } .events-detail.single-detail .col-md-4.col-sm-12 { margin-top: 30px } } @media(max-width:767px) { .events-list { text-align: center } section.events .events-content { margin: 15px 0 } } .calendar-range { position: relative; z-index: 0 } .calendar-range .date-picker-wrapper { background: 0 0; padding: 0; border: none; z-index: 0 } .calendar-range .date-picker-wrapper.inline-wrapper, .calendar-range .date-picker-wrapper .month-wrapper { width: 100% !important } .calendar-range .date-picker-wrapper .month-wrapper table th { padding: 10px 0; color: #333 } .calendar-range .date-picker-wrapper table .caption { background: #f1f1f1; height: 50px } .calendar-range .date-picker-wrapper .month-wrapper table .week-name th { padding-bottom: 0 } .calendar-range .date-picker-wrapper table .caption th { text-align: left } .calendar-range .date-picker-wrapper .month-wrapper table.month2 .caption th { text-align: right } .calendar-range .date-picker-wrapper .month-wrapper table .week-name { height: 50px } .calendar-range .date-picker-wrapper .month-wrapper table, .calendar-range .date-picker-wrapper .month-wrapper table.month2 { width: 48% } .calendar-range .date-picker-wrapper .month-wrapper table .day.real-today { background-color: transparent; color: #73AEBC; font-weight: 700; border: 1px solid #73AEBC; opacity: 1 } .calendar-range .date-picker-wrapper .month-wrapper { box-shadow: 0 0 10px #cccccc57; border-color: #f1f1f1; padding: 15px; border-radius: 0 } .calendar-range .date-picker-wrapper .month-wrapper table .day.has-tooltip { color: #ccc; text-decoration: line-through; background: #ebeff2 } .calendar-range .date-picker-wrapper .month-wrapper table .day.checked { background: #73AEBC !important; color: #fff; border-color: #73AEBC } .calendar-range .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #333; cursor: pointer } .calendar-range .date-picker-wrapper .month-wrapper table .day { padding: 10px 0; padding-left: 1px; line-height: .9; font-size: 15px; color: #999; border: 1px solid #f1f1f1; text-align: center; height: 50px; width: 50px; margin: 10px auto 0; border-radius: 50%; line-height: 2 } .calendar-range .date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background-color: #f1f1f1 } .calendar-range .date-picker-wrapper table .caption .next, .calendar-range .date-picker-wrapper table .caption .prev { font-size: 18px; padding: 0 15px } .calendar-range .date-picker-wrapper .footer { display: none } .calendar-range .date-picker-wrapper.no-shortcuts { padding-bottom: 0 } @media(max-width:991px) { .calendar-range .date-picker-wrapper .month-wrapper table, .calendar-range .date-picker-wrapper .month-wrapper table.month2 { width: 100% } .date-picker-wrapper .gap { width: 100% !important; height: 15px !Important; top: 0 !important; margin: 10px 0 !important } } @media(max-width:479px) { .calendar-range .date-picker-wrapper.inline-wrapper, .calendar-range .date-picker-wrapper .month-wrapper { overflow-x: scroll } } .view-port { position: fixed; top: 30%; right: 0; z-index: 99 } .view-port a { color: #fff !important } .view-port a i { padding: 0 18px 0 10px } .dark-mode { transition: all ease-in-out .5s; background: #333; padding: 10px; text-align: center; position: relative; top: 0; right: -90px } .dark-mode:hover { right: 0; transition: all ease-in-out .5s; background: #000 } .light-mode { background: #73AEBC; padding: 10px; text-align: center; position: relative; top: 0; right: -90px; transition: all ease-in-out .5s } .light-mode:hover { right: 0; transition: all ease-in-out .5s; background: #24d6b9 } .night-mode section.details, .night-mode section.single { background: #000 !important } .night-mode h2, .night-mode h4, .night-mode h5, .night-mode p, .night-mode li, .night-mode .sidebar-tags li a, .night-mode .sidebar-content ul li a { color: #fff } .night-mode .news-item, .night-mode .room-item { box-shadow: 0 0 15px #00000057 } .night-mode .news-content, .night-mode .room-content { background: #242424 } .night-mode .pagination li a, .night-mode .comment-box input, .night-mode .comment-box textarea { background: #000; color: #fff } .night-mode section.related-rooms { background: #161616 } .navbar-brand img{ width: 100px; padding: 5px;} .query-form input{ width: 100%; float: left; padding: 6px 10px; margin-bottom: 10px; border: solid 1px #a3a3a3; outline: none; color: #222; border-radius: 5px; height:40px; } .query-form input::placeholder{ font-size:14px; } .query-form textarea{ width: 100%; border: solid 1px #a3a3a3; padding: 10px; outline: none; border-radius: 0; height: 85px; border-radius: 5px; } .query-form button{ display: block; border-radius: 20px 0px; margin: auto; padding: 7px 25px; border: none; background: #73AEBC; color: #fff; margin-top: 20px; } .conference-hall { background: #f9f9f9; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); margin: 40px auto; max-width: 1100px; overflow: hidden; font-family: Arial, sans-serif; padding: 20px; } .conference-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 30px; } /* Video */ .conference-video { flex: 1; min-width: 320px; max-width: 500px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } .conference-video video { width: 100%; height: 100%; object-fit: cover; display: block; } /* Content */ .conference-content { flex: 1.2; min-width: 300px; } .conference-content h2 { font-size: 26px; color: #0077cc; margin-bottom: 15px; } .conference-content h3 { font-size: 22px; color: #0077cc; margin-top: 20px; margin-bottom: 10px; } .conference-content h4 { font-size: 18px; color: #0077cc; margin-top: 15px; } .conference-content p { font-size: 15px; color: #555; margin-bottom: 10px; } .conference-content ul { list-style: none; padding-left: 0; margin: 5px 0 15px; } .conference-content ul li { position: relative; padding-left: 22px; margin-bottom: 8px; font-size: 15px; color: #444; } .conference-content ul li::before { content: "•"; color: #0077cc; position: absolute; left: 0; } .conference-content a { color: #0077cc; text-decoration: none; } .conference-content a:hover { text-decoration: underline; } @media (max-width: 900px) { .conference-row { flex-direction: column; } } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 20px; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 16px; } .tarifinfo th { background: #323232; text-align: center; font-size: 18px; color: #fff; } .tarifinfo th, td { padding: 10px; border: solid 1px #ddd; font-weight: 500; font-family: 'Yeseva One'; } .about-content h2{ font-size:30px; margin-bottom: 15px; } .call-btn2 { display: flex; /*display: none;*/ flex-direction: column; position: fixed; bottom: 120px; right: 25px; z-index: 999; } .call-btn2 div { width: 50px; margin-top: 15px; } .call-btn2 div img { width: 100%; } .call-btn3 { display: flex; flex-direction: column; position: fixed; bottom: 50px; left: 25px; z-index: 999; } .call-btn3 div { width: 50px; margin-top: 15px; } .call-btn3 div img { width: 100%; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings