/* Created on : August 21, 2014, 12:40:32 PM */ /* for xs class*/ *{ padding: 0px; margin: 0px; } .padding-left-right-zero{ padding-right: 0px; padding-left: 0px; } .padding-right-zero{ padding-right: 0px; } .padding-left-zero{ padding-left: 0px; } .border-b-r-radius{ border-bottom-right-radius: 15px; } @media (max-width:767px){ /* .main-header{ position: relative; padding-top: 12px; padding-bottom: 12px; }*/ .onlineapp{ margin-top:12px; } .foot-body{ margin-bottom: 30px; } .right-links{ text-align: center; } div.border-bottom{ min-height: 380px; } .left-links{ padding-top: 10px; } } /* for sm class*/ @media (max-width:991px){ .im-hiding{ display: none; } nav{ padding-top: 0px ; } .hideme{ display: none; } #masthead-header .menu{ overflow-y: auto; max-height: 90vh; } .main-nav { width: 100%; z-index: 1111111; position: relative; } .main-nav li{ display: block; padding: 0px !important; width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #ccc ; } .main-nav > li a{ padding-left: 0px; } .main-nav ul > li:last-child{ border-bottom: none; } .main-nav ul li a { padding-left: 35px; } .main-nav ul ul li a{ padding-left: 70px; } .main-nav li a{ display: block; color: #fff; line-height: 40px; border-left: none; padding: 0px 20px; background-color: #c7c6c6; } /*.main-nav li ul{ display: none; }*/ .below{ background-position: 98% !important; } .nav-wrapper{ border-bottom: none; margin: 5px 0px; } .left-links .title{ font-size: 16px; } .margin-visible-sm{ margin-bottom: 30px; } .foot-links{ /*text-align: center;*/ } } /* for md class*/ @media (max-width:1199px){ .testi-name-wrapper{ padding-left: 0px; } .testi-name:before{ position: absolute; content: ''; border-style: solid; left: 42%; top: -42%; border-width: 0px 0px 21px 21px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #683D2A; } .date{ margin-bottom: 5px; } .news-body{ padding-left: 0px; } .pager{ top:310px; } } @media (min-width:768px){ } /*@media (min-width:992px){ .im-hiding{ display: block !important; } .nav-bg{ margin-top: 5px; } .main-nav { float: right; margin-top: -46px; } .main-nav > a{ line-height: 95px; } .main-nav a{ color: #000; display: block; padding: 12px 13px; } .main-nav >li{ float: left; } .main-nav li{ position:relative; } .main-nav ul{ position: absolute; display: none; min-width: 250px; box-shadow: 2px 4px 5px #595353; background: #c7c6c6; } .main-nav li:hover > ul{ display: block; z-index:999999; } .main-nav ul li{ border-top: 1px solid rgba(255, 255, 255, 0.66); } .main-nav > li:hover{ color: #2377cf; } .main-nav li:hover > a{ text-decoration: none; transition: 0.5s; } .main-nav ul a{ height: auto; padding: 10px 20px; color: #555; } .main-nav ul ul{ left: 100%; top: -3%; } }*/ @media (min-width:1200px){ .testi-name:before{ position: absolute; content: ''; border-style: solid; left: 0%; top: 53%; border-width: 3px 0px 21px 16px; border-color: rgba(0, 0, 0, 0) #683d2a #683d2a rgba(0, 0, 0, 0); } } /*for nav */ .below{ background-position: 50% 91%; background-repeat: no-repeat; } .side{ background-image:url(../images/next_1.png); background-position:96% center; background-repeat:no-repeat; } ul{ list-style: none; margin-bottom: 0px; } /*.main-nav a{ text-transform: capitalize; }*/ /*.main-nav > li > a{ color:#555555; font-size: 14px; padding: 0px 20px; font-weight: bold; border-left: 1px solid #333; height: 45px; line-height: 45px; text-transform: uppercase; }*/ /*#showbutton{ display: block; background: #940404; float: right; } #showbutton:hover{ background:#880015; cursor: pointer; }*/ /*navigation finished*/ /*.main-nav li a img { padding-top: 16px; } .main-nav li.reser:focus > ul.reservationform{ display: block; z-index:999999; } @media only screen and (min-width: 991px) { span#showbutton { display: none; } }*/ /*-------------------------------------------------------------- ## top-header-socialicons --------------------------------------------------------------*/ /*.main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-top-header-socialicon-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-top-header-socialicon-ancestor > a { } */ /* Small top-header-socialicon. */ /*.top-header-socialicon-toggle, .main-navigation.toggled ul { display: block; }*/ @media screen and (min-width: 37.5em) { .top-header-socialicon-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* ----- Start Main Header ---- */ /* .main-header { padding: 10px 0px 0px; } .main-header .site-branding { float: left; } .site-title { margin: 0px; } .main-header .site-title { font-size: 28px; font-weight: bold; } p.site-description { margin-bottom: 0; font-size: 14px; color: #8a8989; }*/ /* ---- sticky Navagation ----*/ .navbar-fixed-top { top: 0; z-index: 100; position: fixed; width: 100%; background: #fff; } .admin-bar .navbar-fixed-top{ top: 46px; } @media (min-width : 992px) { .admin-bar .navbar-fixed-top{ top: 32px; } } .scrollup { font-size: 16px; border-radius: 100%; bottom: 50px; color: #ffffff; float: right; line-height: 1.2; padding: 10px 17px; position: fixed; right: 50px; text-align: center; text-shadow: 0 0 1px #313131; transition: all 0.3s ease-in-out 0s; z-index: 999; } .scrollup:hover { background: #383838; color: #fff; } .contact-form input[type=text], .contact-form textarea { border: 1px solid #eee; font-size: 12px; padding-left: 10px; /* margin-right: -15px; */ } /*--------------------------------------------------------------*/ /* ----- Start slider css ---- */ .features-slider { position: relative; } .features-slider .owl-wrapper-outer{ overflow: hidden; } .slider-content { position: absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; left: 0; right: 0; width: 100% } .features-slider .banner-title { color: #fff; margin-bottom: 30px; font-size: 44px; font-weight: 800; text-transform: uppercase; } .features-slider .banner-caption p{ font-size: 18px; color: #fff; } .slider-overlay { position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.80); } .read-more-background { color: #fff; margin: 20px 0px 0px; padding: 10px 40px; display: inline-block; font-size: 18px; text-transform: uppercase; background: #F88C00; } .read-more-background:hover { background: #fff; transition: 0.5s; color: #F88C00; } .features-slider .owl-pagination { position: absolute; right: 10px; top: 45%; } .features-slider .owl-theme .owl-controls .owl-page { display: table; } .features-slider .owl-theme .owl-controls .owl-page span, .widget-ample-business-theme-testimonial .owl-theme .owl-controls .owl-page span { background: #fff; opacity: 1; } .features-slider .owl-theme .owl-controls{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .features-slider .owl-theme .owl-controls .owl-buttons{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .features-slider .owl-prev, .features-slider .owl-next{ padding: 20px; font-size: 20px; color: #fff; cursor: pointer; opacity: .5; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .features-slider .owl-prev:hover, .features-slider .owl-next:hover{ opacity: 1; } .features-slider .item img { width: 100%; } @media only screen and (max-width : 992px) { .slider-content { top: 20%; } } header { transition: all 0.5s; } /*#header { position: fixed; left: 0; top: 0; right: 0; z-index: 997; }*/ /*.main-header{ height: 60px; padding: 10px 0; } .main-header .container-fluid{ position: relative; }*/ /*.main-header #mobile-nav-toggle{ margin-top: 0; }*/ /*@media (min-width: 992px){ .main-header{ padding: 30px 0; height: 92px; } #header.header-scrolled { background: rgba(0, 0, 0, 0.9); transition: all 0.5s; } #header.header-scrolled .main-header{ height: 72px; padding: 20px 0; } body:not(.home) #header.header-scrolled{ padding: 20px 0; height: 72px; transition: all 0.5s; position: fixed; left: 0; top: 0; right: 0; z-index: 997; } body:not(.home) #header.header-scrolled .main-header{ height: auto; padding: 0; } body:not(.home).admin-bar #header.header-scrolled{ top: 32px; } }*/ /*#header #logo { float: left; } #header #logo h1 { font-size:28px; margin: 0; padding: 0; line-height: 1; font-family: "Montserrat", sans-serif; font-weight: 700; } #header #logo h1 a, #header #logo h1 a:hover { color: #fff; padding-left: 10px; } #header #logo img { padding: 0; margin: 0; } .admin-bar #header{ top: 32px; } @media (max-width: 600px){ .admin-bar #header.header-scrolled{ top:0; } } #header .top-header{ border-bottom:1px solid rgba(255,255,255,.1); display: none; } @media (min-width: 992px){ #header .top-header{ display: block; } } #header .top-header .contact-info{ line-height: 40px; } #header .top-header .contact-info ul{ margin: 0; padding: 0 0 0 10px; } #header .top-header .contact-info li{ display: inline-block; color: #fff; } #header .top-header .contact-info li i{ margin-right: 5px; } #header .top-header .contact-info li:not(:last-child){ margin-right: 10px; padding-right: 10px; } #header .top-header .contact-info li a{ color:#fff; } #header .top-header .social-links a{ color: #fff; border-right: 1px solid rgba(255,255,255,.2); display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; } #header .top-header li a:hover, #header .top-header a:hover{ color:#F88C00; } #header.header-scrolled .top-header{ display: none; }*/ /*--------------------------- New Header Css -------------------------*/ #masthead-header *{ -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } #masthead-header .sub-menu{ -webkit-transition: none; -o-transition: none; transition: none; } #masthead-header, #masthead-header .navbar-fixed-top{ background:rgba(0, 0, 0, 0.9); } .admin-bar #masthead-header .navbar-fixed-top{ top: 0; } .admin-bar #masthead-header{ top: 46px; } /*top header*/ #masthead-header .top-header{ display: none; border-bottom: 1px solid rgba(255,255,255,.1); } #masthead-header .top-header .contact-info li { display: inline-block; color:#fff; } #masthead-header .top-header .contact-info li:not(:last-child) { margin-right: 10px; padding-right: 10px; } #masthead-header .top-header .contact-info li i { margin-right: 5px; } #masthead-header .top-header .social-links a { color: #fff; border-right: 1px solid rgba(255,255,255,.2); display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; } #masthead-header .top-header .contact-info{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; height: 100%; } /*Main header*/ #masthead-header .site-branding-wrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; width: 100%; } #masthead-header .site-branding-wrap #showbutton{ margin-left: auto; } #masthead-header .site-branding-wrap .custom-logo-link img{ width: 200px; } #masthead-header .site-branding .site-title{ line-height: normal; font-size: inherit; } /*header Media Queries*/ @media (min-width: 768px){ .admin-bar #masthead-header, .admin-bar #masthead-header .navbar-fixed-top{ top: 46px; } } @media (min-width: 992px){ /*Top header*/ #masthead-header .top-header{ display: block; } #masthead-header.header-sticky .top-header{ display: none; } /*Main Header*/ #showbutton{ display: none; } .site-title{ margin-bottom: 0; } #masthead-header .site-branding-wrap{ width: 30%; } #masthead-header .site-branding-wrap .custom-logo-link img{ width: auto; } #masthead-header { position: fixed; left: 0; top: 0; right: 0; z-index: 997; background:rgba(0, 0, 0, 0.3); } .admin-bar #masthead-header, .admin-bar #masthead-header .navbar-fixed-top{ top: 32px; } #masthead-header .container-fluid, #masthead-header .container{ padding-left: 60px; padding-right: 60px; } /*main menu*/ #masthead-header .main-header .container-fluid , #masthead-header .main-header .container{ padding-top: 30px; padding-bottom: 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } #masthead-header .main-header.navbar-fixed-top .container-fluid , #masthead-header .main-header.navbar-fixed-top .container{ padding-top: 20px; padding-bottom: 20px; } #masthead-header .main-header .container-fluid .menu, #masthead-header .main-header .container .menu{ margin-left: auto; width: 100%; } .main-nav{ text-align: right; } .main-nav li{ display: inline-block; position: relative; } .main-nav > li{ margin-left: 10px; } .main-nav li a { padding: 0 8px 10px 8px; text-decoration: none; display: inline-block; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 13px; text-transform: uppercase; outline: none; } .main-nav li.menu-item-has-children a{ padding-right: 20px; } .main-nav li.menu-item-has-children > a:after{ content: "\f107"; position: absolute; right: 0; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; } .main-nav ul { margin: 4px 0 0 0; padding: 10px; background: #fff; color: #000; position: absolute; display: none; top: 100%; left: 0; z-index: 99; min-width: 180px; text-align: left; } .main-nav ul li a { padding: 10px; color: #000; transition: 0.3s; display: block; font-size: 13px; text-transform: none; } } p.site-description { color: #fff; } @media (min-width: 992px) { .main-header { padding: 0px 0; height: 103px; } } .main-header { height: auto; padding: 10px 0; } @media only screen and (max-width: 600px) { .features-slider .banner-title { color: #fff; margin-bottom: 30px; font-size: 26px; font-weight: 800; text-transform: uppercase; } .slider-content.wow.slideInDown.text-left { top: 50%; } .read-more-background { color: #fff; margin: 6px 0px 0px; padding: 6px 10px; display: inline-block; font-size: 15px; text-transform: uppercase; background: #F88C00; } } @media only screen and (max-width: 991px) { #masthead-header{ position: fixed; left: 0; top: 0; right: 0; z-index: 997; background:rgba(0, 0, 0, 0.3); } .slider-content { top: 60%!important; } } @media only screen and (max-width: 667px) { .features-slider .item img{ height: 509px; object-fit: cover; } } .main-header { height: auto; padding: 0px 0; }