Server IP : 108.170.25.35 / Your IP : 3.133.117.113 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. Blog 7. Sidebar 8. 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; } .button { width: 152px; height: 54px; background: #ffa37b; 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; } .button:hover { box-shadow: 0px 10px 23px rgba(0,0,0,0.15); } .button a { display: block; height: 100%; line-height: 54px; font-size: 14px; font-weight: 600; color: #ffffff; } /********************************* 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. Blog *********************************/ .blog { background: #ffffff; padding-top: 82px; padding-bottom: 110px; border-bottom: solid 2px #eaf2f7; } .blog_post_date { position: absolute; top: 36px; left: 37px; width: 116px; height: 26px; background: #ffa37b; text-align: center; } .blog_post_date a { display: block; height: 100%; line-height: 26px; font-size: 14px; font-weight: 600; color: #ffffff; } .blog_post_content { padding-top: 45px; padding-left: 64px; padding-bottom: 59px; padding-right: 75px; } .blog_post_title a { font-size: 36px; font-weight: 600; color: #393939; line-height: 1.2; } .blog_post_title a:hover { color: #ffa37b; } .blog_post_info { margin-top: 2px; } .blog_post_info ul li { margin-bottom: 5px; } .blog_post_info ul li:not(:last-of-type) { margin-right: 21px; } .blog_post_info ul li img { margin-right: 5px; } .blog_post_info ul li a { font-size: 15px; font-weight: 500; color: #abaaaa; } .blog_post_info ul li a:hover { color: #000000; } .blog_post_text { margin-top: 16px; } .blog_post_button { margin-top: 42px; } .page_nav { margin-top: 46px; } .page_nav ul li:not(:last-of-type) { margin-right: 5px; } .page_nav ul li a { font-size: 18px; font-weight: 600; color: #393939; } .page_nav ul li a:hover, .page_nav ul li.active a { color: #ffa37b; } /********************************* 7. Sidebar *********************************/ .sidebar { padding-top: 41px; } .sidebar_search_form { display: block; position: relative; } .sidebar_search_input { width: 100%; height: 54px; background: #ffffff; border: none; border-bottom: solid 2px #cad5d9; outline: none; font-size: 16px; font-weight: 600; color: #393939; } .sidebar_search_input::-webkit-input-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .sidebar_search_input:-moz-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .sidebar_search_input::-moz-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .sidebar_search_input:-ms-input-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .sidebar_search_input::input-placeholder { font-size: 15px !important; font-weight: 500 !important; color: #6d6d6d !important; } .sidebar_search_button { position: absolute; top: 0; right: 0; width: 100px; height: 54px; background: #ffa37b; color: #ffffff; border: none; outline: none; cursor: pointer; } .sidebar_title { } .recent_posts { margin-top: 57px; } .sidebar_list { margin-top: 50px; padding-left: 24px; } .sidebar_list ul li:not(:last-of-type) { margin-bottom: 14px; } .sidebar_list ul li a { font-size: 15px; font-weight: 500; color: #6d6d6d; } .sidebar_list ul li a:hover { color: #ffa37b; } .categories { margin-top: 52px; } .tags { margin-top: 53px; } .tags_container { width: calc(100% + 40px); margin-top: 52px; padding-left: 24px; } .tags_container ul li { margin-bottom: 14px; } .tags_container ul li:not(:last-of-type) { margin-right: 40px; } .tags_container ul li a { font-size: 15px; font-weight: 500; color: #6d6d6d; } .tags_container ul li a:hover { color: #ffa37b; } .special_offer { width: 100%; max-width: 264px; height: 387px; margin-top: 74px; } .special_offer_container { padding-top: 56px; height: 100%; } .special_offer_title { font-size: 30px; font-weight: 500; color: #ffffff; line-height: 1.2; } .special_offer_subtitle { font-size: 24px; font-weight: 500; color: #ffffff; line-height: 1.2; margin-top: 6px; } .special_offer_button { position: absolute; bottom: 26px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /********************************* 8. 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; }