File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/whiteheavenseastay.com/css/style.css
Back
/* ============================== 1 Imported styles ============================== */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900); @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); @import url(https://fonts.googleapis.com/css?family=Playball&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic,400); @import url("jquery.mCustomScrollbar.min.css"); @import url("zebra-datepicker/default.css"); /*change css file name to change date picker style */ @import url("jquery.bxslider.css"); @import url("strock-icon.css"); @import url("jquery.fancybox.css"); /* ============================== 2 Global styles ============================== */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900); @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700); @import url(https://fonts.googleapis.com/css?family=Playball&subset=latin,latin-ext); @import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic,400); @import 'https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i,900,900i'; @import url("jquery.mCustomScrollbar.min.css"); @import url("animate.min.css"); @import url("zebra-datepicker/default.css"); @import url("jquery.bxslider.css"); @import url("strock-icon.css"); @import url("jquery.fancybox.css"); ul, li { margin: 0; padding: 0; list-style: none; } table { border-collapse: collapse; width: 100%; } th{ background-color: #177da5; color: #fff; font-size: 20px; font-family: 'Raleway'; border: 1px solid #dddddd; text-align: left; padding: 12px; } td { border: 1px solid #dddddd; text-align: left; padding: 10px; color: #000; font-size:16px; } /*tr:nth-child(even) { background-color: #dddddd; }*/ a, .btn, button { text-decoration: none; outline: none; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { text-decoration: none; outline: none; } section.row, header.row, footer.row { position: relative; } body { font-family: "Open Sans", sans-serif; height: 100%; overflow-x: hidden; letter-spacing: 0.2px; color: #aaa; } html { font-size: 100%; } .res-btn { border: none; outline: none; background: #1a1a1c; font-size: 14px; line-height: 28px; color: #fff; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; display: inline-block; border-radius: 3px; transition: all 0.5s ease; padding: 10px 25px; } .res-btn:hover { background: #ffb606; color: #fff; } .transition3s { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .transition4s { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .transition5s { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .transition-ease { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .m0 { margin: 0; } .anim-3, .anim-3-all * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .anim-5, .anim-5-all * { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .anim-7, .anim-7-all * { transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; } /* ============================== 3. header top and main menu styles ============================== */ header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .main-menu-wrapper { z-index: 2; position: absolute; width: 100%; top: 0; left: 0; } .logo { float: left; margin-top: 1.6em; margin-bottom: 1.3em; } .nav-holder { position: relative; } .nav-holder .nav-header { display: none; padding: 12px 20px; } .nav-holder .nav-header button { width: 40px; height: 40px; background: transparent; border: none; outline: none; color: #fff; font-size: 25px; border-radius: 5px; } .nav-holder .nav-footer { display: block; } .nav-holder .nav-footer ul.nav > li { display: inline-block; padding: 2.43em 0; position: relative; } .nav-holder .nav-footer ul.nav > li:hover a, .nav-holder .nav-footer ul.nav > li.active a { color: #fab90a; background-color: transparent; } .nav-holder .nav-footer ul.nav > li:last-child > a { border: none; padding-right: 0; } .nav-holder .nav-footer ul.nav > li > a { padding: 0 1em; display: block; color: #fff; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; font: 600 1.0715em/1.5em "Raleway", sans-serif; text-align: left; } .nav-holder .nav-footer ul.nav > li > ul.submenu { top: 100%; left: 0; } .nav-holder .nav-footer ul.nav > li > ul.submenu.align-right { right: 0; left: auto; } .nav-holder .nav-footer ul.nav > li:hover > ul.submenu { visibility: visible; opacity: 1; } .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu { top: 0; left: 100%; } .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right { right: 100%; left: auto; } .nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu { visibility: visible; opacity: 1; } .nav-holder .nav-footer ul.nav > li ul.submenu { position: absolute; width: 275px; opacity: 0; visibility: hidden; z-index: 99999; -webkit-transition: all .3s ease; transition: all .3s ease; } .nav-holder .nav-footer ul.nav > li ul.submenu li { display: block; padding: 0; background: #0d1a41; } .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a { border-bottom: 0; } .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after { display: none; } .nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a { color: #fff; background: #177da5; } .nav-holder .nav-footer ul.nav > li ul.submenu li a { color: #fff; font: 600 1.0712em/1em 'Open Sans', sans-serif; padding: 13px 25px 14px; border-bottom: 1px solid #565f7a; position: relative; display: block; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; text-align: left; } .nav-footer ul.nav li.has-submenu > a > button { display: none; } /* ============================== 4. header top right section ============================== */ .nav-header-right { margin-top: 2.3em; float: right; margin-left: 1.7em; } .nav-header-right > ul > li { display: inline-block; padding: 0 0; float: left; } .nav-header-right > ul > li > button { padding: 0; border: none; outline: none; color: #FFFFFF; font-size: 18px; display: inline-block; background-color: transparent; padding-left: 1.5em; transition: all .3s ease; } .nav-header-right > ul > li > button:last-child { padding: 0; } .nav-header-right .navbar-toggle { margin-bottom: 0; margin-right: 0; margin-top: 0; } .nav-header-right > ul > li > button i { font-size: 19px; } .nav-header-right > ul > li > button .icon-Search { font-size: 15px; } .nav-header-right > ul > li > ul.search-box { background: #0d1a41; padding: 25px 25px; border: 1px solid rgba(255, 255, 255, 0.2); } .nav-header-right > ul > li > ul.search-box form { height: 45px; background: #fff; } .nav-header-right > ul > li > ul.search-box form input { width: calc(100% - 52px); height: 100%; border: none; outline: none; color: #000; background-color: transparent; line-height: 14px; padding-left: 15px; } .nav-header-right > ul > li > ul.search-box form button { width: 40px; height: 100%; line-height: 45px; color: #000; font-size: 15px; background-color: transparent; border: none; outline: none; } .nav-header-right > ul > li > ul { position: absolute; top: 101%; right: 0; width: 350px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; transition: all .3s ease; } .nav-header-right > ul > li:hover > button { color: #F0683E; } .nav-header-right > ul > li:hover > ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); } /* ============================== 5.Home two main menu ============================== */ .main-menu-wrapper-two { position: relative; } .main-menu-wrapper-two .nav-holder { position: relative; } .main-menu-wrapper-two .nav-holder .nav-header { display: none; padding: 12px 20px; } .main-menu-wrapper-two .nav-holder .nav-header button { width: 40px; height: 40px; background: #fff; border: none; outline: none; color: #19242a; font-size: 25px; border-radius: 5px; } .main-menu-wrapper-two .nav-holder .nav-footer { display: block; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li { display: inline-block; padding: 2.43em 0; position: relative; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li:hover a, .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li.active a { color: #fab90a; background-color: transparent; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li:last-child > a { border: none; padding-right: 0; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a { padding: 0 1em; display: block; color: #666; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; font: 600 1.0715em/1.5em "Raleway", sans-serif; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu { top: 115%; left: 0; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu.align-right { right: 0; left: auto; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li:hover > ul.submenu { visibility: visible; opacity: 1; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu { top: 0; left: 100%; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right { right: 100%; left: auto; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu { visibility: visible; opacity: 1; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu { position: absolute; width: 275px; opacity: 0; visibility: hidden; z-index: 99999; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: 0px; left: 40px; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu:before { top: -9px; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li { display: block; padding: 0; background: #fff; position: relative; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a { border-bottom: 0; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after { display: none; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a { color: #177da5; background: #fff; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li a { color: #5b5b5b; font: 600 1.0712em/1em 'Open Sans', sans-serif; padding: 13px 30px 14px; border-bottom: 1px solid #ebebeb; position: relative; display: block; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; text-align: left; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:before { content: '\f105'; font-family: 'FontAwesome'; color: #7c7c7c; position: absolute; left: 15px; top: 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:hover:before { color: #177da5; z-index: 1; } .main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a > button { display: none; } /* Home two top right */ .main-menu-wrapper-two .nav-header-right { margin-top: 2.3em; float: right; margin-left: 1.7em; } .main-menu-wrapper-two .nav-header-right > ul > li { display: inline-block; padding: 0 0; float: left; } .main-menu-wrapper-two .nav-header-right > ul > li:first-child { border-left: 1px solid #a6a6a6; } .main-menu-wrapper-two .nav-header-right > ul > li > button { padding: 0; border: none; outline: none; color: #393939; font-size: 18px; display: inline-block; background-color: transparent; padding-right: 1.1em; padding-left: 1.1em; transition: all .3s ease; } .main-menu-wrapper-two .nav-header-right > ul > li > button:last-child { padding: 0; } .main-menu-wrapper-two .nav-header-right .navbar-toggle { margin-bottom: 0; margin-right: 0; margin-top: 0; } .main-menu-wrapper-two .nav-header-right > ul > li > button i { font-size: 19px; } .main-menu-wrapper-two .nav-header-right > ul > li > button .icon-Search { font-size: 15px; } .main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box { background: #0d1a41; padding: 25px 25px; border: 1px solid rgba(255, 255, 255, 0.2); } .main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box form { height: 45px; background: #fff; } .main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box form input { width: calc(100% - 52px); height: 100%; border: none; outline: none; color: #000; background-color: transparent; line-height: 14px; padding-left: 15px; } .main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box form button { width: 40px; height: 100%; line-height: 45px; color: #000; font-size: 15px; background-color: transparent; border: none; outline: none; } .main-menu-wrapper-two .nav-header-right > ul > li > ul { position: absolute; top: 101%; right: 0; width: 350px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper-two .nav-header-right > ul > li:hover > button { color: #F0683E; } .main-menu-wrapper-two .nav-header-right > ul > li:hover > ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); z-index: 12; } /* ============================== 6. Stricky header Styles ============================== */ .main-menu-wrapper.stricky-fixed { position: fixed; top: 0px; left: 0; width: 100%; z-index: 99; background: rgba(232, 162, 12, 0.8); background: rgba(42, 42, 42, 0.8); background: #1e1e1e; } .main-menu-wrapper-two.stricky-fixed { position: fixed; top: 0px; left: 0; width: 100%; z-index: 99; background: rgba(232, 162, 12, 0.8); background: rgba(42, 42, 42, 0.8); background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .stricky-fixed .logo img { width: 180px; } /* ============================== 7. hidden bar Styles ============================== */ .hidden-bar { position: fixed; top: 0; right: -150%; width: 445px; height: 100%; background: #1e1e1e; z-index: 9999; } .hidden-bar .hidden-bar-closer { width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: #1f4d84; color: #fff; border-radius: 50%; text-align: center; line-height: 38px; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 999999; } .hidden-bar .hidden-bar-closer:hover { background: #fff; } .hidden-bar .hidden-bar-closer:hover .btn { color: #E8A20C; } .hidden-bar .hidden-bar-closer .btn { background-color: transparent; border: none; outline: none; font-size: 17px; } .hidden-bar-wrapper { height: 100%; } .hidden-bar .logo { padding: 2.32em 2.5em 0; float: none; } .hidden-bar .main-menu { background-color: transparent; padding: 0; } .hidden-bar .main-menu ul li ul a { background: #161616; } .hidden-bar .main-menu ul li ul li ul li a { background: #1C1C1C; } .hidden-bar .main-menu .current a { color: #E8A20C; } .hidden-bar .main-menu ul li { position: relative; } .hidden-bar .main-menu ul li a:before { position: absolute; top: -2px; left: -2px; width: 5px; background: transparent; content: ''; transition: all .3s ease; height: 106%; } .hidden-bar .main-menu ul li a:hover:before { background: #e6ab0c; color: #E8A20C; } .hidden-bar .main-menu ul li a { background: #212121; color: #fff; display: block; font-weight: 600; text-transform: uppercase; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B; padding: 13px 30px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .hidden-bar .main-menu ul li a:hover { background: #1C1C1C; color: #E8A20C; } .hidden-bar .main-menu ul li a .btn.expander { background: #212121; color: #fff; border: 1px solid #212121; padding: 3px 10px; font-size: 10px; border-radius: 7px; position: absolute; top: 10px; right: 35px; outline: none; } /* ============================== 8. Banner styles ============================== */ .home-slider .carousel-inner > .item > img { width: 100vw; margin: 0 auto; } .home-slider .carousel-caption:before { content: ""; width: 30%; height: 1px; display: inline-block; background: rgba(255, 255, 255, 0.4); } .home-slider .carousel-caption { left: 0; text-align: left; text-transform: uppercase; top: 40%; letter-spacing: 6px; text-shadow: none; z-index: 1; font-size: 1.15em; font-weight: 400; } /* ============================== 9. Search styles ============================== */ .search-sec { background: #0d1a41; position: absolute; z-index: 100; margin-top: -3em; width: 97.5%; } .search-wrapper .container { position: relative; } .search-sec .overlay { padding: 10px; overflow: hidden; } .search-sec .overlay .border { border: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; padding: 2.3em 2.5em; } .ser-in-box { width: 20%; float: left; position: relative; } .search-sec .res-btn { background: #177da5; padding: 6px 25px; margin: 0 0 0 1em; letter-spacing: 0.6px; } .search-sec .res-btn:hover { background: #fff; color: #1a1a1c; } .search-sec .form-control[readonly] { background-color: #fff; border-radius: 0; height: 40px; font: 400 1.0715em/1em 'PT Serif', serif; font-style: italic; color: #4b4b4b; border: 1px solid #414a68; width: 94%; } .search-sec .dropdownselect { background-color: #fff; border-radius: 0; height: 40px; font: 400 1.0715em/1em 'PT Serif', serif; font-style: italic; color: #4a4a4a; border: 1px solid #414a68; width: 94%; padding: 6px 12px; } .search-sec button.Zebra_DatePicker_Icon_Inside { margin: 0 12px 0 0; } .ser-in-box .select-menu + .ui-selectmenu-button { width: 94% !important; border-radius: 0; padding: 0px 12px; border: 1px solid #E5E5E5; height: 40px; background: #fff; outline: none; color: #898989; } .ser-in-box .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font: 400 1.039em/1em 'PT Serif', serif; line-height: 40px; font-style: italic; color: #4a4a4a; } .ser-in-box .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 4px; } .ser-in-box .select-menu + .ui-selectmenu-menu .ui-menu-item { background: #2d6293; border-color: #00ACD9; font-style: normal; } .ui-selectmenu-menu .ui-menu { background: #fff; } .ui-selectmenu-menu .ui-menu-item { font-size: 16px; font-family: 'PT Serif', sans-serif; font-style: italic; padding: 5px 20px; border-bottom: 1px solid #E1E1E1; text-transform: capitalize; } .ui-selectmenu-menu .ui-menu-item.ui-state-focus { background: #2a3a68; border-color: #565f7a; color: #fff; font-weight: normal; } /* ============================== 10. Welcome to Lake Resort styles ============================== */ .wel-box-outer ul li { margin: 0 1%; padding: 0; width: 23%; float: left; } .wel-box-outer ul { margin: 0; padding: 0; } .wel-box-outer .owl-theme .owl-dots .owl-dot.active span, .wel-box-outer .owl-theme .owl-dots .owl-dot:hover span { background: #8cc12f; } .testimonials-wrapper .owl-theme .owl-dots .owl-dot.active span, .testimonials-wrapper .owl-theme .owl-dots .owl-dot:hover span { background: #8cc12f; } .wel-wrapper { background: url(../images/welcome/1.jpg) center bottom no-repeat fixed; background-size: cover; position: relative; } .wel-pad { padding-top: 12em; padding-bottom: 7.2em; } .wel-box { background: #fff; padding: 2em 0 3em; position: relative; } .wel-box .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #177da5; padding: 10px; transform: scale(0, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); } .wel-box .overlay .icon_position_table { border: 1px dashed rgba(236, 236, 236, 0.5); display: -webkit-flex; display: flex; height: 100%; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .wel-box .overlay .icon_position_table .icon_container { text-align: center; padding: 0 1.5em; } .wel-box .overlay .icon_position_table .icon_container h2 { text-align: center; font: 400 1.57em/1.4em 'PT Serif', serif; color: #fff; margin: 0; padding: 0 0 0.5em; font-style: italic; } .wel-box .overlay .icon_position_table .icon_container p { text-align: center; color: #fffefe; font: 400 1.0715em/1.5em "Open Sans", sans-serif; margin: 0; padding: 0; } .single_wel_cont:hover .overlay, .single_wel_cont:focus .overlay { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .wel-box:before { content: ''; position: absolute; border: 1px dashed #d9d9d9; top: 7px; left: 10px; right: 10px; bottom: 7px; } .wel-content { position: relative; } .wel-content h1 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0; padding: 0; } .wel-content h2 { color: #aaaaaa; font: 400 1.15em/1.8em "Open Sans", sans-serif; margin: 0 0 1em; padding: 0; font-style: italic; position: relative; } .wel-content h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .wel-content p { color: #898989; margin: 0 0 3em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .wel-box .icon-box { text-align: center; } .wel-box h4 { color: #0e1322; text-align: center; font: 400 1.57em/1.4em 'PT Serif', serif; font-style: italic; margin: 0.5em 0 0; padding: 0; } /* ============================== 11. Rooms And Suits styles ============================== */ .room-suite { position: relative; } .common-pad { padding-top: 7em; padding-bottom: 7em; } .sec-header { position: relative; display: table; width: 100%; } .sec-header h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0; padding: 0; } .sec-header h3 { color: #aaaaaa; font: 400 1.15em/1.8em "Open Sans", sans-serif; margin: 0 0 2.7em; padding: 0; font-style: italic; position: relative; } .sec-header h3:after { content: ''; position: absolute; /*bottom: 7px;*/ width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .sec-header3 { position: relative; } .sec-header3 h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0; padding: 0; } .sec-header3 h3 { color: #aaaaaa; font: 400 1.15em/1.8em "Open Sans", sans-serif; margin: 0 0 2.1em; padding: 0; font-style: italic; position: relative; } .sec-header3 h3:after { content: ''; position: absolute; bottom: 0px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .room-suite .item { position: relative; } .room-suite .item { -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; cursor: pointer; position: relative; overflow: hidden; } .room-suite .item .ro-img { position: relative; border-bottom: 2px solid #ffb606; text-align: center; z-index: 0; overflow: hidden; } .room-suite .item:hover .ro-img:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; z-index: 1; } .room-suite .item .ro-img:before { position: absolute; background-color: rgba(167, 204, 56, 0.4); content: ""; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 300ms; transition: all 300ms; opacity: 0; } .room-suite .item .ro-txt { background: #f7f7f7; border-left: 1px solid #e6e1e1; border-right: 1px solid #e6e1e1; border-bottom: 1px solid #e6e1e1; overflow: hidden; padding: 0 1em; } .room-suite .item:hover .ro-txt { background: #0d1a41; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .room-suite .item .left-h { position: relative; } .room-suite .item .left-h p { color: #242424; font: 1.86em/1em "Playball", sans-serif; padding: 0.7em 0 0; margin: 0; } .room-suite .item:hover .left-h p, .room-suite .item:hover .right-p p span { color: #fff; } .room-suite .item .right-p p { color: #242424; font: 1.72em/1.25em "Playball", sans-serif; padding: 0.3em 0 0.6em; margin: 0; } .room-suite .item:hover .right-p p { color: #ffb606; } .room-suite .item .right-p p span { display: block; font: 400 0.6em/1em "Open Sans", sans-serif; font-style: italic; color: #888; } .room-slider { position: relative; } .roomsuite-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-next { background: #177da5; width: 33px; text-align: center; font-size: 20px; line-height: 33px; color: #fff; float: left; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .roomsuite-slider .owl-nav { position: absolute; right: 0; top: -82px; } .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover { background: #177da5; } .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-prev { margin-right: 5px; } /* ============================== 12. Know About Us styles ============================== */ .fluid-know-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .fluid-know-area .service-promo .promo-content { max-width: 670px; margin: 0; z-index: 2; position: relative; padding: 4em 0 2em 5em; } .fluid-know-area .service-promo .know-top { border-bottom: 1px solid #0b1c30; } .fluid-know-area .service-promo .know-top h2 { color: #fff; font: 2.3em/1em "Playball", sans-serif; margin: 0; padding: 0; } .fluid-know-area .service-promo .know-top h3 { color: #5bb3fd; font: 400 1.15em/1.8em "Open Sans", sans-serif; margin: 0 0 1.5em; padding: 0; font-style: italic; position: relative; } .fluid-know-area .service-promo .know-top h3:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #ffb606; margin: 0 0 0 12px; } .fluid-know-area .service-promo .know-top p { color: #b5c9db; margin: 0 0 2.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .fluid-know-area .service-promo .know-bot { border-top: 1px solid #234470; padding: 2em 0 0; } .fluid-know-area .service-promo .know-bot ul { margin: 0; padding: 0; } .fluid-know-area .service-promo .know-bot ul li { margin: 0; padding: 0 2.5em; display: inline-block; border-right: 1px dashed #6e6e6e; } .fluid-know-area .service-promo .know-bot ul li:last-child { border-right: 1px dashed transparent; padding-right: 0; } .fluid-know-area .service-promo .know-bot ul li:first-child { padding-left: 0; } .fluid-know-area .service-promo .know-bot ul li .about-img { float: left; margin: 0 1em 0 0; } .fluid-know-area .service-promo .know-bot ul li .about-cont { float: left; } .fluid-know-area .service-promo .know-bot ul li .about-cont p { color: #fff; margin: 0; padding: 0; font: 400 1.33em/1.3em "Open Sans", sans-serif; } .fluid-know-area .work-image-ser img { width: 100%; height: 32.7em; } @media (max-width: 991px) { .fluid-know-area { display: block; } } .fluid-know-area .work-image-ser { width: -webkit-calc(50% - 115px); width: calc(50% - 115px); float: left; text-align: right; display: block; position: relative; } @media (max-width: 991px) { .fluid-know-area .work-image-ser { width: 100%; text-align: center; } } @media (max-width: 991px) { .fluid-know-area .work-image-ser img { width: 100%; } } .fluid-know-area .service-promo { width: -webkit-calc(50% + 115px); width: calc(50% + 115px); float: left; position: relative; padding-left: 30px; background: url(../images/know-about-us/bg.jpg) repeat; } @media (max-width: 991px) { .fluid-know-area .service-promo { width: 100%; padding-bottom: 30px; } } @media (max-width: 991px) { .fluid-know-area .service-promo { padding: 15px; } } /* ============================== 13. Our Resort Values styles ============================== */ .our-res { position: relative; } .spa-offer { position: relative; } .spa-offer .img_holder { position: relative; } .spa-offer .img_holder .room-ad-cont { overflow: hidden; position: relative; height: 100%; background: #177da5cf; width: 12vw; padding: 1.5em 1.5em; } .spa-offer .img_holder .room-ad-cont h2 { color: #fff; font: 4em/1em "Playball", sans-serif; margin: 0 0 0.6em; padding: 0; } .spa-offer .img_holder .room-ad-cont h2 span { color: #fff; font: 0.59em/1em "Playball", sans-serif; display: block; } .spa-offer .img_holder .room-ad-cont h3 { color: #fff; font: 600 1.66em/1em 'Open Sans Condensed', sans-serif; margin: 0 0 0.5em; padding: 0; } .spa-offer .img_holder .room-ad-cont a { color: #000; font: 600 1.0715em/1.6em "Open Sans", sans-serif; } .spa-offer .img_holder .room-ad-cont a:hover { color: #fff; } .spa-offer .img_holder .room-ad-cont p { font: 400 1.0715em/1.6em "Open Sans", sans-serif; color: #fff; padding: 0; margin: 0 0 1.8em; } .spa-offer .img_holder .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 11px; } .spa-offer .img_holder .overlay:before { content: ' '; position: absolute; top: 11px; left: 11px; right: 11px; bottom: 11px; background: url(../images/our-resort/border.png) right top no-repeat; background-size: 100% 100%; } .spa-offer .img_holder .img-responsive { width: 100%; } .our-res .left-pad { margin: 0 0 0 4em; } .our-res .tab-title-box { margin-bottom: 2.53em; margin-top: 3em; } .our-res .tab-title-box ul li { float: left; width: 28%; transition: all 0.3s ease; position: relative; text-align: center; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .our-res .tab-title-box ul li:last-child { border-right: 1px solid #e2e2e2; } .our-res .tab-title-box ul li.active { border-left: 1px solid #4983b4; border-bottom: 1px solid #4983b4; border-right: 1px solid #4983b4; } .our-res .tab-title-box ul li:hover { border-bottom: 1px solid #4983b4; } .our-res .tab-title-box ul li:after { background: url("../images/our-resort/icon.png") no-repeat center bottom; position: absolute; bottom: -1px; left: 43%; width: 15px; height: 6px; opacity: 0; content: ''; transition: all .3s ease; } .our-res .tab-title-box ul li.active:after { opacity: 1; } .our-res .tab-title-box ul li.active a, .our-res .tab-title-box ul li:hover a { color: #244ca6; } .our-res .tab-title-box ul li a { text-align: center; font: 700 1.1em/1em "Open Sans", sans-serif; display: block; color: #242424; padding: 1em 0; transition: all 0.3s ease; text-transform: uppercase; } .our-res .single-tab-content p { color: #898989; margin: 0 0 2em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .our-res .single-tab-content h2 { color: #242424; font: 700 1.3em/1.8em "Open Sans", sans-serif; margin: 0; padding: 0; } .our-res .single-tab-content ul li { color: #6c6c6c; font: 400 1.0715em/2em "Open Sans", sans-serif; } .our-res .single-tab-content ul li .fa { color: #233859; margin-right: 5px; font-size: 1em; } /* ============================== 14. satisfied with the Resort styles ============================== */ .promo-wrapper { position: relative; } .promo-outer { background: url(../images/satisfiedresort/1.jpg) center bottom no-repeat; position: relative; height: 26em; padding-top: 4.5em; } .bx-wrapper .bx-pager.bx-default-pager a.active { background: #8cc12f; border-color: #8cc12f; } .promo-wrapper .promo-outer .bx-wrapper .bx-pager { padding-top: 0; text-align: right; font-size: 0; right: 42px; width: 10px; top: 35%; } .promo-wrapper .bx-wrapper .bx-pager.bx-default-pager a { margin: 10px 0; } .promo-imgslider { position: relative; } .promo-i-imgslider { position: relative; } .promo-wrapper .bx-wrapper { margin: 0 auto; } .promo-wrapper .bx-wrapper .bx-pager .bx-pager-item, .promo-wrapper .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: block; } .promo-wrapper .promo-imgslider .promo-content { z-index: 1; } .promo-wrapper .promo-imgslider .promo-content h2 { font: 2.86em/1em "Playball", sans-serif; color: #fff; margin: 0 0 0.5em; padding: 0; } .promo-wrapper .promo-imgslider .promo-content p { font: 400 1.22em/1.5em "Open Sans", sans-serif; margin: 0 0 1.8em; padding: 0; color: #fff; font-style: italic; } .promo-wrapper .promo-imgslider .promo-content a { display: inline-block; padding: 0.2em 2em 0.3em; border: 1px solid #fff; color: #fff; font: 400 1.22em/1.8em "Open Sans", sans-serif; font-style: italic; } .promo-wrapper .promo-imgslider .promo-content a:hover { background: #fff; color: #000; } /* ============================== 15. Testimonials styles ============================== */ .testimonials-sec { position: relative; } .testimonials-wrapper .owl-theme .owl-dots .owl-dot { display: none; } .testimonials-wrapper { position: relative; padding: 0; } .testimonials-wrapper .item { position: relative; } .testimonials-wrapper .item .test-cont { background: #f4f4f4; padding: 2em; border-radius: 8px; position: relative; display: block; } .testimonials-wrapper .item .test-cont:after { width: 0; height: 0; border-left: 1px solid transparent; border-right: 20px solid transparent; border-top: 26px solid #f4f4f4; position: absolute; content: ''; bottom: -26px; } .testimonials-wrapper .item .test-cont p { color: #000; font: 400 1.0175em/1.8em "Open Sans", sans-serif; } .testimonials-wrapper .item .test-bot { padding: 3em 0 0; } .testimonials-wrapper .item .test-bot .tst-img { float: left; margin: 0 1.5em 0 0; } .testimonials-wrapper .item .test-bot .client_name { float: left; margin: 1em 0 0; } .testimonials-wrapper .item .test-bot .client_name h5 { color: #1f4d84; padding: 0 0 0.5em; margin: 0; font: 1.43em/1em "Playball", sans-serif; } .testimonials-wrapper .item .test-bot .client_name h5 span { color: #3d3d3d; font: 400 0.7em/1em "Open Sans", sans-serif; } .testimonials-wrapper .item .test-bot .client_name h5 a { color: #1f4d84; } .testimonials-wrapper .item .test-bot .client_name h5 a:hover { color: #3d3d3d; } .testimonials-wrapper .item .test-bot .client_name ul li { display: inline-block; margin: 2px -1px 0 1px; } .testimonials-wrapper .item .test-bot .client_name ul li a { color: #707d93; font-size: 1em; margin: 0 0.4em 0 0; } .testimonial-sec-p { padding: 6em 1em 1em; border-bottom: 1px solid #e4e4e4; } .testimonial-p .media-body h3 { font: 2em/1em "Playball", sans-serif; letter-spacing: 0.3px; color: #242424; margin: 0 0 0.5em; padding: 0; } .testimonial-p .media-body p { font: 400 1.0715em/1.8em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; margin-bottom: 1em; } .testimonial-p .media-body a { font: 600 1.0715em/1em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #1f4d84; font-style: italic; text-align: left; display: block; } .testimonial-p .media-body a span { color: #3d3d3d; font: 400 0.9em/1em "Open Sans", sans-serif; } .testimonial-p .media-body h6 { text-align: right; display: block; } .testimonial-p .media-left { padding-right: 60px; } .testimonial-p .media-left a img { border-left: 4px solid #ffb606; border-right: 1px solid #e1e1e1; border-top: 2px solid #ffb606; border-bottom: 1px solid #e1e1e1; } .testimonial-p .m-right { float: right; padding-right: 0; padding-left: 60px; } .testimonial-p .m-left { float: left; width: 82%; } .testimonial-p .l-sign { float: left; } .common-pad-test { padding-top: 0em; padding-bottom: 6.4em; } @media (max-width: 479px) { .testimonial-p .media-left { display: block; text-align: center; padding-right: 0; } .testimonial-p .media-body h3 { padding: 1em 0 0; } } /* ============================== 16. News and Events styles ============================== */ .event-pad { padding-top: 0; } .news-wrapper { position: relative; background: #f4f4f4; } .news-evn-img { position: relative; border-bottom: 3px solid #177da5; } .news-evn-img:before { content: ''; position: absolute; bottom: -3px; width: 10px; height: 3px; display: inline-block; background: #fff; margin: 0; } .news-evn-img .event-date { position: absolute; width: 62px; height: 68px; text-align: center; background: #177da5; left: 10px; bottom: 0; } .news-evn-img .event-date h3 { font: 600 1.8em/1.2em "Open Sans", sans-serif; color: #fff; margin: 0; padding: 0.4em 0 0; } .news-evn-img .event-date h3 small { color: #fff; font: 400 0.59em/1em "Raleway", sans-serif; display: block; } .news-evn-cont { position: relative; } .news-evn-cont h3 { font: 600 1.15em/1.5em "Raleway", sans-serif; letter-spacing: 0.5px; color: #000; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0; padding: 0 0 0.5em; } .news-evn-cont p { font: 400 1.0715em/1.5em "Open Sans", sans-serif; color: #8e8d8d; margin: 0; padding: 0; } .news-meta { padding: 1.8em 0 1em; } .news-meta a { font: 400 1.15em/1em "PT Serif", sans-serif; color: #a6a6a6; padding-right: 13px; font-style: italic; } .news-meta a + a:before { content: ''; background: #a6a6a6; margin-right: 15px; width: 1px; height: 14px; bottom: -3px; position: relative; display: inline-block; } /* ============================== 17. Green Band ads style ============================== */ .wel-ads-wrapper { background: #177da5; } .wel-ad-inner { position: relative; } .wel-ad-inner .overlay { position: relative; padding: 11px 0; } .wel-ad-inner .overlay_border { border: 1px dashed #657f08; background: url(../images/welcome/email-bg.png) no-repeat center bottom; overflow: hidden; } .wel-ad-inner .wel-text { position: relative; padding-left: 1.5em; } .wel-ad-inner .wel-text h2 { color: #fff; font: 600 1.43em/1.5em "Raleway", sans-serif; padding: 1.3em 0 0; margin: 0; } .wel-ad-inner .wel-text h3 { color: #fff; font: 400 1.15em/1.5em "Open Sans", sans-serif; padding: 0 0 1.4em; margin: 0; } .subscribe-wrp { position: relative; padding: 1.8em 1.5em 0 0; } .subscribe-wrp .sub-input { width: 386px; text-align: left; } .subscribe-wrp .sub-but { width: 40%; text-align: right; } .subscribe-wrp input[type="text"] { padding: 11px 20px; width: 100%; } .subscribe-wrp .form-control { border-radius: 5px; font: 400 1.15em/1em 'PT Serif', serif; color: #656565; border: 1px solid #7da100; height: 44px; -webkit-box-shadow: none; box-shadow: none; font-style: italic; } .res-btn i { font-size: 16px; color: #fff; line-height: 28px; margin-left: 12px; } .subscribe-wrp button { padding: 0.6em 2em; } /* ============================== 18. footer style ============================== */ footer { background: #1e1e1e; position: relative; } .footer-wrapper { position: relative; background: #1e1e1e; } .footer-pad { padding: 4.8em 0 2em; } .footer-b-pad { padding-top: 1.8em; padding-bottom: 1.8em; } .footer-top { position: relative; overflow: hidden; font: 400 0.94m/1.5em "Open Sans", sans-serif; } .widget.about-us-widget p { color: #e5e4e4; margin-top: 10px; font: 400 1.0715em/1.5em "Open Sans", sans-serif; padding: 0; margin-bottom: 10px; } .widget.about-us-widget a { color: #177da5; margin-top: 1.4em; } .widget.about-us-widget a:hover { color: #fff; } .widget.about-us-widget ul { margin: 0; padding: 0; } .widget.about-us-widget ul li:first-child { padding-left: 0px; } .widget.about-us-widget ul li { display: inline-block; list-style: none; padding: 10px 9px; } .widget.about-us-widget ul li a { padding: 0; color: #7c7c7c; font-size: 1.5em; } .widget.about-us-widget ul li a:hover { background: none; color: #177da5; } .widget-contact h4, .get-in-touch h4, .widget-links h4 { font: 600 18px/17px "Open Sans", sans-serif; color: #fff; margin-top: 0px; text-transform: uppercase; margin-bottom: 24px; font-style: italic; } .widget-contact h4:after, .get-in-touch h4:after, .widget-links h4:after { content: ''; width: 40px; height: 2px; background: #177da5; display: block; margin-top: 13px; } .widget-contact-list ul { margin: 0; padding: 0; list-style: none; } .widget-contact-list ul li a { color: #e5e4e4; text-transform: capitalize; font: 400 1.0715em/2.3em "Open Sans", sans-serif; } .widget-contact-list ul li a:hover { color: #177da5; } .widget.get-in-touch ul { padding: 0; margin: 0; } .widget.get-in-touch ul li { list-style: none; display: table; width: 100%; padding-right: 11px; } .widget.get-in-touch ul li i { float: left; font-size: 25px; color: #177da5; width: 34px; padding-top: 13px; line-height: 18px; } .widget.get-in-touch ul li .fleft { float: left; color: #e5e4e4; width: -webkit-calc(100% - 34px); width: calc(100% - 34px); font: 400 1.0715em/1.5em "Open Sans", sans-serif; padding: 0.5em 0; } .widget.get-in-touch ul li .fleft.location_address b { text-transform: uppercase; } .widget.get-in-touch ul li i.fa-map-marker { padding-top: 15px; } .widget.get-in-touch ul li i.fa-phone { font-size: 21px; line-height: 30px; } .widget.get-in-touch ul li i.fa-envelope-o { font-size: 18px; line-height: 24px; } .footer-copy { position: relative; border-top: 1px solid #323232; padding: 1.8em 0 0; overflow: hidden; } .footer-copy p { font: 400 1.0715em/1.5em "Open Sans", sans-serif; color: #e5e4e4; padding: 0; margin: 0; } .footer-copy p a { color: #177da5; } .footer-copy p a:hover { color: #fff; } /* ============================== 19.Top right search field Styles ============================== */ .top_panel_middle .search_wrap { display: none; margin: 0 0 0 0; } .menu_show .top_panel_middle .search_wrap { display: block; margin-bottom: 3em; } .top_panel_fixed .menu_show .top_panel_middle .search_wrap { margin-bottom: 1.7em; } .search_wrap { position: relative; max-width: 10em; min-width: 2.2857em; } .search_wrap.search_state_closed:not(.top_panel_icon) { min-width: 0; width: 1.5em; } .search_wrap:not(.search_state_fixed) { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .top_panel_middle .search_wrap .search_field, .top_panel_middle .search_wrap .search_submit, .top_panel_middle .search_wrap .search_submit:hover { background-color: transparent !important; border: none; height: auto; } .top_panel_bottom .search_wrap, .top_panel_style_4 .search_wrap { float: right; z-index: 1; padding-top: 1em; padding-left: 1em; } .search_wrap form { width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top_panel_middle .search_wrap form { padding-left: 3.3em; } .content .search_wrap .search_submit:before { font-family: 'MontserratSemibold', sans-serif; font-weight: 600; font-size: 1em; text-transform: uppercase; content: 'search'; } .content .search_wrap .search_submit { float: right; } .top_panel_middle .search_wrap .search_submit { position: absolute; left: 0; top: 1px; width: 2.2em; padding: 0; margin: 0; text-align: right; font-weight: normal; } .top_panel_top_search .search_submit { top: 2px; } .search_wrap .search_field { width: 100%; padding: 0.45em; } .top_panel_top .search_field { padding: 0; max-width: 6em; } .search_wrap .search_submit:before { margin-right: 0.35em; } .search_wrap.search_style_rounded { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .top_panel_style_5 .search_form_wrap, .top_panel_style_6 .search_form_wrap, .top_panel_style_7 .search_form_wrap { width: 100%; overflow: hidden; } .top_panel_style_5 .search_results, .top_panel_style_6 .search_results, .top_panel_style_7 .search_results { top: 3.3em !important; } .top_panel_icon .search_submit { display: inline-block; text-align: center; } .top_panel_icon .search_submit:before { margin-right: 0; } /* ============================== 20.Top right Search results Styles ============================== */ .search_wrap .search_results { display: none; position: absolute; z-index: 1000; right: 0; top: 4.2857em; background-color: #fff; border: 1px solid #e5e5e5; width: 270px; padding: 1em; line-height: 1.5em; text-align: left; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } .top_panel_top .search_results { top: 2.65em; } .top_panel_middle .sidebar_cart:after, .menu_user_nav > li > ul:after, .search_wrap .search_results:after { content: " "; width: 10px; height: 10px; background-color: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; position: absolute; top: -6px; right: 3em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .top_panel_middle .sidebar_cart:after, .menu_user_nav > li > ul:after { left: 1.5em; right: auto; } .top_panel_style_5 .top_panel_middle .sidebar_cart:after, .top_panel_style_6 .top_panel_middle .sidebar_cart:after, .top_panel_style_7 .top_panel_middle .sidebar_cart:after, .top_panel_style_8 .top_panel_middle .sidebar_cart:after { right: 2.15em; left: auto; } .menu_user_nav > li > ul > li { z-index: 1; } .search_wrap .search_results .search_results_close { position: absolute; top: 3px; right: 3px; display: block; text-align: center; overflow: hidden; font-size: 0.875em; width: 1.2em; height: 1.2em; line-height: 1.2em; cursor: pointer; } .search_wrap .post_more { display: block; text-align: center; } .widget_area .post_item { overflow: hidden; } .widget_area aside .post_item + .post_item, .search_results.widget_area .post_item + .post_item { margin-top: 10px; padding-top: 1em; } .widget_area aside .post_item + .post_item { margin-top: 1.85em; padding: 0; } .search_results.widget_area .post_item + .post_item { border-top: 1px solid #e5e5e5; } .widget_area .post_item .post_content { overflow: hidden; } .widget_area .post_item .post_thumb { float: left; width: 5em; height: 5em; margin: 0 0.9em 2px 0; overflow: hidden; } .widget_area .post_item .post_thumb img { width: 100%; } .widget_area .post_item .post_title { margin: -4px 0 6px 0; font-size: 1em; text-transform: none; letter-spacing: 0; font-family: "MontserratLight"; line-height: 1.5em; font-weight: 300; } .widget_area .post_item .post_info { margin-bottom: 0; } .post_item .post_info .post_info_posted { font-family: MontserratSemibold; text-transform: uppercase; font-weight: 600; } .widget_area .post_item .post_info .post_info_item + .post_info_item:before { content: ""; margin: 0 0 0 5px; } /* ============================== 21. Inner page - about us ============================== */ .header-breadcrumb { position: relative; background: url(../images/inner-header/1.jpg) no-repeat scroll center 0 transparent; -webkit-background-size: cover; background-size: cover; padding: 180px 0px 94px; } .header-breadcrumb h1 { font: 3.72em/1em "Playball", sans-serif; margin: 0 0 0.23em; padding: 0; color: #fff; } .breadcrumb { background: rgba(0, 0, 0, 0.2); display: inline-block; border-top: 1px solid #585568; border-bottom: 1px solid #585568; padding: 0 3em; text-transform: capitalize; margin: 0; } .breadcrumb > li { display: inline-block; text-transform: uppercase; } .breadcrumb li a { font: 600 1em/2.6em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #5bb3fd; } .breadcrumb > .active { font: 600 1em/2.5em "Open Sans", sans-serif; color: #fff; } .breadcrumb li + li:before { content: "\f105"; color: #fff; padding: 0 14px; } .breadcrumb li:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 14px; color: #fff; display: inline-block; } .header-breadcrumb { position: relative; width: 100vw; text-align: center; } .about-info-box .img-cap-effect { text-align: right; } .about-info-box .img-box img { position: relative; max-width: 100%; } .about-info-box .img-box:before { content: ''; position: absolute; top: 10px; left: -10px; right: 10px; bottom: -10px; border-left: 10px solid #ffb606; border-bottom: 10px solid #ffb606; } .img-cap-effect .img-box { position: relative; overflow: hidden; } .about-info-box .img-box { display: inline-block; overflow: visible; } .img-cap-effect .img-box .img-caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .img-cap-effect .img-box .img-caption:before { content: ''; position: absolute; top: 0px; left: 10px; right: 0px; bottom: 10px; opacity: 1; border: 2px solid rgba(255, 255, 255, 0.5); border-bottom: 0; border-left: 0; -webkit-transition: all .5s ease .5s; transition: all .5s ease .5s; } .about-info-box p { color: #000; text-align: justify; margin: 0 0 3em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .about-info-box h6 { color: #6da5da; font: 400 1.3em/1.5em 'PT Serif', serif; margin: 0; padding: 1.5em 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-style: italic; } .about-info-box ul li { display: inline-block; font: 400 1.43em/1em 'PT Serif', serif; color: #000; font-style: italic; } .about-info-box ul { margin: 3em 0 0; } .about-info-box ul li:before { background: url(../images/about/check.png) no-repeat left top; content: ''; position: absolute; width: 28px; height: 23px; } .about-info-box ul li span { padding: 0 3em 0 2em; display: block; } .our-resort-value { position: relative; } .our-resort-value .img-l-box { position: relative; float: left; margin-right: 10px; } .our-resort-value .img-r-box { position: relative; float: left; } .our-resort-value .img-r-box .img-box2 { float: left; margin-top: 10px; } .our-resort-value .img-box img { float: left; } .resort-r-value { position: relative; margin-left: 4.5em; } /* ============================== 22. accrodion - about us ============================== */ .accordian-area { position: relative; } .accordian-area .panel .panel-heading .panel-title a i { font-size: 0.8em; line-height: 50px; position: absolute; top: 0; left: 0; } .accordian-area .panel .panel-heading .panel-title a .fa-plus { display: none; } .accordian-area .panel .panel-heading .panel-title a.collapsed .fa-plus { display: block; width: 50px; height: 50px; text-align: center; } .accordian-area .panel .panel-heading .panel-title a .fa-minus { display: block; background: #177da5; width: 50px; text-align: center; color: #fff; height: 50px; } .accordian-area .panel .panel-heading .panel-title a.collapsed .fa-minus { display: none; } .accordian-area .panel-group .panel { border-radius: 0; background: transparent; } .accordian-area .panel { border-radius: 0; } .accordian-area .panel-default > .panel-heading { background: #fff; position: relative; padding: 16px 10px 16px 70px; } .accordian-area .panel-title { font: 400 1.3em/1em "Open Sans", sans-serif; } /* ============================== 23. Take a tour video - about us ============================== */ .take-a-tour-video-box { position: relative; text-align: center; overflow: hidden; } .take-a-tour-video-box .check-video-box { position: relative; } .check-video-box .img-holder:hover:before { opacity: 0.9; filter: alpha(opacity=0); } .check-video-box .img-holder:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #173460; opacity: .80; filter: alpha(opacity=80); z-index: 3; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .check-video-box .img-holder .content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; text-align: center; } .check-video-box .img-holder .content .content-inner { display: table; width: 100%; height: 100%; } .check-video-box .img-holder .content .content-inner .box { display: table-cell; vertical-align: middle; } .check-video-box .img-holder .content .content-inner .box h3 { font: 3.65em/1em "Playball", sans-serif; margin: 0 0 0.8em; padding: 0; color: #fff; } .check-video-box .img-holder .content .content-inner .box h4 { font: 400 2.35em/1.8em "Open Sans", sans-serif; margin: 1.2em 0 0; padding: 0; color: #fff; font-style: italic; } .check-video-box .img-holder .content .content-inner .box a { color: #ffb606; font-size: 6.3em; } /* ============================== 24. Room1 style ============================== */ .common-pad-inner { padding-top: 6.4em; padding-bottom: 3.4em; } .common-pad-room { padding-top: 6.4em; padding-bottom: 3em; } .common-pad-room1 { padding-top: 6.4em; padding-bottom: 0; } .room-wrapper { overflow: hidden; position: relative; border: 1px solid #e9e9e9; background: #fff; padding: 0.8em; margin-bottom: 3.4em; } .room-wrapper .media-body { vertical-align: middle; padding-left: 2.5em; padding-right: 2.5em; position: relative; } .room-wrapper .media-body h2 { color: #0e1322; font: 2.15em/1em "Playball", sans-serif; margin: 0 0 0.3em; padding: 0; position: relative; } .room-wrapper .media-body h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .room-wrapper .media-body p { color: #898989; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .room-wrapper .media-body h3 { color: #000; margin: 0 0 0.5em; padding: 0; font: 600 1.23em/1em "Open Sans", sans-serif; font-style: italic; } .room-wrapper .media-body h6 { color: #3894c3; margin: 0; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; font-style: italic; } .room-wrapper .media-right { background: #f4f4f4; text-align: center; vertical-align: middle; width: 14%; padding-left: 0; } .room-wrapper .media-right p { color: #242424; font: 2.86em/1.25em "Playball", sans-serif; padding: 0; margin: 0 0 0.5em; } .room-wrapper .media-right p span { display: block; font: 400 0.4em/1em "Open Sans", sans-serif; font-style: italic; color: #888; margin: 0 0 2em; } .room-wrapper .media-right a { background: #177da5; padding: 9px 20px; margin: 0; letter-spacing: 0.6px; color: #fff; border-radius: 3px; text-transform: uppercase; font: 400 0.88em/1em "Open Sans", sans-serif; } .room-wrapper .media-right a:hover { background: #1a1a1c; color: #fff; } /* ============================== 25. Room2 style ============================== */ .room-t-wrapper { position: relative; margin-bottom: 3.4em; overflow: hidden; } .room-t-wrapper .img-holder { position: relative; } .room-t-wrapper .img-holder:before { content: ' '; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border: 2px solid #fff; } .room-t-wrapper .content { background: #fff; padding: 50px 55px 45px; position: relative; top: 29px; right: 48px; } .room-t-wrapper .content h2 { color: #0e1322; font: 2.15em/1em "Playball", sans-serif; margin: 0 0 0.3em; padding: 0; position: relative; } .room-t-wrapper .content h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .room-t-wrapper .content p { color: #898989; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .room-t-wrapper .content .bottom-content { width: 100%; } .room-t-wrapper .content .bottom-content p { color: #242424; font: 2.7em/1.25em "Playball", sans-serif; padding: 0; margin: 0 0 0.5em; } .room-t-wrapper .content .bottom-content p span { display: block; font: 400 0.4em/1em "Open Sans", sans-serif; font-style: italic; color: #888; margin: 0 0 2em; } .room-t-wrapper .content .bottom-content a { background: #177da5; padding: 9px 20px; margin: 0; letter-spacing: 0.6px; color: #fff; border-radius: 3px; text-transform: uppercase; font: 400 0.88em/1em "Open Sans", sans-serif; } .room-t-wrapper .content .bottom-content a:hover { background: #1a1a1c; color: #fff; } .room-t-wrapper .content .bottom-content .pull-right { margin-top: 1.5em; } .room-l-wrapper { position: relative; margin-bottom: 3.4em; overflow: hidden; } .room-l-wrapper .content { background: #fff; padding: 50px 55px 45px; position: relative; top: 29px; left: 48px; z-index: 1; } .room-se-wrapper { position: relative; } .room-se-wrapper { position: relative; } .room-sed-wrapper { position: relative; overflow: hidden; } /* ============================== 26. News page styles ============================== */ .pull-left .single-sidebar-widget { padding-right: 30px; overflow: hidden; } .pull-right .single-sidebar-widget { padding-left: 30px; } .single-sidebar-widget { position: relative; } .single-sidebar-widget-outer { margin-bottom: 40px; overflow: hidden; } .single-sidebar-widget-outer:last-child { margin-bottom: 0; } .single-sidebar-widget .sec-title { margin-bottom: 26px; } .single-sidebar-widget .sec-title-cat { margin-bottom: 15px; } .single-sidebar-widget .sec-title h2 { color: #0e1322; font: 2em/1em "Playball", sans-serif; margin: 0 0 0.3em; padding: 0; position: relative; } .single-sidebar-widget .sec-title h2:after { content: ''; position: absolute; bottom: 7px; width: 35px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .single-sidebar-widget .widget-search-blog { width: 93%; position: relative; display: inline-block; margin: 0 0 0 1em; } .single-sidebar-widget .widget-inner { border: 1px solid #2a2a2a; } .single-sidebar-widget .widget-search-blog .search-form .form-control { height: 45px; border-radius: 0; border: none; font: 400 1em/1em "Open Sans", sans-serif; padding: 0 30px; -webkit-box-shadow: none; box-shadow: none; color: #c0c0c0; z-index: 0; background: #2a2a2a; } .single-sidebar-widget .widget-search-blog .search-form .form-control + .input-group-addon { padding: 0 1px 0 8px; border: 0; border-radius: 0; background-color: #2a2a2a; } .single-sidebar-widget .widget-search-blog .search-form .form-control + .input-group-addon button { border: 0; background: #2a2a2a; color: #a1a1a1; font-size: 1.2em; line-height: 2.1em; padding-right: 15px; } .single-sidebar-widget .categories ul li a { color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; padding: 0 0 0 18px; } .single-sidebar-widget .categories ul li a:hover { color: #91b41a; } .single-sidebar-widget .categories ul li a:after { content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; left: 0; } .single-sidebar-widget .popular-post .img-box, .single-sidebar-widget .popular-post .content { display: table-cell; vertical-align: top; } .single-sidebar-widget .popular-post li { margin-bottom: 30px; } .single-sidebar-widget .popular-post .img-box { width: 110px; } .single-sidebar-widget .popular-post .content { padding-left: 30px; } .single-sidebar-widget .popular-post .content a h4 { font: 600 1em/1em "Open Sans", sans-serif; color: #242424; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; margin: 0; padding: 0; } .single-sidebar-widget .popular-post .content p { color: #8E8D8D; font-size: 13px; line-height: 20px; margin: 0; } .single-sidebar-widget .popular-post .content span { color: #999999; font: 400 0.93em/1em "Open Sans", sans-serif; display: block; margin-top: 1.2em; } .single-sidebar-widget .popular-post .content h6 { color: #242424; font: 1.6em/1em "Playball", sans-serif; margin: 0.6em 0 0; padding: 0; } .single-sidebar-widget .popular-post .content h6 span { display: inline-block; font: 600 0.63em/1em "Open Sans", sans-serif; font-style: italic; } .single-sidebar-widget .tag-cloud { font-size: 0; margin-left: -5px; margin-right: -5px; } .single-sidebar-widget .tag-cloud li { display: inline-block; } .single-sidebar-widget .tag-cloud li a { display: block; color: #787878; text-transform: uppercase; border: 1px solid #EAEAEA; padding: 7px 22px; font-size: 12px; margin: 0 5px; margin-bottom: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; background: #fbfbfb; } .single-sidebar-widget .tag-cloud li a:hover { background: #91b41a; color: #fff; border-color: #E5E5E5; } .single-blog-post .meta-info { padding: 3em 0 1.2em; } .single-blog-post .meta-info .content-box .post-links li { display: table-cell; vertical-align: middle; font: 400 1.15em/1em 'PT Serif', serif; font-style: italic; } .single-blog-post .date-box { position: absolute; width: 75px; height: 75px; top: 1.5em; border: 5px solid #177da5; left: 1.5em; background: #91b41a; text-align: center; } .single-blog-post .date-box .date-inner { display: table; text-align: center; width: 100%; height: 100%; } .single-blog-post .date-box .date-inner .date-c-inner { display: table-cell; vertical-align: middle; } .single-blog-post .date-box .date-inner .date-c-inner p { color: #fff; font: 2em/1em "Playball", sans-serif; margin: 0; padding: 0; } .single-blog-post .date-box .date-inner .date-c-inner p span { color: #fff; font: 0.7em/1em "Playball", sans-serif; margin: 0; padding: 0; display: block; } .single-blog-post .inner-box b { font-size: 2em; display: block; font-style: italic; font-weight: 300; border-bottom: 1px solid #696969; padding: 0 0 0.2em; } .single-blog-post .inner-box span { font-size: 1em; display: block; background: #fbb12f; color: #fff; padding: 0.2em 0 0.3em; } .single-blog-post .meta-info .content-box .post-links li a:hover i { color: #2a2a2a; } .single-blog-post .meta-info .content-box .post-links li a i { color: #91b41a; font-size: 16px; margin-right: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-blog-post .meta-info .content-box .post-links li a { color: #A1A1A1; padding-right: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-blog-post .meta-info .content-box .post-links li a:hover { color: #FBB12F; } .single-blog-post a.remove-margin { margin-bottom: 0 !important; } .single-blog-post a.read-more { text-transform: uppercase; color: #000; font-size: 12px; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; border: 1px solid #ababab; background: transparent; border-radius: 0; padding: 8px 24px; margin-bottom: 2.3em; } .single-blog-post a.read-more:hover { color: #fff; background: #1a1a1c; } .single-post-wrapper { position: relative; } .single-blog-post h3 { color: #010101; font-weight: 600; text-transform: none; margin: 0.6em 0 0; padding: 0 0 0.8em; font: 600 1.33em/1em "Open Sans", sans-serif; } .single-blog-post p { color: #898989; margin: 0 0 2em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .single-blog-post h6 { color: #1cbac8; font: 400 1.0715em/1em "Open Sans", sans-serif; margin: 2em 0 0; padding: 0; } .single-blog-post { margin-bottom: 50px; } .single-blog-post .img-box { display: inline-block; overflow: visible; } .post-list { margin: 0 0 20px; width: 100%; } .post-list li { float: left; width: 270px; font: 400 14px/30px "Open Sans", sans-serif; color: #91b41a; letter-spacing: 0.3px; } .post-list li:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; padding-right: 10px; } blockquote { padding: 30px; border: none; background: #f5f4f4; margin-top: 27px; } @media (max-width: 479px) { blockquote { padding: 5px; } } blockquote:before { float: left; content: "\f10d"; display: inline-block; font: normal normal normal 55px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 70px; color: #d0d0d0; } blockquote p { float: left; font: 400 1.2em/1em "Open Sans", sans-serif; letter-spacing: 0.3px; color: #898989; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); margin: 5px 0 0; padding-left: 14px; } blockquote footer { text-align: right; color: #e8a20c; font: 400 1.2em/1em "Open Sans", sans-serif; font-style: italic; background: transparent; } blockquote footer a { color: #e8a20c; font: 400 0.8em/1em "Open Sans", sans-serif; font-style: italic; } /* ============================== 27. News Details Comments ============================== */ .news-comments .comments_count, .leave-comments .leave-comment-title { margin: 30px 0px 30px 0; font: 2em/1em "Playball", sans-serif; color: #242424; font-weight: bold; } @media (max-width: 400px) { .comments_count, .leave-comment-title { margin-left: 20px; } } .comments { margin: 0px 0px 30px 0px; border: 1px solid #eee; } .comments .comment { padding: 20px 20px 25px; margin: 0px 0; } .comments .comment-bg { background: #fcfcfc; } @media (max-width: 400px) { .comments .comment { margin: 0 5px 0 15px; text-align: center; } } .comments .comment + .comment { margin-top: 0; border-top: 1px solid #eee; } .comments .comment .media-left { padding: 8px 30px 0px 5px; } @media (max-width: 479px) { .comments .comment .media-left { padding-right: 0; padding-bottom: 20px; display: block; } } .comments .comment .media-left a { display: block; width: 70px; height: 70px; } .comments .comment .media-left a img { max-width: 100%; } @media (max-width: 991px) { .comments .comment .media-body { overflow: visible; } } .comments .comment .media-body h5 { font: 500 1em/2em "Open Sans", sans-serif; margin: 0; color: #242424; } .comments .comment .media-body p { font: 400 14px/30px "Open Sans", sans-serif; color: #898989; } .comments .comment .media-body .date-reply { margin: 9px 0 9px; } .comments .comment .media-body .date-reply li { float: left; } @media (max-width: 400px) { .comments .comment .media-body .date-reply li { display: inline-block; text-align: center; float: none; } } .comments .comment .media-body .date-reply li a { padding: 0; font: 13px/1 "Open Sans", sans-serif; text-transform: capitalize; color: #47bcca; } .comments .comment .media-body .date-reply li a:hover, .comments .comment .media-body .date-reply li a:focus { background: none; } .comments .comment .media-body .date-reply li + li { color: #bc945e; } .comments .comment .media-body .date-reply li + li:before { content: ''; width: 1px; height: 13px; float: left; background: #47bcca; margin: 0 10px; } .comments .comment .media-body .date-reply li + li a { float: left; color: #f6ba18; } .comments .comment.reply { padding-left: 0; margin: 0px; } @media (max-width: 991px) { .comments .comment.reply { margin-left: -70px; } } @media (max-width: 479px) { .comments .comment.reply { margin-left: 30px; } } @media (max-width: 400px) { .comments .comment.reply { margin-left: 0px; } } .comments .comment.reply:last-child { padding-bottom: 0; } .comment_form { padding: 30px; border: 1px solid #eee; margin: 0px; background: #f7f7f7; } @media (max-width: 479px) { .comment_form { padding: 20px 15px; } } .comment_form .leave-comment-title { margin: 0px 0px 26px 0px; font: bold 20px/28px "Alegreya", serif; color: #353535; } .comment_form .form-control { border-radius: 0; padding: 9px 20px; font: 14px/25px "Open Sans", sans-serif; color: #000; margin-bottom: 20px; background: #fff; border: 1px solid #ebebeb; -webkit-box-shadow: none; box-shadow: none; } .comment_form .form-control::-moz-placeholder { color: #c4c4c4; opacity: 1; } .comment_form .form-control:-ms-input-placeholder { color: #c4c4c4; } .comment_form .form-control::-webkit-input-placeholder { color: #c4c4c4; } .comment_form input { width: 48%; float: left; height: 45px; } @media (max-width: 1199px) { .comment_form input { width: 47%; } } @media (max-width: 991px) { .comment_form input { width: 46%; } } @media (max-width: 767px) { .comment_form input { width: 100%; } } @media (max-width: 479px) { .comment_form input { width: 100%; } } .comment_form input + input { margin-left: 26px; } @media (max-width: 1199px) { .comment_form input + input { margin-left: 31px; } } @media (max-width: 767px) { .comment_form input + input { margin-left: 0; } .contact-info .media-contact-info { padding-left: 54px!important; } } @media (max-width: 479px) { .comment_form input + input { margin-left: 0; } } .comment_form textarea { height: 188px; resize: none; margin-bottom: 32px; } .comment_form .btn-primary { background: #f6ba18; border: 1px solid #f6ba18; text-transform: uppercase; letter-spacing: 1px; font: 600 1.2em/2.1em "Open Sans", sans-serif; padding: 7px 22px 7px 22px; color: #19242a; margin-top: 10px; border-radius: 5px; letter-spacing: 3px; } .comment_form .btn-primary:hover, .comment_form .btn-primary:focus { color: #000; border-radius: 5px; border-color: #bb793c; } /* ============================== 28. gallery filter Styles ============================== */ .gallery-filter { border-top: 1px solid #A5A8AC; border-bottom: 1px solid #A5A8AC; margin-bottom: 30px; } .gallery-filter li { display: inline; } .gallery-filter li:after { content: '/'; display: inline-block; color: #666; margin: 0 10px; } .gallery-filter li:last-child:after { content: ''; } .gallery-filter li.active span, .gallery-filter li:hover span { color: #127FCE; } .gallery-filter li.active span:after, .gallery-filter li:hover span:after, .gallery-filter li.active span:before, .gallery-filter li:hover span:before { width: 100%; } .gallery-filter li span { display: inline-block; font: 700 0.94em/3em "Open Sans", sans-serif; color: #666666; text-transform: uppercase; cursor: pointer; padding: 0 10px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .gallery-filter li span:after { content: ' '; width: 0%; height: 1px; background: #127FCE; position: absolute; top: -1px; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .gallery-filter li span:before { content: ' '; width: 0%; height: 1px; background: #127FCE; position: absolute; bottom: -1px; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } /* ============================== 29. image-gallery Styles ============================== */ .image-gallery { position: relative; } .image-gallery .single-gallery { padding: 0 15px; margin-bottom: 30px; float: left; box-sizing: border-box; } .image-gallery .single-r-gallery { padding: 0 15px; margin-bottom: 30px; float: right; box-sizing: border-box; } .image-gallery .single-gallery.mix { display: none; } .image-gallery .single-gallery.span-8 { width: 66.66666667%; } .image-gallery .single-gallery.span-6 { width: 50%; } .image-gallery .single-gallery.span-4 { width: 33.33333333%; } .image-gallery .single-gallery.span-3 { width: 25%; } .single-gallery:hover .img-holder img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .single-gallery .img-holder { position: relative; display: block; overflow: hidden; } .single-gallery .img-holder img { -webkit-transform: scale(); -ms-transform: scale(1); transform: scale(1); width: 100%; } .single-gallery .img-holder .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .single-gallery:hover .img-holder .content .link-gallery { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .single-gallery .img-holder .content .link-gallery { display: table-cell; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(133, 171, 0, 0.9); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; border: 1px dashed rgba(236, 236, 236, 0.5); } .single-gallery .img-holder .content .link-gallery .media-right { position: absolute; top: 20px; right: 20px; } .single-gallery .img-holder .content .link-gallery .media-bottom { position: absolute; bottom: 20px; left: 20px; } .single-gallery .img-holder .content .link-gallery a { color: #fff; font: 2.43em/1em "Playball", sans-serif; display: table-cell; vertical-align: middle; } .single-gallery .modal-content { display: none; } /* ============================== 30.pop up single gallery item Styles ============================== */ #single-gallery-modal .modal-dialog img { max-width: 100%; } #single-gallery-modal .modal-dialog .modal-header { background: #177da5; padding: 19px 0; position: relative; } #single-gallery-modal .modal-dialog .modal-header .close { position: absolute; right: 40px; top: 18px; line-height: 32px; color: #000000; width: 32px; height: 32px; background: white; opacity: 1; border-radius: 50%; margin: 0; z-index: 9999999; text-indent: 1px; } #single-gallery-modal .modal-dialog .modal-header h4 { color: #fff; font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 0; } #single-gallery-modal .modal-dialog .modal-body { padding: 40px; } #single-gallery-modal .modal-dialog .modal-body p { font-size: 15px; color: #797979; line-height: 26px; } #single-gallery-modal .modal-dialog .modal-body ul li { font-size: 13px; color: #2B2B2B; font-weight: 600; line-height: 35px; text-transform: uppercase; } #single-gallery-modal .modal-dialog .modal-body ul li i { font-size: 13px; color: #EB9500; margin-right: 10px; } /* ============================== 31. Booking Styles ============================== */ .book-right { position: relative; padding-left: 50px; } .book-right span { display: block; } .book-right span img { max-width: 100%; } .book-right h2 { color: #0e1322; font: 2em/1em "Playball", sans-serif; margin: 1.5em 0 0.5em; padding: 0; position: relative; } .book-right h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .book-right p { color: #898989; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .book-left-content { background: #f5f5f5; position: relative; overflow: hidden; padding: 3em 2em; } .book-left-content .select-box { float: left; position: relative; width: 100%; margin-bottom: 10px; } .book-left-content .select-menu + .ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 12px; border: 1px solid #E5E5E5; height: 40px; background: #fff; outline: none; color: #898989; } .book-left-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font: 400 1.0715em/1.5em 'Open Sans', serif; line-height: 40px; color: #959595; } .book-left-content .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 4px; } .book-left-content .select-menu + .ui-selectmenu-menu .ui-menu-item { background: #2d6293; border-color: #00ACD9; font-style: normal; } .input_form { position: relative; } .input_form #error { color: orangered; } .input_form #success { color: #177da5; } .input_form #success p, .input_form #error p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; } .input_form #success, .input_form #error { position: absolute; top: -15px; display: block; right: 0; left: 0; bottom: -15px; background: rgba(0, 0, 0, 0.5); display: none; } .input_form form .form-control.error + .error { font: 400 0.8em/1em "Open Sans", sans-serif; margin-bottom: 20px; margin-top: 5px; color: red; font-weight: normal; } .input_form form .form-control.error { margin-bottom: 0; } .book-left-content .form-control { background-color: #fff; border-radius: 0; height: 40px; font: 400 1.0715em/1em 'PT Serif', serif; font-style: italic; color: #4b4b4b; border: 1px solid #e9e9e9; } .book-left-content form textarea.form-control { margin-bottom: 32px; resize: none; padding: 15px 20px; height: 203px; } .book-left-content form .form-control { margin-bottom: 20px; border-radius: 0; font: 400 1.0715em/1.5em 'Open Sans', serif; color: #959595; padding: 11px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; } .book-left-content .dropdownselect { background-color: #fff; border-radius: 0; height: 40px; font: 400 1.0715em/1em 'PT Serif', serif; font-style: italic; color: #4b4b4b; border: 1px solid #e9e9e9; width: 100%; padding: 6px 12px; margin-bottom: 20px; } .book-left-content span { color: #404040; display: block; font: 600 1em/1.5em "Open Sans", sans-serif; margin: 0 0 0.7em; } .contact-info { position: relative; padding-left: 50px; } .contact-info h2 { color: #0e1322; font: 2em/1em "Playball", sans-serif; margin: 0 0 1.5em; padding: 0; position: relative; } .contact-info h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .contact-info .media-contact { position: relative; margin-bottom: 2.3em; } .contact-info .media-contact-icon { width: 50px; height: 50px; float: left; font-size: 30px; line-height: 48px; text-align: center; color: #fff; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; background: #177da5; } .contact-info .media-contact-icon i { font-size: 0.78em; } .contact-info .media-contact-info p a i { color: #545353; font: 1.4em/1em "Playball", sans-serif; } .contact-info .media-contact-info { padding-left: 73px; } .contact-info .media-contact-info p { color: #898989; margin: 0; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .contact-info .media-contact-info p a { color: #898989; } .contact-info .media-contact-info p a:hover { color: #177da5; } .contact-info .media-contact-info p span { color: #3894c3; } /*.tt-contact-map { height: 415px; } */ .book-left-content .res-btn { padding: 0.6em 2.5em; } /* ============================== 32. Single room Styles ============================== */ .book-r-form { background: #f1eff2; margin-bottom: 3em; overflow: hidden; width: 100%; } .book-r-form .room-price { border-bottom: 1px solid #dfdfdf; position: relative; text-align: center; padding: 3em 0 1em; } .book-r-form .room-price h6 { margin: 0 0 0.8em; padding: 0; font: 700 0.88em/1em "Open Sans", sans-serif; text-transform: uppercase; color: #848484; } .book-r-form .room-price p { font: 2.66em/1em "Playball", sans-serif; margin: 0; padding: 0; color: #000; } .book-r-form .room-price p span { font: 600 0.4em/1em "Open Sans", sans-serif; color: #848484; text-transform: uppercase; } .book-r-form .book-form { border-top: 1px solid #fff; position: relative; padding: 2em 0.4em; overflow: hidden; } .book-r-form .book-form b { display: block; color: #000; text-transform: uppercase; font: 600 0.95em/1em "Open Sans", sans-serif; margin: 0 0 0.8em; } .book-r-form .book-form .form-control[readonly] { height: 39px; background: #fff; border: 1px solid #e3e3e3; border-radius: 0; font: 400 1.0715em/1em 'PT Serif', serif; font-style: italic; color: #4b4b4b; margin-bottom: 20px; } .book-r-form .book-form .dropdownselect { background-color: #fff; border-radius: 0; height: 40px; font: 400 1.0715em/1em 'PT Serif', serif; font-style: italic; color: #4b4b4b; border: 1px solid #e3e3e3; width: 100%; padding: 6px 12px; margin-bottom: 1em; } .book-r-form .select-box { width: 100%; position: relative; float: left; margin-bottom: 20px; } .book-r-form .select-box .select-menu + .ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 12px; border: 1px solid #E5E5E5; height: 40px; background: #fff; outline: none; color: #898989; } .book-r-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font: 400 1.039em/1em 'PT Serif', serif; line-height: 40px; font-style: italic; color: #4a4a4a; } .book-r-form .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 4px; } .ser-in-box .select-menu + .ui-selectmenu-menu .ui-menu-item { background: #2d6293; border-color: #00ACD9; font-style: normal; } .book-r-form .book-form .res-btn { width: 100%; background: #177da5; } .book-r-form .book-form .res-btn:hover { background: #1a1a1c; } .single-room-wrapper { position: relative; } .single-room-wrapper .room-slider-wrapper { position: relative; margin-bottom: 3em; overflow: hidden; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper { position: relative; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .owl-theme .owl-controls .owl-nav [class*=owl-] { margin: 0; padding: 15px 6px; border-radius: 0; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .owl-carousel .owl-controls .owl-nav .owl-prev { float: left; position: absolute; left: 0; background: #2a2919; margin-top: 23px; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .fa { font-size: 1em; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .owl-carousel .owl-controls .owl-nav .owl-next { float: right; position: absolute; right: 0; background: #2a2919; margin-top: 23px; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img:hover, .single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img:focus { opacity: 0.2; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img { margin-right: 0.7px; } .button { transition: background-color 300ms ease-out; } .single-room-wrapper .room-dec-wrapper { position: relative; } .single-room-wrapper .room-dec-wrapper h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 1em; padding: 0; position: relative; } .single-room-wrapper .room-dec-wrapper h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .single-room-wrapper .room-dec-wrapper p { color: #000; text-align: justify; margin: 0 0 2em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .single-room-wrapper .room-fac-wrapper { position: relative; } .single-room-wrapper .room-fac-wrapper h2, .single-room-wrapper .room-overview h2, .single-room-wrapper .question-wrapper h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 1em; padding: 0; position: relative; } .single-room-wrapper .room-fac-wrapper h2:after, .single-room-wrapper .room-overview h2:after, .single-room-wrapper .question-wrapper h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .single-room-wrapper .ro-facilitie { position: relative; } .single-room-wrapper .ro-facilitie ul { margin: 0; padding: 0; } .single-room-wrapper .ro-facilitie ul li { margin: 0 1%; padding: 0; width: 18%; float: left; border-top: 4px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; display: table; } .single-room-wrapper .ro-facilitie ul li .facilitie-i-box { display: table-cell; vertical-align: middle; text-align: center; position: relative; padding: 2em 0; } .single-room-wrapper .ro-facilitie ul li .facilitie-i-box h3 { font: 800 1em/1em "Raleway", sans-serif; margin: 0 0 0.8em; padding: 0; text-align: center; color: #0e1322; text-transform: uppercase; } .single-room-wrapper .room-overview { position: relative; overflow: hidden; margin-top: 3em; } .single-room-wrapper .room-overview code { color: #000; text-transform: uppercase; background: transparent; font: 700 1em/1em "Open Sans", sans-serif; } .single-room-wrapper .room-overview .table > tbody > tr > th { width: 35%; padding: 13px 30px; border-top: 1px solid transparent; } .single-room-wrapper .room-overview .table > tbody > tr > td { border-top: 1px solid transparent; color: #898989; font: 400 1.0715em/1em "Open Sans", sans-serif; padding: 13px 30px; } .single-room-wrapper .room-overview h5 { font: 400 1.3em/1.5em "Open Sans", sans-serif; font-style: italic; padding: 0; margin-bottom: 3em; margin-top: 1em; } .single-room-wrapper .question-wrapper { position: relative; overflow: hidden; background: #f5f4f6; margin: 5em 0 0; padding-top: 3em; padding-bottom: 3em; } .single-room-wrapper .question-wrapper .form-control { margin-bottom: 20px; border-radius: 0; font: 1em/1.5em "Open Sans", sans-serif; color: #959595; padding: 11px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; } .room-overview a { font: 600 1.3em/1.5em "Open Sans", sans-serif; padding: 0.8em 2em; } /* ============================== 33. Home Two Styles ============================== */ .wel-band { background: #f0f0f0; padding-top: 0.8em; padding-bottom: 0.7em; } .wel-band .top-left ul { margin: 0; padding: 0; } .wel-band .top-left ul li { display: inline-block; margin-right: 1.4em; } .wel-band .top-left .t-icon { float: left; font-size: 1.33em; margin-right: 0.4em; } .wel-band .top-left .t-txt { float: left; text-transform: uppercase; font: 600 0.93em/1em "Open Sans", sans-serif; color: #7f7f7f; margin-top: 0.5em; } .wel-band .top-left .t-txt a { color: #7f7f7f; } .wel-band .top-left .t-txt a:hover { color: #91b41a; } .wel-band .top-right { display: inline-block; text-transform: uppercase; font: 600 0.87em/1.5em "Open Sans", sans-serif; color: #7f8997; margin-top: 0.28em; } .wel-band .top-right a + a:before { content: ''; background: #c2c2c2; margin-right: 11px; width: 1px; height: 14px; bottom: -3px; position: relative; display: inline-block; } .wel-band .top-right a { color: #7f8997; padding-right: 11px; } .wel-band .top-right a:hover { color: #91b41a; } .wel-band .top-right a:last-child { padding-right: 0; } /* ============================== 34. Home Two main menu Styles ============================== */ .home-two .main-menu { background: white; } .home-two .main-menu .navbar-collapse > ul > li > a { color: #666666; } .home-two .main-menu .navbar-collapse > ul > li.current > a, .home-two .main-menu .navbar-collapse > ul > li:hover > a { color: #177da5; } .home-two .header-inner .nav-header > ul > li > button { color: #666666; } .home-two .header-inner { background: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8); background: #fff; border-bottom: 1px solid #f4f4f4; } .home-two .header-inner .nav-header > ul > li > button { padding-left: 1.2em; } .stricky-fixed .home-two .header-inner .nav-header { margin: 1.6em 0 0; } .home-two .header-inner .nav-header { margin: 2.3em 0 0 0.4em; } .home-two .search-border { border-left: 1px solid #c2c2c2; } .home-two .main-menu .navbar-collapse > ul > li > ul { background: #fff; } .home-two .main-menu .navbar-collapse > ul > li > ul > li > a:hover { color: #177da5; background: #fff; } .home-two .main-menu .navbar-collapse > ul > li > ul > li a:hover:before { color: #177da5; } .home-two .main-menu .navbar-collapse > ul > li > ul > li:first-child:before { left: 13%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 10px; margin-left: -8px; top: -20px; z-index: 1; } .home-two .main-menu .navbar-collapse > ul > li > ul > li { overflow: inherit; } .home-two .main-menu .navbar-collapse > ul > li > ul { top: 115%; } .home-two .main-menu .navbar-collapse > ul > li > ul > li > a { border-bottom: 1px solid #ebebeb; color: #5b5b5b; } .home-two .main-menu .navbar-collapse > ul > li > ul > li a:before { content: '\f105'; font-family: 'FontAwesome'; color: #828282; position: absolute; left: 25px; top: 6px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } /* ============================== 35. Home Two banner Styles ============================== */ .home-slider2 .carousel-caption { top: 25%; } .home-slider2 .carousel-caption h2 { color: #fff; font: 3.93em/1em "Playball", sans-serif; margin: 0 0 0.55em; padding: 0; } .home-slider2 .carousel-caption p { font: 400 1.22em/1.5em "Open Sans", sans-serif; margin: 0 0 1.7em; padding: 0; font-style: italic; } .home-slider2 .carousel-caption a { display: inline-block; font: 600 1em/1em "Open Sans", sans-serif; border: 1px solid #fff; border-radius: 5px; color: #fff; text-transform: uppercase; padding: 1em 1.9em; } .home-slider2 .carousel-caption a:hover { background: #177da5; } /* ============================== 36. Search Home Two Styles ============================== */ .search-sec-homet { background: transparent; margin-top: -8em; } .search-sec-homet .overlay .border { padding: 1.6em 2.5em; } /* ============================== 37. Counter Home Two Styles ============================== */ .resort-counert { background: url(../images/counter/1.jpg) 0 0 no-repeat fixed; background-size: 100% 100%; position: relative; padding: 70px 0; } .rest-fact-counter { position: relative; padding: 20px 0; } .rest-fact-counter .text-box, .rest-fact-counter .text-box2 { display: table-cell; vertical-align: middle; } .rest-fact-counter .text-box h4 { color: #fff; font: 600 3.95em/1em "PT Serif", sans-serif; margin: 0; padding: 0; position: relative; } .rest-fact-counter .text-box h4:before { content: ''; position: absolute; width: 32px; height: 3px; display: inline-block; background: #fff; margin: 0; top: -0.3em; } .rest-fact-counter .text-box2 { padding-left: 1em; } .rest-fact-counter .text-box2 p { color: #fff; font: 400 1.0715em/1.4em "Open Sans", sans-serif; margin: 0; padding: 0; text-transform: uppercase; } .rest-fact-counter .text-box2 p span { display: block; } /* ============================== 38. Activities of Resort Home Two Styles ============================== */ .resot-activities { background: #f4f4f4; } .activities-cont { position: relative; } .activities-cont p { color: #000; margin: 0 0 1.5em; text-align: justify; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .activities-cont a { margin-top: 1.5em; padding: 0.65em 1.9em; } .wel-outer-homtwo ul li { width: 46%; margin-right: 4%; float: right; margin-left: 0; } .wel-outer-homtwo ul li:first-child { margin-right: 0; margin-left: 0; } .wel-pad-htwo { margin-top: 1em; } /* ============================== 39. Our Offers Home Two Styles ============================== */ .our-offer-htwo { background: url(../images/offer/1.jpg) center bottom no-repeat fixed; background-size: 100% 100%; position: relative; } .our-offer-left { position: relative; padding-right: 5em; } .our-offer-left p { color: #000; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; text-align: justify; } .offer-right .offer-img-box1 { position: relative; float: left; margin-right: 2em; } .offer-right .offer-img-box2 { position: relative; float: left; } .offer-right .offer-img-box2 .box1 { position: relative; margin-bottom: 2em; } .offer-right .offer-img-box2 .box1 .img_holder { position: relative; } .offer-right .offer-img-box2 .box1 .img_holder { position: relative; } .offer-right .offer-img-box2 .box1 .img_holder .overlay { position: absolute; bottom: 15px; left: 5%; width: 90%; right: 5%; } .offer-right .offer-img-box2 .box1 .img_holder .overlay .text1 { position: relative; color: #fff; font: 400 0.7em/1.8em "Open Sans", sans-serif; text-align: right; } .offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 { background: rgba(255, 255, 255, 0.8); } .offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 p { color: #dc6c04; font: 3.5em/1em "Playball", sans-serif; margin: 0; padding: 0.2em 0.6em; } .offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 .off-txt { color: #dc6c04; font: 0.58em/1em "Playball", sans-serif; display: inline-block; } .offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 .winter-txt { color: #000; font: 700 0.5em/1em 'Open Sans Condensed', sans-serif; display: inline-block; padding-left: 0.4em; } .offer-right .offer-img-box2 .box2 { position: relative; } .offer-right .offer-img-box2 .box2 .img_holder { position: relative; } .offer-right .offer-img-box2 .box2 .img_holder .overlay { position: absolute; bottom: 15px; width: 46%; right: 5%; background: rgba(255, 255, 255, 0.8); padding: 1.3em; } .offer-right .offer-img-box2 .box2 .img_holder .overlay p { color: #000; font: 600 1.7em/1em 'Open Sans Condensed', sans-serif; padding: 0; margin: 0; } .offer-right .offer-img-box2 .box2 .img_holder .overlay h2 { color: #729400; padding: 0; margin: 0; font: 2.67em/1em "Playball", sans-serif; } .offer-right .offer-img-box2 .box2 .img_holder .overlay h2 span { color: #729400; font: 0.76em/1em "Playball", sans-serif; } .offer-right .offer-img-box2 .box2 .img_holder .overlay h6 { border-top: 1px solid #a5a4a4; color: #929292; font: 400 0.7em/1.8em "Open Sans", sans-serif; padding: 0; margin: 0; text-align: center; } /* ============================== 40.Our Gallery Home Two Styles ============================== */ .our-galler-htwo { background: url(../images/gallery/bg.jpg) no-repeat center top; position: relative; } .sec-w-header h2 { color: #fff; font: 2.43em/1em "Playball", sans-serif; margin: 0; padding: 0; } .fullwidth-slider { padding: 0 1.5em; } .fullwidth-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-next { background: #177da5; width: 33px; text-align: center; font-size: 20px; line-height: 33px; color: #fff; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev { margin-right: 20px; } .fullwidth-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #177da5; color: #fff; text-decoration: none; } .fullwidth-slider.owl-theme .owl-controls { margin-top: 4em; } /* ============================== 41.Testimonials & Our Events Home Two Styles ============================== */ .sec-header-two { position: relative; } .sec-header-two h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 1.3em; padding: 0; } .sec-header-two h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .our-event-t-wrapper { position: relative; } .our-event-t-wrapper .media { margin-bottom: 2.5em; } .our-event-t-wrapper .media-last { margin-bottom: 0; } .our-event-t-wrapper .media-left { position: relative; padding-right: 2em; } .our-event-t-wrapper .media-body { position: relative; } .our-event-t-wrapper .media-body h2 { color: #1c1c1c; margin: 0 0 0.3em; padding: 0; font: 700 1.0715em/1em "Open Sans", sans-serif; text-transform: uppercase; } .our-event-t-wrapper .media-body p { color: #a0a0a0; font: 400 1.0715em/1.6em "Open Sans", sans-serif; margin: 0; padding: 0; } .our-event-t-wrapper .date-box { position: relative; width: 85px; height: 85px; border: 5px solid #177da5; background: #91b41a; text-align: center; } .our-event-t-wrapper .date-box .date-inner { display: table; text-align: center; width: 100%; height: 100%; } .our-event-t-wrapper .date-box .date-inner .date-c-inner { display: table-cell; vertical-align: middle; } .our-event-t-wrapper .date-box .date-inner .date-c-inner p { color: #fff; font: 2.15em/1em "Playball", sans-serif; margin: 0; padding: 0; } .our-event-t-wrapper .date-box .date-inner .date-c-inner p span { color: #fff; font: 0.7em/1em "Playball", sans-serif; margin: 0; padding: 0; display: block; } .event-wrapper { position: relative; padding-left: 3em; } @media (max-width: 991px) { .event-wrapper { padding-top: 30px; padding-left: 15px; } } /* ============================== 42.Get in Touch & Drop a Message Home Two Styles ============================== */ .get-touch-two { position: relative; } .get-touch-wrapper { position: relative; } .get-touch-wrapper .touch-img { float: left; margin-right: 3em; } .get-touch-wrapper .touch-txt { float: left; } .get-touch-wrapper .touch-txt h3 { color: #323232; font: 1.72em/1em "Playball", sans-serif; margin: 0 0 1em; padding: 0; } .get-touch-wrapper .touch-txt h3 span { color: #7e7e7e; display: block; font: 400 0.62em/1.6em "Open Sans", sans-serif; } .get-touch-wrapper .touch-txt p { color: #7e7e7e; margin: 0 0 1em; padding: 0; font: 400 1.0715em/1.6em "Open Sans", sans-serif; } .get-touch-wrapper .touch-txt p a { color: #7e7e7e; } .sec-header-touch { position: relative; } .sec-header-touch h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 0.7em; padding: 0; } .sec-header-touch h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .home-two-msgwrapper { position: relative; padding-left: 7em; } .drop-wrapper { position: relative; } .drop-wrapper form .form-control { margin-bottom: 20px; border-radius: 0; font: 400 1.0715em/1.5em 'Open Sans', serif; color: #959595; padding: 11px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; } /* ============================== 43.Rooms And Suits Home Two Styles ============================== */ .room-suite-htwo .item:hover .ro-txt { background: transparent; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .room-suite-htwo .item .ro-txt h2 { color: #242424; font: 1.86em/1em "Playball", sans-serif; padding: 0; margin: 1em 0 0.7em; position: relative; } .room-suite-htwo .item .ro-txt h2:after { content: ''; position: absolute; bottom: 7px; width: 35px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .room-suite-htwo .item .ro-txt p { color: #000; text-align: justify; font: 400 1.0715em/1.5em "Open Sans", sans-serif; padding-bottom: 20px; } .room-suite-htwo .item .ro-img { border-bottom: 0px solid transparent; } .room-suite-htwo .item .ro-txt { background: transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; padding: 0; } .room-suite-htwo .ro-text-two { position: relative; } .room-suite-htwo .ro-text-two .left-p-two { position: relative; } .room-suite-htwo .ro-text-two .left-p-two .res-btn { background: #177da5; padding: 0.5em 2em; } .room-suite-htwo .ro-text-two .left-p-two .res-btn:hover { background: #1a1a1c; } .room-suite-htwo .ro-text-two .right-p-two p { color: #242424; font: 2em/1em "Playball", sans-serif; padding: 0 0 0; margin: 0; } .room-suite-htwo .ro-text-two .right-p-two p span { display: block; font: 400 0.5em/1.3em "Open Sans", sans-serif; font-style: italic; color: #888; } .roomsuite-slider-two .owl-nav { position: absolute; right: 0; top: -82px; } .roomsuite-slider-two.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .roomsuite-slider-two.owl-carousel .owl-controls .owl-nav .owl-prev, .roomsuite-slider-two.owl-carousel .owl-controls .owl-nav .owl-next { background: #177da5; width: 33px; text-align: center; font-size: 20px; line-height: 33px; color: #fff; float: left; -webkit-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .roomsuite-slider-two.owl-carousel .owl-controls .owl-nav .owl-prev { margin-right: 5px; } /* ============================== 44.Rooms Amenities Styles ============================== */ .sec-header-small { position: relative; } .sec-header-small h2 { color: #0e1322; font: 2em/1em "Playball", sans-serif; margin: 0 0 0.8em; padding: 0; } .sec-header-small h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .aminities-wrapper { position: relative; overflow: hidden; margin: 0 0 2.5em; } .aminities-outer { position: relative; } .aminities-wrapper p { color: #898989; margin: 0 0 3em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .aminities-outer ul { margin: 0 0 2em; padding: 0; overflow: hidden; } .aminities-outer ul li { float: left; width: 23%; overflow: hidden; position: relative; text-align: center; cursor: default; margin: 0 1.3%; } .aminities-outer ul li:first-child { margin-left: 0; } .aminities-outer ul li:last-child { margin-right: 0; } .view { width: 100%; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; padding: 1.5em 0; } .mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 1.5em 0; } .view-aminities img { -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; text-align: center; display: inline-block; } .view-aminities .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: url(../images/aminities/hover-bg.jpg) #8fb219 no-repeat 0 0; } .view-aminities h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; background: transparent; margin: 1em 0 0.45em; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #0e1322; font: 400 1.55em/1em 'PT Serif', serif; font-style: italic; } .view-aminities p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; font: 400 1.0715em/1.7em "Open Sans", sans-serif; padding: 0 1.5em 1.7em; color: #898989; margin: 0; } .view-aminities:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .view-aminities:hover img { -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; text-align: center; display: inline-block; } .view-aminities:hover h2, .view-aminities:hover p, .view-aminities:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; color: #fff; } .add-services { position: relative; overflow: hidden; background: #ebebeb; } /* ============================== 45.Resort Activities Styles ============================== */ .activities-wrapper { position: relative; overflow: hidden; } .activities-outer { display: flex; margin: 0 0 3.4em; } .activities-content { position: relative; overflow: hidden; background: #f5f5f5; height: 100%; padding: 0 2em; } .activities-content h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 1.4em 0 0.6em; padding: 0; position: relative; } .activities-content h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .activities-content p { color: #898989; margin: 0 0 1em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .activities-content .res-btn { background: #177da5; padding: 0.5em 1.7em; } .activities-content .res-btn:hover { background: #ffb606; } .activities-main p { color: #000; margin: 0 0 3em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; text-align: justify; } /* ============================== 46.Offers & Deals Styles ============================== */ .offer-main { position: relative; overflow: hidden; } .offer-main p { color: #898989; margin: 0; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .offer-deal-dark { position: relative; overflow: hidden; background: #f6f6f8; } .offer-content h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 0.6em; padding: 0; position: relative; } .offer-content h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .offer-content p { color: #898989; margin: 0 0 3em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .offer-content { position: relative; padding-left: 8em; } .offer-b-main { float: left; } .offer-b-but { float: left; } .offer-b-but .res-btn { background: #177da5; padding: 0.5em 1.7em; color: #fff; } .offer-b-but .res-btn:hover { background: #ffb606; color: #fff; } .offer-b-price { float: left; margin-left: 2em; } .offer-b-price p { color: #242424; font: 2em/0.9em "Playball", sans-serif; padding: 0 0 0; margin: 0; } .offer-b-price p span { display: block; font: 400 0.53em/1.3em "Open Sans", sans-serif; font-style: italic; color: #888; } .offer-deal { position: relative; } .offer-deal .img-holder { position: relative; } .offer-deal .img-holder .overlay { position: absolute; top: 5%; right: -10%; border-radius: 100%; border: 5px solid #fff; background: #177da5; width: 120px; height: 120px; text-align: center; } .offer-deal .img-holder .overlay p { color: #fff; padding: 0.4em; margin: 0; font: 3.15em/1em "Playball", sans-serif; text-align: center; } .offer-deal .img-holder .overlay p span { color: #fff; font: 0.64em/1em "Playball", sans-serif; display: block; } .offer-deal .img-holder .col-pink { background: #d16094; } .offer-deal .img-holder .col-purple { background: #7491bc; } .offer-deal .img-holder .col-orange { background: #fa9f4a; } /* ============================== 47. Family Fun Styles ============================== */ .family-outer { overflow: hidden; position: relative; margin-bottom: 6.4em; } .family-content { position: relative; padding-left: 4em; } .family-content h2 { color: #0e1322; font: 2em/1em "Playball", sans-serif; margin: 0 0 1.3em; padding: 0; position: relative; } .family-content h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .family-content p { color: #898989; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .family-img { position: relative; overflow: hidden; } .family-img .image-gallery { position: relative; overflow: hidden; } .family-img .image-gallery .single-gallery { padding-right: 10px; margin-bottom: 10px; padding-left: 0; float: left; box-sizing: border-box; } .family-img .image-gallery .single-r-gallery { padding-left: 0; padding-right: 0; margin-bottom: 10px; float: right; box-sizing: border-box; } .family-img .image-gallery .single-gallery.mix { display: none; } .family-img .image-gallery .single-gallery.span-13 { width: 58%; } .family-img .image-gallery .single-gallery.span-12 { width: 42%; } .family-img .image-gallery .single-gallery.span-11 { width: 43%; } .family-img .image-gallery .single-gallery.span-10 { width: 100%; } .family-img .image-gallery .single-gallery.span-8 { width: 66.66666667%; } .family-img .image-gallery .single-gallery.span-7 { width: 57%; } .family-img .image-gallery .single-gallery.span-6 { width: 50%; } .family-img .image-gallery .single-gallery.span-4 { width: 33.33333333%; } .family-img .image-gallery .single-gallery.span-3 { width: 25%; } .family-img .single-gallery:hover .img-holder img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .family-img .single-gallery .img-holder { position: relative; display: block; overflow: hidden; } .family-img .single-gallery .img-holder img { -webkit-transform: scale(); -ms-transform: scale(1); transform: scale(1); } .bicycleing-img { position: relative; overflow: hidden; } .bicycleing-img ul { margin: 0; padding: 0; } .bicycleing-img ul li { padding: 0; float: left; margin-right: 10px; margin-bottom: 10px; } .bicycleing-img ul li:nth-child(3) { position: absolute; right: 0; margin-right: 0; } .bicycleing-img ul li:nth-child(4) { position: absolute; bottom: 0; right: 0; margin-right: 0; } .water-img { position: relative; overflow: hidden; } .water-img ul { margin: 0; padding: 0; } .water-img ul li { padding: 0; float: left; margin-right: 10px; margin-bottom: 10px; } .water-img ul li:nth-child(2) { position: absolute; top: 0; right: 0; margin-right: 0; } .water-img ul li:nth-child(4) { position: absolute; bottom: 0; right: 0; margin-right: 0; } .water-img ul li:nth-child(3) { position: absolute; bottom: 0; left: 14.6em; } /* ============================== 48. hidden-bar Home Two Styles ============================== */ .hidden-bar .logo-side h2 { color: #fff; font: 2.43em/1em "Playball", sans-serif; margin: 0.8em 0 0.4em; padding: 0; } .hidden-bar .logo-side p { color: #fff; margin: 0; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .hidden-bar .side-gallery h3 { color: #fff; font: 600 1.26em/1em "Open Sans", sans-serif; position: relative; margin: 0 0 1.7em; padding: 0; font-style: italic; } .hidden-bar .side-gallery ul { margin: 0; padding: 0; } .hidden-bar .side-gallery ul li { float: left; margin: 0 15px 15px 0; padding: 0; } .hidden-bar .side-gallery ul li:last-child { margin: 0 0 15px 0; } .hidden-bar .side-email { position: relative; } .hidden-bar .side-email a { color: #fff; font: 400 1.1em/1.7em "Open Sans", sans-serif; margin: 0; padding: 0; } .hidden-bar .side-email a:hover { color: #fff; } .hidden-bar .side-gallery { position: relative; border-bottom: 1px solid #e0e0e0; overflow: hidden; margin-top: 3.5em; padding-bottom: 1em; margin-bottom: 1em; } .stricky-two .header-inner .main-menu .navbar-collapse > ul > li.current > a, .stricky-two .header-inner .main-menu .navbar-collapse > ul > li:hover > a { color: #177da5; } .hidden-bar-two { background: #fff; } .hidden-bar-two .logo-side { position: relative; } .hidden-bar-two .logo-side h2 { color: #2a2a2a; font: 2.43em/1em "Playball", sans-serif; margin: 0.8em 0 0.4em; padding: 0; } .hidden-bar-two .logo-side p { color: #898989; margin: 0; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .hidden-bar-two .logo { padding: 2.32em 2.5em 0; } .hidden-bar-two .hidden-bar-closer { background: #fff; border: 1px solid #d0d0d0; color: #898989; line-height: 30px; border-radius: 0; right: 30px; left: inherit; top: 56px; } .hidden-bar-two .main-menu ul li a { background: #fff; color: #666666; border-top: 1px solid transparent; border-bottom: 1px solid #ebebeb; } .hidden-bar-two .main-menu ul li a:hover { background: #fff; color: #177da5; } .hidden-bar-two .main-menu .current a { color: #177da5; } .hidden-bar-two .main-menu ul li a:hover:before { background: #177da5; color: #177da5; } .hidden-bar-two .main-menu ul li a .btn.expander { background: #fff; color: #177da5; border: 1px solid #fff; } .hidden-bar-two .side-gallery { position: relative; border-bottom: 1px solid #e0e0e0; overflow: hidden; margin-top: 3.5em; padding-bottom: 1em; margin-bottom: 1em; } .hidden-bar-two .side-gallery h3 { color: #898989; font: 600 1.26em/1em "Open Sans", sans-serif; position: relative; margin: 0 0 1.7em; padding: 0; font-style: italic; } .hidden-bar-two .side-gallery h3:after { content: ''; position: absolute; bottom: 4px; width: 35px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .hidden-bar-two .side-gallery ul { margin: 0; padding: 0; } .hidden-bar-two .side-gallery ul li { float: left; margin: 0 15px 15px 0; padding: 0; } .hidden-bar-two .side-gallery ul li:last-child { margin: 0 0 15px 0; } .hidden-bar-two .side-email { position: relative; } .hidden-bar-two .side-email a { color: #898989; font: 400 1.1em/1.7em "Open Sans", sans-serif; margin: 0; padding: 0; } .hidden-bar-two .side-email a:hover { color: #177da5; } /* ============================== 49. tracking styles ============================== */ .m-traking { position: relative; overflow: hidden; } .m-traking .maount-content { position: relative; padding-right: 4em; } .m-traking .maount-content h2 { color: #0e1322; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 1.3em; padding: 0; position: relative; } .m-traking .maount-content h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .m-traking .maount-content h3 { color: #0e1322; font: 2em/1em "Playball", sans-serif; margin: 0 0 1.3em; padding: 0; position: relative; } .m-traking .maount-content h3:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .m-traking .maount-content p { color: #898989; margin: 0 0 3em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .m-traking .maount-content h5 { color: #898989; margin: 0 0 0.3em; padding: 1em 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; font-style: italic; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .m-traking .maount-galler { position: relative; } .maount-galler .maount-gallery-box1 { position: relative; } .maount-galler .maount-gallery-box1 ul { margin: 0; padding: 0; } .maount-galler .maount-gallery-box1 ul li { margin: 0; padding: 0; float: left; } .maount-galler .maount-gallery-box1 ul li:nth-child(1) { margin-bottom: 10px; } .maount-galler .maount-gallery-box1 ul li:nth-child(2) { margin-right: 10px; } .maount-galler .maount-gallery-box2 { position: relative; } .maount-galler .maount-gallery-box2 ul { margin: 0; padding: 0; } .maount-galler .maount-gallery-box2 ul li { margin: 0; padding: 0; float: left; } .maount-galler .maount-gallery-box2 ul li:nth-child(1) { margin-right: 10px; margin-top: 10px; } .maount-galler .maount-gallery-box2 ul li:nth-child(2) { margin-top: 10px; margin-bottom: 10px; } /* ============================== 50. Our Restaurant Styles ============================== */ .rest-content { position: relative; } .rest-pad { padding-bottom: 3.4em; } .rest-content h2 { color: #373737; font: 1.9em/1em "PT Serif", sans-serif; margin: 0 0 0.7em; padding: 0; position: relative; font-style: italic; } .rest-content p { color: #898989; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .rest-content ul { padding: 0; margin: 0; } .rest-content ul li { padding: 0 0 0 1em; margin: 0; color: #898989; font: 400 1.0715em/1.8em "Open Sans", sans-serif; font-style: italic; } .rest-content ul li:before { content: '-'; position: absolute; width: 3px; height: 2px; display: inline-block; background: #a7cc38; margin: 0; background: none; left: 0; } .our-special-wrapper { position: relative; background: #f4f4f4; } .our-special-wrapper p { color: #898989; margin: 0 0 1.5em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .our-spec-outer { position: relative; overflow: hidden; margin-top: 1.5em; } .our-spec-outer .item h2 { color: #242424; font: 1.86em/1em "Playball", sans-serif; margin: 1em 0 0.4em; padding: 0; position: relative; } .our-menu-tab { position: relative; } .tab-inner-cont { position: relative; } .myTabContent { position: relative; overflow: hidden; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .tab-inner-cont { padding: 3em 2em; } .tab-inner-cont p { color: #000; margin: 0; padding: 1em 0; font: 600 1.0715em/1.8em "Open Sans", sans-serif; } .tab-inner-cont .media { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; position: relative; padding: 2em 0; margin-top: 0; } .tab-inner-cont .media-border { border-top: 1px solid transparent; } .tab-inner-cont .media-n-border { border-bottom: 1px solid transparent; padding-bottom: 0; } .tab-inner-cont .media .media-left { position: relative; } .tab-inner-cont .media .media-left h2 { color: #242424; font: 800 1.43em/1.4em "Open Sans", sans-serif; margin: 0; padding: 0; } .tab-inner-cont .media .media-left p { color: #898989; margin: 0; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .tab-inner-cont .media .media-right { position: relative; padding-left: 8em; } .tab-inner-cont .media .media-right p { color: #94bc09; font: 2.72em/1em "Playball", sans-serif; margin: 0.2em 0; padding: 0; } .our-table-wrapper { background: url(../images/restaurant/7bg.jpg) 0 0 no-repeat fixed; background-size: 100% 100%; position: relative; overflow: hidden; } .our-table-cont { position: relative; } .our-table-cont h2 { color: #fff; font: 2.43em/1em "Playball", sans-serif; margin: 0 0 0.6em; padding: 0; position: relative; } .our-table-cont h2:after { content: ''; position: absolute; bottom: 7px; width: 60px; height: 2px; display: inline-block; background: #a7cc38; margin: 0 0 0 12px; } .our-table-cont p { color: #fff; margin: 0 0 2em; padding: 0; font: 400 1.0715em/1.8em "Open Sans", sans-serif; } .table-form { padding-left: 14em; padding-right: 4em; } .table-form form .form-control { margin-bottom: 20px; border-radius: 0; font: 400 1.0715em/1.5em 'PT Serif', serif; color: #fff; padding: 11px 20px; border: 1px solid #e1e1e1; height: auto; -webkit-box-shadow: none; box-shadow: none; font-style: italic; background: transparent; } .table-form .res-btn { background: #177da5; } .our-menu-tab .nav-tabs > li > a { text-transform: uppercase; color: #242424; font: 600 1.15em/1em 'Open Sans Condensed', sans-serif; border-radius: 0; padding: 0.9em 3.3em; background: #f5f5f5; border: 1px solid #dcdcdc; margin-right: 10px; } .our-menu-tab .nav-tabs > li.active > a, .our-menu-tab .nav-tabs > li.active > a:hover, .our-menu-tab .nav-tabs > li.active > a:focus { background: #fff; border-bottom-color: transparent; } .wel-box-outer { position: relative; overflow: hidden; } /*------------------------------------*/ /*------------------------------------*/ /*------------------------------------*/ /*------------------------------------*/ /*change css file name to change date picker style */ /*Fonts*/ .playball-font { font-family: 'Playball'; } section.row { margin: 0; position: relative; } .rest-fact-counter { position: relative; padding-left: 10px; padding-right: 10px; } .rest-fact-counter:before { content: ''; width: 1px; height: 80px; background: #ccc; opacity: 0.1; position: absolute; top: 50%; left: -15px; margin-top: -55px; } /*Header*/ body { position: relative; } .transBg-main-menu-header { border: none; position: absolute; top: 0; left: 0; right: 0; z-index: 1000; } .transBg-main-menu-wrapper { background: none; } .transBg-main-menu-wrapper.stricky-fixed { background: #222; } .transBg-main-menu-wrapper .nav-holder .nav-footer ul.nav > li > a { color: #fff; } .transBg-main-menu-wrapper .nav-header-right > ul > li > button { color: #fff; } /*Home Slider*/ .nasir-home-slider .owl-controls { display: none; } .nhs-caption .this-title { margin-top: 0; margin-bottom: 20px; font: 48px/52px "Playball", cursive; color: #fff; } .nhs-caption .this-stitle { font: italic 30px/1.2 "Open Sans", sans-serif; margin-top: 0; margin-bottom: 35px; color: #fff; animation-delay: 200ms !important; } .nhs-caption p { font: 17px/26px "Open Sans", sans-serif; color: #fff; letter-spacing: 0.3px; margin-bottom: 40px; animation-delay: 500ms !important; } .nhs-caption a { animation-delay: 800ms !important; } .nhs-btn { line-height: 40px; border-radius: 3px; border: 1px solid #fff; padding: 0 25px; display: inline-block; font-weight: bold; font-family: "Open Sans", sans-serif; text-transform: uppercase; color: #fff; } .nhs-btn:hover, .nhs-btn:focus { color: #fff; background: #000; border-color: #000; } .nhs-btn3 { line-height: 40px; border-radius: 3px; border: 1px solid #fff; padding: 0 25px; display: inline-block; font-weight: bold; font-family: "Open Sans", sans-serif; text-transform: uppercase; background: #1bb0e7; color: #fff; border-color: #1bb0e7; } .nhs-btn3:hover, .nhs-btn3:focus { color: #fff; background: #000; border-color: #000; } .nhs-btn2 { line-height: 48px; border-radius: 3px; padding: 0 25px; display: inline-block; font-weight: bold; font-family: "Open Sans", sans-serif; text-transform: uppercase; background: #b8da3e; color: #6d7d32; } .nhs-btn2:hover, .nhs-btn2:focus { color: #fff; background: #000; border-color: #000; } .nhs-btn2-sm { line-height: 38px; color: #fff; } .nhs-caption1 .this-title, .nhs-caption1 p { max-width: 640px; } .nhs-caption1 a { margin-left: 20px; } .nhs-caption2 .this-title, .nhs-caption2 p { max-width: 640px; margin-left: auto; margin-right: auto; } .nhs-caption2 .this-title { margin-bottom: 25px; } .nhs-caption3 .this-title, .nhs-caption3 p { max-width: 570px; margin-left: 10px; } .nhs-caption5 p { max-width: 570px; margin: 0 auto; } .nhs-caption6 .this-title, .nhs-caption6 p, .nhs-caption7 .this-title, .nhs-caption7 p { max-width: 840px; margin: 0 auto; } .nhs-caption6 .this-title, .nhs-caption7 .this-title { font-size: 55px; margin-bottom: 20px; line-height: 1.13; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; } .nhs-caption6 p, .nhs-caption7 p { font-style: italic; font-size: 20px; line-height: 1.4; font-family: "Open Sans", sans-serif; margin-bottom: 30px; } .nhs-caption6 a + a, .nhs-caption7 a + a { margin-left: 28px; } .nhs-caption7 .this-title, .nhs-caption7 p { max-width: 600px; } .nhs-caption7 p { margin-bottom: 30px; } .nhs-caption8 .this-title { margin: 0; } /*Wel Band*/ .nasir-wel-band { background: #1f2e46; } .nasir-wel-band .top-left .t-txt a { color: #bcbcbc; } .nasir-wel-band .top-right a + a:before { background: #7f8997; } .nasir-wel-band.style2 { background: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } /*Home 3 Banner*/ .nasir-home-banner { margin: 0; text-align: center; position: relative; } .nasir-home-banner img { max-width: 100%; } .nhs-caption4 { top: 100px; position: absolute; left: 0; right: 0; } /*Welcome Blocks*/ .n-welcome-blocks { padding: 40px 0 100px; margin: 0; background: #e7e9ed; } .n-welcome-blocks .sec-header + p { font-size: 15px; line-height: 26px; color: #898989; margin-bottom: 45px; } .n-welcome-block { text-align: center; } .n-welcome-block .this-icon { line-height: 64px; } .n-welcome-block .this-title { margin-top: 18px; font-family: "PT Serif", serif; font-style: italic; font-size: 22px; color: #0e1322; } .n-welcome-block p { font-size: 14px; line-height: 26px; color: #898989; margin-bottom: 22px; } /*Driving Direction*/ .driving-dirction-core-vanue { margin: 0; padding: 95px 0; } .core-vanue .this-inner { margin: 0; } .driving-direction .this-inner { margin-left: 0; margin-right: 35px; } .driving-direction .sec-header-two h2 { margin-bottom: 30px; } .driving-direction .sec-header-two + p { font-size: 15px; line-height: 24px; color: #898989; margin-bottom: 25px; } .direction-lists { margin: 30px 0 35px; } .direction-lists li { padding-right: 45px; font-size: 40px; color: #0e1322; padding-bottom: 12px; line-height: 1; } .direction-lists li + li { padding-right: 0; padding-left: 45px; border-left: 1px solid #898989; } .direction-lists li small { font-size: 24px; } .direction-lists li span { display: block; font-size: 14px; color: #898989; margin-top: 5px; } /*Accordion*/ .bee-accordion .panel { border-radius: 0; border: none; box-shadow: none; } .bee-accordion .panel + .panel { margin-top: -1px; } .bee-accordion .panel-heading { padding: 0; background: none; } .bee-accordion .panel-heading a { display: table; line-height: 48px; padding: 0 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #242424; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .bee-accordion .panel-heading a span { display: table-cell; width: 100%; } .bee-accordion .panel-heading a:after { display: table-cell; font-family: "Alegreya", serif; width: 47px; text-align: center; font-size: 28px; color: #898989; vertical-align: middle; } .bee-accordion .panel-heading [aria-expanded="false"]:after { content: "+"; } .bee-accordion .panel-heading [aria-expanded="true"] { background: #ebebeb; } .bee-accordion .panel-heading [aria-expanded="true"]:after { content: "_"; line-height: 1; padding-bottom: 20px; } .bee-accordion .panel-heading + .panel-collapse > .panel-body, .bee-accordion .panel-heading + .panel-collapse > .list-group { border: none; } .bee-accordion .panel-body { padding: 30px 0; } .bee-accordion .media-left { padding-right: 28px; } .bee-accordion .media-object { width: 200px; height: 166px; } .bee-accordion .media-object img { max-width: 100%; } .bee-accordion .this-title { margin-top: 0; line-height: 24px; color: #242424; font-weight: bold; font-family: "Open Sans", sans-serif; } .bee-accordion p { font: 14px/24px "Open Sans", sans-serif; color: #898989; margin-bottom: 20px; letter-spacing: 0.3px; } .bee-accordion .nav li { font: 14px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #757575; } .bee-accordion .nav li + li { margin-left: 32px; } .bee-accordion .nav li i { margin-left: 8px; margin-right: 15px; } /*Activites*/ .nasir-activities { margin: 0; } .nasir-activity { padding: 75px; background: no-repeat scroll left center; background-size: cover; height: 383px; } .nasir-activity:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.8; } .nasir-activity .this-inner { display: table; width: 480px; margin: auto; position: relative; z-index: 2; } .nasir-activity .this-title { font-size: 32px; margin-top: 0; margin-bottom: 24px; color: #fff; font-family: "Playball", cursive; } .nasir-activity p { font: 16px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #fff; margin: 0; } .nasir-activity:nth-child(odd) .this-inner { margin-right: 0; } .nasir-activity:nth-child(even) { background-position: right center; } .nasir-activity:nth-child(even) .this-inner { margin-left: 0; } .nasir-activity:nth-child(1) { background-image: url(../images/p-1.jpg); } .nasir-activity:nth-child(1):before { background: #141d2d; } .nasir-activity:nth-child(2) { background-image: url(../images/p-2.jpg); background-attachment: fixed; } .nasir-activity:nth-child(2):before { background: #331b10; opacity: 0.7; } .nasir-activity:nth-child(3) { background-attachment: fixed; background-image: url(../images/p-3.jpg); } .nasir-activity:nth-child(4) { background-image: url(../images/p-4.jpg); } /*Search*/ .search-sec-homet.nasir-style .overlay .border { max-width: 1138px; border-radius: 4px; border: 1px solid rgba(169, 169, 169, 0.54); padding: 13px 23px; background-color: rgba(0, 0, 0, 0.5); } .search-sec-homet.nasir-style .res-btn { white-space: nowrap; } /*Welcome Style*/ .nasir-welcome-style { padding: 119px 0 100px; margin: 0; background: #f5f5f5; } .nasir-welcome-style .this-images { text-align: right; position: relative; } @media (max-width: 991px) { .nasir-welcome-style .this-images { margin-bottom: 30px; } } @media (max-width: 479px) { .nasir-welcome-style .this-images { text-align: left; } } .nasir-welcome-style .this-images img { position: relative; z-index: 2; max-width: 100%; } .nasir-welcome-style .this-images img.simg { z-index: 1; top: 42px; left: 15px; position: absolute; } @media (max-width: 479px) { .nasir-welcome-style .this-images img.simg { display: none; } } .nasir-welcome-style .this-wtitle { margin: 0; color: #606060; text-transform: uppercase; font-size: 35px; font-family: "Open Sans", sans-serif; } .nasir-welcome-style .this-title { font-size: 50px; line-height: 55px; text-transform: uppercase; margin-top: 10px; margin-bottom: 30px; font-weight: 800; font-family: "Open Sans", sans-serif; color: #000; } .nasir-welcome-style p { font: 15px/26px "Open Sans", sans-serif; letter-spacing: 0.3px; color: #8c8c8c; margin: 0; padding-bottom: 40px; } .nasir-welcome-style p + p { padding-bottom: 0; padding-top: 28px; border-top: 1px solid #d9d9d9; } .nwelcomestyle { margin-bottom: 80px; } @media (max-width: 991px) { .single_wel_cont.home4v { padding: 15px; } } /*Room and Suits*/ .room-and-suits-style { background: #27283b; margin: 0; position: relative; } .room-and-suits-style:before { background: url(../images/rooms-suits.jpg) no-repeat fixed center center #27283b; background-size: cover; background-blend-mode: multiply; opacity: 0.2; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; } .room-and-suits-style .sec-header h2, .room-and-suits-style .room-suite-htwo .item .ro-txt h2, .room-and-suits-style .room-suite-htwo .ro-text-two .right-p-two p { color: #fff; } /*Our Offer*/ .our-offer-htwo.nasir-style .our-offer-left { padding-right: 40px; padding-left: 65px; } .nlink-text { margin-bottom: 0; font-weight: bold; color: #077fcf; text-decoration: underline; margin-top: -5px; } /*Testimonial*/ .nasir-testimonials { background: #fff; margin: 0; } /*Activitis 2*/ .nasir-activities2 { background: #161b25; padding: 98px 0; color: #fff; } @media (max-width: 991px) { .nasir-activities2 { padding-top: 60px; } } .nasir-activities2.style2 { padding-bottom: 0; background: #eeeff1; } @media (max-width: 991px) { .nasir-activities2 .sec-header { padding-top: 0; } } .nasir-activities2 .sec-header + p { margin-bottom: 55px; color: #898989; font-size: 15px; line-height: 26px; letter-spacing: 0.3px; font-family: "Open Sans", sans-serif; } .nasir-activities2 .nav li { position: relative; overflow: hidden; background: #000; } @media (max-width: 991px) { .nasir-activities2 .nav li { width: calc(100% / 3); float: left; } } @media (max-width: 767px) { .nasir-activities2 .nav li { width: 50%; } .sec-header h3:after{ width: 0px; } } @media (max-width: 500px) { .nasir-activities2 .nav li { width: 384px; max-width: 100%; float: none; margin: 0 auto; } } .nasir-activities2 .nav li img { opacity: 1; transition: all 300ms linear 0s; } .nasir-activities2 .nav li:nth-child(2) .this-overlay { background: #000; } .nasir-activities2 .nav li:nth-child(3) .this-overlay { background: #532212; } .nasir-activities2 .nav li:nth-child(4) .this-overlay { background: #12274f; } .nasir-activities2 .nav li:nth-child(5) .this-overlay { background: #2c3713; } .nasir-activities2 .nav li:hover img, .nasir-activities2 .nav li:focus img { transform: scale(1.1); opacity: .8; } .nasir-activities2 img { max-width: 100%; } .nasir-activities2 .this-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; background: #0d1c20; } .nasir-activities2 .this-texts { position: absolute; display: table; left: 30px; right: 30px; bottom: 25px; } .nasir-activities2 .this-ftitle { font-size: 22px; font-family: "Playball", cursive; margin: 0; } .nasir-activities2 .this-stitle { margin: 0; font-family: "Open Sans", sans-serif; font-weight: bold; } /*Contact Map*/ .nasir-contacts { margin: 0; position: relative; } .tt-contact-map.nstyle { height: 453px; } .nasir-contact-box { width: 401px; position: absolute; right: calc(50% - 515px); background: #373737; padding: 50px; z-index: 2; top: 50%; margin-top: -175px; height: 350px; } .nasir-contact-box .media + .media { margin-top: 50px; } .nasir-contact-box .media .media-left { padding-right: 28px; } .nasir-contact-box .media .media-object { width: 49px; line-height: 49px; border-radius: 100%; color: #373737; background: #177da5; font-size: 30px; text-align: center; } .nasir-contact-box .media .media-body, .nasir-contact-box .media .media-body a { font-size: 15px; line-height: 22px; color: #c1c1c1; font-family: "Open Sans", sans-serif; } .nasir-contact-box .media .media-body a:hover, .nasir-contact-box .media .media-body a:focus { color: #177da5; } /*Search Form*/ .nasir-home-search-block { margin: 0; padding: 260px 0 120px; background: url(../images/slider/7.jpg) no-repeat scroll center center; background-size: cover; } .nasir-home-search-block .search-sec { position: relative; margin: 0; width: 100%; padding: 45px 30px 57px; background: #eee; } .nasir-home-search-block .search-sec .res-btn { display: block; width: 100%; margin: 14px 0 0; padding: 0 25px; line-height: 44px; } .nasir-home-search-block .search-sec .res-btn:hover, .nasir-home-search-block .search-sec .res-btn:focus { color: #fff; background: #242424; } .nasir-home-search-block .search-sec .form-control { width: 100%; margin: 0 0 20px; border-color: rgba(192, 192, 192, 0.64); box-shadow: none; height: 42px; padding: 0 20px; font: italic 15px/40px "Raleway", sans-serif; color: #4b4b4b; } .nasir-home-search-block .this-title { margin-top: 0; text-align: center; margin-bottom: 30px; font-size: 34px; font-family: "Playball", cursive; line-height: 1; letter-spacing: 0.30px; color: #0e1322; } .nasir-home-search-block .this-title:after { content: ''; display: block; width: 51px; height: 3px; background: #177da5; margin: 15px auto 0; } .nasir-home-search-block .ui-selectmenu-button { border-radius: 0; margin-bottom: 16px; height: 42px; border-color: rgba(192, 192, 192, 0.64); box-shadow: none; max-width: 100% !important; } .nasir-home-search-block .ui-selectmenu-button .ui-icon { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 4px; } .nasir-home-search-block .ui-selectmenu-button .ui-selectmenu-text { height: 42px; padding: 0 20px; font: italic 15px/40px "Raleway", sans-serif; color: #4b4b4b; } .nasir-home-search-block .ui-selectmenu-button.ui-state-focus { background: none; } .nasir-home-search-block .ui-selectmenu-button:hover, .nasir-home-search-block .ui-selectmenu-button:focus { background: none; } .resot-activities.nasir-style { position: relative; } .resot-activities.nasir-style:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/slider/8.jpg) no-repeat scroll center bottom; opacity: 0.12; } /*Explore*/ .explore-video { background: url(../images/slider/9.jpg) no-repeat fixed center center; background-size: cover; padding: 100px 0 90px; text-align: center; color: #fff; margin: 0; position: relative; } .explore-video:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; } .explore-video .this-title, .explore-video .this-stitle, .explore-video a { position: relative; z-index: 2; } .explore-video .this-title { font-family: "Playball", cursive; font-size: 50px; margin: 0 0 15px; letter-spacing: 0.3px; } .explore-video .this-stitle { letter-spacing: 0.3px; font-family: "Open Sans", sans-serif; margin-top: 0; } .explore-video a { width: 92px; height: 92px; border-radius: 100%; margin: 45px auto 0; display: block; } /*Download Theme*/ .download-theme { background: #3c3956; padding: 40px 0; margin: 0; } .download-theme .media-body { font-size: 40px; font-family: "Playball", cursive; letter-spacing: 0.3px; color: #fff; } @media (max-width: 1199px) { .download-theme .media-body { font-size: 30px; } } @media (max-width: 991px) { .download-theme .media-body { font-size: 30px; line-height: 36px; } } .download-theme .media-right { padding: 0 30px; vertical-align: bottom; } @media (max-width: 1199px) { .download-theme .media-right { padding-right: 0; } } @media (max-width: 767px) { .download-theme .media-right { display: block; padding-left: 0; padding-top: 20px; } } .download-theme .nhs-btn2 { white-space: nowrap; color: #fff; margin-left: 25px; margin-right: 15px; } @media (max-width: 1199px) { .download-theme .nhs-btn2 { margin: 0; } } /*Featured Packages*/ .featured-packages { margin: 0; background: #f4f4f4; padding: 95px 0 50px; } .fpackage { margin-bottom: 45px; } @media (max-width: 767px) { .fpackage { max-width: 570px; margin: 0 auto 30px; } } .fpackage .fpackage-fimg { display: block; margin-bottom: 40px; overflow: hidden; background: #000; } .fpackage .fpackage-fimg img { opacity: 1; transition: all 300ms linear 0s; } .fpackage .fpackage-fimg:hover img, .fpackage .fpackage-fimg:focus img { opacity: 0.8; transform: scale(1.1); } .fpackage .this-title { font: bold 18px/26px "Open Sans", sans-serif; color: #000; letter-spacing: 0.3px; margin-bottom: 20px; display: block; } .fpackage p { font: 15px/26px "Open Sans", sans-serif; color: #898989; margin: 0; } /*Have Query*/ .have-query { padding: 100px 0; margin: 0; } .have-query .form-control { border-radius: 0; border-color: rgba(192, 192, 192, 0.66); height: 50px; font-size: 15px; color: #8e8e8e; padding: 0 20px; width: 270px; margin-right: 30px; float: left; box-shadow: none; } @media (max-width: 1199px) { .have-query .form-control { width: calc((100% - 230px) / 3 ); margin-right: 20px; } } @media (max-width: 767px) { .have-query .form-control { width: calc((100% - 20px) / 2 ); margin-bottom: 20px; } .have-query .form-control:nth-child(2) { margin-right: 0; } } @media (max-width: 479px) { .have-query .form-control { width: 100%; margin-right: 0; } } .have-query .nhs-btn2 { border: none; border-radius: 3px; padding: 0 36px; line-height: 50px; color: #fff; } /*Media Queries - Responsive*/ /*1199*/ @media (max-width: 1199px) { .main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a { padding: 0 5px; } .main-menu-wrapper-two .nav-holder .nav-header button { background: none; color: #fff; } .main-menu-wrapper-two .nav-holder .nav-header button.h2dbtn { color: #242424; } .nhs-caption { top: 115px; } .nasir-activity .this-inner { width: 100%; } .wel-box h4 { font-size: 18px; } .offer-right .offer-img-box2 { width: 100%; } .our-offer-htwo.nasir-style .our-offer-left { padding: 0 15px; } .nasir-activities2 .this-ftitle { font-size: 18px; } .nasir-contact-box { right: 50%; margin-right: -401px; } .nasir-activities2 .this-texts { left: 20px; right: 20px; } } /*991*/ @media (max-width: 991px) { .right-infos.link-list { float: left !important; margin-top: 10px; } .main-menu-wrapper-two .nav-header-right > ul > li:first-child { border: none; } .nhs-caption3 .this-title, .nhs-caption3 p { max-width: 100%; margin-left: 0; } .nhs-caption .this-title { font-size: 36px; margin-bottom: 10px; } .nhs-caption8 .this-title { font-size: 30px; margin-bottom: 0; } .nhs-caption p { margin-bottom: 20px; } .nhs-caption1 a { margin-left: 0; } .wel-band .top-right { font-size: 10px; } .wel-band .top-left .t-icon { font-size: 12px; } .wel-band .top-left .t-txt { font-size: 10px; } .wel-band .top-left ul li { margin-right: 10px; float: left; } .wel-band .top-left ul li:last-child { margin-right: 0; } .n-welcome-block { padding: 15px; } .core-vanue { margin-top: 50px; } .nasir-contact-box { margin-right: -300px; } } /*767*/ @media (max-width: 767px) { .nasir-home-slider { height: 470px; } .nasir-home-slider .item img { width: auto; height: 470px; } .nasir-home-banner { overflow: hidden; } .nasir-home-banner img { width: auto; height: 500px; } .bee-accordion .media-left { display: block; padding-bottom: 20px; padding-right: 0; } .nasir-contact-box { position: relative; width: 100%; margin: 0; right: auto; height: auto; padding: 30px; } .nasir-contact-box .media + .media { margin-top: 20px; } .nasir-contact-box .media .media-body { vertical-align: middle; } } .header-abscont { position: absolute; margin: 0; top: 0; left: 0; right: 0; z-index: 999; } .header-abscont .top-bar { background-color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header-abscont #main-navigation-wrapper.navbar-default { border: none; background: none transparent; } .header-abscont #main-navigation-wrapper.navbar-default .nav > li > a { color: #fff; } .header-abscont #main-navigation-wrapper.navbar-default .navbar-brand .secondary-logo { display: none; } .header-abscont #main-navigation-wrapper.navbar-default .navbar-toggle span { background: #fff; } @media (max-width: 1024px) { .header-abscont #main-navigation-wrapper.navbar-default .nav > li > a { color: #666; } } .header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed { background: #FFFFFF; background-image: -moz-linear-gradient(90deg, #edf0f3 0%, white 100%); background-image: -webkit-linear-gradient(90deg, #edf0f3 0%, white 100%); background-image: -ms-linear-gradient(90deg, #edf0f3 0%, white 100%); } .header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-toggle { border-color: #fff; transition: none; } .header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-toggle .icon-bar { background: #666; } .header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand .default-logo { display: none; } .header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand .secondary-logo { display: block; } .header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .nav > li > a { color: #666; } @media (max-width: 767px) { .sec-header-two h2 { font-size: 30px; } } .wel-box { display: block; height: 170px; padding-bottom: 0; } .nasir-welboxes { margin: -15px; } @media (max-width: 991px) { .nasir-welboxes { margin-top: 30px; } } .nasir-welboxes .single_wel_cont { padding: 15px; } .fluid-know-area .work-image-ser img { float: right; } .news-evn-img a { display: block; position: relative; overflow: hidden; background: #000; } .news-evn-img a img { opacity: 1; transition: all 300ms linear 0s; } .news-evn-img a:hover img, .news-evn-img a:focus img { opacity: 0.8; transform: scale(1.1); } /*Subscribe Form*/ .nasir-subscribe-form-row { padding: 11px 0; background: #177da5; margin: 0; } .nasir-subscribe-form-row .this-dashed { border: 1px dashed #d2e5ed; background: url(../images/welcome/email-bg.png) no-repeat center bottom; margin: 0; padding: 21px 30px; } .nasir-subscribe-form-row .this-texts { float: left; } .nasir-subscribe-form-row h2 { color: #fff; font-family: "Raleway", sans-serif; font-weight: 600; font-size: 20px; margin: 0 0 5px; } .nasir-subscribe-form-row h3 { color: #fff; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 16px; margin: 0; } @media (max-width: 1199px) { .nasir-subscribe-form-row h3 { font-size: 14px; } } .nasir-subscribe-form-row .this-form { float: right; width: 572px; } @media (max-width: 1199px) { .nasir-subscribe-form-row .this-form { width: 450px; } } @media (max-width: 991px) { .nasir-subscribe-form-row .this-form { width: 100%; margin-top: 15px; } } @media (max-width: 479px) { .nasir-subscribe-form-row .this-form { display: block; } } .nasir-subscribe-form-row .form-control { border-radius: 5px; font: 400 1.15em/1em 'PT Serif', serif; color: #656565; border: 1px solid #7da100; height: 46px; -webkit-box-shadow: none; box-shadow: none; font-style: italic; } @media (max-width: 479px) { .nasir-subscribe-form-row .form-control { display: block; margin-bottom: 15px; } } .nasir-subscribe-form-row .input-group .form-control:first-child, .nasir-subscribe-form-row .input-group-addon:first-child, .nasir-subscribe-form-row .input-group-btn:first-child > .btn, .nasir-subscribe-form-row .input-group-btn:first-child > .btn-group > .btn, .nasir-subscribe-form-row .input-group-btn:first-child > .dropdown-toggle, .nasir-subscribe-form-row .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .nasir-subscribe-form-row .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .nasir-subscribe-form-row .input-group-addon { border: none; background: none; padding: 0 0 0 30px; } @media (max-width: 479px) { .nasir-subscribe-form-row .input-group-addon { padding: 0; width: 100%; display: table; } } .nasir-subscribe-form-row .res-btn { width: 156px; padding: 0 25px; line-height: 46px; } @media (max-width: 479px) { .nasir-subscribe-form-row .res-btn { width: 100%; } } .testimonials-sec{ padding-bottom: 40px; } .widget-contact-list ul li a { font-size: 14px; line-height: 32px; display: block; letter-spacing: 0.3px; /*text-transform: lowercase;*/ } .widget-contact-list ul li .contact_mail a { font-size: 14px; line-height: 32px; display: block; letter-spacing: 0.3px; text-transform: lowercase; } .promo-outer { background-size: cover; } @media (max-width: 539px) { .roomsuite-slider .owl-nav { top: -40px; } } @media (max-width: 768px) { .sec-header h3 { margin-bottom: 40px; } } @media (max-width: 767px) { .sec-header h3 { line-height: 24px; } } @media (max-width: 768px) { .common-pad { padding: 60px 0; } } .testimonial-p .media-left a img { border-left: 0; border-right: 0; border-bottom: 0; } .family-img .image-gallery { margin: 0 -5px; } .family-img .image-gallery .single-gallery.span-1 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-1 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-1 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-1 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-2 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-2 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-2 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-2 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-3 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-3 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-3 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-3 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-4 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-4 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-4 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-4 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-5 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-5 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-5 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-5 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-6 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-6 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-6 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-6 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-7 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-7 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-7 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-7 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-8 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-8 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-8 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-8 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-9 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-9 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-9 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-9 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-10 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-10 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-10 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-10 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-11 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-11 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-11 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-11 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-12 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-12 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-12 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-12 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-13 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-13 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-13 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-13 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-14 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-14 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-14 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-14 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-15 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-15 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-15 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-15 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-16 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-16 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-16 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-16 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-17 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-17 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-17 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-17 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-18 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-18 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-18 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-18 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-19 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-19 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-19 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-19 img { max-width: 100%; width: 100%; } .family-img .image-gallery .single-gallery.span-20 { width: auto; margin: 0; padding: 5px; } @media (max-width: 767px) { .family-img .image-gallery .single-gallery.span-20 { width: calc(50% - 0.5px); } } .family-img .image-gallery .single-gallery.span-20 .img-holder > .fancybox { display: block; } .family-img .image-gallery .single-gallery.span-20 img { max-width: 100%; width: 100%; } .family-img .image-gallery .grid-sizer { width: 1px; } @media (max-width: 991px) { .family-img .image-gallery { margin-bottom: 40px; } } @media (max-width: 767px) { .family-img .image-gallery { max-width: 100%; margin: 0 auto; } } .family-img-page.family-img .image-gallery .single-gallery.span-4 { width: calc(100% / 3); } @media (max-width: 540px) { .family-img-page.family-img .image-gallery .single-gallery.span-4 { width: 50%; } } .family-img-page.family-img .image-gallery .single-gallery.span-8 { width: calc((100% / 3)*2); } @media (max-width: 540px) { .family-img-page.family-img .image-gallery .single-gallery.span-8 { width: 100%; } } @media (max-width: 767px) { .room-wrapper { padding: 15px; } } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary.url { width: 20%; float: left; padding: 0 2px; display: block; } .single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary.url img { width: 100%; margin: 0; } .table-form form .form-control { border-color: rgba(255, 255, 255, 0.35); } @media (max-width: 991px) { .image-gallery .single-gallery.span-4, .image-gallery .single-gallery.span-8 { width: 50%; } .offer-deal .img-holder { text-align: center; display: block; width: 470px; max-width: 100%; } .offer-content { padding: 40px 0 0; } .contact-info { padding-left: 0; padding-top: 50px; } } @media (max-width: 767px) { .gallery-filter + .row { margin: 0; } .image-gallery { max-width: 400px; margin: 0 auto; } .image-gallery .single-gallery.span-4, .image-gallery .single-gallery.span-8 { width: 400px; max-width: 100%; } .image-gallery .single-gallery.span-4 img, .image-gallery .single-gallery.span-8 img { max-width: 100%; } .image-gallery .single-r-gallery { float: left; } .aminities-outer ul { margin-bottom: 0; } .pull-left .single-sidebar-widget { margin-bottom: 30px; } } /*Edit On 29th Oct*/ .ser-in-box .select-menu + .ui-selectmenu-button { display: block; } .single-blog-post .img-box { overflow: hidden; } .single-blog-post .img-box a { display: block; background: #000; } .single-blog-post .img-box a img { opacity: 1; transition: all 300ms linear 0s; } .single-blog-post .img-box a:hover img, .single-blog-post .img-box a:focus img { opacity: 0.8; transform: scale(1.1); } .widget-contact-list ul li .contact_no a { display: inline-block; } @media (max-width: 768px) { .container { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1200px) { .sroom-sidebar { margin-left: 30px; } } .single-blog-post h3 { line-height: 1.5; } .single-blog-post h3 a { color: #010101; } .single-blog-post h3 a:hover, .single-blog-post h3 a:focus { text-decoration: underline; color: #91b41a; } .spa-offer .img_holder, .offer-right .offer-img-box2 .box2 .img_holder, .offer-right .offer-img-box2 .box1 .img_holder { overflow: hidden; background: #000; } .spa-offer .img_holder img, .offer-right .offer-img-box2 .box2 .img_holder img, .offer-right .offer-img-box2 .box1 .img_holder img { opacity: 1; transition: all 300ms linear 0s; } .spa-offer .img_holder:hover img, .spa-offer .img_holder:focus img, .offer-right .offer-img-box2 .box2 .img_holder:hover img, .offer-right .offer-img-box2 .box2 .img_holder:focus img, .offer-right .offer-img-box2 .box1 .img_holder:hover img, .offer-right .offer-img-box2 .box1 .img_holder:focus img { opacity: 0.8; transform: scale(1.1); } @media (max-width: 1024px) { .search-sec-homet { margin-top: 0; position: relative; width: 100%; } } .home4offers-two .our-offer-left { padding: 0 15px; } @media (min-width: 1200px) { .home4offers-two .our-offer-left { padding-left: 60px; padding-right: 50px; } } @media (max-width: 991px) { .home4offers-two .offer-right { margin-top: 40px; } } .home4offers-two .offer-right .offer-img-box2 { width: 360px; max-width: 100%; } @media (max-width: 991px) { .home4offers-two .offer-right .offer-img-box2 { float: none; margin: 0 auto; } } @media (max-width: 991px) { .activities-outer { display: block; } .activities-content { padding: 2em; } .activities-content h2 { margin-top: 0; } .room-wrapper { padding: 1.3em; } .pull-right .single-sidebar-widget { margin-bottom: 35px; } } @media (max-width: 768px) { .room-wrapper .media-right { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .home-two-msgwrapper { padding-left: 15px !important; } .get-touch-two { padding-bottom: 40px; } .testimonial-p .media-left a img { border: none; } .testimonial-p .media-body h6 { text-align: left; } .single-room-wrapper .ro-facilitie ul { padding: 0 10px; } .single-room-wrapper .ro-facilitie ul li { width: 31%; margin: 1%; } #main-navigation-wrapper.navbar-default .navbar-brand { padding-left: 0; padding-right: 0; } } @media (max-width: 479px) { .single-room-wrapper .ro-facilitie ul li { width: 48%; margin: 1%; } } .family-img .image-gallery a.single-gallery { padding: 5px; margin: 0; display: block; overflow: hidden; } .family-img .image-gallery a.single-gallery:before { position: absolute; top: 5px; bottom: 5px; right: 5px; left: 5px; content: ''; display: block; background: #000; opacity: 0; transition: all 300ms linear 0s; } .family-img .image-gallery a.single-gallery:hover:before, .family-img .image-gallery a.single-gallery:focus:before { opacity: 0.2; } @media (max-width: 1199px) { .family-img .image-gallery a.single-gallery.ff-270 { width: 36%; max-width: 100%; } .family-img .image-gallery a.single-gallery.ff-270 img { width: 100%; } } @media (max-width: 479px) { .family-img .image-gallery a.single-gallery.ff-270 { width: 100%; max-width: 300px; } } @media (max-width: 1199px) { .family-img .image-gallery a.single-gallery.ff-210 { width: 28%; max-width: 100%; } .family-img .image-gallery a.single-gallery.ff-210 img { width: 100%; } } @media (max-width: 479px) { .family-img .image-gallery a.single-gallery.ff-210 { width: 100%; max-width: 300px; } } @media (max-width: 1199px) { .family-img .image-gallery a.single-gallery.ff-550 { width: 72%; max-width: 100%; } .family-img .image-gallery a.single-gallery.ff-550 img { width: 100%; } } @media (max-width: 479px) { .family-img .image-gallery a.single-gallery.ff-550 { width: 100%; max-width: 300px; } } .nasir-room-grid { padding-bottom: 85px; } .nroom-grid { padding: 15px; } .nroom-grid .room-img { overflow: hidden; display: block; background: #000; } .nroom-grid .room-img img { max-width: 100%; opacity: 1; transition: all 300ms linear 0s; } .nroom-grid .room-img:hover img, .nroom-grid .room-img:focus img { opacity: 0.8; transform: scale(1.1); } .nroom-grid .this-conts { margin: 0; padding: 10px 28px 30px; border: 1px solid #e6e1e1; background: #f8f8f8; border-top: 2px solid #ffb606; text-align: center; } .nroom-grid .media { text-align: left; } .nroom-grid .this-title { vertical-align: middle; font-family: "Playball", cursive; font-size: 26px; color: #242424; letter-spacing: 0.3px; } .nroom-grid .media-right { font-size: 24px; font-family: "Playball", cursive; white-space: nowrap; color: #242424; } .nroom-grid .media-right small { display: block; font-size: 14px; font-family: "Open Sans", sans-serif; color: #888; } .nroom-grid p { margin: 20px 0 25px; font-weight: 600; color: #8e8e8e; font-family: "Open Sans", sans-serif; line-height: 26px; } .nroom-grid .read-more { background: #177da5; padding: 0 20px; margin: 0; letter-spacing: 0.6px; color: #fff; border-radius: 3px; text-transform: uppercase; display: inline-block; font: 400 0.88em/38px "Open Sans", sans-serif; } .nroom-grid .read-more i { margin-left: 10px; } .nroom-grid .read-more:hover, .nroom-grid .read-more:focus { background: #000; } .nasir-room-grid-header { padding-bottom: 0; } @media (max-width: 1024px) { #main-navigation-wrapper .nav > li + li { border-top: 1px solid #f0f0f0; } } @media (max-width: 1024px) { #main-navigation-wrapper .nav > li.open { background: #f0f0f0; } #main-navigation-wrapper .nav > li.open > .dropdown-menu { background: #f0f0f0; } #main-navigation-wrapper .nav > li.open > .dropdown-menu li { border-top: 1px solid #d3d3d3; border-bottom: none; padding-left: 8px; } #main-navigation-wrapper .nav > li.open > .dropdown-menu li + li { border: none; border-top: 1px solid #d3d3d3; } #main-navigation-wrapper .nav > li.open > .dropdown-menu li a { font-weight: 600; font-family: "Open Sans", sans-serif; } #main-navigation-wrapper .nav > li.open > .dropdown-menu li a:before { content: '-'; margin-right: 6px; } } .nav-search-form { padding: 30px; margin: 0; border-top: 1px solid #f0f0f0; } @media (min-width: 1025px) { .nav-search-form { display: none; } } .nav-search-form .input-group { background: #f0f0f0; } .nav-search-form .form-control { height: 49px; border: none; background: none; box-shadow: none; font-size: 16px; color: #636363; line-height: 49px; padding: 0 15px; letter-spacing: 0.3px; } .nav-search-form .form-control.placeholder { font-style: italic; color: #636363; } .nav-search-form .form-control::-moz-placeholder { font-style: italic; color: #636363; } .nav-search-form .form-control::-webkit-input-placeholder { font-style: italic; color: #636363; } .nav-search-form .form-control::-ms-input-placeholder { font-style: italic; color: #636363; } .nav-search-form .input-group-addon { border: none; padding: 0; background: none; } .nav-search-form button { line-height: 49px; border: none; padding: 0 22px 0 10px; background: none; color: #676767; } /* ============================== 3. header top & main menu styles ============================== */ .top-bar { background: #F0F0F0; padding: 10px 0; } .top-bar.home3v, .top-bar.dhomev { background: #1f2e46; } .top-bar.home3v ul li a, .top-bar.home3v .contact-infos ul li a, .top-bar.dhomev ul li a, .top-bar.dhomev .contact-infos ul li a { color: #a4b6d1; } .top-bar.home3v ul li a i, .top-bar.home3v .contact-infos ul li a i, .top-bar.dhomev ul li a i, .top-bar.dhomev .contact-infos ul li a i { color: #a4b6d1; } .top-bar.home3v .link-list ul li + li, .top-bar.dhomev .link-list ul li + li { border-left: 1px solid #a4b6d1; } .top-bar ul, .top-bar ul li { margin: 0; padding: 0; list-style: none; } .top-bar ul li a { font-size: 13px; line-height: 22px; color: #7F7F7F; font-family: 'Open Sans'; font-weight: 600; line-height: 1; text-transform: lowercase; } .top-bar .contact-infos ul li { margin-left: 10px; font-size: 13px; color: #fff; } .top-bar .contact-infos ul li a i { font-size: 20px; color: #898989; margin-right: 6px; position: relative; } .top-bar .contact-infos ul li a i.fa-phone { top: 4px; } .top-bar .contact-infos ul li a i.fa-map-marker { top: 3px; } .top-bar .contact-infos ul li a i.fa-envelope { font-size: 14px; } .top-bar .link-list ul li + li { margin-left: 10px; padding-left: 10px; border-left: 1px solid #939BA7; line-height: .9; } .top-bar .link-list ul li a { transition: color .3s ease; } .top-bar .link-list ul li a:hover { color: #177da5; } .navbar-brand { transition: none; } .navbar-brand img { vertical-align: top; max-height: 100px; } #main-navigation-wrapper.navbar-default { background: transparent; border: none; min-height: auto; background: #FFFFFF; background-image: -moz-linear-gradient(90deg, #edf0f3 0%, white 100%); background-image: -webkit-linear-gradient(90deg, #edf0f3 0%, white 100%); background-image: -ms-linear-gradient(90deg, #edf0f3 0%, white 100%); border-radius: 0; margin: 0; } #main-navigation-wrapper.navbar-default .navbar-toggle { border: none; padding: 0; transition: none; } #main-navigation-wrapper.navbar-default.transBg-main-menu-header { background: none transparent; border: none; } #main-navigation-wrapper.navbar-default.transBg-main-menu-header .navbar-brand .secondary-logo { display: none; } #main-navigation-wrapper.navbar-default.transBg-main-menu-header .navbar-toggle span { background: #fff; } @media (max-width: 1024px) { #main-navigation-wrapper.navbar-default.transBg-main-menu-header .nav > li > a { color: #666; } } #main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed { background: #FFFFFF; background-image: -moz-linear-gradient(90deg, #edf0f3 0%, white 100%); background-image: -webkit-linear-gradient(90deg, #edf0f3 0%, white 100%); background-image: -ms-linear-gradient(90deg, #edf0f3 0%, white 100%); } #main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .navbar-toggle .icon-bar { background: #666; } #main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .navbar-brand .default-logo { display: none; } #main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .navbar-brand .secondary-logo { display: block; } #main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .nav > li > a { color: #666; } #main-navigation-wrapper.navbar-default .navbar-brand { height: auto; display: block; } @media (max-width: 767px) { #main-navigation-wrapper.navbar-default .navbar-brand img { max-height: 75px; } } #main-navigation-wrapper.navbar-default.stricky-fixed { max-height:110px; } #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand { padding-top: 5px; padding-bottom: 5px; height: 110px; line-height: 110px; } .about-us-widget img{ width:120px; } @media (max-width: 767px) { #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand { padding-top: 5px; padding-bottom: 5px; height: 50px; line-height: 40px; } } #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand img { max-height: 100px; display: inline-block; } @media (max-width: 767px) { #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand img { max-height: 37px; } } #main-navigation-wrapper.navbar-default.stricky-fixed .nav > li { padding: 20px 0px; } #main-navigation-wrapper .navbar-collapse { padding-left: 0; padding-right: 0; text-align: right; } #main-navigation-wrapper .nav > li { padding: 20px 0; } #main-navigation-wrapper .nav > li > a { padding: 25px 0; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: bold; color: #666666; text-transform: uppercase; /*padding-right: 20px;*/ } #main-navigation-wrapper .nav > li > a .glyphicon { float: right; } @media (min-width: 1025px) { #main-navigation-wrapper .nav > li > a .glyphicon { display: none; } } #main-navigation-wrapper.transBg-main-menu-header .nav > li > a { color: #fff; } #main-navigation-wrapper .nav > li + li > a { padding-left: 25px; } #main-navigation-wrapper .navbar-form { padding: 0; margin: 0; } #main-navigation-wrapper .navbar-nav { margin-left: 0; margin-right: 0; display: inline-block; vertical-align: middle; text-align: right; float: none; } #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a { background: none; color: #C4D114; } #main-navigation-wrapper .navbar-form { background: #fff; padding: 15px 30px; } #main-navigation-wrapper .navbar-form input { border-radius: 0; border: none; outline: none; background-color: transparent; width: calc(100% - 32px); } #main-navigation-wrapper .navbar-form button { border: none; outline: none; background-color: transparent; } #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; padding: 0; border: none; border-radius: 0; display: block; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; min-width: 220px; background: #fff; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu.align-right { left: auto; right: 0; } #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu.has-search-form { min-width: 300px; } #main-navigation-wrapper .navbar-nav > li:hover > .dropdown-submenu, #main-navigation-wrapper .navbar-nav > .open > .dropdown-submenu { opacity: 1; visibility: visible; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } #main-navigation-wrapper .dropdown-submenu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; padding: 11px 20px; text-transform: capitalize; color: #666666; border-bottom: 1px solid #F0F0F0; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 700; text-align: left; transition: background .4s ease; } #main-navigation-wrapper .dropdown-submenu > li > a:focus, #main-navigation-wrapper .dropdown-submenu > li > a:hover { background-color: #F0F0F0; /*color: #177da5;*/ } #main-navigation-wrapper .navbar-brand { padding-top: 5px; padding-bottom: 5px; } @media (max-width: 767px) { #main-navigation-wrapper .navbar-brand { padding-top: 12px; padding-bottom: 12px; } } #main-navigation-wrapper .right-side-nav > li { padding: 40.5px 0; } #main-navigation-wrapper .right-side-nav > li:first-child > a { border-left: 1px solid #A6A6A6; padding-left: 20px; margin-left: 20px; } #main-navigation-wrapper .right-side-nav > li > a { font-size: 16px; padding: 0; } #main-navigation-wrapper .right-side-nav > li + li > a { padding-left: 20px; } #main-navigation-wrapper.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: transparent !important; } #main-navigation-wrapper.light-header .nav > li > a { color: #fff; } #main-navigation-wrapper.light-header .right-side-nav > li:first-child > a { border-color: #ffffff; } #main-navigation-wrapper.after-scroll .navbar-brand { padding-top: 10px; padding-bottom: 10px; } #main-navigation-wrapper.after-scroll .nav > li { padding: 0; } #main-navigation-wrapper.after-scroll .nav.right-side-nav > li { padding: 25px 0; } /* ============================== 4. hidden bar Styles ============================== */ .side-menu { position: fixed; top: 0; right: -100%; width: 100%; max-width: 445px; background: #ffffff; z-index: 100000; height: 100% !important; /*overflow: auto;*/ display: block !important; padding: 65px 40px; /*padding-bottom: 0;*/ -webkit-transition: right .4s ease; transition: right .4s ease; } @media (max-height: 768px) { .side-menu { max-width: 445px; } } .side-menu.in { right: 0; } .side-menu .close-button { width: 37px; height: 37px; border: 1px solid #D0D0D0; line-height: 1; background: #fff; position: absolute; top: 0; right: 0; margin-top: 65px; } .side-menu h3 { font-size: 34px; color: #2a2a2a; line-height: 1; margin: 0; } .side-menu p { font-size: 15px; color: #898989; line-height: 1.733333; } .side-menu .title-box { margin-bottom: 30px; } .side-menu .title-box h4 { font-size: 18px; line-height: 1.733333; font-family: 'Open Sans'; color: #898989; font-weight: 600; font-style: italic; display: inline-block; vertical-align: middle; margin: 0; } .side-menu .title-box span.decor-line { width: 35px; background: #ACD647; height: 2px; display: inline-block; vertical-align: middle; position: relative; top: 5px; } .side-menu .gallery-widget ul, .side-menu .gallery-widget ul li { margin: 0; padding: 0; list-style: none; } .side-menu .gallery-widget ul { margin-left: -5px; margin-right: -5px; margin-top: 0px; } .side-menu .gallery-widget ul li { padding: 0 5px; margin-bottom: 15px; } .side-menu .subscribe-widget form input { float: left; width: calc(100% - 133px); height: 44px; background: #F9F9F9; border: 1px solid #E6E6E6; line-height: 1.733; vertical-align: middle; outline: none; padding-left: 25px; } .side-menu .subscribe-widget form button { float: right; line-height: 24px; background: #177da5; padding-left: 23px; padding-right: 23px; vertical-align: middle; } .side-menu .contact-info, .side-menu .contact-info li { margin: 0; padding: 0; list-style: none; } .side-menu .contact-info li { font-size: 16px; color: #898989; line-height: 1; } .side-menu .contact-info { border-top: 1px solid #5C5C5C; margin: 0 !important; padding: 0 !important; margin-top: 25px !important; padding-top: 25px !important; } .side-menu .side-menu-widget + .side-menu-widget { margin-top: 34px; } .side-menu .about-widget a.logo { margin-bottom: 40px; display: inline-block; margin-top: 0; float: none; } .side-menu .about-widget h3 { margin-bottom: 25px; } /* ============================== 5. stricky header Styles ============================== */ #main-navigation-wrapper.navbar-default.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /*------------*/ @media (min-width: 1025px) { #main-navigation-wrapper .navbar-nav .phone-only { display: none; } } /* mainmenu responsive styles */ @media (max-width: 1100px) { .main-menu .navbar-collapse > ul > li > a { font-size: 0.85em; padding: 0 0.8em; } } @media (max-width: 1024px) { .ser-in-box { width: 19%; } .chk-button { width: 22%; } .search-sec .overlay .border { padding: 1em; } .search-sec .res-btn { padding: 6px 15px; } } @media (max-width: 768px) { .hide-menu { display: none; } .search-sec { width: 94%; } } @media (max-width: 767px) { .fo-txt { width: 100%; display: block; text-align: center; } } @media (max-width: 650px) { .search-sec { position: relative; margin-top: 0; } } @media (max-width: 480px) { .header-inner .logo img { width: 180px; } .header-inner .logo { margin: 1em 0; } .header-inner .nav-header { margin: 1.6em 0; } } @media (min-width: 1025px) { #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler { display: none; } #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu { display: block !important; } #main-navigation-wrapper .navbar-nav .phone-only { display: none; } #main-navigation-wrapper .navbar-nav .phone-only + i { display: block; } } @media (max-width: 1024px) { .navbar-header { width: 100%; float: none; margin: 0 !important; } .navbar-nav { margin: 0; } .navbar-default .navbar-toggle { display: block; margin-right: 0; border-color: #515151; background-color: transparent !important; margin: 43px 0; } .navbar-default .navbar-toggle .icon-bar { background: #515151; height: 3px; width: 25px; padding: 0; border: none; } .navbar-default .navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; } .navbar-default .navbar-toggle:hover .icon-bar { background: #C4D114; } .navbar-collapse.collapse { display: none !important; height: 0 !important; padding-bottom: 0; overflow: auto !important; width: 100%; max-height: 70%; } .navbar-default .navbar-collapse { background: #fff; padding: 0px 0px !important; padding-bottom: 0px !important; border: 1px dashed rgba(255, 255, 255, 0.4); margin: 0; } .navbar-collapse.collapse.in { display: block !important; height: auto !important; max-height: 70vh; } .navbar-collapse.in { overflow-y: auto; } #main-navigation .nav { width: 100%; text-align: left !important; } #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler { background-color: transparent; background-image: none; border: 1px solid #fff; border-radius: 4px; padding: 9px 9px; position: absolute; top: 0; right: 0; margin-top: 8px; margin-right: 10px; z-index: 999; } #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar { background-color: #fff; border-radius: 1px; display: block; height: 1px; width: 20px; } #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar + .icon-bar { margin-top: 4px; } #main-navigation-wrapper .nav { width: 100%; } #main-navigation-wrapper .navbar-form { width: 100%; display: block; border: none; } #main-navigation-wrapper .nav > li { display: block; padding: 0 !important; width: 100%; } #main-navigation-wrapper .nav > li > a { display: block; padding: 15px 15px; width: 100%; position: relative; } #main-navigation-wrapper .nav > li + li > a { padding: 15px 15px; border-top: 1px dashed rgba(255, 255, 255, 0.4); position: relative; } #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu { position: relative; width: 100%; opacity: 1; visibility: visible; left: auto; right: auto; transform: translate3d(0px, 0px, 0px); transition: none !important; display: none; top: auto; float: none; } #main-navigation-wrapper .navbar-nav .phone-only { display: block; } #main-navigation-wrapper .navbar-nav .phone-only + i { display: none; } #main-navigation-wrapper .right-side-nav { border-top: 1px dashed rgba(255, 255, 255, 0.4); } #main-navigation-wrapper .right-side-nav > li:first-child > a { border: none; margin: 0; } .stricky-fixed.navbar-default .navbar-toggle { margin: 27.5px 0; } #main-navigation-wrapper .navbar-nav > li.open > .dropdown-submenu { display: block !important; } } @media (max-width: 767px) { .top-bar .pull-left, .top-bar .pull-right { width: 100%; text-align: center; } .top-bar .pull-right { margin-top: 10px; } .top-bar .contact-infos ul li a { line-height: 2.5; } .stricky-fixed.navbar-default .navbar-toggle { margin: 17.5px 0; } } /*Inner Header*/ .final-inner-header { display: table; height: 245px; background: url(../images/inner-header1.jpg) no-repeat scroll center ; width: 100%; margin: 0; } @media (max-width: 767px) { .final-inner-header { background-size: cover; } } .final-inner-header .container { display: table-cell; vertical-align: middle; } .final-inner-header .this-title { margin: 0; letter-spacing: 0.3px; font-family: "Playball", cursive; text-transform: capitalize; font-size: 55px; color: #fff; } .final-inner-header .this-title:after { content: ''; width: 60px; height: 2px; background: #92ba19; display: inline-block; margin-left: 20px; } .final-breadcrumb { background: #f9f9f9; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); } .final-breadcrumb .breadcrumb { background: none; border-radius: 0; border: none; padding: 0; float: left; } .final-breadcrumb .breadcrumb li { font-family: "Open Sans", sans-serif; font-weight: bold; text-transform: uppercase; color: #bfbfbf; float: left; line-height: 55px; } .final-breadcrumb .breadcrumb li + li:before { padding: 0 10px; color: #bfbfbf; } .final-breadcrumb .breadcrumb li a { padding: 0; color: #bfbfbf; } .navbar-default .navbar-toggle { transition: none; } @media (max-width: 767px) { .navbar-default .navbar-toggle { margin: 42px 0; } } @media (max-width: 1024px) { #main-navigation .right-side-nav { display: none; } } /*Home Slider*/ #minimal-bootstrap-carousel .carousel-caption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; text-align: right; text-shadow: none; } #minimal-bootstrap-carousel .carousel-caption .thm-container { display: table; width: 100%; height: 100%; max-width: 1170px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 1199px) { #minimal-bootstrap-carousel .carousel-caption .thm-container { max-width: 970px; } } @media (max-width: 991px) { #minimal-bootstrap-carousel .carousel-caption .thm-container { max-width: 750px; } } #minimal-bootstrap-carousel .carousel-caption .thm-container .box { display: table-cell; text-align: left; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top { vertical-align: top; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom { vertical-align: bottom; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle { vertical-align: middle; } #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content { display: block; } @media (max-width: 767px) { #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content p { display: none; } } @media (max-width: 479px) { #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content a + a { margin-left: 0; } } #minimal-bootstrap-carousel .carousel-inner .item { min-height: 660px; height: 100%; width: 100%; background-size: cover; background-position: center center; background-color: #1E1E1E; } @media (max-width: 991px) { #minimal-bootstrap-carousel .carousel-inner .item { min-height: 500px; } } @media (max-width: 767px) { #minimal-bootstrap-carousel .carousel-inner .item { min-height: 400px; } } #minimal-bootstrap-carousel.default-home-slider .carousel-inner .item { min-height: 770px; } @media (max-width: 991px) { #minimal-bootstrap-carousel.default-home-slider .carousel-inner .item { min-height: 500px; } } @media (max-width: 767px) { #minimal-bootstrap-carousel.default-home-slider .carousel-inner .item { min-height: 400px; } } #minimal-bootstrap-carousel.home2carousel .carousel-inner .item { min-height: 940px; } @media (max-width: 1439px) { #minimal-bootstrap-carousel.home2carousel .carousel-inner .item { min-height: 720px; } } @media (max-width: 1199px) { #minimal-bootstrap-carousel.home2carousel .carousel-inner .item { min-height: 600px; } } @media (max-width: 991px) { #minimal-bootstrap-carousel.home2carousel .carousel-inner .item { min-height: 500px; } } @media (max-width: 767px) { #minimal-bootstrap-carousel.home2carousel .carousel-inner .item { min-height: 400px; } } #minimal-bootstrap-carousel .carousel-control { background: none; width: 40px; height: 40px; font-size: 15px; line-height: 40px; color: #fff; background: rgba(0, 0, 0, 0.5); visibility: visible !important; opacity: .65; margin-top: -20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 50%; border-radius: 0; z-index: 99; } #minimal-bootstrap-carousel .carousel-control.left { left: 1%; } #minimal-bootstrap-carousel .carousel-control.right { right: 1%; } #minimal-bootstrap-carousel .carousel-control:hover { opacity: 1; background: #000; } /* processing for fadeing effect styles */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } /**************************************************/ /**************************************************/ /**************************************************/ .fullwidth-slider .item { position: relative; } .fullwidth-slider .this-overlay { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); overflow: hidden; opacity: 0; transition: all 300ms linear 0s; } .fullwidth-slider .this-texts { text-align: center; text-transform: uppercase; } .fullwidth-slider .this-title { font-size: 15px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #fff; margin: 0; position: relative; left: -50px; transition: all 300ms linear 0s; } .fullwidth-slider a { display: block; margin: 0 auto 18px; width: 42px; line-height: 42px; font-size: 16px; border-radius: 50%; color: #000; background: rgba(255, 255, 255, 0.7); position: relative; right: -50px; transition: all 300ms linear 0s; } .fullwidth-slider a:hover, .fullwidth-slider a:focus { background: #fff; } .fullwidth-slider .item:hover .this-overlay, .fullwidth-slider .item:focus .this-overlay { opacity: 1; } .fullwidth-slider .item:hover .this-title, .fullwidth-slider .item:focus .this-title { left: 0; } .fullwidth-slider .item:hover a, .fullwidth-slider .item:focus a { right: 0; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.1 |
proxy
|
phpinfo
|
Settings