Server IP : 108.170.25.35 / Your IP : 18.189.194.44 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : valamburi ( 1607) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/valamburi/domains/valamburiinteriors.com/private_html/styles/ |
Upload File : |
@charset "utf-8"; /* CSS Document */ /****************************** [Table of Contents] 1. Fonts 2. Body and some general stuff 3. Header 4. Menu 5. Home 6. Booking 7. Details 8. Special 9. Footer ******************************/ /*********** 1. Fonts ***********/ @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900'); /********************************* 2. Body and some general stuff *********************************/ * { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; } body { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 400; background: #FFFFFF; color: #a5a5a5; } div { display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style: none; margin-bottom: 0px; } p { font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 2; font-weight: 500; color: #6d6d6d; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; } p a { display: inline; position: relative; color: inherit; border-bottom: solid 1px #ffa07f; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } p:last-of-type { margin-bottom: 0; } a { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } a, a:hover, a:visited, a:active, a:link { text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; } p a:active { position: relative; color: #FF6347; } p a:hover { color: #FFFFFF; background: #ffa07f; } p a:hover::after { opacity: 0.2; } ::selection { background: rgba(255,163,123,1); color: #ffffff; } p::selection { } h1{font-size: 48px;} h2{font-size: 36px;} h3{font-size: 24px;} h4{font-size: 18px;} h5{font-size: 14px;} h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow: rgba(0,0,0,.01) 0 0 1px; line-height: 1.2; color: #393939; font-weight: 600; } h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection { } img { max-width: 100%; } button:active { outline: none; } .form-control { color: #db5246; } section { display: block; position: relative; box-sizing: border-box; } .clear { clear: both; } .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } .clearfix { zoom: 1; } .float_left { float: left; } .float_right { float: right; } .trans_200 { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .trans_300 { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .trans_400 { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .trans_500 { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .fill_height { height: 100%; } .super_container { width: 100%; overflow: hidden; } .prlx_parent { overflow: hidden; } .prlx { height: 130% !important; } .parallax-window { min-height: 400px; background: transparent; } .parallax_background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .background_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .nopadding { padding: 0px !important; } .owl-carousel, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel .owl-item { height: 100%; } .slide { height: 100%; } .container_custom .container { padding-left: 0; padding-right: 0; max-width: 100%; } .container_custom .container .row { margin-left: 0; margin-right: 0; } .container_custom .container .row > div[class^='col'] { padding-left: 0; padding-right: 0; } /********************************* 3. Header *********************************/ .header { position: fixed; top: 0; left: 0; width: 100%; background: transparent; z-index: 100; } .header::before { position: absolute; top: 0; left: 0; width: 100%; height: 0%; background: rgba(0,0,0,0.7); content: ''; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .header.scrolled::before { height: 100%; } .header_content { width: 100%; height: 128px; padding-left: 62px; padding-right: 62px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .header.scrolled .header_content { height: 90px; } .logo { width: 130px; height: 41px; border: solid 2px #ffffff; text-align: center; } .logo a { display: block; font-size: 24px; font-weight: 600; color: #ffffff; line-height: 37px; } .main_nav ul li:not(:last-of-type) { margin-right: 49px; } .main_nav ul li a { font-size: 16px; font-weight: 500; color: #ffffff; } .main_nav ul li a:hover, .main_nav ul li.active a { color: #ffa37b; } .book_button { width: 152px; height: 54px; background: #ffa37b; margin-left: 45px; text-align: center; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .book_button:hover { background: rgba(255,255,255,0.2); } .book_button:hover a { color: #ffa37b; } .book_button a { display: block; width: 100%; height: 100%; line-height: 54px; font-size: 14px; font-weight: 500; color: #ffffff; } .header_phone { width: 190px; height: 54px; background: #ffa37b; margin-left: 14px; } .header_phone span { font-size: 16px; font-weight: 500; color: #ffffff; margin-left: 9px; } .header_phone span::selection { background: #ffffff; color: #ffa37b; } .hamburger { display: none; margin-left: 25px; cursor: pointer; } .hamburger i { font-size: 24px; color: #ffffff; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .hamburger:hover i { color: #ffa37b; } /********************************* 4. Menu *********************************/ .menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 101; background: rgba(255,255,255,0.93); visibility: hidden; opacity: 0; } .menu.active { visibility: visible; opacity: 1; } .menu_content { padding-right: 30px; padding-top: 170px; } .menu_close { position: absolute; top: 50px; right: 30px; cursor: pointer; z-index: 1; } .menu_close i { font-size: 24px; color: #121212; } .menu_close:hover i { color: #ffa37b; } .menu_nav ul li:not(:last-of-type) { margin-bottom: 5px; } .menu_nav ul li a { font-weight: 700; font-size: 36px; color: #121212; line-height: 1.2; } .menu_nav ul li a:hover { color: #ffa37b; } .menu_nav ul li a span { color: #690772; } .menu_extra { position: absolute; right: 30px; bottom: 30px; } .menu_book { display: none; margin-top: 50px; } .menu_book a { display: inline-block; position: relative; font-size: 14px; font-weight: 500; color: rgba(0,0,0,0.5); } .menu_book a::after { display: block; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: rgba(0,0,0,0.62); content: ''; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .menu_book a:hover { color: #ffa37b; } .menu_book a:hover::after { background: #ffa37b; } .menu_phone { margin-top: 10px; } .menu_phone span { font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.5); margin-left: 9px; } /********************************* 5. Home *********************************/ .home { width: 100%; height: 588px; background: #0f0e24; } .home .background_image { opacity: 0.28; } .home_container { position: absolute; top: 60.3%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; } .home_content { } .home_title { font-size: 72px; font-weight: 600; color: #ffffff; line-height: 1.2; } .booking_form_container { width: 100%; margin-top: 34px; padding-left: 78px; padding-right: 88px; } .booking_form { display: block; width: 100%; } .booking_input { width: 100%; height: 54px; background: rgba(255,255,255,0.2); border: solid 2px #ffffff; padding-left: 27px; font-size: 14px; font-weight: 500; color: #ffffff; outline: none; } .booking_input_container { width: 100%; } .booking_input_container > div { padding-right: 10px; } .booking_input_container > div:first-child, .booking_input_container > div:nth-child(2) { width: 32.60869565217391%; } .booking_input_container > div:nth-child(3), .booking_input_container > div:nth-child(4) { width: 17.39130434782609%; } .booking_input_a { } .booking_input_b { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .booking_input::-webkit-input-placeholder { font-size: 14px !important; font-weight: 500 !important; color: #FFFFFF !important; } .booking_input:-moz-placeholder { font-size: 14px !important; font-weight: 500 !important; color: #FFFFFF !important; } .booking_input::-moz-placeholder { font-size: 14px !important; font-weight: 500 !important; color: #FFFFFF !important; } .booking_input:-ms-input-placeholder { font-size: 14px !important; font-weight: 500 !important; color: #FFFFFF !important; } .booking_input::input-placeholder { font-size: 14px !important; font-weight: 500 !important; color: #FFFFFF !important; } .booking_button { width: 152px; height: 54px; background: #ffa37b; font-size: 14px; font-weight: 500; color: #ffffff; border: none; outline: none; cursor: pointer; } .booking_button:hover { background: rgba(255,255,255,0.2); } /********************************* 6. Booking *********************************/ .booking { background: #ffffff; padding-top: 114px; padding-bottom: 114px; } .booking_slider_container { } .booking_item { height: 569px; } .booking_price { position: absolute; top: 15px; left: 15px; width: 128px; height: 36px; background: #ffffff; text-align: center; line-height: 36px; font-size: 16px; font-weight: 600; color: #393939; } .booking_link { position: absolute; bottom: 18px; left: 15px; width: calc(100% - 30px); height: 65px; background: #ffa37b; text-align: center; cursor: pointer; } .booking_link a { display: block; height: 100%; line-height: 65px; font-size: 18px; font-weight: 600; color: #ffffff; } .booking_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(13,9,30,0.67); pointer-events: none; visibility: hidden; opacity: 0; } .booking_item:hover .booking_overlay { visibility: visible; opacity: 1; } .booking_item_content { position: absolute; bottom: 0; left: 0; width: 100%; padding-left: 42px; padding-right: 20px; background: transparent; padding-bottom: 114px; visibility: hidden; opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .booking_item:hover .booking_item_content { visibility: visible; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .booking_item_list ul li:not(:last-of-type) { margin-bottom: 3px; } .booking_item_list ul li { font-size: 18px; font-weight: 600; color: #ffffff; } /********************************* 7. Details *********************************/ .details { background: #ffffff; } .details:not(:last-child) { margin-bottom: 73px; } .details_image { height: 100%; min-height: 400px; } .details_content { padding-top: 21px; padding-bottom: 24px; } .details_title { font-size: 36px; font-weight: 600; color: #393939; } .details_list { margin-top: 30px; } .details_list ul li:not(:last-of-type) { margin-bottom: 3px; } .details_list ul li { font-size: 18px; font-weight: 600; color: #393939; } .details_long_list { margin-top: 33px; } .details_long_list ul { margin-left: -3px; } .details_long_list ul li::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 4px; width: 3px; height: 3px; border-radius: 50%; background: #6d6d6d; content: ''; vertical-align: middle; font-size: 15px; } .details_long_list ul li { position: relative; font-size: 15px; font-weight: 400; color: #6d6d6d; padding-left: 12px; line-height: 2; } .book_now_button { width: 152px; height: 54px; background: #ffa37b; text-align: center; margin-top: 26px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .book_now_button:hover { box-shadow: 0px 10px 23px rgba(0,0,0,0.15); } .book_now_button a { display: block; height: 100%; font-size: 14px; font-weight: 600; color: #ffffff; line-height: 54px; } /********************************* 8. Special *********************************/ .special { padding-top: 53px; padding-bottom: 59px; } .special_content { width: calc(100% + 54px); background: rgba(0,0,0,0.6); padding-left: 60px; padding-top: 33px; padding-bottom: 68px; padding-right: 50px; } .special .details_title, .special .details_long_list ul li, .special .details_list ul li { color: #ffffff; } .special .details_long_list ul li, .special .details_list ul li { font-weight: 400; } .special .details_long_list ul li::before { background: #ffffff; } /********************************* 9. Footer *********************************/ .footer { background: #ffffff; padding-top: 81px; } .footer_content { padding-bottom: 52px; } .footer_logo { display: inline-block; text-align: center; margin-left: auto; margin-right: auto; } .footer_logo > div:first-of-type { width: 235px; height: 74px; border: solid 3px #393939; font-size: 43.32px; font-weight: 600; color: #393939; line-height: 68px; } .footer_logo > div:last-of-type { font-size: 16px; font-weight: 600; color: #393939; line-height: 0.75; margin-top: 15px; } .footer_logo a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .footer_row { margin-top: 74px; } .footer_title { font-size: 18px; font-weight: 700; color: #393939; line-height: 1.2; } .footer_list { margin-top: 9px; } .footer_list ul li { font-size: 15px; font-weight: 500; color: #6d6d6d; line-height: 2; } .newsletter_container { margin-top: 8px; } .newsletter_form { display: block; position: relative; } .newsletter_input { width: 100%; height: 64px; background: #ffffff; border: none; border-bottom: solid 2px #393939; outline: none; font-size: 15px; font-weight: 600; color: #393939; } .newsletter_input::-webkit-input-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .newsletter_input:-moz-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .newsletter_input::-moz-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .newsletter_input:-ms-input-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .newsletter_input::input-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .newsletter_button { width: 152px; height: 54px; background: #ffa37b; margin-top: 23px; border: none; outline: none; cursor: pointer; font-size: 14px; font-weight: 600; color: #ffffff; } .certificates { padding-left: 12px; padding-top: 10px; } .cert { margin-bottom: 30px; } .copyright { width: 100%; height: 33px; background: #ffffff; text-align: center; line-height: 33px; font-size: 15px; font-weight: 500; color: #6d6d6d; }