.bor-header{ border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .fixed.bor-header { border-bottom: 1px solid #dcdcdc; } .bg-size-contain{ background-size: contain !important; } @media screen and (min-width: 992px){ .new-sub-menu{ opacity: 0; visibility: hidden; height: 0; position: absolute; left: -100%; background: #fff; max-width: 225px; width: 225px; height: auto; top: 50px; box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .nav .sub-menu li:hover .new-sub-menu, .nav .sub-menu li:focus .new-sub-menu{ opacity: 1; visibility: visible; top: 0; } .open-sb-menu{ color: #fff; vertical-align: middle; } .header-type-2 .open-sb-menu{ color: #232323; } .nav .sub-menu-parent:hover > .open-sbw-menu, .nav .sub-menu-parent:hover > .open-sb-menu, .nav .sub-menu-parent:focus > .open-sbw-menu, .nav .sub-menu-parent:focus > .open-sb-menu{ color: #fff; } .header-type-2 .nav .sub-menu-parent:hover > .open-sbw-menu, .header-type-2 .nav .sub-menu-parent:hover > .open-sb-menu, .fixed .nav .sub-menu-parent:hover > .open-sbw-menu, .fixed .nav .sub-menu-parent:hover > .open-sb-menu, .header-type-2 .nav .sub-menu-parent:focus > .open-sbw-menu, .header-type-2 .nav .sub-menu-parent:focus > .open-sb-menu, .fixed .nav .sub-menu-parent:focus > .open-sbw-menu, .fixed .nav .sub-menu-parent:focus > .open-sb-menu{ color: #0085ba; } .col-menu .open-sbw-menu { display: none; } .open-sb-menu, .open-sbw-menu{ display: inline-block; font-size: 18px; padding-left: 4px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .open-sbw-menu{ color: #343639; } .open-sbw-menu{ font-size: 14px; padding-left: 5px; float: right; } } .new-header .nav .full-menu-parent:hover .full-w-menu, .new-header .nav .full-menu-parent:focus .full-w-menu { margin-top: 32px;} .new-header.fixed .nav .sub-menu-parent:hover .sub-menu, .new-header.fixed .nav .sub-menu-parent:focus .sub-menu { margin-top: 3px; } header.fixed .nav .full-menu-parent:hover .full-w-menu, header.fixed .nav .full-menu-parent:focus .full-w-menu{ margin-top: 10px } .header-type-2.fixed .nav .sub-menu-parent:hover .sub-menu, .header-type-2.fixed .nav .sub-menu-parent:focus .sub-menu { margin-top: 3px; } /*------------- new-header -------------*/ .nav-panel{ padding:25px 0 15px 0; } .new-header .nav ul> li >a{ padding-bottom:0px; } .info-panel a:hover, .info-panel a:focus{ color: #fff; } .fixed .info-panel a:hover, .fixed .info-panel a:focus{ color: #0085ba; } .sign-img{ margin-bottom: 30px; } .sign-img img{ width: 120px; } .sep-block{ display: block; text-align: center; margin-bottom: 20px; } .bullet { width: 100px; border: 1px solid #0085ba; display: inline-block; line-height: 24px; border-radius: 50%; color:#0085ba; text-align:center; position:relative; } .sep-block.wht-sep .bullet{ border-color: #fff; color: #fff; } .sep-block.wht-sep span::before, .sep-block.wht-sep span::after { background: #fff; } .left-sep{ text-align: left; padding-left: 0; } .patern-1{ background-repeat: no-repeat; background-attachment: fixed; background-position: right; } /*----------------- without-overlay-slide ------------*/ .without-overlay-slide .slider-sub-title, .without-overlay-slide .slide-title{ color: #232323; } .without-overlay-slide .slide-title span{ color: #0085ba; } .blk-btn{ border-color: #232323; color: #232323; } /*------------------- Service-box -------------------*/ .service-box{ text-align: center; background-color: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.13); margin-top: -2px; padding: 20px; } /*----------- Counter-new ------*/ .counter-wapper{ background-color: #0085ba; position: relative; top: 70px; z-index: 1; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .counter-wapper .counter-box span, .counter-wapper .counter-box h3{ color: #fff; } .counter-wapper .counter-box{ border-right: 1px solid rgba(232, 232, 232, 0.3); border-top: none; } /*----------------- Team-area ------------------*/ .bg-spa-pots{ background-image: url(../spa-img/bg-1.jpg); background-position-x: -100px; background-repeat: no-repeat; background-repeat: no-repeat; background-attachment: fixed; } .team-one { margin: 0 auto 30px; position: relative; border-radius:50%; -webkit-perspective: 900px; perspective: 900px; } .team-one .team-avatar{ position: relative; opacity: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); border-radius: 500px } .team-one:hover .team-avatar { -webkit-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0; } .team-one .team-avatar:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .team-one .team-avatar img{ border-radius: 50%; width: 100%; height: auto; } .team-one .team-info{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #0085ba; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease 0.2s; -o-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; -webkit-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; } .team-one .bg-solid{ width: 100%; text-align:center; padding: 20px; } .team-one .bg-solid h3{ padding-bottom: 0; } .team-one:hover .team-info { opacity: 1; visibility: visible; -webkit-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); } .team-one .social{ margin-top:20px; } .team-one .social li{ display: inline-block; margin: 2px 5px; } .team-one .social li a{ display: block; height: 25px; width: 25px; line-height: 25px; border: 1px solid #fff; border-radius: 50%; color: #fff; font-size: 12px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; } .team-one .social li a:hover, .team-one .social li a:focus{ color: #000; border-color: #000; } .team-one .team-name{ font-size: 22px; font-weight: 600; display: block; text-transform: capitalize; margin-bottom:10px; color: #fff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .team-one .team-position{ font-size: 14px; font-weight:500; position: relative; text-transform: capitalize; padding-bottom: 10px; color:#fff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .team-one .team-position::after{ content: ""; position: absolute; height:1px; width: 40px; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; } /*--------------------- Gallery-area-one --------------------*/ .gallery-area-one{ overflow: hidden; } .info-title::after{ background: #fff; } .offer-area strong{ font-size: 40px; font-style: italic; color: #FF8025; font-weight: 700; letter-spacing: 2px; } .offer-area small{ font-size: 14px; } .offer-area .info-sub-title{ font-size: 24px; font-weight: 600; word-spacing: 2px; letter-spacing: 1px; margin-bottom: 30px; margin-top: 30px; line-height: 32px; } .blog-inner-diss{ background: #fff; padding: 20px 20px 0; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.13); } /*-------------------- Footer-new -------------------*/ .footer-new{ background-size: cover; background-position-y: 100px; background-position-x: -20px; background-repeat: no-repeat; } .up-footerbar{ margin-bottom: 60px; } .up-footerbar .ftr-social a{ color: #232323; } .up-footerbar .ftr-social a:hover, .up-footerbar .ftr-social a:focus{ color: #0085ba; } .footer-new .ftr-text { color: #232323; } .footer-new .recent-list a, .footer-new.footer h3 { color: #232323; } .footer-new.footer h3 { color: #232323; font-size: 22px; font-weight: 600; position: relative; text-transform: capitalize; } .footer-new.footer h3::after{ content: ""; border-bottom: 1px solid #232323; height: 8px; width: 50px; display: block; } .footer-new .recent-list span:after { width: 20px; background: #c7c7c7;} .footer-new .contact-us input, .footer-new .contact-us textarea{ background-color: #fff; } .footer-new .contact-us .submit{ background: #0085ba; } .footer-new .contact-us .submit:hover, .footer-new .contact-us .submit:focus { background: #fff; color: #0085ba; } .hb-footerbar { text-align: center; width: 100%; padding: 30px 0; border-top: 1px solid rgba(0, 0, 0, 0.09); } .hb-copyright { font-size: 14px; line-height: 17px; color: #7a7992; display: inline-block; vertical-align: middle; } .hb-footernav { float: right; list-style: none; } .hb-footernav li { font-size: 14px; line-height: 17px; padding: 0 20px; font-weight: 300; display: inline-block; list-style-type: none; vertical-align: middle; border-right: 1px solid #c1bfda; } .hb-footernav li:last-child{ border: none; } .hb-footernav li a { color: #7a7992; display: block; } /*--------------- Counter-Two ----------------*/ .count-area-two .count-box> span::before{ font-size: 45px; } .offer-area-two{ padding: 100px 0; } .offer-area-two .info-title{ color: #232323; } .offer-area-two .info-sub-title, .offer-area-two .info-title{ text-align: left; color: #232323; } .offer-area-two .button-row{ text-align: left; } .offer-area-two .info-title::after { background: #232323; margin-right: auto; margin-left: 0; } .business-price-table.pricint-two .package { background-color: transparent !important; } .business-price-table.pricint-two .pricing-tab{ margin-bottom: 30px; } /*---------------- Testimonial-two -------------*/ .testimonial-two .testimonials { background: #fff; color: #232323; font-size: 16px; padding: 20px; position: relative; } .testimonial-two .testimonials::after{ content: ""; position: absolute; left: 50%; bottom: -9px; width: 20px; height: 20px; background: #fff; transform: translateX(-50%) rotate(45deg); } .testimonial-two .img-wapper{ margin-top: 25px; } .testimonial-two .author{ margin: 0; } .hb-breadcrumb { padding: 25px 0; list-style: none; margin: 0; color: #232323; float: right; text-align: right; text-transform: capitalize; } .hb-breadcrumb li { width: auto; padding: 0 15px; position: relative; line-height: inherit; display: inline-block; vertical-align: middle; } .hb-breadcrumb li a { display: block; color: #232323; font-weight: 600; } .hb-breadcrumb li:last-child { padding: 0 0 0 15px; } .hb-breadcrumb li:after { top: 0; left: -3px; content: '|'; color: #858585; position: absolute; } .hb-breadcrumb li:first-child:after { display: none; } .banner-area .title { text-align: left; display: inline-block; } .banner-area .title-block{ margin-bottom: 40px; } .banner-area .title:after{ margin-top: 10px; margin-left: 0; } .service-three{ margin-bottom: 30px; } .gallery-blk-overlay h3{ position: relative; } .gallery-blk-overlay h3::after{ content: ""; width: 50px; height: 10px; border-bottom: 1px solid #fff; display: block; margin: 0 auto 10px; } .gallery-blk-overlay a{ color: #fff; } .hvr-btn-three{ font-size: 35px; border: 1px solid #fff; padding: 10px; width: 40px; height: 40px; line-height: 20px; border-radius: 5px; margin-top: 10px; } .hvr-btn-three:hover, .hvr-btn-three:focus{ background-color: #0085ba; color: #fff; border-color: #0085ba; } .search-panel.type-two { height: 160px; padding: 60px 0; } .search-panel.type-two .search-input{ font-size: 16px; text-transform: capitalize; width: 95%; } .fixed .search-panel.type-two { height: 60px; padding: 20px 0; } .portfolio-slider{ margin-bottom: 30px; } .project-content{ margin-bottom: 30px; } /* .rev_slider_wrapper, .rev_slider{ height: 720px !important; max-height: 720px !important; } */ /* extra info */ .extra-info { background: #222 none repeat scroll 0 0; height: 100%; padding: 30px; position: fixed; right: 0; top: 0; transition: all 0.7s ease 0s; width: 360px; z-index: 99999; overflow-y: scroll; transform: translateX(100%); } @media (max-width: 767px) { .extra-info { width: 300px; padding: 15px; } } .extra-info.info-open { transform: translateX(0); } .extra-info-left { right: inherit; left: 0; transform: translateX(-100%); } .extra-info.extra-info-left.info-open { transform: translateX(0); } .close-icon { margin-top: -16px; text-align: right; display: inline; float: right;} .social-icon-right { border-bottom: 1px solid #444; padding-bottom: 20px; margin-bottom: 30px; } .close-icon > button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #ddd; cursor: pointer; font-size: 20px; padding: 0; } .social-icon-right > a { color: #dcdcdc; display: inline-block; margin-right: 12px; } .social-icon-right > a:hover, .social-icon-right > a:focus { color:#fff; } .side-menu { /* border-bottom: 1px solid #444; */ padding-bottom: 12px; } .side-menu ul{ list-style: none; } .side-menu ul li { margin-bottom: 15px; } .side-menu ul li a { color: #dcdcdc; font-size: 14px; letter-spacing: 1px; font-weight: 600; } .side-menu ul li:hover a , .side-menu ul li:focus a { color: #fff; } .post__small-thumb{ margin-right: 15px; float: left; } .post__small-text{ width: 60%; display: inline-block; } .side-post h3 { font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 18px; margin-top: 20px; } .post__small { overflow: hidden; margin-bottom: 15px; } .side-post .post__small-thumb img { width: 90px; } .side-post .post__small-text .sm-cat { color: #ddd; padding-bottom: 10px; display: block; } .sm-cat a { font-size: 12px; text-transform: capitalize; color: #fff; } .post__small-text h4.title-13 { font-size: 14px; padding-bottom: 10px; } .post__small-text h4 { font-weight: 600; } .post__small-text h4 a{ color: #dcdcdc; } .side-post .post__small-text .post__small-text-meta ul li { color: #ddd; } .post__small-text-meta ul{ list-style: none; } .post__small-text-meta ul li i { color: #fff; margin-right: 4px; } .post__small-text-meta ul li { font-size: 11px; } .sm-cat a:hover, .post__small-text h4 a:hover, .sm-cat a:focus, .post__small-text h4 a:focus{ color: #fff; } .header__logo{ margin-bottom: 20px; } .header__logo a{ color: #fff; font-size: 30px; font-weight: 600; font-family: 'Niconne', cursive; letter-spacing: 3px; text-transform: capitalize; } .header__logo span{ font-size: 40px; color: #ffffff; font-weight: 800; } audio{ margin: 15px 0; } /*---- Side-bar ----*/ .side-title-sep{ position: relative; } .side-title-sep::after{ content: ""; display: block; border-bottom: 1px solid #000; width: 80px; height: 8px; margin-bottom: 15px; } /*pagination*/ .pagination-outer{ text-align: left; } .pagination{ display: inline-flex; position: relative; z-index: 1; } .pagination li a.page-link{ color: #fff; background: transparent; font-size: 20px; font-weight: 600; line-height: 45px; text-align: center; padding: 0; margin: 0 6px; width: 45px; height: 45px; border: none; transition: all 0.4s ease 0s; } .pagination li.active a.page-link, .pagination li a.page-link:hover, .pagination li.active a.page-link:hover, .pagination li a.page-link:focus, .pagination li.active a.page-link:focus{ color: #0085ba; background: transparent; } .pagination li a.page-link:before{ content: ""; height: 100%; width: 100%; border: 23px dashed #0085ba; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease 0s; } .pagination li a.page-link:hover:before, .pagination li a.page-link:focus:before, .pagination li.active a.page-link:before { border: 3px dashed #0085ba; } @media only screen and (max-width: 480px){ .pagination{ display: block; } .pagination li{ margin-bottom: 10px; display: inline-block; } } /*-------------- Cart -----------------*/ .single-article .post-title{ font-size: 22px; } .product-cart-list img{ width: 50px; } .product-cart-list td{ vertical-align: middle !important; } .product-cart-list th{ color: #232323; font-weight: 600; text-transform: capitalize; } .product-cart-list .fa-close{ color: #232323; } .popular-product img{ width: 60px; } /*------- Service-details ------------*/ .Department-area-tab .tab-info > img{ margin-bottom: 30px; } .Department-title{ font-size: 22px; font-weight: 600; text-transform: capitalize; } /*------------- 404-Error page -------------*/ .th-404content{ text-align: center; } .th-404content h3 { color: #0085ba; font-size: 70px; margin: 40px 0 30px; line-height: 50px; font-weight: bold; font-family: 'Niconne', cursive; } .th-404content h3 span{ font-size: 40px; } .th-backhome { width: 100%; float: left; margin: 80px 0 0; } .th-backhome a{ float: left; } .th-formsearch{ float: right; width: 60%; } .th-formsearch fieldset{ width: 100%; float: left; margin: 0; padding: 0; border: 0; position: relative; } .th-formsearch fieldset .form-control{ z-index: 1; position: relative; height: 42px; padding: 15px 157px 15px 20px; } .th-formsearch fieldset .th-btn{ top: 0; right: 0; z-index: 2; color: #fff; width: 143px; height: 42px; padding: 0; border: 0; font-size: 17px; font-weight:bold; position: absolute; background: #0085ba; text-transform: uppercase; } @media (max-width: 567px){ .th-backhome a{ float: none; display: inline-block; } .th-backhome span{ display: block; margin: 20px 0; } .th-formsearch { float: none; width: 100%; } } /*---------------- Product-list --------------*/ .pro-rating{ list-style: none; padding-top:10px; } .pro-rating li{ display: inline-block; color: #0085ba; } .product del { padding-right: 8px; } .product ins { text-decoration: none; font-weight: 600; } .product-grid{ margin-bottom: 30px; } .left-content .button-row, .left-content .title, .left-content{ text-align: left; } .head-panel-three{ background-color: #1b1b1b; } .head-panel-three .sport-info-link{ float: right; } .sport-info-link a:last-child{ margin-right: 0; } .logo-three{ position: absolute; width: 200px; height: 160px; background: #fff; top: -45px; box-shadow: 0 7px 21px rgba(0,0,0,.1); text-align: center; } .logo-three img{ width: 150px; padding-top: 15px; } .fixed .logo-three{ position: relative; width: inherit; height: inherit; top: -2px; box-shadow: none; background: transparent; } .fixed .logo-three img{ padding: 0; width: inherit; } .bussiness-hour{ list-style: none; background: rgba(0, 0, 0, 0.31); padding: 30px; margin-top: 55px; } .bussiness-hour li{ border-bottom: 1px dashed rgba(255,255,255,0.3); text-align: left; color: #fff; padding: 15px 0; } .bussiness-hour li:last-child{ border-bottom: none; } .min-title{ text-align: center; font-family: 'Niconne', cursive; color: #ffffff; font-weight: 500; font-size: 30px; } @media screen and (max-width: 992px){ .logo-three img { width: 110px; padding-top: 12px; } .logo-three { width: 200px; height: 120px; top: 0px; } .nav-panel.nav-res { padding-bottom: 30px !important; } .fixed .nav-panel.nav-res { padding-bottom: 10px !important; } .footer-new{ background-image: none; } .footer-new .ftr-social{ margin-bottom: 30px; } }