File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/munlomresort.in/css/style.css
Back
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap'); /* ========== 1 GLOBAL STYLES ========== */ /* ---------- 1.1 General ---------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { color: #a1b1c1; background: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.4; letter-spacing: .2px; position: relative; left: 0; } body.full_screen { width: 100%; height: 100%; overflow: hidden; } .boxed { background: url("../images/boxed_bg.jpg") repeat; background-attachment: fixed; } .boxed .wrapper { max-width: 1200px; position: relative !important; background: #fff; padding: 0; box-shadow: 0 0 2px #a1b1c1; margin-left: auto !important; margin-right: auto !important; } .boxed .wrapper .container { padding-right: 15px; padding-left: 15px; } main { padding: 100px 0; background: #fff; } .full_width { width: 100%; } .a_left {text-align: left} .a_center {text-align: center} .a_right {text-align: right} .f_left {float: left} .f_right {float: right} .upper {text-transform: capitalize;} .row-flex { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; } .row-flex > [class*='cpl-'] { display: flex; flex-direction: column; } /* ---------- 1.2 Resets ---------- */ ul, ol { margin: 0; } ul.list_menu { margin: 30px 0; padding-left: 15px; } ul.list_menu li { font-size: 1em; list-style: outside none none; margin-bottom: 6px; padding-left: 20px; position: relative; } ul.list_menu li::before { background: #e3e3e3; border-radius: 100%; content: ""; height: 7px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; } .navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav .open a, .navbar-nav .open a:hover, .navbar-nav .open a:focus { background: none; } .alert { padding: 10px; border-radius: 1px; font-size: .9em; } /* ---------- 1.3 Typography ---------- */ a { color: #1dc1f8; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } a:hover, a:focus, a:active { color: #2c88c0; text-decoration: none; outline: none; background: none; } strong, .strong { font-weight: 600 !important; } small, .small { font-size: .7em; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-family: 'Raleway', sans-serif; color: #000; font-weight: 400; } h1 { font-size: 2.2em; line-height: 1.5em; } h2 { font-size: 2em; line-height: 1.2em; } h3 { font-size: 1.7em; line-height: 1.2em; } h4 { font-size: 1.5em; line-height: 1.2em; } h5 { font-size: 1.3em; line-height: 1.1em; } h6 { font-size: 1.1em; line-height: 1em; font-family: 'Poppins', sans-serif; } p { font-size: 16px; line-height: 1.6; margin: 10px 0; color:#000; } .dropcap:first-letter { float: left; color: #1dc1f8; font-size: 4em; line-height: 1em; margin: 0 20px 5px 0; text-transform: uppercase; display: block; } .dropcap.yellow:first-letter { color:#630d0e; } .dropcap.dark:first-letter { color: #5e6667; } .tooltip-arrow { margin-bottom:1px; } .popover { font-size: 0.8em; border-radius: 4px 4px 0 0; color: #8a959e; border: 1px solid #cfd7da; } .popover-content { padding: 5px 10px; } .popover.top .arrow { border-top-color: #cfd7da; border-bottom-width: 0; } .popover-title { color: #a9a9a9; padding: 2px 10px !important; margin: 0; font-size: 1.2em; letter-spacing: 1px; background-color: #f5f5f5; border-bottom: 1px solid #ededed; float: none !important; } blockquote { padding: 20px 0; position: relative; margin: 30px 0; font-size: 1.2em; line-height: 1.6em; border: none; } blockquote i { color: #1DC1F8; font-size: 32px; position: absolute; top: 28px; } blockquote .quote_text { color: #888; display: block; font-style: italic; font-weight: 300; padding-left: 30px; } /* ---------- 1.4 Margins & Paddings & Border Radius ---------- */ .nopadding {padding: 0 !important;} .nopadding_right {padding-right: 0 !important} .nopadding_left {padding-left: 0 !important} .nopadding_top {padding-top: 0 !important} .nopadding_bottom {padding-bottom: 0 !important} .p5 {padding-left: 5px !important;padding-right: 5px !important} .pr5 {padding-right: 5px !important} .pl5 {padding-left: 5px !important} .nomargin {margin: 0 !important} .nomarginright {margin-right: 0 !important} .nomarginleft {margin-left: 0 !important} .nomargintop {margin-top: 0 !important} .nomarginbottom {margin-bottom: 0 !important} .mt0 {margin-top: 0px} .mt5 {margin-top: 5px} .mt10 {margin-top: 10px} .mt15 {margin-top: 15px} .mt20 {margin-top: 20px} .mt25 {margin-top: 25px} .mt30 {margin-top: 30px} .mt35 {margin-top: 35px} .mt40 {margin-top: 40px} .mt45 {margin-top: 45px} .mt50 {margin-top: 50px} .mt55 {margin-top: 55px} .mt60 {margin-top: 60px} .mt65 {margin-top: 65px} .mt70 {margin-top: 70px} .mt75 {margin-top: 75px} .mt80 {margin-top: 80px} .mt85 {margin-top: 85px} .mt90 {margin-top: 90px} .mt95 {margin-top: 95px} .mt100 {margin-top: 100px} .mb0 {margin-bottom: 0px} .mb5 {margin-bottom: 5px} .mb10 {margin-bottom: 10px} .mb15 {margin-bottom: 15px} .mb20 {margin-bottom: 20px} .mb25 {margin-bottom: 25px} .mb30 {margin-bottom: 30px} .mb35 {margin-bottom: 35px} .mb40 {margin-bottom: 40px} .mb45 {margin-bottom: 45px} .mb50 {margin-bottom: 50px} .mb55 {margin-bottom: 55px} .mb60 {margin-bottom: 60px} .mb65 {margin-bottom: 65px} .mb70 {margin-bottom: 70px} .mb75 {margin-bottom: 75px} .mb80 {margin-bottom: 80px} .mb85 {margin-bottom: 85px} .mb90 {margin-bottom: 90px} .mb95 {margin-bottom: 95px} .mb100 {margin-bottom: 100px} .pt0 {padding-top: 0px} .pt5 {padding-top: 5px} .pt10 {padding-top: 10px} .pt15 {padding-top: 15px} .pt20 {padding-top: 20px} .pt25 {padding-top: 25px} .pt30 {padding-top: 30px} .pt35 {padding-top: 35px} .pt40 {padding-top: 40px} .pt45 {padding-top: 45px} .pt50 {padding-top: 50px} .pt55 {padding-top: 55px} .pt60 {padding-top: 60px} .pt65 {padding-top: 65px} .pt70 {padding-top: 70px} .pt75 {padding-top: 75px} .pt80 {padding-top: 80px} .mt85 {padding-top: 85px} .pt90 {padding-top: 90px} .pt95 {padding-top: 95px} .pt100 {padding-top: 100px} .pb0 {padding-bottom: 0px} .pb5 {padding-bottom: 5px} .pb10 {padding-bottom: 10px} .pb15 {padding-bottom: 15px} .pb20 {padding-bottom: 20px} .pb25 {padding-bottom: 25px} .pb30 {padding-bottom: 30px} .mb35 {padding-bottom: 35px} .pb40 {padding-bottom: 40px} .pb45 {padding-bottom: 45px} .pb50 {padding-bottom: 50px} .pb55 {padding-bottom: 55px} .pb60 {padding-bottom: 60px} .pb65 {padding-bottom: 65px} .pb70 {padding-bottom: 70px} .pb75 {padding-bottom: 75px} .pb80 {padding-bottom: 80px} .pb85 {padding-bottom: 85px} .pb90 {padding-bottom: 90px} .pb95 {padding-bottom: 95px} .pb100 {padding-bottom: 100px} .br1 {border-radius: 1px} .br2 {border-radius: 2px} .br3 {border-radius: 3px} .br4 {border-radius: 4px} .br5 {border-radius: 5px} .br6 {border-radius: 6px} .br7 {border-radius: 7px} .br8 {border-radius: 8px} .br9 {border-radius: 9px} .br10 {border-radius: 10px} .br11 {border-radius: 11px} .br12 {border-radius: 12px} .br13 {border-radius: 13px} .br14 {border-radius: 14px} .br15 {border-radius: 15px} .br16 {border-radius: 16px} .br17 {border-radius: 17px} .br18 {border-radius: 18px} .br19 {border-radius: 19px} .br20 {border-radius: 20px} .br21 {border-radius: 21px} .br22 {border-radius: 22px} .br23 {border-radius: 23px} .br24 {border-radius: 24px} .br25 {border-radius: 25px} .br26 {border-radius: 26px} .br27 {border-radius: 27px} .br28 {border-radius: 28px} .br29 {border-radius: 29px} .br30 {border-radius: 30px} .br31 {border-radius: 31px} .br31 {border-radius: 31px} .br33 {border-radius: 33px} .br34 {border-radius: 34px} .br35 {border-radius: 35px} .br36 {border-radius: 36px} .br37 {border-radius: 37px} .br38 {border-radius: 38px} .br39 {border-radius: 39px} .br40 {border-radius: 40px} .br41 {border-radius: 41px} .br42 {border-radius: 42px} .br43 {border-radius: 43px} .br44 {border-radius: 44px} .br45 {border-radius: 45px} .br46 {border-radius: 46px} .br47 {border-radius: 47px} .br48 {border-radius: 48px} .br49 {border-radius: 49px} .br50 {border-radius: 50px} /* ---------- 1.5 Image Hover Effect ---------- */ .hover_effect { display: block; position: relative; background: none; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .hover_effect:after { font-family: FontAwesome; color: #fff; position: absolute; font-size: 1.6em; text-align: center; line-height: 40px; width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .hover_effect img { display: block; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hover_effect:hover:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; } .hover_effect:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } .hover_effect.h_blue:hover { background: #1dc1f8; } .hover_effect.h_yellow:hover { background:#630d0e; } .hover_effect.h_dark:hover { background: #5e6667; } .hover_effect.h_link:after { content: "\f0c1"; } .hover_effect.h_lightbox:after { content: "\f00e"; } /* ========== 2 GENERAL STYLES ========== */ /* ---------- 2.1 Forms ---------- */ .form-group { margin: 0; } .form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border: 1px solid #000000!important; margin-bottom: 20px; color: #000!important; } .form-control:disabled { background: #f5f5f5 !important; } .form-control select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; text-overflow: ellipsis; } .form-select select::-ms-expand { display: none; } .form_date .datepicker:hover { cursor: pointer; } textarea.form-control { max-width: 100%; } .form-control::-webkit-input-placeholder { color: #b3b3b3; } .form-control:-moz-placeholder { color: #b3b3b3; } .form-control::-moz-placeholder { color: #b3b3b3; } .form-control:-ms-input-placeholder { color: #b3b3b3; } .form-control:focus { border-color: #d4d3d3; box-shadow: none; outline: none; } select:focus::-ms-value { background: transparent; color: #b3b3b3; } .form-control .btn-select, .form-control .btn-select:hover, .form-control .btn-select:focus { background: none !important; outline: none !important; box-shadow: none !important; padding: 4px; font-size: 1em; } .input-group { width: 100%; } label { font-size: 16px; color: #000; letter-spacing: 1px; font-weight: 600; margin-bottom: 10px; } label .label_icon_info { color: #a1b1c1; } .bootstrap-select.btn-group .dropdown-toggle .caret { width: 10px; height: 10px; border: none; } .bootstrap-select.btn-group .dropdown-toggle .caret:before { position: absolute; top: -2px; right: -10px; content: "\f078"; font-family: FontAwesome; font-size: .8em; color: #b3b3b3; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #b3b3b3; } .datepicker-dropdown { box-shadow: 0 6px 12px rgba(0,0,0,.05); } .datepicker-dropdown.datepicker { padding: 15px; border-radius: 2px; border: 1px solid #f5f5f5; } .datepicker-dropdown.datepicker .datepicker-switch { color: #a9a9a9; font-weight: normal; text-transform: uppercase; text-align: center; background: #e4e5e7; border: 1px solid #dadbdd; border-right: 0; border-left: 0; } .datepicker-dropdown.datepicker .datepicker-switch:hover { cursor: pointer; } .datepicker-dropdown.datepicker .prev, .datepicker-dropdown.datepicker .next { padding: 0 !important; margin: 0 !important; text-align: center; width: 30px !important; height: 30px !important; background: #e4e5e7; border: 1px solid #dadbdd; border-radius: 2px; -webkit-transition: .5s; transition: .5s; } .datepicker-dropdown.datepicker .prev:hover, .datepicker-dropdown.datepicker .next:hover { cursor: pointer; background:#630d0e; border-color:#630d0e; color: #fff; } .datepicker-dropdown.datepicker .day { padding: 10px 12px; color: #a1b1c1; background: #f4fafd; border: 1px solid #e7eef1; text-align: center; -webkit-transition: .5s; transition: .5s; } .datepicker-dropdown.datepicker .new.day { background: #fefefe; } .datepicker-dropdown.datepicker .day.disabled { background: #fbf5f5; color: #a1b1c1; border-color: #ede8ea; } .datepicker-dropdown.datepicker .day:hover { cursor: pointer; background: #1dc1f8; border-color: #1dc1f8; color: #fff; } .datepicker-dropdown.datepicker .day.disabled:hover { cursor: not-allowed; background: #fbf5f5; color: #000; border-color: #ede8ea; } .datepicker-dropdown.datepicker .day.today { background: #1dc1f8; color: #fff; } .datepicker-dropdown.datepicker .datepicker-months, .datepicker-dropdown.datepicker .datepicker-years , .datepicker-dropdown.datepicker .datepicker-decades, .datepicker-dropdown.datepicker .datepicker-centuries { max-width: 301px; } .datepicker-dropdown.datepicker .datepicker-months table tr td, .datepicker-dropdown.datepicker .datepicker-years table tr td, .datepicker-dropdown.datepicker .datepicker-decades table tr td, .datepicker-dropdown.datepicker .datepicker-centuries table tr td { padding: 0; padding-top: 10px; } .datepicker-dropdown.datepicker .month, .datepicker-dropdown.datepicker .year, .datepicker-dropdown.datepicker .decade, .datepicker-dropdown.datepicker .century { display: inline-block; width: 50px; padding: 10px 0; color: #a1b1c1; background: #f4fafd; border: 1px solid #e7eef1; text-align: center; -webkit-transition: .5s; transition: .5s; } .datepicker-dropdown.datepicker .month:hover, .datepicker-dropdown.datepicker .year:hover, .datepicker-dropdown.datepicker .decade:hover, .datepicker-dropdown.datepicker .century:hover { background: #1dc1f8; border-color: #1dc1f8; color: #fff; cursor: pointer; } .datepicker-dropdown.datepicker .month.disabled, .datepicker-dropdown.datepicker .year.disabled, .datepicker-dropdown.datepicker .decade.disabled, .datepicker-dropdown.datepicker .century.disabled { background: #fbf5f5; color: #a1b1c1; border-color: #ede8ea; } .datepicker-dropdown.datepicker .month.disabled:hover, .datepicker-dropdown.datepicker .year.disabled:hover, .datepicker-dropdown.datepicker .decade.disabled:hover, .datepicker-dropdown.datepicker .century.disabled:hover { cursor: not-allowed; } .bootstrap-select .dropdown-menu { margin-bottom: 15px; border-radius: 2px; border: 1px solid #f2f2f2; box-shadow: 0 6px 12px rgba(0,0,0,.05); } .bootstrap-select .dropdown-menu li a { color: #a1b1c1; } .bootstrap-select .dropdown-menu .popover-title { padding: 4px 10px !important; background: #e4e5e7; font-size: 1em; text-transform: uppercase; border-bottom: 1px solid #dadbdd; border-radius: 2px 2px 0 0; } /* ---------- 2.2 Buttons ---------- */ button { outline: none; } .button { border: 1px solid; border-radius: 1px; font-size: .9em; padding: 8px 15px; background: #fff; border-color: #e6eff2; color: #a9a9a9; font-weight: 600; letter-spacing: .04em; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; display: inline-block; line-height: 1.82857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button.btn_lg { font-size: 1em; padding: 12px 20px; } .button.btn_sm { font-size: 0.8em; padding: 3px 10px; } .button.btn_xs { font-size: 0.7em; padding: 0px 5px; } .button.btn_blue { background: #630D0E; border-color: #630D0E; color: #fff; } .button.btn_yellow { background: #630D0E; border-color: #630D0E; color: #fff; } .button.btn_gold { background: #c7ba88; border-color: #c7ba88; color: #fff; } .button.btn_dark { background: #5e6667; border-color: #5e6667; color: #fff; } .button:hover, .button:active, .button:focus { background: #fff; border-color: #e6eff2; } .button.btn_blue:hover, .button.btn_blue:active, .button.btn_blue:focus { background: #2c88c0; border-color: #2c88c0; } .button.btn_yellow:hover, .button.btn_yellow:active, .button.btn_yellow:focus { background: #efac14; border-color: #efac14; } .button.btn_gold:hover, .button.btn_gold:active, .button.btn_gold:focus { background: #bcb081; border-color: #bcb081; } .button.btn_dark:hover, .button.btn_dark:active, .button.btn_dark:focus { background: #4f5758; border-color: #4f5758; } .button.btn_lg i { margin-right: 10px; } .button i { margin-right: 10px; } .button.btn_sm i { margin-right: 6px; } .button.btn_xs i { margin-right: 6px; } .button.bb { border-bottom: 2px solid rgba(0, 0, 0, .2)!important; } .btn_full { width: 100% !important; } .btn_load_more { border-radius: 50px; text-align: center; text-transform: uppercase; padding: 21px 40px; padding: 21px 40px; background: #ddbf5e; color: #ffffff; letter-spacing: 1px; border: none; transition: .5s; line-height: 0; background: #f5f5f5; border: 1px solid #eeeeee; color: #a1b1c1; font-weight:700; } .btn_load_more:hover { background: #eeeeee; } .social_media a { background: #ecd9ba; border: 1px solid #E6EFF2; display: inline-block; height: 40px; width: 40px; border-radius: 1px; line-height: 40px; margin: 4px; text-align: center; } .social_media a:hover { color: #fff; } .social_media a:last-child { margin-right: 0; } .social_media .facebook { color: #3b5998; } .social_media .facebook:hover { background: #3b5998; border-color: #3b5998; } .social_media .twitter { color: #4099FF; } .social_media .twitter:hover { background: #4099FF; border-color: #4099ff; } .social_media .googleplus { color: #d34836; } .social_media .googleplus:hover { background: #d34836; border-color: #d34836; } .social_media .pinterest { color: #cb2027; } .social_media .pinterest:hover { background: #cb2027; border-color: #cb2027; } .social_media .linkedin { color: #007bb6; } .social_media .linkedin:hover { background: #007bb6; border-color: #007bb6; } .social_media .youtube { color: #bb0000; } .social_media .youtube:hover { background: #bb0000; border-color: #bb0000; } .social_media .instagram { color: #125688; } .social_media .instagram:hover { background: #125688; border-color: #125688; } .pagination li { float: left; margin-right: 15px; } .pagination li.next_pagination>a, .pagination li.prev_pagination>a { color: #AAA; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled, .pagination li.page_of { color: #a1b1c1; font-weight: 700; display: inline-block; font-size: 13px; line-height: 42px; height: 43px; min-width: 43px; padding: 0 11px; text-align: center; background: #f5f5f5; border: 1px solid #eeeeee; } .pagination li a:hover, .pagination li.active a, .pagination li.next_pagination>a:hover, .pagination li.prev_pagination>a:hover { background: #1dc1f8; border-color: #1dc1f8; color: #FFF; } /* ---------- 2.3 Titles ---------- */ .main_title { position: relative; } .main_title h2 { font-size: 2.2em; font-family: 'Raleway', sans-serif; display: inline-block; position: relative; color:#630d0e; font-weight: 700; line-height: 1.2; letter-spacing: 0.5px; } .main_title.mt_dark h2 { color: #444; } .main_title.mt_blue h2 { color: #1dc1f8; } .main_title.mt_yellow h2 { color: #000; } .main_title.mt_white h2 { color: #fff; } .main_title:after { content: ""; display: block; height: 5px; position: relative; width: 80px; margin: 10px auto; } .main_title.a_left:after { margin-left: 0; } .main_title.a_right:after { margin-right: 0; } .main_title.mt_wave:after { background: url("../images/icons/wave.svg"); opacity: .5; } .main_title.mt_wave.mt_dark:after { background: url("../images/icons/wave_dark.svg"); } .main_title.mt_wave.mt_blue:after { background: url("../images/icons/wave_blue.svg"); } .main_title.mt_wave.mt_yellow:after { background: url("../images/icons/wave_yellow.svg"); } .main_title.mt_wave.mt_white:after { background: url("../images/icons/wave_white.svg"); } .main_description { margin-bottom: 50px; } .main_description { font-size: 16px; line-height: 1.6; } .main_description.a_center { padding: 0 10%; } .main_description.md_white { color: #000; } /* ---------- 2.4 Notification ---------- */ .notification { position: fixed; padding: 8px; bottom: 15px; right: 15px; width: 55px; height: 55px; border-radius: 3px; color: white; opacity: 0; overflow: hidden; -webkit-animation: scale-in .3s ease-out forwards, expand .3s 1.5s ease-out forwards; animation: scale-in .3s ease-out forwards, expand .3s 1.5s ease-out forwards; z-index: 99; } .notification:hover { cursor: pointer; } .notification.success { background: #a7d155; } .notification.error { background: #E34F4F; } .notification .notification-icon { margin-right: 10px; float: left; width: 40px; height: 40px; border-radius: 25px; background: #ce4848; text-align: center; } .notification.error .notification-icon { background: #ce4848; } .notification.success .notification-icon { background: #97bd4f; } .notification .notification-icon i { font-size: 22px; line-height: 40px; color: #f5f5f5; } .notification-text { opacity: 0; font-size: .9em; text-align: left; color: #f5f5f5; letter-spacing: .5px; -webkit-animation: fade-in 1s 1s ease-in forwards; animation: fade-in 1s 1s ease-in forwards; } @-webkit-keyframes scale-in { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes expand { 0% { width: 55px; } 100% { width: 330px; } } @keyframes expand { 0% { width: 55px; } 100% { width: 330px; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .notification.scale-out { opacity: 1; -webkit-animation: collapse .3s ease-in forwards, scale-out .3s 1.5s ease-out forwards; animation: collapse .3s ease-in forwards, scale-out .3s 1.5s ease-out forwards; } .notification.scale-out .notification-text { -webkit-animation: fade-out 1s ease-in forwards; animation: fade-out 1s ease-in forwards; } @-webkit-keyframes collapse { 0% { width: 330px; } 100% { width: 55px; } } @keyframes collapse { 0% { width: 330px; } 100% { width: 55px; } } @-webkit-keyframes scale-out { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes scale-out { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } /* ---------- 2.5 Loader ---------- */ #loading { background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 9999; left: 0; } #loading .inner { width: 100%; height: 100%; position: relative; } .loading_effect { position: absolute; left: 50%; top: 50%; height: 150px; margin-top: -80px; margin-left: -50px; } .loading_effect .object { width: 20px; height: 20px; background-color:#630d0e; float: left; margin-right: 20px; margin-top: 65px; border-radius: 50% 50% 50% 50%; } .loading_effect #object_one { -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; } .loading_effect #object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .loading_effect #object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); } } @keyframes object_one { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); } } @keyframes object_two { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); } } @keyframes object_three { 75% { transform: scale(0); -webkit-transform: scale(0); } } .loading_effect2 { position: absolute; left: 50%; top: 50%; height: 50px; width: 300px; margin-top: -25px; margin-left: -150px; } .loading_effect2 .object { width: 18px; height: 18px; background:#630d0e; float: left; margin-top: 15px; margin-right: 15px; border-radius: 50% 50% 50% 50%; -webkit-animation: loading_effect2 1s infinite; animation: loading_effect2 1s infinite; } .loading_effect2 .object:last-child { margin-right: 0px; } .loading_effect2 .object:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .loading_effect2 .object:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .loading_effect2 .object:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .loading_effect2 .object:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .loading_effect2 .object:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .loading_effect2 .object:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .loading_effect2 .object:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .loading_effect2 .object:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes loading_effect2 { 50% { -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } @keyframes loading_effect2 { 50% { -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } .loading_effect3 { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .loading_effect3 .object { border-radius: 50% 50% 50% 50%; position: absolute; border-top: 5px solid#630d0e; border-bottom: 5px solid transparent; border-left: 5px solid#630d0e; border-right: 5px solid transparent; -webkit-animation: loading_effect3 2s infinite; animation: loading_effect3 2s infinite; } .loading_effect3 #object_one { left: 75px; top: 75px; width: 50px; height: 50px; } .loading_effect3 #object_two { left: 65px; top: 65px; width: 70px; height: 70px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loading_effect3 #object_three { left: 55px; top: 55px; width: 90px; height: 90px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .loading_effect3 #object_four { left: 45px; top: 45px; width: 110px; height: 110px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } @-webkit-keyframes loading_effect3 { 50% { -webkit-transform: rotate(360deg) scale(0.8); transform: rotate(360deg) scale(0.8); } } @keyframes loading_effect3 { 50% { -webkit-transform: rotate(360deg) scale(0.8); transform: rotate(360deg) scale(0.8); } } /* ---------- 2.6 Back to Top ---------- */ #back_to_top { height: 55px; width: 55px; background: #630d0e; border-radius: 3px; right: -100px; bottom: 15px; position: fixed; text-align: center; -webkit-transition: .5s; transition: .5s; z-index: 9; } #back_to_top i { color: #fff; line-height: 55px; font-size: 22px; } #back_to_top:hover, #back_to_top:focus { background: #efac14; box-shadow: 0 5px 10px 0 rgba(35, 50, 56, 0.1); } #back_to_top:hover { cursor: pointer; } #back_to_top.active { right: 15px; } /* ========== 3 TOP MENU ========== */ /* ---------- 3.1 Top Menu ---------- */ .top_menu { width: 100%; position: relative; font-size: 0.9em; } .top_menu { background: #f5f5f5; border-bottom: 1px solid #ededed; color: #a9a9a9; } .top_menu.transparent { background: transparent; position: absolute; z-index: 999; border-bottom: none; top: 20px; color: #fff; } .top_menu.transparent a { color: #fff; } .top_menu.transparent .dropdown-menu a { color: #a9a9a9; } .top_menu.transparent a:hover, .top_menu.transparent a:focus, .top_menu.transparent .dropdown.open a.select { color:#630d0e; } .top_menu .welcome_mssg { padding: 7px 0; float: left; } .top_menu a { color: #a9a9a9; } .top_menu a:hover, .top_menu .dropdown.open a { color: #8e8f8e; } /* ---------- 3.2 Right Menu ---------- */ .top_menu .top_menu_right { padding: 7px 0; float: right; } .top_menu .top_menu_right li { display: inline-block; float: left; padding-left: 30px; } .top_menu .top_menu_right li:first-child { padding-left: 0px; } .top_menu .top_menu_right li i { margin-right: 4px; } /* ---------- 3.3 Language Switcher ---------- */ .top_menu .dropdown .select { padding-bottom: 12px; } .top_menu .dropdown .select .caret { margin-top: 0px; } .top_menu .dropdown .select i { margin-right: 4px; } .boxed .top_menu .dropdown-menu { min-width: 100px; } .top_menu .dropdown-menu { border: none; border-radius: 0px; box-shadow: none; padding: 0; margin: 0; margin-top: 6px; min-width: 110px; margin-left: -10px; } .top_menu .dropdown .dropdown-menu { animation-name: TopMenu; animation-duration: .3s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: TopMenu; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: TopMenu; -moz-animation-duration: .3s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } @keyframes TopMenu { from { opacity: 0; margin-top: 10px; } to { opacity: 1; margin-top: 6px; } } @-webkit-keyframes TopMenu { from { opacity: 0; margin-top: 10px; } to { opacity: 1; margin-top: 6px; } } .top_menu .dropdown-menu { background: #F5F5F5; } .top_menu .dropdown-menu li, .top_menu .dropdown-menu li:first-child { width: 100%; padding: 0; margin: 0; } .top_menu .dropdown-menu li a { padding: 6px 10px; line-height: 1em; color: #a9a9a9; } .top_menu .dropdown-menu li a { border-bottom: 1px solid #fcfcfc; } .top_menu .dropdown-menu li a:hover { background: #ededed; } .top_menu .caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; } /* ========== 4 HEADER ========== */ /* ---------- 4.1 Header ---------- */ header { width: 100%; background: #fff; border-bottom: 1px solid #e6eff2; z-index: 9999; } .mfp-zoom-out-cur header { padding-right: 17px; } header.transparent { background: #ecd9ba; border-bottom: none; z-index: 99; top: 0px; } header.nav_bg { background: #ecd9ba; } header.transparent.fixed { position: absolute; } header.transparent.navbar-fixed-top { position: fixed; } header .nodisplay { display: none; } header.transparent.nav_bg { border-bottom: 1px solid #e6eff2; top: 0; } header .navbar-header .navbar-brand { padding: 15px 0; -webkit-transition: all .3s; transition: all .3s; } .navbar-brand { float: initial !important;} header.scroll .navbar-header .navbar-brand { padding: 20px 0; margin-top: 0px; } /* ---------- 4.2 Mobile Menu ---------- */ header .navbar-header .mobile_menu_btn { margin-right: 0; padding-right: 0; } header .navbar-header .mobile_menu_btn .icon-bar { background: #a1b1c1; position: relative; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } header.transparent .navbar-header .mobile_menu_btn .icon-bar { background: #fff; } header.scroll .navbar-header .mobile_menu_btn .icon-bar { background: #a1b1c1; } header .navbar-header .mobile_menu_btn .icon-bar { display: block; width: 25px; height: 3px; border-radius: 1px; } header .navbar-header .mobile_menu_btn .icon-bar:nth-of-type(2) { top: 0px; } header .navbar-header .mobile_menu_btn .icon-bar:nth-of-type(3) { top: 0px; } header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(1) { top: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(2) { background-color: transparent; } header .navbar-header .mobile_menu_btn.active .icon-bar:nth-of-type(3) { top: -7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* ---------- 4.3 Main Menu ---------- */ #main_menu { float: right; margin: 0; padding: 0; } #main_menu ul { list-style: none; } #main_menu .navbar-nav li a { color: #a1b1c1; font-size: 12px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; padding: 30px 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } #main_menu .navbar-nav li.active a { color:#630d0e; } .transparent #main_menu .navbar-nav li a { color: #000; } .transparent.nav_bg #main_menu .navbar-nav li a { color: #000; } .transparent.nav_bg #main_menu .navbar-nav li.active a.dropdown-toggle, .transparent #main_menu .navbar-nav li.active a.dropdown-toggle { color:#630d0e; } .scroll #main_menu .navbar-nav li a { padding: 20px 10px; } #main_menu .navbar-nav li a { color: #000; } #main_menu .navbar-nav li a:hover, #main_menu .navbar-nav .open .dropdown-toggle, .transparent.nav_bg #main_menu .navbar-nav li a:hover, .transparent.nav_bg #main_menu .navbar-nav .open .dropdown-toggle { color: #630d0e; } #main_menu .navbar-nav .menu_button .button { margin-top: 22px; padding: 8px 16px; color: #fff !important; } #main_menu .navbar-nav .menu_button .button:hover, #main_menu .navbar-nav .menu_button .button:focus, #main_menu .navbar-nav .menu_button .button:active { background: #014524; border-color: #014524; color: #fff !important; } .scroll #main_menu .navbar-nav .menu_button .button { margin-top: 12px; } /* ---------- 4.4 Drop Down Menu ---------- */ #main_menu .navbar-nav .dropdown .dropdown-menu { margin-top: 0px; border-radius: 0; background: #fff; border: 1px solid #e6eff2; border-top: 2px solid #e6eff2; padding: 0; min-width: 200px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } #main_menu .navbar-nav .dropdown .dropdown-menu { animation-name: MainMenu; animation-duration: .3s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: MainMenu; -webkit-animation-duration: .3s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: MainMenu; -moz-animation-duration: .3s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } @keyframes MainMenu { from { opacity: 0; margin-top: 10px; } to { opacity: 1; margin-top: 0px; } } @-webkit-keyframes MainMenu { from { opacity: 0; margin-top: 10px; } to { opacity: 1; margin-top: 0px; } } header #main_menu .navbar-nav .dropdown .dropdown-menu { left: auto; } /* ---------- 4.4.1 Simple Drop Down Menu ---------- */ #main_menu .navbar-nav .simple_menu .dropdown-menu li { width: 100%; background: #fff; border-bottom: 1px solid #EEF2F5; color: #a5b4be; } #main_menu .navbar-nav .simple_menu .dropdown-menu li:hover { background: #fbfbfb; } #main_menu .navbar-nav .simple_menu .dropdown-menu li a { padding: 8px 20px; color: #000000; font-size: 0.9em; font-weight: 500; text-transform: none; } #main_menu .navbar-nav .simple_menu .dropdown-menu li a:hover { color: #79868f; } /* ---------- 4.4.2 Mega Drop Down Menu ---------- */ #main_menu .mega_menu { position: static; padding: 0px; margin: 0px; } #main_menu .navbar-nav .dropdown .dropdown-menu .mega_menu_inner { padding: 20px 30px; } #main_menu .mega_menu .mega_menu_inner ul .list_title { padding: 10px 0; font-size: .9em; color: #a1b1c1; font-weight: 700; text-transform: uppercase; } #main_menu .mega_menu .mega_menu_inner ul li { padding: 5px 0; border-bottom: 1px solid #f5f5f5; } #main_menu .mega_menu .mega_menu_inner ul li a { color: #a1b1bc; padding: 0; text-transform: none; font-weight: 500; } #main_menu .mega_menu .mega_menu_inner ul li a:hover { color: #79868f; } #main_menu .navbar-nav .mega_menu.mega_menu_fullwidth .dropdown-menu { left: 0; right: 0; } #main_menu .navbar-nav .dropdown b.caret, #main_menu .navbar-nav .dropdown b.caret-up { display: none; } /* ========== 5 SECTIONS ========== */ /* ---------- 5.1 Global Sections ---------- */ section { padding-top: 60px; padding-bottom: 80px; overflow: hidden !important; max-width: 100%; } section.white_bg { background: #fff; } section.lightgrey_bg { background: #ecd9ba; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } section.grey_bg { background: #f6f9f8; border-bottom: 1px solid #f5f5f5; } section.blue_bg { background:#ecd9ba; } section .main_title { margin-bottom: 30px; margin-top: 20px; } /* ---------- 5.2 Revolution Slider ---------- */ .rev_slider { overflow-x: hidden !important; } .full_slider { position: relative; margin:0; padding: 0; } .rev_slider { overflow: hidden; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { border: none !important; } .sub_title_bg { font-size: 48px !important; } .sub_title_md { font-size: 32px !important; } .sub_title_sm { font-size: 22px !important; } .sub_title_xs { font-size: 16px !important; } .sub_title_xxs { font-size: 14px !important; } #hero .tp_b_title { margin-bottom: 50px; font-family: 'Raleway', sans-serif; color: #fff; text-transform: uppercase; font-weight: 700; text-shadow: 2px 2px 5px rgba(22, 22, 22, 0.05); } .tp_m_title { color: #ffffff; line-height: 2em; font-family: 'Raleway', sans-serif; } .tp_m_title i { font-size: 1em; margin-right: 5px; } #hero .tp_s_title { font-family: 'Poppins', sans-serif; color: #fff; line-height: 2em; line-height: 2em; font-weight: 400; letter-spacing: 1px; } #hero .f_item .icon_box { float: left; display: inline-block; width: 50px; height: 45px; background:#630d0e; border-radius: 1px 0 0 1px; text-align: center; border-radius: 1px 0 0 1px; } #hero .f_item .icon_box i { color: #fff; font-size: 1.5em; line-height: 50px; } #hero .f_item .icon_box i:before { margin: 0; font-size: 22px; } #hero .f_item .text_box { display: inline-block !important; background: #f2f2f4; height: 45px; width: 220px; border-radius: 0 2px 2px 0; color: #8f99ac; padding: 4px 10px; font-size: 1.1em; line-height: 1.3em; font-family: "Raleway"; font-weight: 500; } #hero .f_item .text_box span { color: #8f99ac; font-family: 'Poppins', sans-serif; font-size: .8em; font-weight: 500; display: block; } .gradient_overlay { position: relative; } .gradient_slider .slotholder:after, .gradient_overlay:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; s } .gradient_overlay.opac8:after{ background: rgba(147, 0, 17, .8); background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(64, 97, 237, 0.8)), color-stop(100%, rgba(86, 20, 147, .5))); background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%); background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%); background: linear-gradient(135deg, rgba(147, 0, 17, .8) 0, rgba(86, 20, 147, .8) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1); } .dotted_overlay:before { content:''; background: url("../images/icons/gridtile.png"); top:0; left:0; position: absolute; width:100%; height:100%; z-index: 3; } /* ---------- 5.3 Rooms ---------- */ .room { background: #fafafa; margin-bottom: 20px; } .room figure { position: relative; } .room figure img { width: 100%; } .room figcaption { padding: 15px 10px; border: 1px solid #f0f2f6; border-top: none; height: 60px; } .room figcaption h4, .room figcaption h5 { display: inline-block; font-weight: 600; } .room figcaption h4 a, .room figcaption h5 a { color: #000; } .room figure .price { position: absolute; top: 0; left: 0; font-size: 1em; text-align: center; padding: 4px 12px; background: #630d0e; border-radius: 0 0 10px 0; color: #fff; z-index: 9; border: 2px solid #fff; border-top: none; border-left: none; } /* ---------- 5.4 Features ---------- */ #features .owl-thumb-item { display: block; width: 100%; background: #fff; margin-bottom: 16px; border-radius: 2px; padding: 9px; -webkit-transition: .2s; transition: .2s; } #features .owl-thumb-item.active { background: #630d0e; color: #fff; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #features .owl-thumb-item.active:before { content: '\f0d9'; font-family: 'FontAwesome'; float: left; margin-left: -14px; margin-top: 22px; font-size: 25px; color:#630d0e; } #features .owl-thumb-item:hover { cursor: pointer; } #features .owl-thumb-item .media { cursor: pointer; padding-bottom: 48px; } #features .owl-thumb-item .media-body h5 { font-weight: 600; color: #000; } #features .owl-thumb-item.active .media-body h5 { color: #fff; } #features .owl-thumb-item .media-body p { font-size: .98em; color: #000; margin: 7px 0; } #features .owl-thumb-item.active .media-body p { color: #fff; } #features .owl-thumb-item .media-left { float: left; margin-right: 10px; margin-top: 10px; display: block; vertical-align: middle; width: 50px; } #features .owl-thumb-item .media-left { color:#630d0e; font-size: 2em; line-height: 2em; text-align: center; margin-left: 14px; } .owl-thumb-item img{ width:50px; } /* ---------- 5.5 Blog ---------- */ #blog .blog_item { background: #ecd9ba; border: 1px solid #ecd9ba; border-radius: 2px; min-height: 200px; margin-bottom: 30px; } #blog .blog_item figure img { width: 100%; } #blog .blog_item .main { padding: 15px; } #blog .blog_item .main h3 a { color: #000; font-size: .8em; font-weight: 600; } #blog .blog_item .main p { color: #000; line-height: 1.7em; } #blog .blog_item .main .info { margin-top: 20px; } #blog { padding-bottom:0; } #blog .blog_item .main .info a { font-size: 9px; font-weight: 700; text-transform: uppercase; color: #98a9b8; } #blog .blog_item .main .info i { margin-left: 10px; margin-right: 4px; } #blog .blog_item .main .info i:first-child { margin-left: 0; } .comments { padding-bottom: 50px; } .comments .comments_text { padding-bottom: 40px; font-weight: 600; color: #98959E; } .comments ol.comments_list li { list-style: none; } .comments .comment-box { background: #ffffff; border: 1px solid #e6eff2; margin-bottom: 20px; padding: 22px; } .comments .trees_number { background: #FFF; border: 1px solid #EEE; color: #C1C1C1; float: right; padding: 0 7px; font-size: 11px; display: none; } .comments .avatar { background: #FFF; border: 1px solid #e6eff2; float: left; margin: 4px 15px 0 4px; padding: 4px; border-radius: 100%; -webkit-transition: all ease 0.30s; transition: all ease 0.30s; } .comments .avatar:hover { border: 1px solid #1dc1f8; } .comments .avatar img { border-radius: 100%; } .comments .comment_content { margin-left: 110px; } .comments .comment_content .reply_link:before { content: "\f112"; font-family: FontAwesome; padding-right: 5px; font-size: 0.8em; } .comments .comment_content .reply_link { float: right; padding: 0px 15px; color: #a9a9a9; border-radius: 2px; font-size: .9em; -webkit-transition: all ease 0.30s; transition: all ease 0.30s; } .comments .author_name { display: inline-block; } .comments .author_name a { float: left; color: #a1b1c1; font-weight: 600; } .comments .author_name a:hover { color:#630d0e; } .comments .comment_info { display: block; } .comments .comment_info a { color: #a9a9a9; font-weight: 600; font-size: .8em; text-transform: uppercase; } .comments .comment_info i { padding-right: 5px; font-size: .8em; color: #a9a9a9; } .comments .children { padding-left: 40px; position: relative; } .comments .comment-form input { display: inline-block; border: 1px solid #E6EFF2; margin-bottom: 40px; box-shadow: none; border-radius: 1px; width: 100%; height: 40px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .comments .comment-form textarea { border: 1px solid #E6EFF2; margin-bottom: 40px; box-shadow: none; border-radius: 1px; width: 100%; height: 140px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } /* ---------- 5.6 Video ---------- */ #video { position: relative; padding: 0; margin: 0; background-image: url(../images/video_bg.jpg); } #video .inner { padding: 100px 0; } #video .video_popup { padding: 100px 0; text-align: center; } #video .video_popup a { position: relative; width: 115px; height: 115px; border-radius: 50%; display: block; background: transparent; border: 6px solid #fff; margin: 0 auto; opacity: .5; text-align: center; z-index: 9; } #video .video_popup a i { color: #fff; margin-left: 8px; font-size: 2.8em; line-height: 2.8em; } #video .video_popup a:after { position: absolute; content: ''; background: transparent; left: 0; top: 0; bottom: 0; right: 0; pointer-events: none; opacity: 0.3; border-radius: 200px; } #video .video_popup a:hover { opacity: 1; -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } #video .video_popup a:hover:after { -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; background: white; } /* ---------- 5.7 Testimonials ---------- */ #testimonials .item { position: relative; margin-top: 35px; background: #fff; border: 1px solid #eee; padding: 20px; border-radius: 2px; text-align: center; } #testimonials .item img { max-width: 80px; margin: 0 auto; border-radius: 50%; } #testimonials .review_content { padding: 15px 0; } #testimonials .review_content .review_rating { text-align: center; } #testimonials .review_content .review_rating i { color:#630d0e; margin: 4px 0; } #testimonials .review_content .review_author { padding-top: 30px; } #testimonials #testimonials_slider .owl-dots { margin-top: 40px; position: relative; text-align: center; } #testimonials #testimonials_slider .owl-dots .owl-dot { display: inline-block; position: relative; margin: 0 8px; } #testimonials #testimonials_slider .owl-dots .owl-dot span { position: absolute; bottom: 0; border-radius: 20px; border: solid 3px; display: block; width: 2px; height: 15px; margin: 5px 7px; -webkit-transition: all .5s ease; transition: all .5s ease; } #testimonials #testimonials_slider .owl-dots .owl-dot.active span, #testimonials #testimonials_slider .owl-dots .owl-dot:hover span { color: #1dc1f8; height: 25px; } /* ---------- 5.8 Testimonials Style 2 ---------- */ #testimonials_style_2 .review_content { background: #fff; border-radius: 4px; margin-bottom: 25px; padding: 20px 30px; position: relative; border: 1px solid #eef1f5; -webkit-transition: all .5s; transition: all .5s; } #testimonials_style_2 .review_item .review_content:after { content: ''; display: block; position: absolute; bottom: -10px; right: 0; left: -115px; margin: 0 auto; width: 20px; height: 20px; background: #FFFFFF; border-right: 1px solid #eef1f5; border-bottom: 1px solid #eef1f5; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } #testimonials_style_2 .review_item .review_content:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 25px 45px rgba(0, 0, 0, .15); } #testimonials_style_2 .review_item .review_content h3 { text-align: center; } #testimonials_style_2 .review_content .review_rating { text-align: center; margin-top: 10px; } #testimonials_style_2 .review_content .review_rating i { margin: 4px 0; color:#630d0e; } #testimonials_style_2 .review_item p { margin: 15px 0; font-weight: 300; } #testimonials_style_2 .review_author { text-align: center; } #testimonials_style_2 .review_author img { display: inline-block; border-radius: 50%; } #testimonials_style_2 .review_item .review_author .author_info { display: inline-block; position: relative; margin-left: 10px; top: 15px; text-align: left; } #testimonials_style_2 .review_author h5 { font-size: 18px; font-weight: 600; margin-top: 20px; } #testimonials_style_2 .review_author .place { font-size: 14px; font-weight: 300; color: #8f939d; display: block; } /* ---------- 5.9 Places ---------- */ #places .places_item { margin-bottom: 30px; position: relative; -webkit-transition: 5; transition: 5; } #places .places_item:after { width: 100%; height: 100%; border-radius: 4px; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(147, 0, 17, .75); background: -moz-liznear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(147, 0, 17, .5)), color-stop(100%, rgba(86, 20, 147, .5))); background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1); } #places .places_item img { width: 100%; border-radius: 4px; } #places .places_item .place_name { position: absolute; bottom: 10px; left: 10px; z-index: 9; } #places .places_item .place_name h2 { color: #fff; font-size: 16px; } /* ---------- 5.10 Location - Contact Us ---------- */ #contact #map-canvas { border: 1px solid #cfd7da; border-radius: 2px; width: 100%; height: 380px; } .contact-items .contact-item { background:#630d0e; border: 1px solid #efac14; padding: 5px; color: #fff; margin-bottom: 8px; border-radius: 1px; } .contact-items .last { margin-right: 0px; } .contact-item h6 { font-size: .9em; color: #fff; letter-spacing: 0.01em; } .contact-item i { float: left; font-size: 1em; color: #ffffff; margin-right: 5px; line-height: .7em; } #contact-form { margin-top: 20px; } #contact .form-control { height: 52px; border-radius: 1px; border: 1px solid #dfdfdf; background-color: #fcfcfc; margin-bottom: 15px; } #contact textarea.form-control { min-height: 128px; } /* ---------- 5.11 Gallery ---------- */ #gallery { overflow: hidden; position: relative; } #gallery .main_title h2 { color: #fff; } #gallery .s_description.a_center { color: #fff; } #gallery_slider .item { margin: 0 15px; border-radius: 2px; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 0.98px 0.02px rgba(0, 0, 0, 0.1); } #gallery_slider .item img { display: block; width: 100%; height: auto; border-radius: 2px; } .gallery_item_info { text-align: center; padding: 15px 0; } .gallery_item_info h4 { font-size: 1.4em; } .gallery_item_info p { font-size: .8em; margin: 0; margin-top: 4px; } #gallery .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } #gallery .owl-theme .owl-controls .owl-dots .owl-dot span { margin: 5px; border-radius: 7px; background-color: rgb(45, 160, 200); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2); width: 14px; height: 14px; } #gallery .owl-theme .owl-controls .owl-dot.active span, #gallery .owl-theme .owl-controls .owl-dot span:hover { background-color: rgb(255, 255, 255); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2); } /* ---------- 5.12 Gallery Style 2 ---------- */ #gallery_style_2 .gs2_item { margin-bottom: 50px; } #gallery_style_2 .gs2_item { box-sizing: border-box; position: relative; } #gallery_style_2 .gs2_item:after { content: ""; display: block; position: absolute; border: 50px solid transparent; border-bottom: 50px solid #fefefe; bottom: -70px; right: -70px; box-shadow: 0px 7px 6px -9px black; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 9; } #gallery_style_2 .gs2_item:before { content: ""; display: block; position: absolute; border: 50px solid transparent; border-top: 50px solid #fefefe; top: -70px; left: -70px; box-shadow: 0px -7px 6px -9px black; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 9; } /* ---------- 5.13 About ---------- */ #about { height: 100%; padding: 10px 20px; border: 5px double #f2f2f2; background: #f7f8f9; } /* ---------- 5.14 About Style 2 ---------- */ #about_style_2 .about_img_1, #about_style_2 .about_img_2 { padding: 0px; margin-top: 25px; display: inline-block; border: 5px solid #fff; border-radius: 50%; overflow: hidden; } #about_style_2 .about_img_2_col { margin-left: -80px; } #about_style_2 .about_img_1 .about_img_inner, #about_style_2 .about_img_2 .about_img_inner { width: 100%; height: 100%; position: relative; border-radius: 50%; overflow: hidden; } #about_style_2 .about_img_1 .about_img_inner img { z-index: 9; } /* ---------- 5.15 Subscribe Form ---------- */ #subscribe { background: url("../images/subscribe_bg.jpg"); } #subscribe .inner { position: relative; padding: 24px 0; z-index: 9; } #subscribe .inner .main_title{ margin-bottom: 10px; } #subscribe .inner .form-group { max-width: 600px; margin: 0 auto; position: relative; } #subscribe .inner .form-control { display: inline-block; float: left; padding: 28px; border-radius: 50px; } #subscribe .inner button { display: inline-block; position: absolute; right: 5px; top: 5px; width: 48px; height: 48px; border-radius: 50%; } #subscribe .inner button i { position: relative; right: 7px; font-size: 1.5em; text-align: center; } /* ========== 6 BOOKING FORMS ========== */ /* ---------- 6.1 Vertical Booking Form ---------- */ .vbf { background-color: #fcfcfc; border-radius: 3px; border: 1px solid #F4F4F4; } .vbf .form_title { background:#ecd9ba; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ededed; text-align: center; letter-spacing: 0.2px; color: #000000; font-size: 22px !important; font-family: 'Raleway', sans-serif; line-height: 1em; font-weight: 700; padding: 12px 0; text-shadow: rgba(255, 255, 255, 0.5) 0px 3px 3px; } .vbf .form_title i { font-size: 0.9em; position: relative; top: -2px; } .vbf .inner { padding: 20px; } .vbf .form-control { font-size: .9em; padding: 6px 10px; border-radius: 1px; height: 42px; border: 1px solid #dfdfdf; color: #b3b3b3; margin-bottom: 15px !important; } .vbf .form-control:focus { border: 1px solid #bcc4c8 !important; } .vbf .form_date { position: relative; overflow: hidden; padding: 0px 0px !important; } .vbf .form_date .form-control { background: none; } .vbf .form_date .form-control:hover { cursor: pointer; } .vbf .button { margin-top: 5px; padding: 9px 20px; display: block; } .vbf .a_b_f { color: #a1b1c1; font-size: 13px; } /* ---------- 6.2 Horizontal Booking Form 1 ---------- */ .hbf { margin-top: -60px; position: relative; z-index: 99; width: 100%; } .hbf .inner { min-height: 120px; background: #fff; border-radius: 2px; padding: 15px 0; border: 1px solid #E6EFF2; border-bottom: 4px solid #E6EFF2; border-top: none; } .hbf .inner { border: none; border-radius: 2px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15); } .hbf .inner .form-control { width: 100%; font-size: 0.9em; padding: 6px 10px; background: transparent; color: #b3b3b3; border: 1px solid #cfd7da; box-shadow: none; border-radius: 1px; height: 42px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .hbf .inner .button { margin-top: 30px; } .hbf .inner .advanced_form_link { text-align: center; margin-top: 5px; } .hbf .inner .advanced_form_link a { font-weight: 400; color: #a1b1c1; font-size: .9em; } .hbf .inner .form_select, .hbf .inner .form_date { position: relative; overflow: hidden; padding: 0px 0px !important; } .hbf .inner .form_select select { width: 100%; outline: none; padding: 6px 12px; margin: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; text-overflow: ellipsis; } .hbf .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before { top: -4px; } .hbf .inner .form_date:after { font-size: 0.9em; position: absolute; display: block; content: "\f073"; top: 50%; right: 0; margin: -6px 8px 0 0; font-family: FontAwesome; line-height: 12px; color: #b3b3b3; } .hbf .inner .form_date .datepicker { width: 100%; outline: none; padding: 6px 12px; margin: 0; } /* ---------- 6.3 Horizontal Booking Form 2 ---------- */ .hbf_2 { position: absolute; bottom: 50px; left: 0; right: 0; } .hbf_2 .inner { min-height: 110px; background: #f7f8f9; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15); border-radius: 2px; padding: 35px 0; } .hbf_2 .inner .form-control { height: 42px; background: #e4e5e7; border: 1px solid #dadbdd; color: #a9a9a9; } .hbf_2 .inner .form-control .btn-select { padding: 10px 12px; } .hbf_2 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before { top: -4px; right: 0; } .hbf_2 .inner .arrival_date .form-control { border-radius: 1px 0 0 1px; } .hbf_2 .inner .departure_date .form-control { border-radius: 0 1px 1px 0; } .hbf_2 .inner .adults .form-control { border-radius: 1px 0 0 1px; } .hbf_2 .inner .children .form-control { border-radius: 0 1px 1px 0; } /* ---------- 6.4 Horizontal Booking Form 3 ---------- */ .hbf_3 { background: #f2f2f4; border-bottom: 1px solid #ededed; position: relative; } .hbf_3 .inner { min-height: 110px; padding: 35px 0; } .hbf_3 .inner .form-control { height: 42px; background: #fff; border: 1px solid #cfd7da; color: #a9a9a9; } .hbf_3 .inner .form-control .btn-select { padding: 10px 12px; } .hbf_3 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before { top: -4px; right: 0; } .hbf_3 .inner .arrival_date .form-control { border-radius: 1px 0 0 1px; } .hbf_3 .inner .departure_date .form-control { border-radius: 0 1px 1px 0; } .hbf_3 .inner .adults .form-control { border-radius: 1px 0 0 1px; } .hbf_3 .inner .children .form-control { border-radius: 0 1px 1px 0; } /* ========== 7 FOOTER ========== */ /* ---------- 7.1 Footer ---------- */ footer { border-top: 1px solid #f5f5f5; background-color: #ecd9ba; color: #777777; } footer.dark { background-color: #272727; border-top-color: #272727; color: #aaa; } footer .inner { padding-top: 50px; padding-bottom: 30px; } footer .inner { border-bottom: 1px solid #f5f5f5; } footer.dark .inner { border-bottom: none; } /* ---------- 7.2 Footer Widgets ---------- */ footer .widget { padding-bottom: 20px; } footer .widget h5 { color: #000; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; padding: 10px 0; } footer.dark .widget h5 { color: #fff; } footer .widget a { color: #000; } footer .widget a:hover { color: #1dc1f8; } footer .about p { margin-top: 8px; color:#000; } footer .logo { } footer .blog_posts, footer .useful_links, address { padding-top: 15px; } footer ul { list-style: none; color:#000; } footer li { border-bottom: 1px dotted rgba(228, 228, 228, 0.5); } footer.dark li { border-bottom: 1px dotted rgba(0, 0, 0, 0.3); } footer .blog_posts li { padding: 8px 0; } footer .blog_posts li small { color: #acbac4; display: block; padding-top: 4px; } footer .useful_links li { padding: 6.1px 0; } footer .useful_links li a:before { font-family: FontAwesome; content: "\f0da"; margin-right: 12px; color: #acbac4; display: block; float: left; font-size: 0.8em; line-height: 1.8em; } footer .useful_links li a:hover:before { color: #1dc1f8; } footer .address_details li { padding: 6px 0; color: #000; } footer .address_details li i { margin-right: 12px; font-size: 1em; color: #630D0E; } /* ---------- 7.3 Subfooter ---------- */ footer .subfooter { padding: 12px 0; background: #000; } footer.dark .subfooter { background: #222; color: #aaa; } footer .copyrights { line-height: 3em; color: #fff; } footer .subfooter .social_media { float: right; padding: 2px 0; } footer .subfooter .social_media a { background: #f4f4f4; width: 30px; height: 30px; border-radius: 2px; line-height: 30px; border: none; } footer.dark .subfooter .social_media a { border: none; color: #aaa; } /* ========== 8 PAGES ========== */ /* ---------- 8.1 Page Title ---------- */ .page_title { position: relative; padding: 150px 0 40px; background-repeat: no-repeat; background-size: cover; } .page_title .inner { position: relative; z-index: 9; } .page_title h1 { color: #fff; font-size: 2.6em; font-weight: 400; display: inline-block; } .page_title .price { float: right; width: 70px; height: 70px; margin-top: 10px; border-radius: 4px; background: rgba(255,182,0,0.3); } .page_title .price .inner { margin: -5px; background-color:#630d0e; width: 70px; height: 70px; border-radius: 4px; font-size: 1.5em; text-align: center; padding: 10px 8px; color: #ffffff; font-weight: 400; } .page_title .price span { display: block; font-size: 12px; } .page_title .breadcrumb { font-size: .9em; background: none; color: #a9a9a9; margin: 0; padding: 0; } .page_title .breadcrumb li { padding: 5px 0px; color: #fff; } .page_title .breadcrumb li:after { content: '/'; padding: 0px 10px 0px 16px; color: #fff; } .page_title .breadcrumb li:before { display: none; } .page_title .breadcrumb li:last-child { padding: 5px 5px; border-radius: 2px; color:#630d0e; } .page_title .breadcrumb li:last-child:after { display: none; } .page_title .breadcrumb a { color: #fff; } /* ---------- 8.2 Sidebar ---------- */ .sidebar .widget { margin-bottom: 30px; } .sidebar .widget h4 { font-size: 1.2em; color: #585858; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; word-spacing: 1px; position: relative; padding-left: 35px; } .sidebar .widget h4:before { background: #1DC1F8; width: 18px; height: 18px; border-radius: 2px; content: "\f105"; font-family: FontAwesome; color: #FFF; font-size: 0.6em; line-height: 1.7em; vertical-align: middle; text-align: center; position: absolute; top: 1px; left: 0; } .sidebar .widget .search { height: 40px; position: relative; } .sidebar .widget .search input { background: #FFF; border: 1px solid #E5E5E5; color: #888; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 10px; width: 100%; outline: none; } .sidebar .widget .search button { background: none; border: none; color:#630d0e; float: left; right: 0; font-size: 14px; height: 40px; line-height: 38px; min-width: 40px; position: absolute; vertical-align: bottom; } .sidebar .widget .search button:after { background:#630d0e; content: ""; height: 50%; left: 0; position: absolute; top: 25%; width: 1px; } .sidebar .widget .categories li, .sidebar .widget .archive li { border-bottom: 1px dotted #E5E5E5; list-style: none; padding: 7px 0; } .sidebar .widget .categories li a, .sidebar .widget .archive li a { color: #a1b1c1; display: list-item; font-size: 1em; font-weight: 600; } .sidebar .widget .categories li a:hover, .sidebar .widget .archive li a:hover { color: #1dc1f8; } .sidebar .widget .categories li .num_posts, .sidebar .widget .archive li .num_posts { width: 30px; float: right; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #FFF; text-align: center; white-space: nowrap; vertical-align: baseline; background:#630d0e; border-radius: 10px; margin-top: 5px; -webkit-transition: all .3s ease; transition: all .3s ease; } .sidebar .widget .categories a:hover .num_posts, .sidebar .widget .archive a:hover .num_posts { background: #1dc1f8; } .sidebar .widget .latest_posts .latest_post { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; border-bottom: 1px dotted #e5e5e5; } .sidebar .widget .latest_posts .latest_post figure { display: inline-block; } .sidebar .widget .latest_posts .latest_post .details { display: inline-block; margin-left: 10px; } .sidebar .widget .latest_posts .latest_post .details h6 a { color: #a1b1c1; font-weight: 600; } .sidebar .widget .latest_posts .latest_post .details h6 a:hover { color: #1dc1f8; } .sidebar .widget .latest_posts .latest_post .details span { display: block; font-size: .85em; margin-top: 10px; color: #a9a9a9; } .sidebar .widget .latest_posts .latest_post .details span i { margin-right: 5px; font-size: .8em; } .sidebar .widget .tagcloud a { margin-bottom: 5px; margin-right: 5px; float: left; } .sidebar .widget .tagcloud a .tag { background: #a1b1c1; color: #FFF; display: inline-block; font-size: .8em; font-weight: 500; letter-spacing: 1px; padding: 6px 10px; text-transform: uppercase; } .sidebar .widget .tagcloud .num { background:#630d0e; display: inline-block; font-size: .8em; padding: 6px 10px; color: #FFF; position: relative; margin-left: -2px; } .sidebar .widget .tagcloud .num:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #a1b1c1; border-style: solid; border-width: 4px; content: ""; display: block; left: 0; position: absolute; top: 10px; } .help { background: #f7eecd; border: 5px double #d2c38f; color: #ada277; padding: 15px; position: relative; } .help a { color: #ada277; } .help .phone, .help .email { font-size: .9em; margin: 10px 0; } .help .phone i, .help .email i { margin-right: 10px; } /* ---------- 8.3 404 ---------- */ #error404_page { min-height: 600px; padding-top: 50px; } #error404_page .error_number { font-size: 150px; text-align: center; font-weight: 600; color: #1dc1f8; line-height: 1.5; } /* ---------- 8.4 404 Style 2 ---------- */ #error404_fullscreen_page { height: 100%; background: url("../images/404_bg.jpg"); background-size: cover; background-position: center center; padding: 0; } #error404_fullscreen_page .inner { position: relative; top: 18%; z-index: 9; } #error404_fullscreen_page .error_number { font-size: 200px; text-align: center; font-weight: 600; color: #fff; line-height: 1.5; opacity: .3; } #error404_fullscreen_page .content_title .c_inner .c_title { color: #fff; } #error404_fullscreen_page .or { margin: 0 10px; color: #fff; } #error404_fullscreen_page .social_media a, #error404_fullscreen_page .button, #error404_fullscreen_page .or { margin-bottom: 10px; } /* ---------- 8.5 About Us ---------- */ #about_us_page .about_img { margin-top: 5px; position: relative; } #about_us_page .about_img .img1 { border-radius: 4px; opacity: .3; } #about_us_page .about_img .img2 { position: absolute; top: 0; margin: -5px; border-radius: 4px; } /* ---------- 8.6 Blog ---------- */ .blog .blog_list { margin-bottom: 50px; border-bottom: 3px double #F5F5F5; } .blog .blog_list .details { margin: 30px 0; } .blog .blog_list .details h2 a { font-size: 1.3em; color: #585858; font-weight: 600; } .blog .blog_list .details h2 a:hover { color: #1dc1f8; } .blog .blog_list .details .info { margin-top: 10px; margin-bottom: 25px; } .blog .blog_list .details .info .meta_part { display: inline-block; margin-bottom: 10px; margin-right: 25px; } .blog .blog_list .details .info .meta_part a { color: #a9a9a9; text-transform: uppercase; } .blog .blog_list .details .info .meta_part a:hover { color: #a9a9a9; } .blog .blog_list .details .info .meta_part i { margin-right: 5px; color: #a9a9a9; } .blog .blog_list .details p { font-size: 1em; line-height: 1.6; } .blog .blog_list .details .button { margin: 10px 0; } .blog_post .details { margin: 30px 0; } .blog_post .details h2 a { font-size: 1.3em; color: #585858; font-weight: 600; } .blog_post .details h2 a:hover { color: #1dc1f8; } .blog_post .details .info { margin-top: 10px; margin-bottom: 25px; } .blog_post .details .info .meta_part { display: inline-block; margin-bottom: 10px; margin-right: 25px; } .blog_post .details .info .meta_part a { color: #a9a9a9; text-transform: uppercase; } .blog_post .details .info .meta_part a:hover { color: #a9a9a9; } .blog_post .details .info .meta_part i { margin-right: 5px; color: #a9a9a9; } .blog_post .details p { font-size: 1em; line-height: 1.6; } .blog_post .details .meta_post { margin: 50px 0; } .blog_post .details .meta_post span { margin-right: 10px; } .blog_post .details .tags { display: inline-block; margin-bottom: 15px; padding-top: 15px; } .blog_post .details .tags a { background:#630d0e; color: #FFF; display: inline-block; font-size: 12px; margin: 0 5px 5px 0; padding: 2px 12px; text-transform: uppercase; -webkit-transition: all ease 0.30s; transition: all ease 0.30s; } .blog_post .details .tags a:hover { background: #1dc1f8; } .blog_post .details .meta_post .tags span i { margin-right: 5px; } .blog_post .details .share { display: inline-block; float: right; margin-bottom: 15px; } .blog_post .details .meta_post .share span i { margin-right: 5px; } .blog_post .details .share .social_media { display: inline-block; } /* ---------- 8.7 Booking Form ---------- */ #booking_form_advanced { margin-top: 20px; } #booking_form_advanced .form-group { padding-bottom: 30px; position: relative; } #booking_form_advanced .form-control { height: 52px; border-radius: 0px; border: 1px solid #dfdfdf; background-color: #fcfcfc; box-shadow: none; } #booking_form_advanced textarea.form-control { height: 152px; } #booking_form_advanced .form-control .btn-select { padding: 15px 12px; } #booking_form_advanced .bootstrap-select.btn-group .dropdown-toggle .caret:before { top: -4px; right: 0; } #booking_form_advanced .form_date:after { position: absolute; display: block; content: "\f073"; top: 50%; right: 0; margin: -6px 8px 0 0; font-family: FontAwesome; line-height: 12px; color: #b3b3b3; } #booking_form_advanced .form_date .datepicker { width: 100%; outline: none; padding: 6px 12px; margin: 0; } /* ---------- 8.8 Coming Soon ---------- */ #hero_coming_soon { margin: 0; padding: 0; } #hero_coming_soon #countdown { margin-top: 50px; } #hero_coming_soon #countdown .count_box:first-child { margin-left: 5px; } #hero_coming_soon #countdown .count_box { display: inline-block; margin-right: 80px; width: 80px; height: 80px; margin-top: 10px; border-radius: 4px; background: rgba(255,182,0,0.3); } #hero_coming_soon #countdown .count_box .inner { background:#630d0e; width: 80px; height: 80px; border-radius: 4px; text-align: center; padding-top: 25px; margin: -5px; } #hero_coming_soon #countdown .count_box .count_number { display: block; color: #fff; font-size: 3em; font-weight: 500; } #hero_coming_soon #countdown .count_box .count_text { margin-top: 15px; text-align: center; color: #fff; font-weight: 300; font-size: 1em; text-transform: uppercase; } #hero_coming_soon #subscribe_form { position: relative; } #hero_coming_soon .form-control { padding: 28px; border-radius: 50px; } #hero_coming_soon button { display: inline-block; position: absolute; right: 5px; top: 5px; width: 48px; height: 48px; border-radius: 50%; } #hero_coming_soon button i { position: relative; right: 7px; font-size: 1.5em; text-align: center; } .countup_box { display: inline-block; width: 100%; height: 100px; margin-top: 50px; margin-bottom: 50px; border-radius: 4px; background: rgba(255,182,0,0.3); } .countup_box .inner { background:#630d0e; width: 100%; height: 100%; border-radius: 4px; text-align: center; padding-top: 20px; margin: -5px; } .countup_box .inner .number { font-size: 2em; color: #fff; } .countup_box .inner .text { font-size: .9em; text-transform: uppercase; color: #fff; } /* ---------- 8.9 Contact ---------- */ #map { padding: 0; } #map #google-map { position: absolute; margin-top: 20px; left: 50%; margin-left: -80px; z-index: 5; } #map #map-canvas { width: 100%; height: 400px; } #google-map .openmap-btn { position: relative; top: 100px; background: #fff; border: none; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; } #google-map .openmap-btn:hover { background-color: rgb(247, 247, 247); } #contact-form-page { margin-top: 30px; } #contact-form-page .form-control { height: 52px; border-radius: 1px; border: 1px solid #dfdfdf; background-color: #fcfcfc; } #contact-form-page .form-group { padding-bottom: 30px; } #contact-form-page .form-group textarea { height: 135px; } #contact_page .contact-info, #contact_page_style_2 .contact-info { list-style: none; } #contact_page .contact-info li, #contact_page_style_2 .contact-info li { padding: 8px 0; font-weight: 700; color:#000; } #contact_page .contact-info li span, #contact_page_style_2 .contact-info li span { display: block; font-size: 1em; color:#630d0e; font-weight: 900; margin-bottom: 10px; } #contact_page .contact-info .social-media, #contact_page_style_2 .contact-info .social-media { padding-top: 30px; } #contact_page .contact-info .social-media i, #contact_page_style_2 .contact-info .social-media i { background-color: #fff; -webkit-transition: all ease 0.45s; transition: all ease 0.45s; width: 35px; height: 35px; line-height: 2.6em; color: #8a959e; border-bottom: 1px solid #8A959E; } #contact_page .contact-info .social-media i:hover, #contact_page_style_2 .contact-info .social-media i:hover { color: #ffffff; -webkit-transition: all ease 0.45s; transition: all ease 0.45s; } #contact_page_style_2 #map-canvas { width: 100%; height: 168px; } #contact_page_style_2 .contact-info { padding-top: 0px !important; } /* ---------- 8.10 Events ---------- */ #events_page .item { margin-bottom: 30px; background: #f5f5f5; border: 1px solid #eeeeee; border-radius: 1px; } #events_page .item .time-from { color: #ffb606; text-align: center; padding-top: 55px; padding-left: 15px; } #events_page .item .time-from .date { font-size: 72px; font-weight: 700; line-height: 73px; margin-top: 0; } #events_page .item .time-from .month { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 25px; } #events_page .item .image img { width: 100%; } #events_page .item .event-wrapper { color: #999; padding: 20px; position: relative; } #events_page .item .event-wrapper h5 { margin-top: 10px; margin-bottom: 20px; } #events_page .item .event-wrapper h5 a { font-size: 1.2em; color: #a1b1c1; } #events_page .item .event-wrapper .meta { text-transform: uppercase; font-weight: 700; font-size: 13px; color: #999; line-height: 25px; } #events_page .item .event-wrapper .meta .time, #events_page .item .event-wrapper .meta .location { display: inline-block; background: #eee; margin-bottom: 10px; padding: 4px 10px; border-radius: 20px; border: 1px solid #e9e8e7; margin-right: 10px; font-size: .9em; } #events_page .item .event-wrapper .meta .time i, #events_page .item .event-wrapper .meta .location i { margin-right: 5px; } #events_page .item .event-wrapper .description { margin-top: 25px; } #hero_event #countdown .count_box { padding: 10px 60px; display: inline-block; margin: 0 40px; text-align: center; border: 1px solid #fff; border-bottom: none; } #hero_event #countdown .count_box .count_number { display: block; color: #fff; font-size: 1.8em; font-weight: 500; } #hero_event #countdown .count_box .count_text { text-align: center; margin-top: 10px; color: #fff; font-weight: 500; font-size: 1em; text-transform: uppercase; } /* ---------- 8.11 Gallery ---------- */ #gallery_page_style_2 figure { box-sizing: border-box; position: relative; margin-bottom: 30px; } #gallery_page_style_2 figure:before { content: ""; display: block; position: absolute; border: 50px solid transparent; border-top: 50px solid #fefefe; top: -70px; left: -70px; box-shadow: 0px -7px 6px -9px black; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 9; } #gallery_page_style_2 figure:after { content: ""; display: block; position: absolute; border: 50px solid transparent; border-bottom: 50px solid #fefefe; bottom: -70px; right: -70px; box-shadow: 0px 7px 6px -9px black; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 9; } .grid_filters { float: left; margin-bottom: 40px; } .grid_filters .button { cursor: pointer; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .grid_filters .button.active { background: #2c88c0; border: 1px solid #2c88c0; } .gallery_items figure { margin-bottom: 30px; } .gallery_items figure figcaption { padding: 15px; text-align: center; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } .gallery_items figure figcaption h4 { font-size: 1.2em; color: #a1b1c1; } .gallery_items figure figcaption span { display: block; font-size: 0.8em; color: #acbac4; margin-top: 5px; } /* ---------- 8.12 Location ---------- */ #location { margin: 0; padding: 0; } #location #map-canvas { width: 100%; height: 474px; } /* ---------- 8.13 Our Staff ---------- */ #our_staff_page .item { padding: 15px; background: #fafafa; border: 1px solid #f0f2f6; border-radius: 3px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #our_staff_page .item h5 { padding-top: 20px; text-align: center; } #our_staff_page .item h5 small { text-align: center; display: block; font-size: .7em; padding-top: 10px; } #our_staff_page .item { margin-bottom: 30px; } #our_staff_page .item p { text-align: center; } #our_staff_page .item img { width: 100%; } #our_staff_page .item .social-media { text-align: center; margin-top: 15px; } #our_staff_page .item .social-media a i { margin: 5px; background: #eeeeee; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; border: 1px solid #e9e8e7; color: #a1b1c1; } /* ---------- 8.14 Places ---------- */ #places_page .places_item { margin-bottom: 30px; position: relative; -webkit-transition: 5; transition: 5; } #places_page .places_item:after { width: 100%; height: 100%; border-radius: 4px; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(147, 0, 17, .75); background: -moz-liznear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(147, 0, 17, .5)), color-stop(100%, rgba(86, 20, 147, .5))); background: -webkit-linear-gradient(145deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); background: -webkit-linear-gradient(315deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); background: linear-gradient(135deg, rgba(147, 0, 17, .5) 0, rgba(86, 20, 147, .5) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#930011', endColorstr='#561493', GradientType=1); } #places_page .places_item img { border-radius: 4px; width: 100%; } #places_page .places_item .place_name { position: absolute; bottom: 10px; left: 10px; z-index: 9; } #places_page .places_item .place_name h2 { color: #fff; font-size: 16px; } /* ---------- 8.15 Restaurant ---------- */ #restaurant_page .restaurant_img { padding-bottom: 10px; } #restaurant_page .restaurant_img img { border-radius: 5px; } .menu_item { margin-bottom: 60px; border: 1px solid #f5f5f5; } .menu_item .info p { margin-top: 2px; } .menu_item .title { position: relative; padding-top: 17px; padding-bottom: 15px; overflow: hidden; font-size: 1.2em; font-weight: 900; text-transform: uppercase; } .menu_item .title a.name { position: relative; z-index: 2; overflow: hidden; background-color: #fff; padding-right: 5px; } .menu_item .title span.price { color:#630d0e; } .menu_item .title span.price:before { content: ""; display: block; height: 1px; position: absolute; left: 20px; right: 20px; top: 34px; border-bottom: 2px dotted #f5f5f5; } .menu_item .title span.price span.amount { position: absolute; right: 15px; padding-left: 8px; background: #fff; z-index: 2; } /* ---------- 8.16 Rooms List View ---------- */ .room_list { background: #ecd9ba; margin-bottom: 50px; border: 1px solid #eeeeee; border-radius: 1px; } .room_list img { width: 100%; } .room_list .room_list_slider .item img { display: block; width: 100%; height: 100%; } .room_list_slider .owl-nav { text-align: center; margin-top: 0; position: absolute; top: 40%; width: 100%; } .room_list_slider .owl-nav .owl-prev, .room_list_slider .owl-nav .owl-next { background: #1dc1f8; color: #fff; margin: 0; padding: 10px; opacity: 1; font-size: 2em; -webkit-transition: .3s; transition: .3s; opacity: .5; } figure:hover .room_list_slider .owl-nav .owl-prev, figure:hover .room_list_slider .owl-nav .owl-next { opacity: 1; } .room_list_slider .owl-nav div:hover { background: #2c88c0; } .room_list_slider .owl-nav .owl-prev { float: left; border-radius: 0px 2px 2px 0px; } .room_list_slider .owl-nav .owl-next { float: right; border-radius: 2px 0px 0px 2px; } .room_list .room_details .room_desc { padding: 15px 0; } .room_list .room_details .room_desc h3 a { font-family: 'Raleway', sans-serif; color: #000; font-weight: 400; font-size: 1.2em; } .room_list .room_details .room_desc p { color: #000; padding-top: 10px; } .room_list .room_details .room_services { padding-top: 30px; } .room_list .room_details .room_services i { background:#630d0e; padding: 5px 14px; font-size: 1.2em; color: #fff; margin: 5px; border: 1px solid #efac14; border-radius: 2px; cursor: pointer; } .room_list .room_details .room_services i:hover { background: #efac14; } .room_list .room_price { text-align: center; background: #eee; border-left: 1px solid #e9e8e7; } .room_list .room_price .room_price_inner { padding-top: 36px; padding-bottom: 37px; } .room_list .room_price .room_price_number { font-size: 2em; color: #8a959e; } .room_list .room_price small { font-size: 1em; color: #aaafb2; display: block; padding-top: 10px; } .room_list .room_price .button { clear: both; display: block; position: relative; margin-top: 50px; } /* ---------- 8.17 Rooms Grid View ---------- */ #rooms_grid .room_grid_item { background: #f5f5f5; margin-bottom: 50px; border: 1px solid #eeeeee; border-radius: 1px; } #rooms_grid .room_grid_item .room_info { padding: 10px; } #rooms_grid .room_grid_item .room_info .room_services { text-align: center; } #rooms_grid .room_grid_item .room_info .room_services i { background:#630d0e; padding: 5px 14px; font-size: 1.2em; color: #fff; margin: 5px; border: 1px solid #efac14; border-radius: 2px; cursor: pointer; } #rooms_grid .room_grid_item .room_info .room_services i:hover { background: #efac14; } #rooms_grid .room_grid_item .room_info h3 { line-height: 2em; float: left; } #rooms_grid .room_grid_item .room_info h3 a { font-family: 'Raleway', sans-serif; color: #a1b1c1; font-weight: 400; font-size: 1em; } #rooms_grid .room_grid_item .room_info span { float: right; margin-top: 8px; background: #eeeeee; font-size: .9em; padding: 4px 8px; border-radius: 20px; border: 1px solid #e9e8e7; } #rooms_grid .room_grid_item .room_info p { clear: both; } /* ---------- 8.18 Rooms Block View ---------- */ #rooms_block_view .room_block_item { background: #f5f5f5; margin-bottom: 50px; border: 1px solid #eeeeee; border-radius: 1px; } #rooms_block_view .room_block_item .room_info { padding: 10px 0; } #rooms_block_view .room_block_item .room_info h3 { float: left; } #rooms_block_view .room_block_item .room_info h3 a { color: #a1b1c1; font-weight: 400; font-size: 1em; } #rooms_block_view .room_block_item .room_info span { float: right; margin-top: 0px; margin-right: 6px; background: #eeeeee; padding: 4px 8px; border-radius: 20px; border: 1px solid #e9e8e7; } #rooms_block_view .room_block_item .room_info p { clear: both; padding-top: 10px; } #rooms_block_view .room_block_item .room_info .room_services i { background:#630d0e; padding: 5px 10px; font-size: 1em; color: #fff; margin-right: 10px; border: 1px solid #efac14; border-radius: 2px; cursor: pointer; } /* ---------- 8.19 Room Details ---------- */ #room_page .slider #slider-larg { padding: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; } #room_page .slider #thumbs { margin-top: 15px; } #room_page .slider #thumbs .owl-item .item { overflow: hidden; position: relative; cursor: pointer; border: 1px solid #f1f1f1; padding: 3px; margin: 2px; border-radius: 1px; -webkit-transition: .3s; transition: .3s; } #room_page .slider #thumbs .owl-item.active-item .item { border: 1px solid #a1b1c1; } #room_page .slider #thumbs .owl-item .item img {} #room_page .slider #thumbs .owl-item .item img:hover { opacity: .8; } .room_facilitys_list { margin-top: 5px; padding-bottom: 10px; } .room_facilitys_list h2 span { float: right; } .room_facilitys_list h2 span span { text-transform: none; } .all_facility_list { overflow: hidden; width: 100%; border-top: none; } .all_facility_list ul li { color: #000; margin-bottom: 15px; } .all_facility_list ul li i { color: #82B73A; margin-right: 8px; } .all_facility_list ul .no i { color: #F1572F !important; } .single_room_details > p { font-size: 17px; line-height: 30px; margin-top: 20px; } .similar_rooms { margin-top: 50px; } .similar_rooms article figure { position: relative; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .similar_rooms article figure img { border-radius: 2px; } .similar_rooms article figcaption { padding: 10px; background: #fff; } .similar_rooms article figcaption h4 a { font-size: 1em; color: #a1b1c1; display: inline-block; font-size: 1.8rem; font-weight: 500; margin-bottom: 15px; margin: 0; -webkit-transition: .3s; transition: .3s; } .similar_rooms article figcaption h4 a:hover { color: #1dc1f8; } .similar_rooms article .price { background:#630d0e; width: 50px; height: 50px; border-radius: 4px; color: #fff; position: absolute; top: 10px; right: 10px; font-size: 1em; font-weight: 600; line-height: 1em; padding: 10px 0; text-align: center; text-transform: uppercase; } .similar_rooms article .price span { display: block; font-size: .7em; } #icons .col-md-3 { display: block; color: #a1b1c1; line-height: 32px; height: 32px; } #icons .col-md-3 i { color: #a1b1c1; } #icons .col-md-3 i { padding-right: 10px; } .buttons_block { margin-bottom: 80px; } .buttons_block button { margin-top: 20px; display: block; } .buttons_block .social_media { margin-top: 50px; } #page_titles_page .page_title { margin-bottom: 80px; } .block { margin: 40px 0; } .block:first-child { margin-top: 0; } #width1.booked-wzs-250-175, #width2.booked-wzs-250-175, #width3.booked-wzs-250-175, #width4.booked-wzs-250-175{ float: left; } .tarifinfo { width: 80%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 50px; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 15px; } .tarifinfo th { background: #630d0e; text-align: center; font-size: 16px; color: #000; } .tarifinfo th{ padding: 10px; color:#FFF; } .tarifinfo td { padding: 10px; color:#000; } .navbar-brand>img { display: block; margin-top: 15px; } #rooms { padding-top:20px; padding-bottom:20px; } .navbar-fixed-top ul{ margin-top: 3px; } .navbar-fixed-top .navbar-brand>img{ margin-top: 0px; } .activity { padding:50px 0; } .activities { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding:20px; margin-bottom:20px; } .activities p{ text-align:justify; } .activities img{ width:100%; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings