Server IP : 108.170.25.35 / Your IP : 18.222.56.71 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/public_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. Features 7. Gallery 8. About 9. Testimonials 10. Booking 11. Blog 12. 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%; } /********************************* 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%; 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: 100vh; } .home_slider_container { width: 100%; height: 100%; } .home_slider .owl-dots { display: none; } .home_slider_dots_container { position: absolute; left: 61px; bottom: 39px; z-index: 1; } .home_slider_custom_dots li { font-size: 14px; color: #ffffff; cursor: pointer; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .home_slider_custom_dots li:not(:last-of-type) { margin-right: 5px; } .home_slider_custom_dots li.active, .home_slider_custom_dots li:hover { color: #ffa37b; } .home_slider .slide { background: #0f0e24; } .home_slider .background_image { opacity: 0.28; } .home_container { position: absolute; top: 36.5%; left: 0; width: 100%; } .home_title { font-size: 110px; 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. Features *********************************/ .features { background: #ffffff; padding-top: 115px; padding-bottom: 24px; } .icon_box_col { margin-bottom: 80px; } .icon_box_icon { width: 82px; height: 82px; } .icon_box_icon img { max-width: 100%; max-height: 100%; } .icon_box_icon svg { max-width: 100%; max-height: 100%; } .svg path, .svg rect, .svg polygon { fill: #a1a1a1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .icon_box:hover .svg path, .icon_box:hover .svg rect, .icon_box:hover .svg polygon { fill: #ffa37b; } .icon_box_title { margin-top: 16px; } .icon_box_title h2 { } .icon_box_text { margin-top: 21px; } /********************************* 7. Gallery *********************************/ .gallery { width: 100%; } .gallery_item { height: calc(100vw / 4); } .gallery_item a { display: block; position: relative; width: 100%; height: 100%; z-index: 1; } /********************************* 8. About *********************************/ .about { background: #ffffff; padding-top: 107px; padding-bottom: 104px; } .about_text { margin-top: 29px; } .about_images { height: 100%; padding-left: 17px; padding-right: 19px; } /********************************* 9. Testimonials *********************************/ .testimonials { padding-top: 117px; padding-bottom: 114px; } .testimonials_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(253, 253, 253, 0.91); pointer-events: none; } .test_slider_item { background: #ffffff; padding-top: 43px; padding-bottom: 58px; padding-left: 45px; padding-right: 45px; } .rating i::before { font-family: 'FontAwesome'; content: "\f005"; font-style: normal; font-size: 18px; color: rgba(0,0,0,0.2); } .rating i:not(:last-of-type) { margin-right: 6px; } .rating_1 i:first-child::before{color: #ffb400;} .rating_2 i:first-child::before{color: #ffb400;} .rating_2 i:nth-child(2)::before{color: #ffb400;} .rating_3 i:first-child::before{color: #ffb400;} .rating_3 i:nth-child(2)::before{color: #ffb400;} .rating_3 i:nth-child(3)::before{color: #ffb400;} .rating_4 i:first-child::before{color: #ffb400;} .rating_4 i:nth-child(2)::before{color: #ffb400;} .rating_4 i:nth-child(3)::before{color: #ffb400;} .rating_4 i:nth-child(4)::before{color: #ffb400;} .rating_5 i:first-child::before{color: #ffb400;} .rating_5 i:nth-child(2)::before{color: #ffb400;} .rating_5 i:nth-child(3)::before{color: #ffb400;} .rating_5 i:nth-child(4)::before{color: #ffb400;} .rating_5 i:nth-child(5)::before{color: #ffb400;} .testimonial_title { margin-top: 21px; } .testimonial_title a { font-size: 24px; font-weight: 600; color: #393939; line-height: 1.2; } .testimonial_title a:hover { color: #ffa37b; } .testimonial_text { margin-top: 24px; } .testimonial_image { width: 106px; height: 106px; border-radius: 50%; overflow: hidden; margin-left: auto; margin-right: auto; margin-top: 12px; } .testimonial_author { margin-top: 26px; font-size: 15px; font-weight: 600; color: #393939; } .testimonial_author a { font-size: 15px; font-weight: 600; color: #393939; } .testimonial_author a:hover { color: #ffa37b; } /********************************* 10. Booking *********************************/ .booking { background: #ffffff; padding-top: 59px; padding-bottom: 95px; } .booking_text { margin-top: 28px; } .booking_slider_container { margin-top: 44px; } .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; } .booking_link a { display: block; width: 100%; 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; } /********************************* 11. Blog *********************************/ .blog { } .blog_slider_container { width: 100%; height: 487px; } .blog_slide { height: 100%; background: #0f0a27; } .blog_slide .background_image { opacity: 0.33; } .blog_content { position: absolute; left: 52px; bottom: 57px; width: calc(100% - 52px); padding-right: 30px; } .blog_date { width: 116px; height: 26px; background: #ffa37b; text-align: center; } .blog_date a { display: block; height: 100%; font-size: 14px; font-weight: 600; color: #ffffff; line-height: 26px; } .blog_title { margin-top: 14px; } .blog_title a { font-size: 36px; font-weight: 600; color: #ffffff; line-height: 1.2; } .blog_title a:hover { color: #ffa37b; } /********************************* 12. 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; }