File manager

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

Back
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yeseva+One&display=swap'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); @import url('https://fonts.googleapis.com/css?family=Playball&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese'); @import url(font-awesome.css); @import url(flaticon.css); @import url(animate.css); @import url(owl.css); @import url(masterslider.css); @import url(revolution-slider.css); @import url(ms-vertical.css); @import url(polyglot-language-switcher.css); @import url(navigation.css); @import url(bootstrap.css); @import url(bootstrap.min.css); @import url(layers.css); @import url(settings.css); @import url(jquery.fancybox.css); @import url(hover.css); @import url(jquery-ui.css); @import url(timePicker.css); @media (min-width:1200px) { .container { padding: 0px; } } /* ==================================================================== Reset ==================================================================== / { margin:0px; padding:0px; border:none; outline:none; } /* ==================================================================== Global Settings ==================================================================== / body { font-size:15px; color:#777777; line-height:1.8em; font-weight:400; background:#ffffff; font-family: 'Rasa', serif; background-size:cover; background-repeat:no-repeat; background-position:center top; -webkit-font-smoothing: antialiased; } a{ text-decoration:none; cursor:pointer; color:#b77827; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6 { position:relative; font-family: 'Rasa', serif; font-weight:normal; margin:0px; background:none; line-height:1.6em; } input,button,select,textarea{ font-family: 'Jost', sans-serif; } p{ position:relative; line-height:1.8em; } .strike-through{ text-decoration:line-through; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:680px; margin:0 auto; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; overflow: hidden; } ul,li{ list-style:none; padding:0px; margin:0px; } .centered{ text-align:center; } .preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);} /* button / .btn-one { position: relative; color: #fff; font-size: 14px; line-height: 22px; font-family: 'Jost', sans-serif; background: #b77827; font-weight: 600; border: 2px solid #b77827; text-transform: uppercase; padding: 8px 20px 8px 21px; display: inline-block; text-align: center; transition: all 500ms ease; margin-top: 15px; } .btn-one:hover { color: #fff; background: #323232; border: 2px solid #b77827; transition: all 500ms ease; } /* ==================================================================== Scroll To Top style ==================================================================== */ .scroll-to-top{ position:fixed; bottom:15px; right:15px; color:#ffffff; font-size:24px; line-height:45px; width:45px; height:45px; border: 2px solid #b77827; background: #b77827; text-align:center; z-index:100; cursor:pointer; display:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .scroll-to-top:hover{ background:#15223f; color:#b77827; transition:all 500ms ease; } /* ==================================================================== Home-Page-One ==================================================================== */ / main header section / .main-header{ position:relative; left:0px; top:0px; z-index:999; background: #fff; width:100%; margin-bottom: -91px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; background: #ffffff; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .logo{ position: relative; display: inline-block; padding: 8px 0px 8px 0px; } .main-menu{ position:relative; display: inline-block; left: 90px; top: 0px; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; display: inline-block; } .main-menu .navigation > li:last-child{ margin-right: 0px; } .main-menu .navigation > li > a > i:before{ margin-right: 5px; font-size: 16px; } .main-menu .navigation > li > a{ position:relative; display:block; font-size:14px; color: #000; line-height: 26px; font-weight:600; padding:21px 0px 21px 0px; margin: 0px 10px 0px 10px; text-align: center; text-transform:uppercase; font-family: 'Jost', sans-serif; opacity:1; -webkit-transition:all 500ms ease; } .sticky-header .main-menu .navigation > li > a{ line-height: 39px; } .main-menu .navigation > li.current > a, .main-menu .navigation > li:hover > a{ position: relative; color: #b77827; transition: all 500ms ease; } .main-menu .navigation > li.current > a:before, .main-menu .navigation > li:hover > a:before{ position: absolute; content: ''; background: #b77827; width: 20px; height: 2px; left: 0px; bottom: 19px; transition: all 500ms ease; } .main-menu .navigation > li:hover > a:after{ opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:130%; margin-top: 0px; width:250px; padding:0px; z-index:100; display:none; background:#a29afb; border-top:3px solid #b77827; transition:all 1000ms ease; -moz-transition:all 1000ms ease; -webkit-transition:all 1000ms ease; -ms-transition:all 1000ms ease; -o-transition:all 1000ms ease; } .sticky-header .main-menu .navigation > li > ul{ margin-top: -6px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.30); } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:22px; font-weight:400; background: #222; font-size:15px; font-family: 'Jost', sans-serif; text-transform:capitalize; color: #ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; text-transform:uppercase; } .main-menu .navigation > li > ul > li:hover > a{ background: #fff; color: #b77827; transition:all 500ms ease; padding: 10px 15px 10px 18px; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; transition:all 500ms ease; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; transition:all 500ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; display: none; right: 2px; top: 5px; border:none; font-size:16px; line-height:28px; color:#d4dae3; cursor:pointer; z-index:5; } .main-menu .navbar-collapse > ul li.current .dropdown-btn{ color: #a29afb; } .sticky-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ top: 0px; } .main-header .more-option { display: inline-block; position: relative; top: 5px; left: 7%; margin-left: 5px; z-index: 1; } .sticky-header .more-option{ left: 8%; } .more-option li { padding: 10px 0px; position: relative; display: inline-block; } .more-option .seach-toggle { background: transparent; border-radius: 0; color: #fff; cursor: pointer; display: block; font-size: 15px; line-height: 21px; position: relative; text-align: center; padding: 0px 15px 0px 20px; transition: all 500ms ease; } .more-option .seach-toggle:hover{ color: #b77827; transition: all 500ms ease; } .more-option .search-box { opacity: 0; position: absolute; right: 125px; top: 321%; transition: all 500ms ease 0s; visibility: hidden; } .more-option li { padding: 10px 0px; position: relative; display: inline-block; } .more-option .search-box .form-group { position: relative; padding: 0px; margin: 0px; width: 100%; min-width: 250px; } .more-option .search-box .form-group input[type="search"] { background: #ffffff none repeat scroll 0 0; border: 3px solid #b77827; color: #000; display: block; font-size: 13px; line-height: 24px; position: relative; transition: all 500ms ease 0s; width: 100%; height: 40px; padding-left: 15px; padding-right: 50px; } .more-option .search-box .form-group button, .nav_right_area .search-box .form-group input[type="submit"] { background: #b77827; color: #fff; cursor: pointer; display: block; font-size: 13px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; margin: 0px; width: 40px; transition: all 500ms ease 0s; } .more-option .search-box.now-visible { top: 216%; right: 0%; opacity: 1; visibility: visible; } .sticky-header .more-option .search-box.now-visible{ top: 234%; } .main-header .info-box{ position: relative; display: inline-block; float: right; padding: 17px 0px 17px 0px; } .main-header .info-box a{ position: relative; color: #fff; font-size: 15px; line-height: 25px; font-family: 'Jost', sans-serif; background: #b77827; font-weight: 600; border: 2px solid #b77827; text-transform: uppercase; padding: 9px 31px 9px 32px; display: inline-block; text-align: center; transition: all 500ms ease; } .main-header .info-box a:hover{ color: #b77827; background: #fff; border: 2px solid #b77827; transition: all 500ms ease; } .menu-bar { position: relative; display: inline-block; } / main slider section / .banner{ position: relative; } .banner .banner-title{ position: relative; font-size: 60px; font-family: 'Yeseva One', serif; line-height: 50px; color: #fff; font-weight: 400; text-transform: capitalize; } .banner .banner-text{ position: relative; font-size: 20px; font-family: 'Jost', sans-serif; line-height: 30px; color: #fff; font-weight: 400; } .banner .banner-btn a{ font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #fff; font-weight: 600 !important; text-transform: uppercase; padding: 12px 35px 12px 36px; border: 2px solid #fff; transition: all 700ms ease !important; } .banner .banner-btn a:hover{ background: #fff; border: 2px solid #b77827; color: #b77827; font-weight: 600 !important; transition: all 700ms ease !important; } .tp-leftarrow.tparrows.hephaistos{ top: 60% !important; } .tp-rightarrow.tparrows.hephaistos{ top: 60% !important; } .slotholder:after{ position:absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #0c1012; opacity: .10; } / search-service */ .search-service{ position: relative; padding: 0px 0px; margin-top: -60px; } .search-service .search-service-bg{ position: relative; background: #434343; padding: 25px 26px 25px 30px; } .search-service .search-service-bg input, .search-service .search-service-bg select{ position: relative; background: #fff; padding: 10px; width: 198px; height: 45px; margin-right: 22px; } .search-service .search-service-bg i:before{ margin-left: -48px; } .search-service .search-service-bg a{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; border: 2px solid #b77827; background: #b77827; text-align: center; padding: 7px 23px; display: inline-block; left: 2px; transition: all 500ms ease; } .search-service .search-service-bg a:hover{ color: #fff; background: #323232; transition: all 500ms ease; } .ui-selectmenu-button { height: 47px; width: 198px; padding: 10px; background: #fff; cursor: pointer; display: inline-block; border-radius: 0px; margin-right: 25px; color: #989898; border: 1px solid #15223f; } .ui-selectmenu-button .ui-icon { background: none; position: relative; top: 3px; text-indent: 0px; display: block; float: right; } .ui-selectmenu-button .ui-icon:before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 5px; top: 4px !important; top: 13px; width: 10px; height: 20px; display: block; color: #989898; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5; } ::-webkit-input-placeholder { / Chrome / color: #989898; } :-ms-input-placeholder { / IE 10+ / color: #989898; } ::-moz-placeholder { / Firefox 19+ / color: #989898; opacity: 1; } :-moz-placeholder { / Firefox 4 - 18 / color: #989898; opacity: 1; } /* service-section / .service-section{ position: relative; padding: 60px 0px 60px 0px; } .section-title{ position: relative; font-size: 35px; font-family: 'Yeseva One', serif; line-height: 38px; color: #222; display: inline-block; padding: 0px 0px; margin-bottom: 5px; background: url(../images/home/title-bg.png); background-position: center center; } .section-title span{ color: #b77827; } .title{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; display: block; text-align: center; max-width: 80%; display: block; margin: auto; margin-bottom: 30px; } .service-section .single-item img{ width: 100%; } .service-section .single-item{ position: relative; padding: 0px 0px 0px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition: all 500ms ease; margin-bottom: 30px; } .service-section .single-item:hover{ box-shadow: none; transition: all 500ms ease; } .service-section .service-content{ position: relative; padding: 8px 10px 8px 10px; z-index: 1; border: 1px solid #43434324; } .service-section .single-item:hover .service-content:before{ height: 100%; width: 100%; opacity: 1; } .service-section .service-content:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background: #152545; content: ""; z-index: -1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; } .service-section .single-item h3{ font-size: 24px; font-family: 'Yeseva One', serif; line-height: 20px; color: #313131; margin-bottom: 10px; transition: all 500ms ease; font-weight: 500; } .service-section .single-item:hover h3, .service-section .single-item:hover .text{ color: #fff; transition: all 500ms ease; } .service-section .single-item .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 28px; color: #434343; display: inline-block; margin-right: 20px; transition: all 500ms ease; } .service-section .single-item .text span{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #b77827; display: inline-block; transition: all 500ms ease; } .service-section .single-item .rating{ position: relative; display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; } .service-section .single-item .rating li{ display: inline-block; } .service-section .single-item .rating li i:before{ font-size: 13px; color: #b77827; margin: 0px; } .service-section .single-item .rating:before{ position: absolute; content: ''; background: #d9d9d9; height: 20px; width: 1px; left: -20px; top: 5px; } / about-section / .about-section{ position: relative; background: url(../images/about/about-bg.jpg); width: 100%; height: 100%; left: 0px; top: 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 85px 0px; } .about-section:before{ position: absolute; content: ''; background: url(../images/about/about-bg-1.jpg); top: 0px; left: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; } .about-section:after{ position: absolute; content: ''; background: #f5f5f8; top: 0px; right: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; opacity: .95; } .about-section .about-content .section-title{ background: none; margin-bottom: 15px; } .about-section .about-content{ position: relative; background: #fff; float: right; padding: 34px 0px 41px 49px; display: inline-block; z-index: 1; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.12); } .about-section .about-content p{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 24px; padding: 0px 0px 0px 0px; text-align: justify; } .about-section .about-content .list li{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 6px; padding: 0px 0px 0px 24px; } .about-section .about-content .list li:before{ position: absolute; content: "\f00c"; font-family: 'FontAwesome'; left: 0px; top: 2px; font-size: 13px; margin: 0px; color: #b77827; } / our-speciality / .our-speciality{ position: relative; padding: 0px 0px 60px 0px; } .our-speciality .img-box img{ width: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .our-speciality .single-item:hover img{ -webkit-transform: scale(1.3); transform: scale(1.3); } .our-speciality .single-item{ position: relative; } .our-speciality .overlay-box { position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; text-align: center; color: #ffffff; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); } .our-speciality .overlay-inner { position: absolute; left: 0px; top: 0%; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 30px; background: #15223f; opacity: .4; } .our-speciality .inner-box:hover .overlay-box { bottom: 0px; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); } .our-speciality .inner-box { position: relative; overflow: hidden; } .our-speciality .single-item .img-title{ position: absolute; left: 29px; bottom: 21px; font-size: 28px; font-family: 'Yeseva One', serif; line-height: 36px; color: #fff; font-weight: 400; display: inline-block; transition: all 500ms ease; } .our-speciality .single-item:hover .img-title{ color: #b77827; transition: all 500ms ease; } / img-gallery / .img-gallery{ position: relative; padding: 40px 0px; background: #f5f5f8; width: 100%; } .img-gallery .single-item .img-holder { display: block; overflow: hidden; position: relative; } .img-gallery .single-item .img-holder img { position: relative; border-right: 2px solid #f5f5f8; border-left: 2px solid #f5f5f8; width: 100%; height: 260px; } .img-gallery .single-item .img-holder .overlay .box .content a i { border: 2px solid #fff; text-align: center; border-radius: 3%; color: #b77827; display: inline-block; font-size: 20px; height: 55px; line-height: 55px; transition: all 500ms ease 0s; width: 55px; border-radius: 50%; } .img-gallery .single-item:hover .img-holder .overlay{ -webkit-transform: scale(1); transform: scale(1); } .img-gallery .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .img-gallery .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(21, 34, 63, 0.8); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .img-gallery .overlay .box { display: table; height: 100%; width: 100%; } .img-gallery .single-item .img-holder .overlay .box .content .text{ font-size: 20px; font-family: 'Jost', sans-serif; line-height: 30px; font-style: italic; color: #b77827; } .img-gallery .owl-dots{ display: none !important; } / testimonials-section / .testimonials-section{ position: relative; padding: 60px 0px; } .testimonials-section .owl-controls{ display: none !important; } .testimonials-section .testimonials-title{ margin-bottom: 50px; } .testimonials-section .single-item .text{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; background: #f5f5f8; padding: 10px 12px 10px 12px; margin-bottom: 25px; } .testimonials-section .single-item .text:before{ position: absolute; content: ""; background: #f5f5f8; width: 20px; height: 20px; left: 44px; bottom: -10px; transform: rotate(45deg); } .testimonials-section .img-box{ position: relative; display: inline-block; padding: 0px 18px 0px 25px; } .testimonials-section .autor-content{ position: relative; display: inline-block; top: -12px; } .testimonials-section .autor-content h4{ position: relative; display: block; font-size: 20px; font-family: 'Jost', sans-serif; font-style: italic; line-height: 30px; color: #222; margin-bottom: 0px; } .testimonials-section .autor-content span{ position: relative; display: block; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #b77827; } / fact-counter / .fact-counter{ position: relative; padding: 85px 0px 80px 0px; background: url(../images/home/counter-bg.jpg); width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 50px; } .fact-counter:before{ position: absolute; content: ''; background: #000000; left: 0px; top: 0px; width: 100%; height: 100%; opacity: .5; } .fact-counter span{ position: relative; font-size: 45px; font-family: 'Jost', sans-serif; line-height: 50px; color: #b77827; font-weight: 700; font-style: italic; margin-bottom: 9px; display: block; } .fact-counter .text{ position: relative; display: block; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 26px; color: #ffffff; margin-bottom: 0px; } .fact-counter .single-item.one{ position: relative; padding: 0px 0px 0px 0px; } .fact-counter .single-item.one:before{ position: absolute; content: ''; background: #6b6f80; height: 80px; width: 2px; top: 6px; right: 50px; } .fact-counter .single-item.two{ position: relative; padding: 0px 0px 0px 32px; } .fact-counter .single-item.two:before{ position: absolute; content: ''; background: #6b6f80; height: 80px; width: 2px; top: 6px; right: -15px; } .fact-counter .single-item.three{ position: relative; float: right; padding: 0px 55px 0px 0px; } .fact-counter .single-item.three:before{ position: absolute; content: ''; background: #6b6f80; height: 80px; width: 2px; top: 6px; right: -58px; } .fact-counter .single-item.four{ position: relative; padding: 0px 0px 0px 0px; float: right; } / news-section / .news-section{ position: relative; padding: 40px 0px 60px 0px; } .news-section .img-box img{ position: relative; width: 100%; } .news-section .img-box{ position: relative; padding: 0px 0px 0px 0px; } .news-section .news-content{ position: relative; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #e5e5e5; } .news-section .news-content .date{ position: absolute; left: -104px; top: 30px; background: #15223f; font-size: 30px; line-height: 30px; color: #b77827; font-weight: 700; font-family: 'Jost', sans-serif; height: 75px; width: 75px; display: block; text-align: center; padding: 10px 0px 0px 0px; } .news-section .news-content .date span{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 22px; color: #b77827; display: block; } .news-section .news-content h3{ font-size: 24px; position: relative; line-height: 28px; color: #222; font-family: 'Yeseva One', serif; margin-bottom: 0px; transition: all 500ms ease; } .news-section .news-content h3:hover{ color: #b77827; transition: all 500ms ease; } .news-section .news-content .list{ position: relative; padding: 0px; margin: 0px; } .news-section .news-content .list li{ position: relative; display: inline-block; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-right: 15px; } .news-section .news-content .list li i:before{ color: #434343; margin-right: 8px; font-size: 13px; } .news-section p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 22px; color: #434343; margin-bottom: 10px; padding: 0px 5px 0px 0px; } .news-section .sidbar-news{ position: relative; padding: 0px 0px 0px 10px; } .news-section .sidbar-news .single-item{ position: relative; padding: 0px 0px 25px 130px; margin-bottom: 5px; border-bottom: 1px solid #e5e5e5; top: -7px; } .news-section .sidbar-news .single-item:last-child{ border-bottom: none; } .news-section .single-item .img-holder { display: block; overflow: hidden; position: relative; } .news-section .single-item .img-holder { position: absolute; width: 110px; height: 110px; left: 0px; top: 7px; } .news-section .single-item .img-holder .overlay .box .content .date { font-size: 30px; line-height: 30px; color: #b77827; font-weight: 700; font-family: 'Jost', sans-serif; height: 100%; width: 100%; display: block; text-align: center; margin-top: 55px; } .news-section .single-item .img-holder .overlay .box .content .date span{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 22px; color: #b77827; display: block; } .news-section .single-item:hover .img-holder .overlay{ -webkit-transform: scale(1); transform: scale(1); } .news-section .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .news-section .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(21, 34, 63, 0.8); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .news-section .overlay .box { display: table; height: 100%; width: 100%; } .news-section h3{ position: relative; display: inline-block; font-size: 20px; font-family: 'Yeseva One', serif; line-height: 28px; color: #222; margin-bottom: 0px; transition: all 500ms ease; } .news-section h3:hover{ color: #b77827; transition: all 500ms ease; } .news-section .sidbar-news p{ padding: 0px 50px 0px 0px; } / google map area / .google-map-area { position: relative; } #contact-google-map { height: 400px; width: 100%; } / subscribe-section / .subscribe-section{ position: relative; background: url(../images/home/subscribe-bg.jpg); width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 26px 0px 20px 0px; } .subscribe-section .subscribe-title{ position: relative; display: inline-block; padding: 0px 0px 0px 60px; } .subscribe-section .section-title{ background: none; color: #fff; width: 100%; line-height: 70px; } .subscribe-section .subscribe-form{ position: relative; display: inline-block; float: right; top: 8px; } .subscribe-section button{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #fff; font-weight: 700; text-transform: uppercase; background: #15223f; border: 2px solid #15223f; padding: 10px 40px; text-align: center; margin-left: 15px; transition: all 500ms ease; } .subscribe-section button:hover{ color: #b77827; background: #fff; transition: all 500ms ease; } .subscribe-section input{ position: relative; height: 50px; width: 342px; background: #fff; color: #000; padding: 20px; } / footer-section / .footer-section{ position: relative; background: url(../images/home/footer-bg.jpg); width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 40px 0px 0px 0px; } .footer-section:before{ position: absolute; content: ''; background:#000000e8; left: 0px; top: 0px; width: 100%; height: 100%; opacity: .9; } .footer-section .footer-top{ position: relative; padding: 0px 0px 20px 0px; border-bottom: 1px solid #333c51; } .footer-section .footer-logo{ position: relative; padding: 0px 0px 28px 0px; } .footer-section p{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #dcdcdc; margin-bottom: 23px; padding: 0px 15px 0px 0px; } .footer-section h3{ position: relative; font-size: 24px; color: #fff; font-family: 'Yeseva One', serif; line-height: 30px; margin-bottom: 20px; font-weight: 500; } .footer-section .logo-widget .footer-social{ position: relative; padding: 0px; margin: 0px; } .footer-section .logo-widget .footer-social li{ display: inline-block; margin-right: 11px; } .footer-section .logo-widget .footer-social li a{ position: relative; color: #dcdcdc; font-size: 14px; width: 35px; height: 35px; border: 1px solid #dcdcdc; line-height: 35px; text-align: center; display: inline-block; } .footer-section .logo-widget .footer-social li a:hover{ background: #b77827; border: 1px solid #b77827; color: #fff; transition: all 500ms ease; } .footer-section .link-widget .list{ position: relative; padding: 0px; margin: 0px; } .footer-section .link-widget .list li a{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #dcdcdc; margin-bottom: 14px; display: block; padding: 0px 0px 0px 15px; transition: all 500ms ease; } .footer-section .link-widget .list li a:before{ position: absolute; content: "\f105"; color: #dcdcdc; font-size: 15px; font-family: 'FontAwesome'; left: 0px; top: 1px; } .footer-section .link-widget .list li a:hover{ color: #b77827; text-decoration: underline; transition: all 500ms ease; } .footer-section .link-widget{ position: relative; padding: 5px 0px 0px 20px; } .footer-section .contact-widget{ position: relative; padding: 5px 0px 0px 0px; left: -30px; } .footer-section .contact-widget .single-item{ position: relative; padding: 0px 0px 0px 25px; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #dcdcdc; margin-bottom: 10px; } .footer-section .contact-widget .single-item a{ position: relative; padding: 0px 0px 0px 1px; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #dcdcdc; margin-bottom: 2px; transition: all 500ms ease; } .footer-section .contact-widget .single-item a:hover{ color: #b77827; transition: all 500ms ease; } .footer-section .contact-widget h3{ margin-bottom: 18px; } .footer-section .contact-widget p{ padding: 0px 10px 0px 0px; margin-bottom: 21px; } .footer-section .contact-widget .single-item i{ position: absolute; left: 0px; top: 0px; } .footer-section .contact-widget .single-item i:before{ font-size: 17px; color: #dcdcdc; margin: 0px; } .footer-section .footer-gallery { position: relative; padding: 5px 20px 0px 3px; } .footer-section .footer-gallery img{ margin-bottom: 10px; } .footer-section .footer-gallery h3{ margin-bottom: 26px; } .footer-section .footer-bottom{ position: relative; padding: 7px 0px; } .footer-section .footer-bottom .copyright{ font-size: 15px; font-family: 'Jost', sans-serif; position: relative; line-height: 27px; color: #dcdcdc; margin: 0px; } .footer-section .footer-bottom .copyright a{ color: #b77827; transition: all 500ms ease; } .footer-section .footer-bottom .copyright a:hover{ color: #fff; transition: all 500ms ease; } /* ==================================================================== about page ==================================================================== */ .page-title{ position: relative; padding: 200px 0px 90px 0px; background: url(../images/home/footer-bg.jpg); width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .page-title:before{ position: absolute; content: ''; background: #0c101252; width: 100%; height: 100%; left: 0px; top: 0px; opacity: .6; } .page-title .title{ position: relative; font-size: 40px; font-family: 'Yeseva One', serif; color: #fff; font-weight: 400; line-height: 50px; margin-bottom: 7px; display: block; } .page-title .bread-crumb li{ position: relative; display: inline-block; font-size: 15px; font-family: 'Jost', sans-serif; color: #b77827; line-height: 26px; margin-right: 5px; margin-bottom: 10px; } .page-title .bread-crumb a{ display: inline-block; color: #fff; transition: all 500ms ease; } .page-title .bread-crumb a:hover{ color: #b77827; transition: all 500ms ease; } .page-title .bread-crumb li i:before{ margin-left: 5px; } .about-page{ position: relative; padding: 40px 0px 0px 0px; background: none; } .about-page:before{ display: none; } .about-page:after{ display: none; } .about-page .about-content { background: transparent; padding: 0px 0px 0px 10px; display: inline-block; z-index: 1; box-shadow: none; float: none; } .about-page .about-content a.about-btn{ position: relative; color: #fff; font-size: 15px; line-height: 25px; font-family: 'Jost', sans-serif; background: #b77827; font-weight: 600; border: 2px solid #b77827; text-transform: uppercase; padding: 8px 30px 8px 30px; display: inline-block; text-align: center; transition: all 500ms ease; } .about-page .about-content a.about-btn:hover{ color: #fff; background: #323232; border: 2px solid #b77827; transition: all 500ms ease; } .about-page img{ width: 100%; } .about-page .img-box{ position: relative; padding: 0px 0px 0px 0px; margin-bottom:20px; } .about-page .list{ margin-bottom: 35px; } .about-page .about-content .section-title{ font-size: 35px; } .about-page .about-content p{ padding: 0px 0px 0px 0px; } /* ==================================================================== rooms grid ==================================================================== */ .rooms-grid{ position: relative; padding: 100px 0px; } .rooms-grid .rooms-btn{ position: relative; padding: 0px; margin: 0px; margin-top: 20px; } .rooms-grid .rooms-btn li{ display: inline-block; margin: 0px 3px; } .rooms-grid .rooms-btn li a{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; color: #222; background: #fff; height: 45px; width: 45px; line-height: 45px; text-align: center; border: 1px solid #e5e5e5; display: inline-block; transition: all 500ms ease; } .rooms-grid .rooms-btn li a:hover, .rooms-grid .rooms-btn li.active a{ color: #fff; background: #b77827; border: 1px solid #b77827; transition: all 500ms ease; } .rooms-grid .single-item{ margin-bottom: 29px; } /* ==================================================================== rooms-list ==================================================================== */ .rooms-list{ position: relative; padding: 40px 0px 0px 0px; } .rooms-list .rooms-content h3{ font-size: 24px; font-family: 'Yeseva One', serif; line-height: 32px; color: #313131; margin-bottom: 8px; transition: all 500ms ease; font-weight: 400; } .rooms-list .rooms-content h3:hover{ color: #b77827; transition: all 500ms ease; } .rooms-list .rooms-content .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 28px; color: #434343; display: inline-block; margin-right: 20px; margin-bottom: 23px; top: 2px; transition: all 500ms ease; } .rooms-list .rooms-content .text span{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #b77827; display: inline-block; top: 1px; transition: all 500ms ease; } .rooms-list .rooms-content .rating{ position: relative; display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; } .rooms-list .rooms-content .rating:before { position: absolute; content: ''; background: #d9d9d9; height: 20px; width: 1px; left: -21px; top: 4px; } .rooms-list .rooms-content .rating li { display: inline-block; } .rooms-list .rooms-content .rating li i:before { font-size: 13px; color: #b77827; margin: 0px; } .rooms-list .rooms-content p{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 27px; color: #434343; margin-bottom: 0px; padding: 0px 0px 0px 0px; display: block; text-align: justify; } .rooms-list .rooms-content{ position: relative; padding: 0px 28px 0px 0px; } .rooms-list .rooms-content.left{ position: relative; padding: 0px 0px 0px 28px; } .rooms-list .single-item{ position: relative; padding: 0px 0px 0px 0px; border: 1px solid #e5e5e5; margin-bottom: 48px; background: #f5f5f8; } .rooms-list .rooms-btn { margin-top: 2px; } /* ==================================================================== rooms-details ==================================================================== **/ .rooms-details{ position: relative; padding: 40px 0px; } .rooms-details .img-box img{ position: relative; width: 100%; } .rooms-details .lower-content h2{ font-size: 30px; font-family: 'Yeseva One', serif; line-height: 32px; color: #313131; margin-bottom: 8px; text-align: none; transition: all 500ms ease; font-weight: 500; } .rooms-details .lower-content .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 28px; color: #434343; display: inline-block; margin-right: 20px; margin-bottom: 10px; top: 2px; transition: all 500ms ease; } .rooms-details .lower-content .text span{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #b77827; display: inline-block; top: 1px; transition: all 500ms ease; } .rooms-details .lower-content .rating{ position: relative; display: inline-block; padding: 0px; margin: 0px; margin-left: 20px; } .rooms-details .lower-content .rating:before { position: absolute; content: ''; background: #d9d9d9; height: 20px; width: 1px; left: -21px; top: 4px; } .rooms-details .lower-content .rating li { display: inline-block; } .rooms-details .lower-content .rating li i:before { font-size: 13px; color: #b77827; margin: 0px; } .rooms-details .lower-content p{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 26px; padding: 0px 0px 0px 0px; display: block; text-align: justify; } .rooms-details .lower-content p:last-child{ margin-bottom: 30px; } .rooms-details .rooms-catagori .list{ position: relative; padding: 0px; margin: 0px; } .rooms-details .rooms-catagori .list li{ position: relative; display: block; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; padding: 0px 0px 0px 23px; margin-bottom: 6px; } .rooms-details .rooms-catagori .list li:before{ position: absolute; content: "\f0a9"; font-family: 'FontAwesome'; left: 0px; top: 1px; font-size: 14px; color: #fab840; } .rooms-details .lower-content{ position: relative; padding: 10px 0px 0px 0px; } .rooms-details h3{ font-size: 24px; font-family: 'Yeseva One', serif; line-height: 32px; color: #313131; margin-bottom: 15px; transition: all 500ms ease; font-weight: 500; } .rooms-details .rooms-catagori{ position: relative; padding: 0px 0px 10px 0px; } .rooms-details .client-reviews .text{ position: relative; font-size: 15px; line-height: 26px; color: #434343; margin-bottom: 26px; } .rooms-details .client-reviews .text .rating{ position: relative; display: inline-block; margin-left: 24px; top: 2px; } .rooms-details .client-reviews .text .rating li{ position: relative; display: inline-block; margin-right: 4px; } .rooms-details .client-reviews .text .rating li i:before{ font-size: 17px; color: #b77827; margin: 0px; } .rooms-details .client-reviews{ position: relative; padding: 0px 0px 0px 0px; } .rooms-details .client-reviews input, .rooms-details .client-reviews textarea{ position: relative; width: 100%; height: 50px; padding: 10px; border: 1px solid #e5e5e5; margin-bottom: 30px; } .rooms-details .client-reviews textarea{ height: 150px; resize: none; margin-bottom: 21px; } .rooms-details .client-reviews h3{ margin-bottom: 17px; } .rooms-details .client-reviews button.btn-one { padding: 10px 24px 11px 25px; } .rooms-details .sidbar-content select, .rooms-details .sidbar-content input{ position: relative; width: 100%; height: 50px; border: 1px solid #e5e5e5; padding: 15px; margin-bottom: -9px; } .rooms-details .sidbar-content .ui-selectmenu-button{ border: 1px solid #e5e5e5; margin-bottom: 18px; } .rooms-details .sidbar-content i{ position: relative; float: right; top: 35px; right: 12px; z-index: 1; } .rooms-details .sidbar-content .date{ position: relative; margin-bottom: 27px; } .rooms-details .sidbar-content{ position: relative; padding: 33px 40px 40px 39px; border: 1px solid #e5e5e5; margin-left: 20px; position: -webkit-sticky; position: sticky; top: 0; } .rooms-details .sidbar-content a.btn-one{ display: block; width: 100%; text-align: center; padding: 10px 20px 11px 21px; } .rooms-details .sidbar-content h3{ margin-bottom: -4px; } .rooms-details .sidbar-content ::-webkit-input-placeholder { / Chrome / color: #222; } .rooms-details .sidbar-content :-ms-input-placeholder { / IE 10+ / color: #222; } .rooms-details .sidbar-content ::-moz-placeholder { / Firefox 19+ / color: #222; opacity: 1; } .rooms-details .sidbar-content :-moz-placeholder { / Firefox 4 - 18 / color: #222; opacity: 1; } .rooms-details .sidbar-content .ui-selectmenu-button{ color: #222; } / ==================================================================== gallery-section ==================================================================== / .gallery-section{ position: relative; padding: 40px 0px 30px 0px; } .gallery-section img{ width: 100%; } .gallery-section .single-item .img-holder { display: block; overflow: hidden; position: relative; } .gallery-section .single-item{ margin-bottom: 30px; } .gallery-section .single-item .img-holder img { position: relative; width: 100%; } .gallery-section .single-item .img-holder .overlay .box .content a{ border: 2px solid #fff; text-align: center; border-radius: 3%; color: #b77827; display: inline-block; font-size: 20px; height: 55px; line-height: 55px; transition: all 500ms ease 0s; width: 55px; border-radius: 50%; } .gallery-section .single-item:hover .img-holder .overlay{ -webkit-transform: scale(1); transform: scale(1); } .gallery-section .overlay .box .content { display: table-cell; text-align: center; vertical-align: middle; } .gallery-section .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(21, 34, 63, 0.8); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .gallery-section .overlay .box { display: table; height: 100%; width: 100%; } .gallery-section .single-item .img-holder .overlay .box .content .img-title{ font-size: 20px; font-family: 'Jost', sans-serif; line-height: 30px; font-style: italic; color: #b77827; } / ==================================================================== testimonials-page ==================================================================== / .testimonials-page{ position: relative; padding: 100px 0px 50px 0px; } .testimonials-page .single-item{ position: relative; margin-bottom: 50px; } .testimonials-page .autor-content { top: 20px; } .testimonials-page .single-item .text{ margin-bottom: 22px; } / ==================================================================== faqs-section faq-page ==================================================================== / .faqs-section{ position: relative; padding: 93px 0px 80px 0px; } .faqs-section .faq-title{ position: relative; padding: 0px 0px 0px 0px; } .faqs-section .faq-title h2{ position: relative; font-size: 30px; font-family: 'Jost', sans-serif; line-height: 36px; color: #222; margin-bottom: 16px; } .faqs-section .faq-title p{ font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 49px; } .accordion { position: relative; margin-bottom: 0px; border: 1px solid #e5e5e5; margin-bottom: 20px; } .accordion .acc-btn .left-icon { position: absolute; left: 0; top: 0; width: 60px; height: 100%; color: #9c9c9c; font-size: 20px; text-align: center; } .accordion .acc-btn { color: #222; cursor: pointer; font-size: 18px; line-height: 30px; padding: 15px 10px 17px 47px; font-family: 'Lato', sans-serif; border-bottom: 1px solid #fff; font-style: italic; transition: all 500ms ease; } .accordion .acc-btn.active{ border-bottom: 1px solid #e5e5e5; color: #b77827; padding: 15px 10px 18px 47px; transition: all 500ms ease; } .accordion:last-child .acc-btn{ border-bottom: 1px solid #fff; transition: all 500ms ease; } .accordion:last-child .acc-btn.active{ border-bottom: 1px solid #e5e5e5; transition: all 500ms ease; } .accordion .acc-btn .toggle-icon { color: #434343; display: block; font-weight: 200; padding: 15px 20px; position: absolute; left: -1px; top: -20px; } .accordion .acc-btn .toggle-icon.left { color: #9c9c9c; display: block; font-weight: 100; height: 24px; line-height: 24px; position: absolute; right: 20px; bottom: 20px; left: 30px; } .accordion .acc-btn .toggle-icon .plus::before { font-size: 16px; font-weight: 400; position: absolute; top: 0; left: 0; transition: all 500ms ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .plus { opacity: 0; } .accordion-box .accordion .acc-btn .toggle-icon .minus { opacity: 0; } .accordion-box .accordion .acc-btn .toggle-icon .minus::before { font-size: 16px; font-weight: 400; position: absolute; top: 0; left: 0; width: 100%; transition: all 500ms ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus { opacity: 1; } .accordion-box .accordion .acc-content { color: #434343; font-family: 'Jost', sans-serif; display: none; font-size: 14px; line-height: 26px; padding: 5px 10px 0px 10px; } .accordion-box .accordion .acc-content.collapsed { display: block; } .accordion-box .accordion .acc-content p { color: #434343; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; padding: 8px 5px 24px 25px; margin: 0px 14px; } .accordion-box .accordion:last-child .acc-content p{ border-bottom: none; transition: all 500ms ease; } .accordion-box .accordion .acc-btn.active .toggle-icon .minus { top: 22px; color: #b77827; position: absolute; padding: 13px; margin-top: 14px; right: -6px; } .faq-page .faq-sidber{ position: relative; padding: 35px 40px 40px 39px; margin: 0px 0px 0px 20px; border: 1px solid #e5e5e5; top: 8px; } .faq-page .faq-sidber input, .faq-page .faq-sidber textarea{ position: relative; width: 100%; height: 50px; border: 1px solid #e5e5e5; margin-bottom: 18px; padding: 15px 20px; } .faq-page .faq-sidber textarea{ height: 120px; resize: none; margin-bottom: 9px; } .faq-page .faq-sidber button{ display: block; width: 100%; padding: 10px 20px 11px 21px; } .faqs-section .faq-sidber h3 { position: relative; font-size: 24px; font-family: 'Jost', sans-serif; line-height: 30px; color: #222; margin-bottom: 24px; } .faqs-section .faq-sidber ::-webkit-input-placeholder { / Chrome / color: #222; } .faqs-section .faq-sidber :-ms-input-placeholder { / IE 10+ / color: #222; } .faqs-section .faq-sidber ::-moz-placeholder { / Firefox 19+ / color: #222; opacity: 1; } .faqs-section .faq-sidber :-moz-placeholder { / Firefox 4 - 18 / color: #222; opacity: 1; } / ==================================================================== error-page ==================================================================== / .error-section{ position: relative; padding: 140px 0px 150px 0px; } .error-section .error-title{ position: relative; font-size: 180px; font-family: 'Jost', sans-serif; line-height: 200px; color: #222; margin-bottom: 30px; } .error-section .error-title i:before{ color: #b77827; margin: 0px 18px; font-size: 185px; } .error-section .title{ position: relative; font-size: 45px; font-family: 'Jost', sans-serif; line-height: 50px; color: #222; margin-bottom: 44px; } .error-section .text{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 18px; display: block; } .error-section .form-group{ position: relative; padding: 0px 0px 0px 0px; display: inline-block; } .error-section .search-box input{ position: relative; width: 570px; height: 50px; border: 1px solid #dedede; margin-bottom: 31px; padding: 15px; } .error-section a.btn-one{ display: block; width: 150px; margin: 0 auto; } .error-section .form-group button{ position: absolute; right: 15px; top: 10px; background: transparent; } .error-section a.btn-one{ padding: 10px 20px 11px 21px; } / ==================================================================== latest-news-page ==================================================================== / .latest-news{ position: relative; padding: 100px 0px 50px 0px; } .latest-news .img-box{ padding: 0px; } .latest-news .news-content { position: relative; padding: 24px 0px 15px 0px; margin: 0px 0px 22px 104px; border-bottom: 1px solid #e5e5e5; } .latest-news .single-item{ margin-bottom: 46px; } .latest-news .sidebar{ position: relative; padding: 0px 0px 0px 20px; } .latest-news .sidebar .form-group{ position: relative; } .latest-news .sidebar .form-group input{ position: relative; width: 100%; height: 50px; border: 1px solid #e5e5e5; padding: 0px 15px; margin-bottom: 26px; } .latest-news .sidebar .form-group button{ position: absolute; color: #222; top: 10px; right: 15px; background: transparent; } .latest-news .sidebar h3:hover{ color: #222; } .latest-news .sidebar .sidebar-blog-category{ position: relative; margin-bottom: 43px; } .latest-news .sidebar .sidebar-blog-category li a{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #222; display: block; padding: 11px 15px 11px 15px; border: 1px solid #e5e5e5; margin-bottom: 10px; transition: all 500ms ease; } .latest-news .sidebar .sidebar-blog-category li a:hover{ color: #b77827; transition: all 500ms ease; } .latest-news .sidebar h3{ margin-bottom: 24px; } .latest-news .posts-widget .single-item{ position: relative; padding: 0px 0px 19px 95px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } .latest-news .posts-widget .single-item:last-child{ border-bottom: none; } .latest-news .posts-widget .single-item .img-box{ position: absolute; left: 0px; top: 0px; width: 75px; height: 75px; } .latest-news .posts-widget{ position: relative; margin-bottom: 26px; } .latest-news .posts-widget .single-item h5{ position: relative; font-size: 16px; font-family: 'Jost', sans-serif; line-height: 22px; color: #222; top: -5px; margin-bottom: 2px; transition: all 500ms ease; } .latest-news .posts-widget .single-item h5:hover{ color: #b77827; transition: all 500ms ease; } .latest-news .posts-widget .single-item .post-info{ position: relative; font-size: 13px; font-family: 'Jost', sans-serif; line-height: 25px; color: #434343; } .latest-news .posts-widget .single-item .post-info span:before{ font-size: 13px; color: #434343; margin-right: 11px; } .latest-news .sidebar-tag{ position: relative; } .latest-news .sidebar-tag .blog-cat li{ display: inline-block; } .latest-news .sidebar-tag .blog-cat li a{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; border: 1px solid #e5e5e5; padding: 6px 27px 6px 28px; display: inline-block; margin-bottom: 15px; margin-right: 10px; text-align: center; transition: all 500ms ease; } .latest-news .sidebar-tag .blog-cat li a:hover{ color: #fff; background: #b77827; border: 1px solid #b77827; transition: all 500ms ease; } / ==================================================================== news-details page ==================================================================== / .news-details{ position: relative; padding: 100px 0px; } .news-details .post-share-option{ position: relative; padding: 0px 0px 0px 0px; margin-bottom: 67px; } .news-details .post-share-option .text, .news-details .post-share-option .post-social li{ position: relative; display: inline-block; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #222; } .news-details h3:hover, .news-details .news-content h3:hover{ color: #222; } .news-details .post-share-option .post-social{ position: relative; display: inline-block; float: right; top: -5px; } .news-details .post-share-option .post-social li{ display: inline-block; margin-left: 7px; } .news-details .post-share-option .post-social li a{ position: relative; display: inline-block; font-size: 13px; width: 38px; height: 38px; line-height: 38px; color: #434343; border: 1px solid #e5e5e5; text-align: center; transition: all 500ms ease; } .news-details .post-share-option .post-social li a:hover{ color: #fff; background: #b77827; border: 1px solid #b77827; transition: all 500ms ease; } .news-details .comment-area .comment-box{ position: relative; padding: 0px 0px 0px 105px; margin-bottom: 25px; } .news-details .comment-area .comment-box img{ position: absolute; left: 0px; top: 0px; } .news-details .comment-area .comment-box .comment-name{ position: relative; font-size: 18px; font-family: 'Jost', sans-serif; line-height: 28px; color: #222; margin-bottom: 0px; top: -10px; } .news-details .comment-area .comment-box .comment-info{ position: relative; font-size: 14px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 4px; top: -7px; } .news-details .comment-area .comment-box p{ position: relative; font-size: 15px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; margin-bottom: 0px; } .news-details .comment-area .comment-box.replay-comment{ margin-left: 90px; } .news-details .comment-area .comment-box.replay-comment img{ left: 17px; } .news-details .comment-area .comment-box i:before{ font-size: 13px; color: #434343; margin-right: 5px; } .news-details .comment-form input, .news-details .comment-form textarea{ position: relative; width: 100%; height: 50px; margin-bottom: 30px; padding: 0px 15px; border: 1px solid #e5e5e5; } .news-details .comment-form textarea{ resize: none; height: 150px; margin-bottom: 22px; padding: 15px; } .news-details .single-item .img-box{ margin-bottom: 10px; } .news-details .single-item p{ padding: 0px; margin-bottom: 26px; } .news-details .single-item p:last-child{ margin-bottom: -8px; } .news-details .comment-area h3{ margin-bottom: 24px; } .news-details .comment-area{ position: relative; margin-bottom: 68px; } .news-details .comment-form h3{ margin-bottom: 30px; } .news-details .comment-form .btn-one{ padding: 10px 25px 10px 26px; } / ==================================================================== contact-page ==================================================================== / .contact-section{ position: relative; padding: 40px 0px 50px 0px; } .contact-section .contact-form{ position: relative; padding: 0px 40px 0px 0px; } .contact-section .contact-info .single-item{ position: relative; padding: 0px 0px 0px 64px; margin-bottom: 18px; } .contact-section .contact-info .single-item i{ position: absolute; left: 0px; top: 4px; width: 45px; height: 45px; background: #b77827; line-height: 45px; color: #fff; border-radius: 50%; text-align: center; } .contact-section h2{ font-size: 30px; font-family: 'Yeseva One', serif; line-height: 36px; color: #222; margin-bottom: 20px; font-weight: 400; } .contact-section .contact-info h2{ margin-bottom: 20px; } .contact-section .contact-form input, .contact-section .contact-form textarea{ position: relative; width: 100%; height: 50px; border: 1px solid #434343; margin-bottom: 20px; padding: 15px; } ::-webkit-input-placeholder { / WebKit, Blink, Edge / color: #434343; } :-moz-placeholder { / Mozilla Firefox 4 to 18 / color: #434343; } ::-moz-placeholder { / Mozilla Firefox 19+ / color: #434343; } :-ms-input-placeholder { / Internet Explorer 10-11 / color: #434343; } ::-ms-input-placeholder { / Microsoft Edge / color: #434343; } ::placeholder { / Most modern browsers support this now. */ color: #434343; } .contact-section .contact-form textarea{ height: 150px; resize: none; margin-bottom: 21px; } .contact-section .contact-form .btn-one{ padding: 10px 28px 11px 28px; } .contact-section .contact-info .info-title{ position: relative; font-size: 20px; font-family: 'Yeseva One', serif; line-height: 30px; color: #000; margin-bottom: 5px; font-weight: 400; } .contact-section .contact-info .text{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; padding: 0px 0px 0px 2px; } .contact-section .contact-info .text a{ position: relative; font-size: 17px; font-family: 'Jost', sans-serif; line-height: 26px; color: #434343; padding: 0px 0px 0px 2px; transition: all 500ms ease; } .contact-section .contact-info .text a:hover{ color: #b77827; transition: all 500ms ease; } .main-banner { height:100vh !important; } #main_slider { height:100vh !important; } .custom-center{ display: flex; align-items: center; justify-content: center; } .service-section .about-btn{ color: #fff; font-size: 15px; line-height: 25px; font-family: 'Jost', sans-serif; background: #b77827; font-weight: 600; border: 2px solid #b77827; text-transform: uppercase; padding: 10px 36px 11px 37px; display: inline-block; text-align: center; transition: all 500ms ease; } .service-section .about-btn:hover{ color: #b77827; background: #15223f; border: 2px solid #b77827; transition: all 500ms ease; } .align-items-center { align-items: center; display: flex; } .single-item img{ width:100%; } .tarifinfo { padding: 30px 0; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 20px; font-family: 'Jost', sans-serif; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 16px; } .tarifinfo th, td { padding: 10px; border: solid 1px #323232; font-weight: 500; } .tarifinfo th { background: #b77827; text-align: center; font-size: 18px; color: #fff; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 16px; } .mobile-slider{ display:none; } .desktop { display:block; } .rooms-list h2{ color: #000; margin-bottom: 20px; text-align: center; font-family: 'Yeseva One', serif; } .logo img{ width: 120px; }

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