File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/citycentaur.com/assets/css/style.css

Back
/-------Default settings-----------/ body{ margin: 0px; padding: 0px; font-size: 18px; font-family: 'Josefin Sans',sans-serif; color: #8e8e8e; } ul,ol{ list-style: none; margin: 0px; padding: 0px; } input, select, textarea{ outline: none; } /----Typhography------/ a, a:hover{ text-decoration: none; } a:focus{ outline: 0px; text-decoration: none; } @font-face { font-family: 'oswald'; src: url('../assets/css/fonts/timeburnerbold.ttf'); } @font-face { font-family: 'oswald'; src: url('../assets/css/fonts/timeburnernormal.ttf'); } h1, h2, h3, h4, h5, h6, p, a{ margin: 0px; padding: 0px; } h1{ font-size: 52px; color: #fafafa; font-weight: 700; } h2{ font-size: 35px; font-family: 'Josefin Sans',sans-serif; font-weight: 700; color: #333; } h3{ font-size: 30px; font-family: 'Josefin Sans',sans-serif; font-weight: 700; color: #333; } h4{ font-size: 30px; font-family: 'Josefin Sans',sans-serif; font-weight: 700; color: #333; } h5{ font-size: 20px; font-family: 'Josefin Sans',sans-serif; font-weight: 700; color: #333; } .slider_pararph1{ font-family: 'Josefin Sans', sans-serif; font-size: 20px; color: #fafafa; font-weight: 400; } .default_paragraph{ font-size: 18px; font-family: 'Josefin Sans',sans-serif; color: #8e8e8e; } .upper_case{ text-transform: uppercase; } /----Scrollbar css-----/ /--------ScrollBar----------------/ body::-webkit-scrollbar{ width: 8px; height: 8px; } body::-webkit-scrollbar-thumb { cursor: pointer; background: #ed5555; } /----Alignment classes------/ .low_opacity1 { opacity: 0.2; } .border1{ border-top: 1px solid #ededed; } .border1_btm{ border-bottom: 1px solid #ededed; } .section_padding1{ padding-top: 50px; padding-bottom: 50px; } .section_padding2{ padding-top: 30px; padding-bottom: 30px; } .section_padding3{ /padding-top: 50px; padding-bottom: 0px;/ padding-top: 117px; padding-bottom: 117px; } .section_padding3_top{ padding-top: 30px; } .pb_10{ padding-bottom: 10px; } .section_padding4{ padding-top: 45px; padding-bottom: 65px; } .section_padding5{ padding-top: 100px; padding-bottom: 100px; } .section_padding6{ padding-top: 80px; padding-bottom: 80px; } .section_padding7_btm{ padding-bottom: 30px; } .section_padding8_tp{ padding-top: 90px; } .section_padding9{ padding-top: 70px; padding-bottom: 70px; } .section_padding10{ padding-top: 40px; padding-bottom: 40px; } .section_padding11_top{ padding-top: 70px; } .section_padding10_tp{ padding-top: 40px; } .section_padding10_btm{ padding-bottom: 40px; } .pt_50{ padding-top: 50px; } .pb_50{ padding-bottom: 50px; } .pt_103{ padding-top: 100px; } .pt_120{ padding-top: 120px; } .pb_120{ padding-bottom: 120px; } .pb_110{ padding-bottom: 110px; } .align_center{ text-align: center; } .align_right{ text-align: right; } .align_middle{ display: inline-block; float: none; margin-right: -4px; vertical-align: middle; } .no_margin_top_bottom{ margin-top: 0; margin-bottom: 0; } .no_padding_left_right{ padding-left: 0; padding-right: 0; } .no_margin_left_right{ margin-left: 0; margin-right: 0; } /------All transition------/ .main_menu > ul > li > a, .toolbar_content > ul > li a, .toolbar_content > ul > li > a, .ft_news_title, .widget_body.gallery li a::before, .single_drop_down_menu ul li a, .email_address_box button, .footer_bottom-right ul li a, .get_touch ul li .social_icon ul li a i, .food_item_name,.blog_title,.blog_read_more, .sidebar_tags > a , .recent_post_title, #message_field, .input_field, .booking_process_btn ul li a, .related_post_title, .single_drop_down_menu ul li a, .gallery_menu ul li, .get_touch ul li .social_icon ul li a i, .rosa_btn span { transition: all .30s linear; -webkit-transition: all .30s linear; -moz-transition: all .30s linear; } .att h3{ color: #000; font-size:25px; text-align: center; margin-bottom: 20px; } .att p{ /text-align: center; font-size: 18px; color: #000; margin-bottom: 20px;/ text-align: center; font-size: 20px; color: #000; margin-bottom: 10px; } .at-img img{ width: 100%; margin-bottom:20px; } .at-content h3{ color:#000; font-size: 22px; line-height: inherit; } .at-content p{ color:#000; text-align: justify; font-size: 20px; } /----All colors --------/ .color1{ background: #323d3ea6; /padding-top: 20px; padding-bottom: 20px;/ } p{ font-size: 18px; } .color4{ background-color: #b34747d1; } .color2{ background: #000; } /-----All Button css--------/ .rosa_btn { display: inline-block; position: relative; overflow: hidden; background: transparent; } .rosa_btn span{ background: #ed5555; border: 1px solid #fff; border-radius: 3px; color: #fff; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 700; height: 50px; line-height: 50px; padding-left: 30px; padding-right: 30px; position: relative; text-align: center; } .rosa_btn::before { background: #fff; border: 1px solid #fff; border-radius: 3px; color: #ed5555; content: attr(data-hover); height: 100%; font-family: "Josefin Sans",sans-serif; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); font-size: 18px; text-align: center; font-weight: 700; left: 0; padding: 10px 20px; position: absolute; top: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; width: 100%; z-index: 1; } .rosa_btn:hover::before, .rosa_btn:focus::before { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); } .rosa_btn:hover span, .rosa_btn:focus span { -webkit-transform: translateX(100%); transform: translateX(100%); } .rosa_btn2 { display: inline-block; position: relative; overflow: hidden; background: transparent; } .rosa_btn2 span{ display: inline-block; position: relative; border-radius: 2px; padding-left: 32px; padding-right: 32px; line-height: 53px; background: #f6f6f6; color: #ed5555; font-family: 'JOsefin Sans',sans-serif; font-weight: 700; font-size: 18px; text-align: center; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; height: 53px; } .rosa_btn2::before { background: #ed5555; border: 1px solid #fff; border-radius: 2px; color: #fff; content: attr(data-hover); height: 100%; font-family: "Josefin Sans",sans-serif; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); font-size: 18px; text-align: center; font-weight: 700; left: 0; line-height: 53px; position: absolute; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; width: calc(100% - 1px); z-index: 1; } .rosa_btn2:hover::before, .rosa_btn2:focus::before { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); } .rosa_btn2:hover span, .rosa_btn2:focus span { -webkit-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } .reserve_now_btn_area .rosa_btn::before{ border: 1px solid #89898a; } /--------All section title----------/ .section_title.type2 ul li{ color: #000; list-style: disc; margin-top: 10px; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd; color: #000; } .note{ background-color: #000; padding: 10px 0px 10px 15px; } .note .note1{ color: #fff; font-size:18px; } .note strong{ font-size: 22px; } .table-bordered>tbody>tr>th{ background-color: #000; color: #fff; text-align: center; } .section_title.type2 h5{ color: #000; } .section_title.type2 h3{ margin-top:10px; margin-bottom:20px; } /---Common section---/ .social_icon{} .social_icon ul{} .social_icon ul li { display: inline-block; margin-right: 16px; position: relative; z-index: 9; } .social_icon ul li:last-child{ margin-right: 0px; } .social_icon ul li a i { color: #fff; font-size: 17px; } /------Margin padding---------/ /=============================================== ==End Resset Css== ===============================================/ /=============================================== ==Start Style css== ===============================================/ /---------------------------------------------- ==Start Toolbar Css== ----------------------------------------------/ .tool_bar{ } .toolbar_content > ul > li { display: inline-block; margin-right: 10px; position: relative; z-index: 9; } .toolbar_content > ul > li > a > i { color: #fff; display: inline-block; font-size: 16px; margin-right: 4px; } .toolbar_content > ul > li > a { color: #cdcdcd; font-family: "Josefin Sans",sans-serif; font-size: 17px; font-weight: 400; line-height: 53px; } .toolbar_content > ul > li:hover a{ color: #89898a; } .toolbar_content.tool_bar_right > ul > li > a { color: #fff; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000;; line-height: 53px; } .toolbar_content > ul > li:hover > a{ color: #fff; } /--------------------------------------------- ==End toolbar Css== ---------------------------------------------/ /--------------------------------------------- ==Start Main Menu Css== ---------------------------------------------/ .main_menu{} .menu_bar_inner_area { background: #fff none repeat scroll 0 0; position: relative; z-index: 9; } .main_menu ul li{ display: inline-block; } .flaticon-down-arrow{ color: #000; font-size: 20px; font-weight: 800; } .main_menu > ul > li > a { color: #000; display: block; font-family: "Josefin Sans",sans-serif; font-weight: 700; line-height: 96px; text-transform: capitalize; } .main_menu > ul > li { margin-right: 20px; } .main_logo { display: inline-block; /padding-top: 27px;/ width: 60%; } .menu_bar_inner_area::before { background: #fff none repeat scroll 0 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; content: ""; height: 100%; left: -32px; position: absolute; top: 0; width: 32px; } .menu_bar_inner_area::after { background: #fff none repeat scroll 0 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; content: ""; height: 100%; position: absolute; right: -32px; top: 0; width: 32px; } .main_menu > ul > li:hover > a { color: #000; } .single_drop_down_menu ul li:hover a{ color: #000; } .modal-dialog { margin: 135px auto; width: 600px; } .modal-header { border-bottom: 1px solid transparent; padding: 15px; } .search_box_container input { border: 1px solid #e7e7e7; color: #555; display: inline-block; font-size: 16px; height: 50px; padding-left: 15px; vertical-align: top; width: calc(100% - 55px); } .search_box_container button { background: #ed5555 none repeat scroll 0 0; border: 1px solid #89898a; display: inline-block; height: 50px; margin-left: -6px; width: 50px; } .search_box_container button i { color: #fff; font-size: 19px; } .mobile_menu{ display: none; } .dropDown_sign{ position: relative; } .menu_bar_inner_area .col-md-9 { position: static; } .dropDown_sign::before { background: rgba(0, 0, 0, 0) url("../img/component/down3.png") no-repeat scroll 0 0; content: ""; height: 50%; left: calc(100% + 7px); position: absolute; top: 50%; width: 100%; } .single_drop_down_menu > ul > li:hover > a { letter-spacing: 0.3px; padding-left: 2px; } /---------Mega Menu-----------/ .mega_menu { left: -15px; position: absolute; top: 100%; z-index: 9; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all .40s linear; transition: all .40s linear; } .search_icon{ display: inline-block; cursor: pointer; } .main_menu > ul > li:hover .mega_menu{ -webkit-transform-origin: top; transform-origin: top; -webkit-animation: rubber .40s linear; animation: rubber .40s linear; -webkit-transform: scaleY(1); transform: scaleY(1); } @keyframes rubber{ 0%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); } 40%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(.2); transform: scaleY(.2); } 60%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(.4); transform: scaleY(.4); } 80%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1.2); transform: scaleY(1.2); } 100%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes rubber{ 0%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); } 40%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(.5); transform: scaleY(.5); } 60%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(.9); transform: scaleY(.9); } 80%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1.3); transform: scaleY(1.3); } 100%{ -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(1); transform: scaleY(1); } } .menu_bar_inner_area .col-md-8{ position: static; } .mega_menu_inner_area { background: #f6f6f6 none repeat scroll 0 0; padding-bottom: 40px; padding-top: 40px; position: relative; z-index: 99; margin-top: 3px; } .single_drop_down_menu ul li { display: list-item; float: none; } .single_drop_down_menu { padding-left: 60px; position: relative; text-align: left; } .single_drop_down_menu::after { background: #e7e7e7 none repeat scroll 0 0; content: ""; height: calc(100% - 32px); position: absolute; right: 0; top: 16px; width: 1px; } .single_drop_down_menu ul li a { color: #000; font-family: "Josefin Sans",sans-serif; font-size: 19px; font-weight: 400; line-height: 35px; letter-spacing: .1px; } .flower_image { bottom: 9px; position: absolute; right: 14px; } .flower_image img { opacity: 0.65; width: 80%; } .dropDown_class{ position: relative; } .dropDown_menu .single_drop_down_menu { background: #f6f6f6 none repeat scroll 0 0; padding-bottom: 39px; padding-left: 30px; padding-top: 38px; } .dropDown_menu { padding-top: 3px; left: -28px; position: absolute; width: 280px; -webkit-transform: scaleY(0); transform: scaleY(0); visibility: hidden; } .main_menu > ul > li:hover .dropDown_menu{ -webkit-transform-origin: top; transform-origin: top; -webkit-animation: rubber .40s linear; animation: rubber .40s linear; -webkit-transform: scaleY(1); transform: scaleY(1); visibility: visible; } /------------------------------------------- ==End Main Menu== -------------------------------------------/ /------------------------------------ ==Start Banner area Css== ------------------------------------/ .hero_area { position: relative; } .hero_area{ /background: url(../images/banner/banner1.jpg) 90% no-repeat fixed; background-size: cover;/ } /* .banner_area { background-size: cover; position: relative; }/ .color3 { background: #e65252; } .banner_area { background-size: cover; position: relative; } .banner_inner_area { padding-bottom: 265px; padding-top: 258px; position: relative; } @media only screen (max-width: 320px) { .main_logo { padding-bottom: 5px; padding-top: 5px; width: 50%; } .fitness_gym_slider { position: relative; top: 1%; transform: none; padding-top: 70px; padding-bottom: 70px; } .carousel-caption h1 { color: #fff !important; text-transform: uppercase; font-size: 25px; font-weight: 700; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; } .carousel-caption p { color: #fff !important; padding-bottom: 10%; font-size: 18px!important; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; } } .carousel-caption h1 { color: #fff !important; text-transform: uppercase; font-size: 52px; font-weight: 700; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; } .carousel-caption p { color: #fff !important; padding-bottom:10%; /padding-left: 70px; padding-right: 70px; padding-top: 23px;/ font-size: 23px; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; } .banner_inner_content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 2; } .banner_inner_content h1{ position: relative; z-index: 9; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; text-transform:uppercase; padding-left: 20%; padding-right: 20%; } .banner_inner_content p { color: #fefefe; padding-left: 23%; padding-right: 23%; padding-top: 10px; font-size: 25px; text-shadow: 1px 1px 2px #000, 0 0 25px #000, 0 0 5px #000; } .hero_area::before { background: #1c1c1c; / Old browsers / background: -webkit-linear-gradient(top, #1c1c1c 0%,transparent 100%,transparent 100%); background: -webkit-linear-gradient(top, #1c1c1c 0%,transparent 100%,transparent 100%); background: linear-gradient(to bottom, #1c1c1c47 0%,transparent 100%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='transparent ',GradientType=0 ); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .typed-cursor { -webkit-animation: 0.7s ease 0s normal none infinite running blink; animation: 0.7s ease 0s normal none infinite running blink; font-size: 57px; font-weight: 500; opacity: 1; top: 0; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /------------------------------------ ==End Banner area== ------------------------------------/ /----------------------------------- ==Room view slider Css== -----------------------------------/ .room_view_image_slider{ height: 341px; box-shadow: 0px 13px 29px rgba(0,0,0,.15); } .vegas-timer-running .vegas-timer-progress { opacity: 0.5 !important; width: 100%; } /-----Room view image slider type2-----/ .room_view_image_slider{ height: 296px; box-shadow: 0px 13px 29px rgba(0,0,0,.15); } /---------------------------------- ==room view slider== ----------------------------------/ /------------------------------------- ==Start Bread_crumb area== -------------------------------------/ .bread_crumb_area{ background: url(../images/breadcrumb/breadcrumb_image.jpg) no-repeat; background-attachment: fixed; position: relative; width: 100%; height: 400px; } .bread_crumb_area::before{ content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(28 28 28 / 67%); z-index: 1; } .bread_crumb_outer { min-height: 150px; position: relative; text-align: center; z-index: 1; } .breadcrumb{ margin-bottom: 0px; } .bread_crumb_outer .breadcrumb { background: transparent none repeat scroll 0 0; } .breadcrumb.breadcrumb a { } .breadcrumb_outer .breadcrumb a { color: #cccccc; } .bread_crumb ol li a { color: #cccccc; font-family: "Josefin Sans",sans-serif; font-size: 18px; } .at-content h3{ margin-bottom:10px; } .bread_crumb ol li a.active { } .bread_crumb ol li { color: #d0cecead!important; } .bread_crumb > h2 { color: #f6f6f6; font-family: "Josefin Sans",sans-serif; font-size: 35px; font-weight: 700; } .bread_crumb { position: relative; top: 50%; -webkit-transform: translateY(calc(50% - 3px)); transform: translateY(calc(50% - 3px)); } /------------------------------------ ==End Bread_crumb area== ------------------------------------/ /------------------------------------ ==Start Room Availability== ------------------------------------/ .availability_check{ padding-top: 34px; padding-bottom: 34px; } .cal td a { border: 1px solid #dedede; clear: both; color: #666; display: block; line-height: 28px; margin: 5px; position: relative; width: 30px; } .cal td { border: 0 none !important; font-size: 11px; font-weight: bold; margin: 7px !important; } .cal { background-color: white; border-collapse: collapse; border-spacing: 0; box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.4); display: block; padding-bottom: 7px; width: 312px; } .cal td.active a, .cal td a:active { background: #fff none repeat scroll 0 0; border: 1px solid #777; color: #111; margin: 5px; } .cal caption { background: #000 none repeat scroll 0 0; border-bottom: 1px solid #313131; border-top: 1px solid #333; box-shadow: 0 1px rgba(255, 255, 255, 0.04) inset; color: #fff; font-weight: bold; line-height: 44px; text-align: center; text-shadow: 0 0 #fff; width: 100%; } .cal td a { background-image: none; box-shadow: 0px; clear: both; color: #666; display: block; line-height: 28px; position: relative; width: 30px; } .cal td.active a, .cal td a:active { background: #fff none repeat scroll 0 0; text-shadow: none !important; border: 1px solid #777; box-shadow: none !important; color: #555; margin: 5px; } .cal th { line-height: 28px; width: 44.5px; } .cal th:first-child, .cal td:first-child { border-left: inherit; } .availability_check_inner_area ul li { display: inline-block; margin-right: -6px; width: 20%; vertical-align: top; position: relative; } .sl_availability_icon{ font-size: 18px; color: #fab9b9; } .availability_check_inner_area ul{ margin: 0px; } .availability_check_inner_area ul li input { font-family: 'Josefin Sans',sans-serif; font-weight: 400; color: #fff; height: 52px; width: 100%; background: transparent; padding-left: 15px; border: 0px; } .input-group.area_bg{ background: #ed5555; border: 1px solid #fff; } .sl_availability_icon { color: #fab9b9; font-size: 18px; position: absolute; right: 15px; top: 12px; } .date_picker_box { background: rgba(0, 0, 0, 0) url("../images/component/calender.png") no-repeat scroll 93% center; box-shadow: 0 13px 29px rgba(0, 0, 0, 0.06); } .date_picker_box input.date-picker::-webkit-input-placeholder { / Chrome/Opera/Safari / color: #fff; } .date_picker_box input.date-picker::-moz-placeholder { / Firefox 19+ / color: #fff; } .date_picker_box input.date-picker:-ms-input-placeholder { / IE 10+ / color: #fff; } .date_picker_box input.date-picker:-moz-placeholder { / Firefox 18- / color: #fff; } .country_option { background: rgba(0, 0, 0, 0) url("../images/component/down.png") no-repeat scroll 93% center; position: relative; box-shadow: 0 13px 29px rgba(0, 0, 0, 0.06); } .about_us_left h3{ line-height: 40px; } .country_option select { -moz-appearance: none; -webkit-appearance: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: -moz-use-text-color; -o-border-image: none; border-image: none; border-style: none; border-width: medium 0; color: #fff; cursor: pointer; font-family: "Josefin Sans",sans-serif; font-size: 17px; font-weight: 400; height: 52px; line-height: 52px; padding: 0 0 0 15px; text-indent: 0.01px; text-overflow: ""; width: 100%; } .country_option option { background: #fefefe none repeat scroll 0 0; border-left: 0 none; border-right: 0 none; color: #111; } .single_availability_option { margin-right: 40px; } .single_availability_option .input-group { border-collapse: separate; position: relative; display: inline-block; width: 100%; } .single_availability_option .input-group{ position: relative; } .date_picker_box label { color: #fff; font-size: 17px; font-weight: 400; line-height: 50px; padding-left: 15px; margin-bottom: 0; position: absolute; transition: all 0.3s linear 0s; } .availability_check_inner_area ul li input { background: transparent none repeat scroll 0 0; border: 0 none; color: #fff; font-family: "Josefin Sans",sans-serif; font-size: 14px; font-weight: 400; height: 52px; padding-left: 15px; padding-top: 18px; width: 100%; } .country_option select{ background: transparent none repeat scroll 0 0; border: 0 none; color: #fff; font-family: "Josefin Sans",sans-serif; font-size: 14px; font-weight: 400; height: 52px; padding-left: 15px; padding-top: 18px; opacity: 0; width: 100%; } .country_option label { color: #fff; font-size: 17px; font-weight: 400; line-height: 50px; padding-left: 15px; margin-bottom: 0; position: absolute; transition: all 0.3s linear 0s; } /------Availability type2------/ .availability_check.type2 { padding-top: 34px; padding-bottom: 0px; } .availability_check_inner_area.type2 ul li { display: inline-block; margin-right: -4px; width: 33.33%; vertical-align: top; position: relative; } .availability_check_inner_area.type2 ul li { display: inline-block; margin-right: -4px; position: relative; vertical-align: top; width: 31.33%; } .availability_check_inner_area.type2.color2 li:first-child { margin-left: 41px; } .availability_check_inner_area.type2 { margin-top: 56px; padding-bottom: 30px; padding-top: 29px; } /----------------------------------- ==End Availability== -----------------------------------/ /------------------------------------ ==Start Booking Process== ------------------------------------/ .booking_process_container{ padding-top: 112px; } .booking_proces_menu{ text-align: center; } .booking_proces_menu ul li { float: left; width: 25%; } .single_booking_info_menu_box{} .single_booking_info_menu_box > span { color: #eeeeee; font-family: "Josefin Sans",sans-serif; font-size: 48px; display: block; font-weight: 700; line-height: 53px; } .single_booking_info_menu_box { background: #fff none repeat scroll 0 0; color: #666666; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; padding-bottom: 32px; text-transform: uppercase; border-bottom: 9px solid #e7e7e7; } .single_booking_info_menu_box.active.hover{ color: #89898a; } .single_booking_info_menu_box.active{ border-color: #333; } .info .single_room_container { padding-bottom: 0; padding-top: 20px; } .info .single_room_container > ul { padding-bottom: 19px; } .booking_proces_menu { overflow: hidden; padding-bottom: 80px; } .booking_receit { border: 1px solid #e7e7e7; } .booking_receit ul li { color: #333333; font-size: 16px; font-weight: 400; line-height: 50px; padding-left: 20px; padding-right: 20px; } .booking_receit ul li span { float: right; } .booking_receit ul li:last-child { background: #f6f6f6 none repeat scroll 0 0; } .booking_process_btn { padding-bottom: 70px; padding-top: 40px; text-align: center; } .booking_process_btn ul{ display: inline-block; } .booking_process_btn ul li{ display: inline-block; } .booking_process_btn { padding-bottom: 70px; padding-top: 40px; text-align: center; } .booking_process_btn ul li { display: inline-block; margin-right: 10px; } .booking_process_btn ul li a { background: #f6f6f6 none repeat scroll 0 0; border-radius: 3px; color: #cccccc; display: block; font-size: 16px; font-weight: 700; line-height: 52px; padding-left: 20px; padding-right: 20px; } .booking_process_btn ul li:hover a{ background: #89898a; color: #fff; } /-------Booking Personal info------------/ .personal_info_container li { float: left; margin-right: 30px; width: 30%; } .personal_info_container li:last-child { margin-right: 0; } .personal_info_container { overflow: hidden; padding-left: 147px; padding-right: 147px; } .single_process_selection { width: 100%; } .single_process_selection select { -moz-appearance: none; background-color: #f8f8f8; background-position: 94% center; background-repeat: no-repeat; border: 0 none; color: #666666; font-size: 16px; font-weight: 400; height: 51px; padding-left: 15px; width: 100%; } .booking_personal_message{ margin-top: 30px; } .booking_message_box { background: #f8f8f8 none repeat scroll 0 0; border: 0 none; color: #666666; font-weight: 400; height: 85px; line-height: 45px; padding-left: 15px; width: 100%; } .single_process_field_container { margin-bottom: 30px; } .single_process_field_container input { background: #f8f8f8 none repeat scroll 0 0; border: 0 none; color: #666666; font-size: 16px; font-weight: 400; height: 51px; padding-left: 15px; width: 100%; } .single_process_field_container { margin-bottom: 30px; } /-----Booking mathod--------/ .booking_payment_method { text-align: center; padding-bottom: 35px; } .booking_payment_method ul li{ display: inline-block; margin-right: 0px; } .booking_payment_method ul li img{ padding-top: 8px; } .booking_payment_method ul li:last-child { margin-left: 55px; vertical-align: top; } .booking_payment_method ul li a::before{ border: 1px solid #89898a; } /-----Booking confirmation--------/ .booking_confirmation_message { background: #f8f8f8 none repeat scroll 0 0; margin-bottom: 10px; padding-bottom: 45px; padding-top: 18px; } .booking_confirmation_message.align_center > p { color: #666666; font-size: 16px; font-weight: 400; line-height: 74px; } .booking_confirmation_message h5 { color: #333333; font-size: 22px; font-weight: 400; } p{ color:#000; } .amenity ul li{ color:#000; list-style:disc; } /------------------------------------ ==End Booking Process== ------------------------------------/ /------------------------------------- ==Start About Us== -------------------------------------/ .about_us_left { padding-bottom: 36px; padding-left: 25px; padding-top: 40px; position: relative; } .food_fascility p{ color: #000; margin-bottom:20px; } .about_us_left > img { padding-left: 98px; padding-top: 13px; } .about_us_left::after { background: #000 none repeat scroll 0 0; content: ""; height: 190px; position: absolute; right: 33px; top: 0; width: 1px; } .about_us_text { padding-bottom: 55px; padding-top: 20px; } .holiday_image{ position: relative; } .holiday_image.align_center > figure { box-shadow: 0 13px 29px rgba(0, 0, 0, 0.15); display: inline-block; } .about_us_text > ul { padding-top: 14px; } .about_us_text ul li { padding-bottom: 20px; } .about_us_text ul li:last-child{ padding-bottom: 0; } .about_us_container.type2 .about_us_text { padding-bottom: 0px; padding-top: 0; } /------------------------------------ ==Start About Us== ------------------------------------/ /------------------------------------- ==Start Room container== -------------------------------------/ .single_room_container{ padding-top: 40px; padding-bottom: 40px; border: 1px solid #00000005; padding: 20px; height: 500px; margin-bottom: 20px; box-shadow: 2px 2px 2px 2px #00000021; } .single_room_container > ul li { color: #000; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 17px; font-weight: 400; margin-right: -4px; } .single_room_container > p { color: #000; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 400; line-height: 29px; padding-bottom: 14px; text-align: justify; } .single_room_image { padding-bottom: 34px; } .slr_room_name { color: #000; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 10px; } .slr_room_price { color: #8e8e8e; display: inline-block; float: right; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 400; } .slr_room_price > span { color: #89898a; display: inline-block; font-size: 18px; font-weight: 700; padding-right: 5px; } .single_room_container span { color: #000; font-weight: 700; } .single_room_container > ul { padding-bottom: 21px; } .slr_bottom_area .rosa_btn > span { color: #fff; } .slr_bottom_area { margin-bottom: -6px; padding-top: 30px; } .slr_bottom_area .rosa_btn::before{ border-color: #89898a; } .room_container .owl-prev,.room_container .owl-next { background: #f6f6f6 none repeat scroll 0 0; border-radius: 3px; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 17px; font-weight: 700; letter-spacing: 0.3px; line-height: 52px; padding-left: 21px; padding-right: 21px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .room_container .owl-prev { margin-right: 11px; } .room_container .owl-prev:hover,.room_container .owl-next:hover { background: #ed5555 none repeat scroll 0 0; color: #f6f6f6; } .room_container .owl-nav{ text-align: center; } /------------------------------------- ==End room_container== -------------------------------------/ /------------------------------------ ==Start Room info Css== ------------------------------------/ .room_type { text-align: center; } .room_type > h3 { color: #fff; padding-bottom: 15px; } .room_type > img { display: inline-block; width: initial !important; margin: 0px auto; } .room_fascility { padding-top: 23px; text-align: center; } .section_title h5{ font-size:32px; } .about_us_text p{ color: #000; text-align: justify; } .room_fascility ul li { color:#8e8e8e; display: inline-block; line-height: 67px; } .room_type ul li { font-family: "Josefin Sans",sans-serif; font-size: 18px; } .ris_room_price { text-align: center; } .room_price1 { color: #ed5555; font-family: "Josefin Sans",sans-serif; font-size: 26px; font-weight: 700; } .ris_room_btn { text-align: center; } .ris_room_btn .rosa_btn { margin-top: 35px; } .room_slider_image ul li { float: left; margin-bottom: 1px; margin-right: -3px; /width: 50%;/ } .single_room_slider_image{ position: relative; overflow: hidden; } .rs_back_image_container_inner{ position: relative; overflow: hidden; } .room_slider_image_back{ opacity: 0; -webkit-transform: translateY(110px) rotateX(-90deg); transform: translateY(110px) rotateX(-90deg); z-index: 1; } .room_slider_image_container{ position: relative; overflow: hidden; } .room_slider_image_container:hover .room_slider_image_front{ opacity: 0; -webkit-transform: translateY(-110px) rotateX(90deg); transform: translateY(-110px) rotateX(90deg); } .room_slider_image_container:hover .room_slider_image_back { opacity: 1; -webkit-transform: translateY(0px) rotateX(0deg); transform: translateY(0px) rotateX(0deg); } .room_slider_image_back { left: 0; opacity: 0; position: absolute; top: 0; -webkit-transform: translateY(240px) rotateX(-90deg); transform: translateY(240px) rotateX(-90deg); -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; z-index: 1; } .room_slider_image_front{ -webkit-transition: all .50s linear; transition: all .50s linear; } .single_room_info { padding-top: 87px; } /------Room details----------/ .rd_room_details_info { text-align: center; } .room_name_specification > ul li { color: #000; display: inline-block; font-size: 17px; } .rd_room_details_info .slr_room_price { float: none; line-height: 64px; } .room_name_specification > ul { padding-top: 30px; } .rd_fascilities p { color: #000; font-family: "Josefin Sans",sans-serif; font-size: 20px; font-weight: 400; /text-align: justify;/ text-align:center; margin-bottom: 20px; } .rd_fascilities { padding-top: 28px; } /---------------------------------- ==End room_info== ----------------------------------/ /--------------------------------- ==Start Restaurent Css== ---------------------------------/ .food_fascility { padding-top: 50px; text-align: center; } .food_fascility ul{} .food_fascility ul li{ color: #8e8e8e; display: inline-block; } .single_restaurent_item { position: relative; } .single_restaurent_item a::before { background: rgb(23 23 23 / 55%) none repeat scroll 0 0; content: ""; height: 100%; opacity: 0; visibility: hidden; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transform: perspective(500px) rotateY(-90deg); transform: perspective(500px) rotateY(-90deg); -webkit-transition: all .40s linear; transition: all .40s linear; } .restaurent_corner .room_type > h3 { color: #333333; } .single_restaurent_item a:hover:before{ -webkit-transform: perspective(500px) rotateY(0deg); transform: perspective(500px) rotateY(0deg); opacity: 1; visibility: visible; } .single_restaurent_item a { cursor: url("../img/component/plus_sign1.png"), auto; display: inline-block; position: relative; margin-bottom: -6px; } .restaurent_left_content { padding-top: 149px; } /-------Restaurent corner---------/ .single_restaurent_corner{ border: 1px solid #00000005; padding: 20px; height: 400px; margin-bottom: 20px; box-shadow: 2px 2px 2px 2px #00000021; padding-bottom: 32px; padding-top: 35px; margin-right: 30px; } .food_price_capability { float: right; } .single_restaurent_corner_image p{ color: #000; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 400; line-height: 29px; padding-bottom: 14px; text-align: justify; } .food_price_capability ul li { color: #8e8e8e; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; margin-right: 24px; position: relative; } .food_price_capability li:last-child { margin-right: 0; } .food_price_capability li::after { color: #333333; content: "/"; font-size: 18px; position: absolute; right: -19px; top: 0; } .food_price_capability li:last-child::after { display: none; } .food_price_capability ul li span { color: #89898a; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 700; } .single_room_container.single_restaurent_corner { padding-bottom: 32px; padding-top: 35px; border: 1px solid #00000005; padding: 20px; height: 500px; margin-bottom: 20px; box-shadow: 2px 2px 2px 2px #00000021; } /--------Restaurent corner type2--------/ .restaurent2_title{ font-size: 28px; } .food_item_name { color: #000; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 10px; } .restaurent_version2_container > ul > li { width: 33.33%; float: left; padding-top: 33px; padding-bottom: 14px; } .food_price_capability { float: right; } .single_restaurent_corner_body { padding-top: 15px; } .sr_menu ul li { color: #666666; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; } .sr_menu ul li span { color: #89898a; } .sr_menu { padding-bottom: 16px; padding-top: 16px; } .single_food_item_container { padding-right: 22px; padding-top: 10px; } .wout_sr_menu { padding-bottom: 57px; } .single_restaurent_corner.type2:hover .food_item_name{ color: #000; } /--------------------------------- ==End Restaurent== ---------------------------------/ /--------------------------------- ==Start Call to_action Css= ---------------------------------/ .call_to_action_area{ background: url(../img/call.jpg) no-repeat; background-size: cover; background-attachment: fixed; position: relative; padding-top: 100px; padding-bottom: 100px; } .call_to_action_area::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; background: rgb(12 12 12 / 48%); } .action_left_area h2 { color: #fff; font-family: "Josefin Sans",sans-serif; font-size: 25px; font-weight: 700; text-transform: uppercase; } .action_left_area > p { padding-right: 100px; padding-top: 18px; color: #fff; } .call_to_action_right{ text-align: right; padding-top: 25px; } /--------------------------------- ==Start call_to_action= ---------------------------------/ /-------------------------------- ==Start Sidebar Css== --------------------------------/ .sinle_sidebar_widget{} .sidebar_search{} .search_btn { background: #000 none repeat scroll 0 0; border: 0 none; display: inline-block; height: 46px; margin-left: -4px; width: 53px; } .search_btn i { color: #f5bdbd; font-size: 17px; } .sidebar_search { position: relative; padding-bottom: 55px; } .sidebar_search input { background: #fafafa none repeat scroll 0 0; border: 0 none; color: #8a8a8a; display: inline-block; font-size: 16px; height: 46px; padding-left: 15px; width: calc(100% - 56px); } .sidebar_recent_post li { margin-bottom: 16px; } .sidebar_recent_post li:last-child{ margin-bottom: 0; } .sidebar_categories ul li a { color: #000; display: block; font-size: 16px; font-weight: 400; } .sidebar_categories ul li { margin-bottom: 10px; } .sidebar_categories ul li a:hover { color: #89898a; } .sidebar_recent_post { padding-bottom: 52px; } .sidebar_tags > a { background: #f6f6f6 none repeat scroll 0 0; color: #000; display: inline-block; font-size: 16px; font-weight: 400; line-height: 36px; margin-bottom: 4px; padding-left: 15px; padding-right: 15px; } .sidebar_tags > a:hover { background: #000 none repeat scroll 0 0; color: #fff; } .sidebar_categories { padding-bottom: 38px; } /-------------------------------- ==Start sidebar== --------------------------------/ /--------------------------------- ==Start Testimonial Css== ---------------------------------/ .single_testimonial_item { text-align: center; } .clien_quote i { color: #ececec; font-size: 51px; } .client_rating ul li { display: inline-block; margin-right: 4px; } .client_speech { padding-left: 50px; padding-right: 50px; padding-top: 18px; } .client_rating { padding-top: 7px; } .client_rating ul li { display: inline-block; } .client_rating li a i { color: #ed5555; font-size: 16px; } .tta_client_info h5 { color: #ed5555; font-family: "Josefin Sans",sans-serif; font-size: 20px; font-weight: 700; } .tta_client_info > p { color: #8e8e8e; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; line-height: 46px; } .tta_client_info > img { margin: 0 auto; padding-top: 27px; width: initial !important; } .tta_client_info { display: inline-block; padding-top: 31px; position: relative; } .testimonial_slider .owl-controls { position: relative; text-align: center; } .testimonial_slider .owl-next span { background: #8e8e8e none repeat scroll 0 0; display: inline-block; height: 2px; position: relative; width: 23px; } .testimonial_slider .owl-nav { margin: 0 auto; position: relative; text-align: center; } .testimonial_slider .owl-prev { left: calc(50% - 70px); position: absolute; top: -20px; } .testimonial_slider .owl-next { position: absolute; right: calc(50% - 67px); top: -20px; } .testimonial_slider .owl-prev > span { background: #8e8e8e none repeat scroll 0 0; display: inline-block; height: 2px; position: relative; width: 23px; } .testimonial_slider .owl-prev:hover > span, .testimonial_slider .owl-next:hover span{ background: #ed5555; } /------Start Client Speech--------/ .testimonial_container_area { padding-top: 90px; padding-bottom: 80px; } .testimonial_container_area .single_testimonial_item { padding-bottom: 40px; padding-top: 20px; } .testimonial_container_area .client_speech { padding-left: 20px; padding-right: 20px; padding-top: 18px; } /--------------------------------- ==End Testimonial== ---------------------------------/ /--------------------------------- ==Start Blog Css== ---------------------------------/ .sl_blog_title { padding-bottom: 33px; text-align: center; } .blog_title { color: #333333; font-family: "Josefin Sans",sans-serif; font-size: 26px; font-weight: 700; letter-spacing: 0.3px; } .posted_by { color: #8e8e8e; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 400; padding-top: 7px; } .sl_blog_date { background: #000 none repeat scroll 0 0; color: #f6f6f6; display: inline-block; font-size: 18px; font-weight: 400; padding-bottom: 16px; padding-top: 11px; text-align: center; text-transform: uppercase; vertical-align: top; -webkit-transition: all .40s linear; transition: all .40s linear; width: 100px; } .sl_blog_date > span { color: #f6f6f6; display: block; font-size: 31px; font-weight: 700; text-transform: uppercase; } .single_blog_body:hover .sl_blog_date { -webkit-animation: jello 1s linear; animation: jello 1s linear; } .blog_body_text { color: #000; font-size: 20px; font-weight: 400; line-height: 27px; margin-top: -3px; text-align: justify; } .sl_blog_content { display: inline-block; margin-left: 24px; width: calc(100% - 132px); } .blog_read_more { color: #000; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 0.3px; line-height: 15px; padding-top: 27px; text-transform: uppercase; } .single_blog_body { padding-top: 47px; } .single_blog_image > figure { box-shadow: 0 13px 29px rgba(0, 0, 0, 0.15); } .single_blog_container { padding-bottom: 50px; padding-top: 50px; } .blog_title:hover { color: #89898a; letter-spacing: 0.5px; } .blog_read_more:hover { color: #000; letter-spacing: 0.5px; } .blog_container_area .single_blog_container:last-child{ padding-bottom: 0; } .blog_commments_area .section_title{ padding-bottom: 50px; } /----Recent post----/ .recent_post_title { color: #333333; font-size: 20px; font-weight: 700; } .recent_post_title:hover { color: #89898a; } .recent_post_date { color: #8e8e8e; font-size: 16px; font-weight: 400; line-height: 30px; } .recent_post_image { display: inline-block; vertical-align: top; } .recent_post_content { display: inline-block; margin-left: 13px; padding-top: 16px; } .single_sidebar_portion_title h5 { line-height: 120px; } /-----Single Blog Css-----/ .blog_body_middle ul li blockquote { border-left: 0 none; color: #89898a; font-weight: 700; line-height: 31px; margin-left: 0; padding: 57px 100px 39px; text-align: center; } .blog_body_middle ul li p { color: #8e8e8e; font-size: 20px; font-weight: 400; } .blog_body_middle { padding-top: 27px; } .single_blog_conten_image li { display: inline-block; margin-right: -7px; padding-bottom: 46px; padding-top: 52px; width: 49%; } .single_blog_conten_image > li img { width: 98%; } .single_blog_conten_image > li:first-child { margin-right: 8px; } .social_icon.blog_social { padding-top: 41px; } .social_icon.blog_social > ul > li { color: #333333; } .booking_process_btn.blog_page{ padding-top: 116px; padding-bottom: 120px; } /----Related Post Css---/ .related_post_date { background: #ed5555 none repeat scroll 0 0; color: #f6f6f6; display: inline-block; font-size: 14px; font-weight: 400; height: 65px; text-align: center; text-transform: uppercase; vertical-align: top; width: 65px; } .related_post_date span { color: #f6f6f6; display: block; font-size: 26px; font-weight: 700; } .related_post_content { display: inline-block; margin-left: 10px; } .related_post_title { color: #333333; display: block; float: none; font-size: 24px; font-weight: 700; letter-spacing: 0.2px; line-height: 31px; } .related_post_content .blog_read_more { padding-top: 8px; } .related_post_body { padding-top: 36px; } .related_post_title:hover { color: #89898a; letter-spacing: 0.5px; } .related_post_area .section_title.type2 { padding-bottom: 46px; } /------Single Blog Page--------/ .blog_viewer_image { display: inline-block; vertical-align: top; } .blog_viewer_comments { display: inline-block; margin-left: 9px; width: calc(100% - 99px); } .blog_commments_area{ padding-bottom: 112px; } .blog_commnets_top_left { } .blog_commnets_top_left { color: #333333; float: left; font-size: 19px; font-weight: 700; } .blog_commnets_top_left span { color: #8e8e8e; font-size: 15px; font-weight: 400; } .blog_commnets_top_left > span { } .blog_commnets_top_right { color: #89898a; float: right; font-weight: 700; text-align: right; } .blog_comments_top { float: none; margin-top: -5px; overflow: hidden; padding-bottom: 10px; } .blog_reply_btn { color: #89898a; font-size: 19px; font-weight: 700; } .blog_commnts_bottom { color: #8e8e8e; font-size: 18px; font-weight: 400; line-height: 28px; } .comments_container ul li{ margin-bottom: 70px; } .comments_container ul li:nth-child(2) { margin-left: 80px; } .comments_container ul li:last-child{ margin-bottom: 0px; } .single_blog_reply_btn{ padding-top: 30px; } .blog_commnets_send_area .input_field { background: #f8f8f8; } .blog_commnets_send_area #message_field { background: #f8f8f8; } .blog_commnets_send_area .input_field:hover,.blog_commnets_send_area #message_field:hover{ background: #f4f1f1; } .blog_commnets_send_area .rosa_btn::before { border: 1px solid #89898a; width: 99%; } .blog_commnets_send_area .rosa_btn{ margin-right: 3px; } .blog_commnets_send_area .section_title.type2{ padding-bottom: 46px; } /--------------------------------- ==End blog== ---------------------------------/ /-------------------------------- ==Start Our team Css== --------------------------------/ .team_member_info > h5 { color: #fff; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 700; line-height: 65px; } .team_member_info { background: #303030 none repeat scroll 0 0; margin-top: 10px; text-align: center; } .team_member_info > h5 span { font-weight: 400; } .flaticon-facebook { } .team_member_social_icon ul li { display: inline-block; margin-right: 12px; } .team_member_social_icon { height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; } .team_member_image { position: relative; } .team_member_social_icon > ul { opacity: 0; position: relative; top: 50%; -webkit-transform: perspective(500px) rotateX(-90deg) translateY(-50%) scale(1.5); -webkit-transform: perspective(500px) rotateX(-90deg) translateY(-50%) scale(1.5); transform: perspective(500px) rotateX(-90deg) translateY(-50%) scale(1.5); -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; z-index: 5; } .team_member_image::before { background: rgba(237, 85, 85, 0.95) none repeat scroll 0 0; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; transform: perspective(500px) rotateX(-90deg); -webkit-transform: perspective(500px) rotateX(-90deg); -moz-transform: perspective(500px) rotateX(-90deg); -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; width: 100%; } .team_member_image:hover::before { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .team_member_image:hover ul { opacity: 1; -webkit-transform: rotateX(0deg) translateY(-50%) scale(1); transform: rotateX(0deg) translateY(-50%) scale(1); } .team_member_social_icon li a { display: block; } .team_member_social_icon li a i { color: #fff; } .team_member_image { overflow: hidden; } .team_member_container{ padding-bottom: 80px; } /-------Team mangement container---------/ .team_management_container{ text-align: center; } .team_management_container .team_member_image{ border: 1px solid #ededed; } .single_team_member.section_padding1{ padding-top: 40px; padding-bottom: 40px; } /-------------------------------- ==End Our team== --------------------------------/ /-------------------------------- ==Start Partners Css= --------------------------------/ .partners_container{ padding-top: 64px; padding-bottom: 62px; } .partners_carousel{} .partners_carousel .item{} .partners_carousel .item img{ width: initial !important; } /------------------------------- ==Start Partners= -------------------------------/ /-------------------------------- ==Start Fitness gym Css== --------------------------------/ .fitness_gym_area{ position: relative; } .fitness_gym_right_inner_container{ width: 570px; } .fitness_gym_full_container{} .fitness_gym_full_container ul{} .fitness_gym_full_container ul li{ width: 50%; display: inline-block; margin-right: -4px; vertical-align: top; } .fitness_gym_full_container ul li:first-child{ background: #171717; } .single_fitness_gym_container{ position: relative; /border: 10px solid #1c1c1c;/ border: 10px solid #db2921; } .single_fitness_gym_container::before { border: 10px solid #242424; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: calc(100% + 1px); z-index: 9; } .fitness_gym_right_wraper{ background: #000; } .fitness_gym_right{ text-align: center; } .fitness_gym_slider { position: relative; top: 50%; transform: translateY(-50%); } .fitness_gym_text { padding-bottom: 33px; padding-top: 50px; } .fitness_gym_text P { color: #fff; padding-left: 50px; padding-right: 50px; } /-------------------------------- ==End fitness_gym== --------------------------------/ /------------------------------- ==Start Image gallery Css== -------------------------------/ .mix{ display: none; } .gallery_menu{ text-align: center; padding-bottom: 72px; } .gallery_menu ul{} .gallery_menu ul li { display: inline-block; margin-right: 42px; cursor: pointer; } .single_gallery-image_container { / margin-bottom: 22px; margin-top: 22px;/ margin-bottom: 10px; margin-top: 10px; } .gallery1_content_area { / padding-bottom: 84px; padding-top: 84px;/ padding-bottom: 50px; padding-top: 50px; } .gallery_menu ul li:hover { color: #89898a; } .single_gallery-image_container > a { display: inline-block; position: relative; cursor: url("../images/component/cursor2.png"), auto; } .footer_bottom-right ul li a:hover { color: #ed5555; } .single_gallery-image_container > a::before { background: rgb(237 85 85 / 52%) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: all .30s linear; transition: all .30s linear; opacity: 0; } .single_gallery-image_container > a:hover::before{ -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .single_gallery-image_container.no_margin_top_bottom{ margin-top: 0; margin-bottom: 0; } .gallery_menu ul li { font-size: 18px; } .gallery_menu ul li.active{ color: #89898a; } #filter li.uk-active{ color: #89898a; } /------------------------------ ==End Image gallery== ------------------------------/ /--------------------------------- ==Error Page content== ---------------------------------/ .error_page_container{ padding-bottom: 100px; padding-top: 90px; position: relative; } .erro_container_inner_container_top { box-shadow: 0 13px 29px rgba(0, 0, 0, 0.15); text-align: center; } .erro_container_inner_container_top { padding-bottom: 30px; padding-top: 87px; background: #fff; } .error_number { color: #333333; font-size: 108px; font-weight: 700; } .error_number span { color: #89898a; display: inline-block; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .erro_container_inner_container_top:hover .error_number > span { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .eror_overlay { color: #fafafa; font-size: 798px; font-weight: 700; left: 0; line-height: 742px; position: absolute; top: -130px; z-index: 0; } .error_display { color: #333333; font-size: 20px; font-weight: 400; line-height: 55px; } .erro_message { padding-bottom: 60px; padding-top: 64px; text-align: center; } /--------------------------------- ==Error Page content== ---------------------------------/ /--------------------------------- ==start Contact Css== ---------------------------------/ .map_container{ padding-top: 120px; padding-bottom: 80px; } .contact_map_inner_area{ position: relative; } .map_message { background: #ed5555 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; height: 63px; position: absolute; text-align: center; width: 115px; z-index: 99; left: calc(60% - 40px); top: calc(50% - 32px ); } .map_message_inner_area::after { content: ""; position: absolute; bottom: -10px; left: calc(50% - 3px); border-left: 7px solid transparent; border-top: 10px solid #89898a; border-right: 7px solid transparent; } .map_message_inner_area { height: 100%; padding-top: 7px; position: relative; } #contactgoogleMap { box-shadow: 0 13px 29px 13px rgba(0, 0, 0, 0.15); height: 297px; width: 100%; } .map_bottom_message{ text-align: center; padding-top: 65px; } .input_field{ width: 100%; height: 51px; background: #fff; border: 0px; padding-left: 15px; font-weight: 400; font-size: 16px; line-height: 50px; color: #000; border-radius: 5px; } #message_field{ width: 100%; height: 138px; background: #fff; border: 0px; padding-left: 15px; font-weight: 400; font-size: 16px; color: #000; line-height: 50px; border-radius: 5px; } .rosa_btn4:hover { background-color: #ed5555; border: 2px solid #fff; padding: 10px 10px 10px 10px; border-radius: 5px; color: #fff; } .rosa_btn4{ background-color: #fff; border: 2px solid #fff; padding: 10px 10px 10px 10px; border-radius: 5px; color: #000; } .input_field:hover,#message_field:hover{ background: #fff; } .get_touch.contact_area_info{ padding-top: 27px; } .get_touch.contact_area_info ul li > .social_icon { padding-top: 36px; } .get_touch.contact_area_info ul li span { /font-size: 18px; line-height: 25px;/ font-size: 17px; line-height: 25px; font-weight: 200; margin-bottom: 5px; } .get_touch.contact_area_info ul li i { color: #fff; font-size: 23px; margin-right: 10px; } .get_touch.contact_area_info ul li > .social_icon { padding-top: 36px; } .contact_info_area{ padding-top: 120px; padding-bottom: 120px; } .contact_us_text{ position: relative; overflow: hidden; } .contact_us_submit_btn_area { height: 271px; } .contact_us_submit_btn_area button { background: #ed5555 none repeat scroll 0 0; border: 0 none; height: 100%; position: relative; width: 50px; } .contact_us_submit_btn_area button::before { color: #fff; content: "Submit"; font-size: 20px; font-weight: 700; left: -13px; letter-spacing: 3.8px; position: absolute; top: calc(50% - 12px); -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 9; } /--------------------------------- ==start contact== ---------------------------------/ /-------------------------------- ==start Footer Css== --------------------------------/ footer{ position: relative; } .footer_art{ position: absolute; right: 0px; bottom: 50px; opacity: .7; } .get_touch ul li .social_icon { padding-top: 7px; } .get_touch ul li .social_icon ul li a i { color: #fff; font-size: 16px; } .get_touch ul li .social_icon ul li:hover a i{ color: #deb4b4; -webkit-transform: scale(1.2); transform: scale(1.2); } .widget_title { color: #fafafa; font-family: "Josefin Sans",sans-serif; font-size: 28px; font-weight: 700; padding-bottom: 41px; text-align: center; } .get_touch li { color: #ffffff; font-family: "Josefin Sans",sans-serif; font-size: 16px; } .get_touch ul li > i { color: #fff; font-size: 14px; } .widget_body.get_touch{ margin-top: -6px; } .get_touch ul li span { color: #fff; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 18px; line-height: 30px; padding-left: 11px; margin-bottom: 5px; } .get_touch ul li span i{ margin-right: 10px; } .email_address_box input { background: #89898a none repeat scroll 0 0; border: 0 none; color: #f6f6f6; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; height: 46px; padding-left: 15px; width: calc(100% - 62px); } .email_address_box input::-webkit-input-placeholder { color: #f6f6f6; } .email_address_box input::-moz-placeholder { color: #f6f6f6; } .email_address_box input:-ms-input-placeholder { color: #f6f6f6; } .email_address_box input:-moz-placeholder { color: #f6f6f6; } .email_address_box button { background: #89898a none repeat scroll 0 0; border: 1px solid #fff; display: inline-block; height: 46px; margin-left: 2px; vertical-align: top; width: 53px; } .email_address_box button:hover{ color: #89898a; background: #fff; } .email_address_box button i { font-size: 22px; } .email_address_box { margin-top: 14px; } .recent_news_image { display: inline-block; vertical-align: top; } .ft_news_title { color: #f6f6f6; display: inline-block; font-family: "Josefin Sans",sans-serif; font-size: 18px; font-weight: 700; line-height: 40px; letter-spacing: .2px; } .ft_news_title:hover{ color: #dedede; letter-spacing: .3px; } .footer_news_content p { color: #e7e7e7; font-family: "Josefin Sans",sans-serif; font-size: 14px; font-weight: 400; line-height: 25px; } .footer_news_content { display: inline-block; margin-left: 11px; width: calc(100% - 92px); } .widget_body.recent_news li { margin-bottom: 27px; } .widget_body.recent_news li:last-child { margin-bottom: 0; } .widget_body.gallery li { display: inline-block; margin-bottom: 1px; margin-right: -3px; } .widget_body.gallery li a { display: block; position: relative; cursor: url(../images/component/plus_sign2.png), auto; } .widget_body.gallery li a::before { background: rgba(14, 14, 14, 0.8) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; -webkit-transform: scale(.8); transform: scale(.8); visibility: hidden; opacity: 0; top: 0; width: 100%; } .widget_body.gallery li:hover a::before{ -webkit-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .widget_body.gallery img { display: inline-block; } .footer_bottom_left > p { color: #8e8e8e; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; line-height: 46px; } .footer_bottom-right { text-align: right; } .footer_bottom-right li { display: inline-block; margin-right: 15px; } .footer_bottom-right ul li a { color: #8e8e8e; font-family: "Josefin Sans",sans-serif; font-size: 16px; font-weight: 400; line-height: 46px; } .footer_bottom-right ul li:hover a { color: #89898a; } .footer_bottom-right li:last-child { margin-right: 0; } .footer_bottom_left p a { color: #89898a; } /-------------------------------- ==End footer== --------------------------------/ /------------------------------- =Start Preloader Css== -------------------------------/ .loader-overlay { background-color: rgba(255,255,255,1); height: 100%; width: 100%; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; position: absolute; top: 0; left: 0; } .preloader { background: #30ddb6 none repeat scroll 0 0; height: 100%; position: fixed; width: 100%; z-index: 9999999; } .preloader-inner-area { height: 100%; position: relative; text-align: center; width: 100%; } .l-preloader { width: 60px; height: 60px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .c-preloader { width: 60px; height: 60px; position: relative; } .c-preloader::before { content: ''; width: 60px; height: 60px; display: inline-block; position: absolute; border-radius: 50%; background-color: #ed5555; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-animation-name: preloading; animation-name: preloading; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .c-preloader::after { content: ''; width: 60px; height: 60px; display: inline-block; position: absolute; border-radius: 50%; background-color: #ed5555; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-animation-name: preloading; animation-name: preloading; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-delay: -0.6s; animation-delay: -0.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes preloading { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @keyframes preloading { 0% { opacity: 1; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } /------------------------------- =End Preloader== -------------------------------/ /=============================================== ==End Style css== ===============================================*/

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings