File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/jawaiberaleopardcamp.com/css/style.css
Back
/******* Project/Template Name: Couple Heart - Wedding Event And Planner HTML Template Template Url: https://themeforest.net/item/ Author: unlockdesign Author Url: https://themeforest.net/user/unlockdesign Version: 1.0 Description: Couple Heart - Wedding Template Tag: bride, ceremony, clean, couple, cute, event, gallery, girly, groom, guestbook, honeymoon, invitation, marriage, one page, rsvp, wedding, wedding events, wedding planner, wedding template etc. ********/ /* CSS Document */ @import url(jquery-ui.min.css); @import url(font-awesome.min.css); @import url(font-awesome-animation.min.css); @import url(elegantIcons.css); @import url(flaticon.css); @import url(pe-icon-7-stroke.css); @import url(animate.css); @import url(bootsnav.css); @import url(fullcalendar.min.css); @import url(slider.css); @import url(hover.css); @import url(fancyBox.css); @import url(owl.css); @import url(isotop.css); @import url(magnific-popup.css); @import url(flipclock.css); @import url(timecounter.css); @import url(3d-buttons.css); @import url(https://fonts.googleapis.com/css?family=Open+Sans); @import url(https://fonts.googleapis.com/css?family=Raleway:700); @import url(https://fonts.googleapis.com/css?family=Alex+Brush); @import url(https://fonts.googleapis.com/css?family=Engagement); @font-face { font-family: "Museo-700"; src: url("../fonts/Museo700.woff") format("woff"), /* Modern Browsers */ url("../fonts/Museo700.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } html { font-size: 100%; } body { background-attachment: fixed; background-color: #ffffff; color: #323232; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.642; overflow-x: hidden; transition: inherit; -webkit-font-smoothing: antialiased; } img { max-width: 100%; } p { font-size: 16px; line-height: 1.5em; font-weight: 400; } ul, ol { list-style: none; margin: 0; padding: 0; } iframe { border: none; width: 100%; } a { color: #555555; text-decoration: none; -webkit-font-smoothing: antialiased; } a:hover, a:focus { color: #333333; text-decoration: none; outline: none; } a img { border: none; } iframe { border: none; } ::selection { background: #222222; color: #ffffff; text-shadow: none; } ::-moz-selection { /* Firefox */ background: #222222; color: #ffffff; text-shadow: none; } ::-webkit-selection { /* Safari */ background: #222222; color: #ffffff; text-shadow: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Raleway", sans-serif; line-height: 1.42857; color: #333333; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #333333; font-weight: 500; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #333333; font-weight: 500; } h1, h2, h3, h4 .h1, .h2, .h3, .h4 { font-weight: 700; } h5, h6, .h5, .h6 { font-weight: 500; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 12px; } p, ul, ol, dl, dt, dd, blockquote, address { margin: 0 0 10px; } .ff-opensans { font-family: "Open Sans", sans-serif; } .ff-raleway { font-family: "Raleway", sans-serif; } .ff-serif { font-family: "serif"; } .ff-alex { font-family: "Alex Brush", cursive; } .ff-engnmt { font-family: "Engagement", cursive; } /* Header Sass */ .header-top { padding: 10px 0 0; } .header-top-two { background: #434343 none repeat scroll 0 0; padding-bottom: 5px; padding-top: 15px; } .header-top-two span { color: #ffffff; font-weight: 400; } .ulockd-padz { padding: 0; } .welcm-ht { position: relative; } .welcm-ht a { color: #434343; } .welcm-ht-two { color: #D3D3D3; } .ulockd-welcntxt { color: #434343; margin: 0; } .welcm-header-middle > p { margin-bottom: 0; } .header-middle { background-color: #f6f6f6; border-top: 1px solid #ffffff; padding-top: 20px; padding-bottom: 20px; } .ulockd-ohour-info.style2 { border: 2px solid #ffffff; border-radius: 20px; padding: 10px 0; -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ulockd-ohour-info.style2:hover { cursor: pointer; } .ulockd-ohour-info .ulockd-icon { font-size: 26px; line-height: 1.3em; } .ulockd-ohour-info .ulockd-info h3 { color: #333333; font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 0; margin-top: 0; } .htc-info .ulockd-icon { border: 2px solid #DCDCDC; font-size: 26px; margin-right: 16px; padding: 3px 10px; } .htc-info .ulockd-info { padding-right: 25%; } .htc-info .ulockd-info h3 { color: #333333; font-weight: 400; line-height: 28px; margin-bottom: 0; margin-top: 12px; } .ulockd-cell, .ulockd-addrss { color: #555555; } .ulockd-main-logo img { margin-top: 20px; } .ulockd-main-logo2 img { margin-top: 4px; } .dropbtn { background-color: transparent; border: none; color: #434343; cursor: pointer; } .dropdown { position: relative; } .dropdown:hover .dropdown-content { display: block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; padding: 6px 0; width: 85px; z-index: 9999 !important; } .dropdown-content a { color: black; padding: 5px 0px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #A9A9A9; } /* Navbar Sass */ .fixedup { position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-header-nav { position: relative; } .main-header-nav-two { background-color: #ffffff; } nav.navbar.bootsnav.menu-style1 { border: none; position: relative; } .nav.navbar-nav.single-page li.active a { color: #303030; margin-bottom: 0; } nav.navbar.bootsnav.menu-style1 ul.nav li a { padding: 30px 15px; } nav.navbar.bootsnav ul.nav li a { font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 0; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav.navbar.bootsnav ul.nav li a.active { color: #303030; font-weight: 600; } nav.navbar.bootsnav ul.nav li a:hover, nav.navbar.bootsnav ul.nav li a:focus { color: #303030; font-weight: 600; } .navbar.bootsnav .nav.navbar-nav .dropdown li a { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .attr-nav ul li a { color: #303030; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a { font-family: "Open Sans", sans-serif; font-size: 13px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover { padding-left: 20px; } nav.navbar.bootsnav.menu-style2 li.dropdown ul.dropdown-menu li a { color: #303030; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav.navbar.bootsnav.menu-style2 li.dropdown ul.dropdown-menu li a:hover { padding-right: 20px; } nav.navbar.bootsnav.menu-style2 li.dropdown ul.nav li a { color: #777777; } .header-nav .main-header-nav.navbar-scrolltofixed { background: #ffffff; border-top: 1px solid #ffffff; } nav.navbar.bootsnav.menu-style2 { border: none; } .attr-nav ul li a span.badge { background-color: #222222; padding: 3px 0 0; } nav.navbar.bootsnav ul.nav li a.active, nav.navbar.bootsnav ul.nav li a:hover, nav.navbar.bootsnav ul.nav li a:focus { color: #111111 !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:focus { color: #111111 !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu { border-top: 5px solid #DCDCDC; } nav.navbar.bootsnav.menu-style1 ul.dropdown-menu.megamenu-content .title { font-weight: bold; } .dropdown-menu .cart-list p, .dropdown-menu .cart-list a { color: #303030; } .dropdown-menu .cart-list p .price { color: #303030; } .total a.btn-cart { color: #303030 !important; } nav.navbar.bootsnav.menu-style1 ul.dropdown-menu.megamenu-content .content ul.menu-col li a { color: #303030; font-size: 14px; line-height: 12px; margin-bottom: 0px; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } nav.navbar.bootsnav.menu-style1 ul.dropdown-menu.megamenu-content .content ul.menu-col li:hover a { padding-left: 10px; } .top-search .input-group-addon.close-search { color: #303030; } .navbar-brand { padding: 3px; } .header-nav.nav-app { left: 0; position: absolute; right: 0; } .ulockd-quote-btn { position: relative; } nav.menu-style1 .side .widget ul.link li a { font-family: "Open Sans", sans-serif; } .ulockd-quote-btn a { font-size: 14px; margin-top: 20px; padding: 10px 20px; text-transform: uppercase; } .ulockd-quote-btn-two a { font-size: 14px; margin-top: 10px; padding: 10px 20px; text-transform: uppercase; } nav.navbar.unlock-megamenu { margin-bottom: 0; } .mega-dropdown { position: static !important; } .mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } .mega-dropdown-menu li ul { padding: 0; margin: 0; } .mega-dropdown-menu li ul li { list-style: none; } .mega-dropdown-menu li ul li a { display: block; color: #222222; padding: 3px 5px; } .mega-dropdown-menu .dropdown-header { font-size: 24px; padding: 5px 60px 5px 5px; line-height: 30px; } body.on-side { margin-left: 0; } /* Left Side Menu */ body.wrap-nav-sidebar .wrapper { padding-left: 0 !important; } /* Navbar Transparent */ .header-nav.transparent { position: absolute; } .header-nav.transparent nav { left: 0; } /* Navbar Fixed */ .fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed { background-color: #ffffff; margin-top: 0; } .menu-fixed-center { left: 0; margin-top: -35px; position: absolute; right: 0; } /* .navbar-scrolltofixed { nav { &.menu-fixed-center { margin-top: 0; } } }*/ /* Home Sass */ #sg-carousel { position: relative; height: 100%; } #sg-carousel .carousel-inner .item { height: 100%; } #sg-carousel .carousel-control { bottom: 0; color: #ffffff; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; width: auto; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } #sg-carousel .carousel-control.left { background-image: none; background-repeat: no-repeat; opacity: 0; text-shadow: none; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; top: 35%; } #sg-carousel .carousel-control.right { background-image: none; background-repeat: no-repeat; opacity: 0; right: 0; left: auto; text-shadow: none; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; top: 35%; z-index: 999; } #sg-carousel:hover .carousel-control.left { left: 38px; opacity: 1; -webkit-transition: all 0.2s ease 0; -o-transition: all 0.2s ease 0; transition: all 0.2s ease 0; } #sg-carousel:hover .carousel-control.right { opacity: 1; right: 38px; -webkit-transition: all 0.2s ease 0; -o-transition: all 0.2s ease 0; transition: all 0.2s ease 0; } #sg-carousel h1 { animation-delay: 1s; } #sg-carousel p { animation-delay: 2s; } .carousel-caption { left: 0; padding-bottom: 5%; right: 0; text-shadow: none; top: 40%; z-index: 0; } .carousel-caption h1 { color: #ffffff; font-family: "Alex Brush", cursive; margin: 0; padding: 0; } .carousel-caption h1 { font-size: 60px; font-weight: 600; } .carousel-caption h2 { color: #ffffff; font-family: "serif"; margin-top: 0; } .carousel-caption p { font-size: 30px; color: #ffffff; } .carousel-caption a { text-transform: uppercase; color: #ffffff; } .carousel-inner .item a img { display: block; height: auto; max-width: 100%; width: 100%; } .carousel-inner .item img { display: block; height: auto; max-width: 100%; width: 100%; } .fa-angle-right, .fa-angle-left { font-size: 80px; } .item.active img { transition: transform 5000ms linear 0s; transform: scale(1.05, 1.05); } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .next.left { opacity: 1; } .carousel-fade .carousel-inner .next.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; font-size: 80px; } .carousel-indicators li { background-color: #bbbbbb; border-radius: 10px; cursor: pointer; display: inline-block; height: 12px; margin: 1px; text-indent: -999px; width: 12px; border: 0; } .carousel-indicators li .active { background-color: #434343; height: 12px; margin: 0; width: 12px; border: 0; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .ulockd-home-slider .home-app { position: relative; } .ulockd-home-btn { border-radius: 30px; } .main-slider2 { position: relative; } .main-slider2 .item:before { background-color: rgba(0, 0, 0, 0.25); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .main-slider2 .mslider-caption { padding: 15% 20%; position: absolute; display: table; height: 100%; width: 100%; } .main-slider2 .mslider-caption .mslider-details { display: table-cell; text-align: center; vertical-align: middle; } .main-slider2 .slider-text1 { color: #ffffff; font-size: 40px; font-weight: 500; line-height: 48px; } .main-slider2 .slider-text2 { color: #ffffff; font-size: 70px; font-weight: bold; line-height: 70px; } .main-slider2 .slider-text3 p { color: #ffffff; font-size: 18px; margin-top: 20px; } .main-slider2 .owl-next { background: transparent none repeat scroll 0 0 !important; border: 2px dashed #DCDCDC; position: absolute; right: 10px; text-align: center; top: 40%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .main-slider2 .owl-next i { font-size: 24px; font-style: normal; font-family: FontAwesome; padding: 4px; } .main-slider2 .owl-prev { background: transparent none repeat scroll 0 0 !important; border: 2px dashed #DCDCDC; left: 10px; position: absolute; text-align: center; top: 40%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .main-slider2 .owl-prev i { font-size: 24px; font-style: normal; font-family: FontAwesome; padding: 4px; } .ulockd-home-btn { border-radius: 30px; } #custom_carousel .item { color: #000; background-color: #eeeeee; padding: 20px 0; } #custom_carousel .controls { overflow-x: auto; overflow-y: hidden; padding: 0; margin: 0; white-space: nowrap; text-align: center; position: relative; background: #DCDCDC; } #custom_carousel .controls li { display: table-cell; width: 1%; max-width: 90px; } #custom_carousel .controls li.active { background-color: #eeeeee; } #custom_carousel .controls a small { display: block; font-size: 10px; font-weight: bold; margin-top: 5px; overflow: hidden; } .ulockd-parallax-bg { padding: 200px; } /* PgSlider */ .pogoSlider h1, .pogoSlider h2, .pogoSlider h3, .pogoSlider h4, .pogoSlider p { color: #ffffff; } /* Background Parallax Home */ .bg-parallax-home { padding-bottom: 500px; padding-top: 300px; } /* Main Sass */ .img-whp { width: 100% !important; } .color-white { color: #ffffff !important; } .color-lightgray { color: #D3D3D3; } .color-gray { color: gray; } .color-black { color: #000; } .color-black11 { color: #111111 !important; } .color-black22 { color: #222222; } .color-black33 { color: #333333; } .color-black31 { color: #303030; } .color-black44 { color: #434343; } .color-black55 { color: #555555; } .color-black66 { color: #676767; } .color-primary { color: #337ab7; } .color-success { color: #5cb85c; } .color-info { color: #5bc0de; } .color-warning { color: #979D59; } .color-danger { color: #d9534f; } .bgc-black11 { background-color: #111111; } .bgc-primary { background-color: #337ab7; } .bgc-success { background-color: #5cb85c; } .bgc-info { background-color: #5bc0de; } .bgc-warning { background-color: #979D59; } .bgc-danger { background-color: #d9534f; } .bgc-white { background-color: #ffffff; } .bgc-lightgray { background-color: #D3D3D3; } .bgc-snowshade { background-color: #f9f9f9; } .bgc-snowshade2 { background-color: #fafafa; } .bgc-transparent { background-color: transparent; } .bdrs0 { border-radius: 0; } .bdrs5 { border-radius: 5px; } .bdrs10 { border-radius: 10px; } .bdrs20 { border-radius: 20px; } .bdrs50 { border-radius: 50%; } .tdu-hvr:hover { cursor: pointer; text-decoration: underline; } .all-body-content { background-color: #ffffff; margin-bottom: 760px; position: relative; z-index: 9; } /*.btn { @include box-shadow(0 8px 5px -5px lighten($black-11, $alpha5) !important); }*/ .ulockd-btn-thm2 { color: #ffffff; border-radius: 0px; padding: 10px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ulockd-btn-thm2:hover, .ulockd-btn-thm2:active, .ulockd-btn-thm2:focus { background-color: #303030; border-color: #303030; color: #ffffff; } .ulockd-btn-styledark { background-color: #303030; border-color: #303030; color: #ffffff; border-radius: 0px; padding: 10px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ulockd-btn-styledark:hover, .ulockd-btn-styledark:active, .ulockd-btn-styledark:focus { color: #ffffff; } .ulockd-btn-styledark:hover, .ulockd-btn-styledark:active, .ulockd-btn-styledark:focus { color: #ffffff; } .ulockd-btn-yellow { background-color: #F0C900; border-color: #F0C900; color: #333333; border-radius: 0px; padding: 10px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ulockd-btn-yellow:hover, .ulockd-btn-yellow:active, .ulockd-btn-yellow:focus { color: #333333; } .ulockd-btn-yellow:hover, .ulockd-btn-yellow:active, .ulockd-btn-yellow:focus { color: #ffffff; } .ulockd-btn-white { background-color: #ffffff; border-color: #ffffff; color: #303030; border-radius: 0px; padding: 10px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ulockd-btn-white:hover, .ulockd-btn-white:active, .ulockd-btn-white:focus { color: #ffffff; } .ulockd-btn-gray { background-color: #D3D3D3; border-color: #D3D3D3; color: #303030; border-radius: 0px; padding: 10px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ulockd-btn-gray:hover, .ulockd-btn-gray:active, .ulockd-btn-gray:focus { color: #ffffff; } .ulockd-btn-transparent { background-color: transparent; border-color: #ffffff; color: #ffffff !important; border-radius: 0px; padding: 10px 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-default { font-size: 14px; } .fz11 { font-size: 11px; } .fz13 { font-size: 13px; } .fz16 { font-size: 16px; } .fz20 { font-size: 20px; } .fz40 { font-size: 40px; } .fz45 { font-size: 45px; } .fz48 { font-size: 48px; } .fz60 { font-size: 60px; } .fz72 { font-size: 72px; } .fz100 { font-size: 100px; } .lh30 { line-height: 30px; } .fw300 { font-weight: 300; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } .db { display: block; } .dib { display: inline-block; } .dn { display: none; } .ls0 { letter-spacing: 0px; } .ls1 { letter-spacing: 1px; } .ls2 { letter-spacing: 2px; } .ls3 { letter-spacing: 3px; } .ls4 { letter-spacing: 4px; } .ls5 { letter-spacing: 5px; } .w25prcnt { width: 25%; } .w50prcnt { width: 50%; } .w75prcnt { width: 75%; } .w100prcnt { width: 100%; } .ulockd-pmz { margin: 0; padding: 0; } .ulockd-pdng0 { padding: 0 !important; } .ulockd-pdng5 { padding: 5px; } .ulockd-pdng10 { padding: 10px; } .ulockd-pdng15 { padding: 15px; } .ulockd-pdng20 { padding: 20px; } .ulockd-pdng25 { padding: 25px; } .ulockd-pdng30 { padding: 30px; } .ulockd-pdng35 { padding: 35px; } .ulockd-pdng40 { padding: 10px; } .ulockd-pdng45 { padding: 45px; } .ulockd-pdng50 { padding: 50px; } .ulockd-pdng55 { padding: 55px; } .ulockd-pdng60 { padding: 60px; } .ulockd-pdng65 { padding: 65px; } .ulockd-pdng70 { padding: 70px; } .ulockd-pdng75 { padding: 75px; } .ulockd-pdng80 { padding: 80px; } .pad10 { padding: 10% 5%; } .pad17 { padding-top: 17%; } .ulockd-pad120 { padding-top: 0px; } .ulockd-pad1210 { padding-top: 10px; } .ulockd-pad1215 { padding-top: 15px; } .ulockd-pad1220 { padding-top: 20px; } .ulockd-pad1225 { padding-top: 25px; } .ulockd-pad1230 { padding-top: 30px; } .ulockd-pad1235 { padding-top: 35px; } .ulockd-pad1240 { padding-top: 40px; } .ulockd-pad1245 { padding-top: 45px; } .ulockd-pad1250 { padding-top: 50px; } .ulockd-pad310 { padding-right: 10px; } .ulockd-pad315 { padding-right: 15px; } .ulockd-pad615 { padding-bottom: 15px; } .ulockd-pad620 { padding-bottom: 20px; } .ulockd-pad625 { padding-bottom: 25px; } .ulockd-pad630 { padding-bottom: 30px; } .ulockd-pad635 { padding-bottom: 35px; } .ulockd-pad640 { padding-bottom: 40px; } .ulockd-pad645 { padding-bottom: 45px; } .ulockd-pad650 { padding-bottom: 50px; } .ulockd-pad90 { padding-left: 0; } .ulockd-pad95 { padding-left: 5px; } .ulockd-pad910 { padding-left: 10px; } .ulockd-pad915 { padding-left: 15px; } .ulockd-pad920 { padding-left: 20px; } .ulockd-pad925 { padding-left: 25px; } .ulockd-pad930 { padding-left: 30px; } .ulockd-pad935 { padding-left: 35px; } .ulockd-pad940 { padding-left: 40px; } .ulockd-pad945 { padding-left: 45px; } .ulockd-pad950 { padding-left: 50px; } .ulockd-pad955 { padding-left: 55px; } .ulockd-pad960 { padding-left: 60px; } .ulockd-pad965 { padding-left: 65px; } .ulockd-pad970 { padding-left: 70px; } .ulockd-pad975 { padding-left: 75px; } .ulockd-pad980 { padding-left: 80px; } .ulockd-pad985 { padding-left: 85px; } .ulockd-pad990 { padding-left: 90px; } .ulockd-pad995 { padding-left: 95px; } .ulockd-pad9100 { padding-left: 155px; } .ulockd-pad30 { padding-right: 0; } .ulockd-pad35 { padding-right: 5px; } .ulockd-pad395 { padding-left: 5px; padding-right: 5px; } .ulockd-pad3915 { padding-left: 15px; padding-right: 15px; } .ulockd-pad392 { padding-left: 2px; padding-right: 2px; } .ulockd-pad123692 { padding-left: 2px; padding-right: 2px; } .ulockd-pad390 { padding-left: 0px; padding-right: 0px; } .ulockd-pad90 { padding-left: 0px; } .ulockd-pad95 { padding-left: 5px; } .ulockd-mrgn12-10 { margin-top: -10px; } .ulockd-mrgn120 { margin-top: 0px !important; } .ulockd-mrgn125 { margin-top: 5px; } .ulockd-mrgn1210 { margin-top: 10px; } .ulockd-mrgn1215 { margin-top: 15px; } .ulockd-mrgn1220 { margin-top: 20px; } .ulockd-mrgn1225 { margin-top: 25px !important; } .ulockd-mrgn1230 { margin-top: 30px; } .ulockd-mrgn1235 { margin-top: 35px; } .ulockd-mrgn1240 { margin-top: 40px; } .ulockd-mrgn1245 { margin-top: 45px; } .ulockd-mrgn1250 { margin-top: 50px; } .ulockd-mrgn1260 { margin-top: 60px; } .ulockd-mrgn12100 { margin-top: 100px; } .ulockd-mrgn12150 { margin-top: 150px; } .ulockd-mrgn12200 { margin-top: 200px; } .ulockd-mrgn12250 { margin-top: 250px !important; } .ulockd-mrgn12300 { margin-top: 300px; } .ulockd-mrgn12-150 { margin-top: -150px; } .ulockd-mrgn30 { margin-right: 0px; } .ulockd-mrgb35 { margin-right: 5px; } .ulockd-mrgn310 { margin-right: 10px; } .ulockd-mrgn315 { margin-right: 15px; } .ulockd-mrgn320 { margin-right: 20px; } .ulockd-mrgn325 { margin-right: 25px; } .ulockd-mrgn330 { margin-right: 30px; } .ulockd-mrgn335 { margin-right: 35px; } .ulockd-mrgn340 { margin-right: 40px; } .ulockd-mrgn345 { margin-right: 45px; } .ulockd-mrgn350 { margin-right: 50px; } .ulockd-mrgn60 { margin-bottom: 0px; } .ulockd-mrgn65 { margin-bottom: 5px; } .ulockd-mrgn610 { margin-bottom: 10px; } .ulockd-mrgn615 { margin-bottom: 15px; } .ulockd-mrgn620 { margin-bottom: 20px; } .ulockd-mrgn625 { margin-bottom: 25px !important; } .ulockd-mrgn630 { margin-bottom: 30px; } .ulockd-mrgn635 { margin-bottom: 35px; } .ulockd-mrgn640 { margin-bottom: 40px; } .ulockd-mrgn650 { margin-bottom: 50px !important; } .ulockd-mrgn90 { margin-left: 0px; } .ulockd-mrgn910 { margin-left: 10px; } .ulockd-mrgn915 { margin-left: 15px; } .ulockd-mrgn920 { margin-left: 20px; } .ulockd-mrgn925 { margin-left: 25px; } .ulockd-mrgn930 { margin-left: 30px; } .ulockd-mrgn935 { margin-left: 35px; } .ulockd-mrgn940 { margin-left: 40px; } .ulockd-mrgn945 { margin-left: 45px; } .ulockd-mrgn950 { margin-left: 50px; } .ulockd-mrgn955 { margin-left: 55px; } .ulockd-mrgn960 { margin-left: 60px; } .ulockd-mbmt0 { margin-bottom: 0; margin-top: 0; } .ulockd-main-title { position: relative; margin-bottom: 30px; } .ulockd-main-title h2 { font-size: 40px; font-weight: 500; line-height: 1.2; margin-bottom: 0; margin-top: 0; } .ulockd-main-title h1 { font-size: 40px; font-weight: 500; line-height: 1.2; margin-bottom: 0; margin-top: 0; } .mt-separator { height: 1px; margin: 25px auto; position: relative; text-align: center; width: 110px; } .mt-separator:after { content: ""; height: 15px; left: 50%; margin-left: -4px; position: absolute; top: -6px; width: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .title-bottom { position: relative; } .title-bottom:before { bottom: -15px; content: ""; height: 1px; left: 0; position: absolute; width: 80px; } .ulockd_bgi1 { background-attachment: scroll; background-image: url("../images/background/1.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgi2 { background-attachment: scroll; background-image: url("../images/background/2.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgi3 { background-attachment: scroll; background-image: url("../images/background/3.jpg"); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgi4 { background-attachment: scroll; background-image: url("../images/background/4.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgi45 { background-attachment: scroll; background-image: url("../images/resort/back.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih1 { background-attachment: scroll; background-image: url("../images/home/h1.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih2 { background-attachment: scroll; background-image: url("../images/home/h2.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih3 { background-attachment: scroll; background-image: url("../images/home/h3.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih4 { background-attachment: scroll; background-image: url("../images/home/h4.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih5 { background-attachment: scroll; background-image: url("../images/home/h5.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgp3 { background-attachment: scroll; background-image: url("../images/pattern/3.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } section { padding: 50px 0; position: relative; } .footer-padding { padding: 80px 0; } .ulockd-main-title h2 { font-weight: bold; } .preloader { background-color: #ffffff; background-image: url("../images/preloader.gif"); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 99999; } .preloader_disabler { bottom: 10px; left: 43%; position: absolute; } .scrollToHome:hover { color: #ffffff; background-color: #222222; } .scrollToHome { background-color: #222222; border: 2px solid #ffffff; bottom: 15px; color: #ffffff; display: none; font-size: 20px; line-height: 1.5em; padding: 3px 10px; position: fixed; right: 20px; text-align: center; z-index: 99999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .list-style-square li { color: #555555; font-size: 16px; list-style-type: square; margin-left: 18px; } .list-style-circle li { color: #222222; font-size: 16px; list-style-type: circle; margin-left: 18px; } /* BackGround Color White Overlay */ .bgc-overlay-white5:before { background-color: rgba(255, 255, 255, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white55:before { background-color: rgba(255, 255, 255, 0.55); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white6:before { background-color: rgba(255, 255, 255, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white65:before { background-color: rgba(255, 255, 255, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white7:before { background-color: rgba(255, 255, 255, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white75:before { background-color: rgba(255, 255, 255, 0.75); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white8:before { background-color: rgba(255, 255, 255, 0.8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white85:before { background-color: rgba(255, 255, 255, 0.85); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white9:before { background-color: rgba(255, 255, 255, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white95:before { background-color: rgba(255, 255, 255, 0.95); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /* BackGround Color Black Overlay */ .bgc-overlay-black5:before { background-color: rgba(0, 0, 0, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black55:before { background-color: rgba(0, 0, 0, 0.55); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black6:before { background-color: rgba(0, 0, 0, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black65:before { background-color: rgba(0, 0, 0, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black7:before { background-color: rgba(0, 0, 0, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black75:before { background-color: rgba(0, 0, 0, 0.75); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black8:before { background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black85:before { background-color: rgba(0, 0, 0, 0.85); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black9:before { background-color: rgba(0, 0, 0, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black95:before { background-color: rgba(0, 0, 0, 0.95); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc95:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc9:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc85:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc8:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc75:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc7:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc65:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc6:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc55:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .overlay-tc5:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /* About Sass */ .about-box { position: relative; } .about-box h3 { position: relative; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .about-box h2 { font-size: 35px; margin-bottom: 20px; } .ab-thumb { position: relative; } .ab-thumb img { -webkit-box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .ab-thumb .lbox-caption { position: absolute; top: 25%; } .about-thumb img { border-radius: 50px; border: 5px solid #f8f8f8; -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2); max-width: 250px; } .couple-img { position: relative; } .couple-img img { margin: 0 auto; padding-left: 23px; } .couple-img:before { content: ""; height: 180px; left: 51.05%; position: absolute; top: -254%; width: 1px; } .couple-img:after { content: ""; height: 180px; left: 51.05%; position: absolute; bottom: -265%; width: 1px; } .diamond { bottom: 0; display: inline; left: 45.5%; margin: 0 auto; position: absolute; right: 0; top: 38%; } .diamond a { border: 1px solid #ffffff; font-size: 18px; border-radius: 0; line-height: 60px; padding: 8px 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .diamond a:hover span { color: #ffffff; } .diamond a span { color: #ffffff; display: inline-flex; } .about-icon { height: 40px; margin: 0 auto; width: 60px; } .about-icon i { color: #ffffff; display: inline-block; font-size: 30px; line-height: 60px; } .about-box2 { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #DCDCDC; border-radius: 20px; padding: 25px 10px; position: relative; } .about-box2 h3 { font-size: 24px; font-weight: 300; color:#979D59 !important; position: relative; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .about-icon2 { border-radius: 15px; height: 60px; margin: 0 auto; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 60px; } .about-icon2 i { color: #ffffff; display: inline-block; font-size: 30px; line-height: 60px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .ulockd-about-one.inner { background-color: #f7f7f7; } .ulockd-about-thumb { position: relative; } .ulockd-main-title.details h2 { font-family: serif; line-height: 30px; } .ulockd-main-title.details h3 { font-family: serif; margin-bottom: 0; margin-top: 0; } .ulockd-about-video { margin-top: 12px; } .upcoming-wedding-event.ulockd-flip-clock { position: relative; } .upcoming-wedding-event .clock.flip-clock-wrapper { font-family: "serif"; } .upcoming-wedding-event .clock.flip-clock-wrapper ul li a div div.inn { background-color: #ffffff; text-shadow: none; } .upcoming-wedding-event .clock.flip-clock-wrapper .flip-clock-dot { background-color: #ffffff; } .upcoming-wedding-event .clock.flip-clock-wrapper .flip { box-shadow: none; } .wedding-invitation h2 { color: #ffffff; font-family: "Engagement", cursive; font-size: 60px; font-weight: normal; line-height: 1.2; margin-bottom: 0; margin-top: 0; } .wedding-invitation h3 { color: #434343; font-family: "serif"; font-size: 30px; margin-top: 0; } /* Wedding Event */ .event-box { background-color: #ffffff; border: 1px solid #DCDCDC; border-radius: 50px; position: relative; overflow: hidden; } .event-box .thumb { overflow: hidden; } .event-box .thumb img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .event-box:hover .thumb img { -webkit-transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } .event-box .details { padding: 10px 20px 25px; } .event-box .details h3 { margin-top: 0; } /* Story Time line */ .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { background-color: #eeeeee; bottom: 0; content: " "; left: 50%; position: absolute; margin-left: -1.5px; top: 0; width: 3px; } .timeline li { margin-bottom: 20px; position: relative; } .timeline li:before, .timeline li:after { content: " "; display: table; } .timeline li:after { clear: both; } .timeline li .timeline-panel { -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2); border: 1px solid #D3D3D3; float: left; position: relative; width: 50%; } .timeline li .timeline-panel.right { border-radius: 0 50px 50px 50px; } .timeline li .timeline-panel.right .timeline-heading { padding: 0 15px 10px; } .timeline li .timeline-panel.left { border-radius: 50px 0 50px 50px; } .timeline li .timeline-panel.left .timeline-heading { padding: 0 25px 10px; } .timeline li .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #cccccc; border-right: 0 solid #cccccc; border-bottom: 15px solid transparent; content: " "; } .timeline li .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content: " "; } .timeline li:not(.timeline-inverted) { padding-right: 90px; } .timeline li.timeline-inverted { padding-left: 90px; } .timeline li .timeline-badge { background-color: #979D59; border-radius: 50%; color: #ffffff; font-size: 1.4em; height: 50px; line-height: 50px; left: 50%; margin-left: -25px; position: absolute; text-align: center; top: 16px; width: 50px; z-index: 1; } .timeline li .timeline-badge.primary { background-color: #337ab7; } .timeline li .timeline-badge.success { background-color: #5cb85c; } .timeline li .timeline-badge.warning { background-color: #979D59; } .timeline li .timeline-badge.danger { background-color: #d9534f; } .timeline li .timeline-badge.info { background-color: #5bc0de; } .timeline li.timeline-inverted .timeline-panel { float: right; } .timeline li.timeline-inverted .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline li.timeline-inverted .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted { margin-top: -60px; } .timeline-panel.left .timeline-body img { border-radius: 0 0 50px 0; } .timeline-panel.right .timeline-body img { border-radius: 0 0 0 50px; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .our-story .timeline-title { font-family: Museo-700; font-weight: 400; letter-spacing: 1px; } /* Service Sass */ .ulockd-service-two { z-index: 1; } .ulockd-service-two:before { background-color: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .service-col { background-color: #ffffff; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .service-col .srvc-icon { color: #ffffff; font-size: 30px; padding: 8px 13px; } .service-col .srvc-details { padding: 10px 15px; } .service-col .srvc-details h3 { font-size: 22px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .ulockd-pd-content h3 { color: #333333; margin-bottom: 15px; } .ulockd-all-service { margin-top: 15px; } .ulockd-all-service a { padding: 10px 25px; border-radius: 0; margin-bottom: 5px; } .ulockd-all-service a.active { background-color: #222222; border-color: #222222; } .list-group-item.active { background-color: #222222; } .list-group-item.active:focus, .list-group-item.active:hover { background-color: #222222; } .ulockd-inr-brochure { background-color: #f5f5f5; margin-top: 35px; padding: 10px 30px; } .ulockd-inr-brochure p { margin-bottom: 22px; } .ulockd-inr-brochure ul li a { font-size: 14px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; } .feature-service { background-color: #f9f9f9; } .icon_box { padding: 8px 0 0; } .icon_box .icon { margin-top: 6px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .icon_box .icon i { font-size: 24px; height: 55px; line-height: 56px; text-align: center; width: 55px; } .icon_box:hover .icon { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .icon_box:hover .icon i { color: #ffffff !important; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .icon_box .ib_details { margin-left: 75px; height: 80px;} .icon_box .ib_details.left { margin-right: 75px; margin-left: 0; } .icon_box .ib_details h4 { padding-top: 10px; } .fslmn-one { border: 1px solid #DCDCDC; position: relative; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .fslmn-one:hover { cursor: pointer; } .fslmn-one .caption { padding: 20px 15px; } .fslmn-one h3 { margin-top: 0; } .fslmn-one .btn { padding: 5px 15px; } .pagination > .active > a { color: #fff !important; } ul.features-tab { border: none; } ul.features-tab li a { border: 1px solid #DCDCDC; border-radius: 0; margin-left: 5px; margin-bottom: 25px; position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul.features-tab li.active a:before { content: ""; height: 20px; position: absolute; top: 31px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 20px; } .features-tab > li.active > a, .features-tab > li.active > a:focus, .features-tab > li.active > a:hover { color: #333333; } .our-service { background-color: #f9f9f9; } .fstory { position: relative; } .media-heading { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } form.volunteer-reg-form { background-color: #f9f9f9; padding: 10px 15px 20px; } form.volunteer-reg-form input { border-radius: 0; box-shadow: none; height: 45px; } .pb-details h3 { margin-top: 0; } .ulockd-title-icon { color: #222222; font-size: 90px; left: 0; opacity: 0.4; position: absolute; right: 0; top: -79px; z-index: 0; } .ulockd-service-three { background-color: #f9f9f9; } .ficon-box { background-color: #ffffff; border: 1px solid #DCDCDC; padding: 15px 25px; position: relative; z-index: 999; } .ficon-box:hover { cursor: pointer; } .ficon-box:hover span { color: #ffffff !important; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .ficon-box .ficon { border: 1px solid #DCDCDC; font-size: 48px; line-height: 1.3em; margin-top: 0px; padding: 0 15px; position: fixed; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .ficon-box .ficon h5 { letter-spacing: 1px; margin-bottom: 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; text-transform: uppercase; } .fib-details { display: inline-block; margin-top: 65px; } .ulockd-dtitle { margin-bottom: 70px; position: relative; } .ulockd-dtitle:hover { cursor: pointer; } .fservice-box { position: relative; } .fservice-box .db-thumb { position: relative; overflow: hidden; } .fservice-box .db-thumb img { border-radius: 20px; } .fservice-box h3 { color: #979D59 !important; margin-top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .fservice-box .db-details { padding: 10px 0; } .fservice-box .db-details button { padding: 5px 20px; } .fservice-box .db-details.inner { padding: 15px 20px; } /* Case Study */ .image-box { position: relative; } .image-box .cb-thumb { position: relative; overflow: hidden; border-top-left-radius: 25px; border-top-right-radius: 25px; } .image-box .cb-overlay { bottom: 0; border-bottom: 3px solid #ffffff; height: 100%; padding: 13% 15px; position: absolute; text-align: center; top: -100%; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 100%; } .image-box .cb-overlay span { border: 3px solid #ffffff; bottom: 10px; color: #ffffff; font-size: 36px; line-height: 1.3em; padding: 0 10px; right: 10px; } .image-box:hover { cursor: pointer; } .image-box:hover .cb-overlay { top: 0; } .image-box h3 { color: #ffffff; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .image-box .cb-details button { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } /* Image Box */ figure.img-box { border-radius: 20px; color: #ffffff; position: relative; overflow: hidden; width: 100%; } figure.img-box:hover { cursor: pointer; } figure.img-box:hover img { opacity: 0.15; } figure.img-box:hover figcaption:before { background: rgba(255, 255, 255, 0); top: 30px; bottom: 30px; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } figure.img-box:hover figcaption h2 { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } figure.img-box:hover figcaption p { opacity: 0.9; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.img-box * { -webkit-box-sizing: border-box; box-sizing: border-box; } figure.img-box img { opacity: 1; width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.img-box figcaption { position: absolute; bottom: 0; left: 0; padding: 3em 3em; width: 100%; height: 100%; } figure.img-box figcaption:before { position: absolute; top: 50%; right: 30px; bottom: 50%; left: 30px; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); content: ''; opacity: 0; background-color: #ffffff; -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } figure.img-box h2, figure.img-box p { margin: 0 0 5px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s; } figure.img-box h2 { color: #ffffff; font-weight: 300; text-transform: uppercase; -webkit-transform: translate3d(0%, 50%, 0); transform: translate3d(0%, 50%, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } figure.img-box p { font-weight: 200; -webkit-transition-delay: 0s; transition-delay: 0s; } /* Gallery Sass */ .masonry-filter { margin-bottom: 50px; } .masonry-filter li { padding-right: 0; } .masonry-filter a { border: 1px solid #eeeeee; color: #555555; display: inline-block; font-size: 14px; float: none; line-height: 40px; margin-bottom: 10px; outline: medium none; padding: 0 15px; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .masonry-filter a.active, .masonry-filter a:active, .masonry-filter a:hover, .masonry-filter a:focus { color: #ffffff; } .isotope-item .gallery-thumb { overflow: hidden; position: relative; } .isotope-item .details { padding: 0 9px; } .isotope-item .details h5 { margin-bottom: 0; } .masonry-gallery .isotope-item { overflow: hidden; width: 25%; } .masonry-gallery .isotope-item .thumb { position: relative; overflow: hidden; } .masonry-gallery .isotope-item .thumb .photo { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 1200ms ease 0s; -o-transition: all 1200ms ease 0s; transition: all 1200ms ease 0s; } .masonry-gallery.grid-1 .isotope-item { width: 100%; } .masonry-gallery.grid-1.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-2 .isotope-item { width: 50%; } .masonry-gallery.grid-2.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-3 .isotope-item { width: 33.333%; } .masonry-gallery.grid-3.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-4 .isotope-item { width: 25%; } .masonry-gallery.grid-4.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-5 .isotope-item { width: 20%; } .masonry-gallery.grid-5.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-6 .isotope-item { width: 16.666%; } .masonry-gallery.grid-6.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-7 .isotope-item { width: 14.285%; } .masonry-gallery.grid-7.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-8 .isotope-item { width: 12.5%; } .masonry-gallery.grid-8.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-9 .isotope-item { width: 11.111%; } .masonry-gallery.grid-9.mrgn10 .gallery-thumb { margin: 10px; } .masonry-gallery.grid-10 .isotope-item { width: 10%; } .masonry-gallery.grid-10.mrgn10 .gallery-thumb { margin: 10px; } .gallery-thumb video{ width:100%; height:450px; margin: 10px; background:#323232; } .lbox-caption { display: table; height: 100%; width: 100%; } .lbox-caption a { border: 1px solid #ffffff; border-radius: 10px; font-size: 18px; padding: 8px 12px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .lbox-caption a:hover { background-color: #ffffff; } .lbox-caption a:hover span { color: #333333; } .lbox-caption span { color: #ffffff; } .lbox-details { display: table-cell; text-align: center; vertical-align: middle; } .lbox-details h4, .lbox-details h5, .lbox-details p { color: #ffffff; margin-bottom: 20px; } .fancybox-gallery-slider .gs-thumb { border-radius: 25px; position: relative; overflow: hidden; } .fancybox-gallery-slider .item:hover { cursor: pointer; } .fancybox-gallery-slider .item:hover .gallery-overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .fancybox-gallery-slider .owl-next { left: 80px; top: -70px; } .fancybox-gallery-slider .owl-prev { left: 10px; top: -70px; } .fancybox-gallery-slider .owl-next, .fancybox-gallery-slider .owl-prev { background-color: transparent !important; border: 1px solid; font-size: 24px !important; padding: 5px 15px !important; position: absolute; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gallery-overlay { border-radius: 25px; bottom: 10px; left: 10px; position: absolute; right: 10px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 10px; } .gallery-overlay .lbox-caption a { border: none; font-size: 24px; } .lbox-caption { position: absolute; margin: 0 auto; left: 0; right: 0; } .gallery-thumb:hover .overlayer { opacity: 1; } .gallery-thumb:hover .thumb .photo { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gallery-thumb .overlayer { bottom: 0; height: 96%; left: 0; margin: auto; opacity: 0.005; position: absolute; right: 0; top: 0; width: 96%; text-align: center; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .gallery-thumb .overlayer:before { border: 1px solid #ffffff; border-radius: 20px; bottom: 0; content: ""; height: 90%; left: 5%; position: absolute; right: 5%; top: 5%; width: 90%; } .gallery-thumb .overlayer h3, .gallery-thumb .overlayer h4, .gallery-thumb .overlayer h5, .gallery-thumb .overlayer p { color: #ffffff; } .gallery-thumb .overlayer i { color: #ffffff; font-size: 30px; left: 0; line-height: 45px; margin: 0 auto; position: absolute; right: 0; top: 45%; } .gallery-thumb.style2 .overlayer .lbox-caption { top: 50%; } /* Team Sass */ .team-details { padding: 20px 0; } .team-details p { font-size: 16px; line-height: 20px; margin-top: 12px; } .team-details .team-icon { margin-top: 25px; } .team-details .team-icon.style2 { margin-top: 45%; } .team-details .team-icon:hover { color: #ffffff; } .team-details .team-icon:hover .team-overlay { left: 0; } .team-details .team-icon li { margin-right: -5px; margin-left: 0; } .team-details .team-icon li a { background: #ffffff; border: 1px solid #ffffff; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-icon:hover .team-overlay { left: 0; } .team-icon li { margin-right: -5px; margin-left: 0; } .team-icon li a { border: 1px solid #ffffff; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-icon li a:hover { background-color: #DCDCDC; } .member-name { font-size: 24px; margin-bottom: 0; margin-top: 0; } .member-post { margin-top: 0; } .team-member-two:hover .team-two-details { bottom: 0; } .team-member-two .team-two-details { background-color: #999999; bottom: -60%; color: #ffffff; left: 0; padding: 12px 0 0; position: absolute; right: 0; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .team-member-two .team-two-details p { font-size: 12px; line-height: 20px; margin-top: 12px; } .ulockd-tm-thumb { position: relative; overflow: hidden; } .team-contact-info { margin-bottom: 0; padding: 10px 0 10px; } .team-contact-info:hover { cursor: pointer; } .team-contact-info li { font-size: 16px; line-height: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-contact-info li:hover { color: #303030; } /* Flip Team */ .flip-container, .front, .back { width: 100%; height: 380px; } .flip-container { perspective: 1000px; } .flip-container .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } .flip-container .flipper:hover { cursor: pointer; } .flip-container .flipper .back { background-color: #f5f5f5; padding: 0 25px; } .flip-container .flipper .back p { font-size: 16px; } .flip-container .flipper .back .team-icon a { border: 1px solid #ffffff; } .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateY(180deg); } .front, .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; } .front { background-position: center center !important; z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); } .back { background-color: #f8f8f8; transform: rotateY(180deg); } .back ul li { font-size: 16px; line-height: 26px; } .ulockd-team .style3 { border-top: 1px solid #999999; } .ulockd-tm-thumb { position: relative; overflow: hidden; } .team-one { cursor: pointer; } .team-one .team-thumb { position: relative; overflow: hidden; border-radius: 50px; } .team-one:hover .team-overlay { left: 0; } .team-one:hover .small-layer { bottom: 0; } .team-one .team-overlay { border: 1px solid #ffffff; bottom: 0; left: -100%; position: absolute; text-align: center; top: 0; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; width: 100%; } .team-one .team-overlay .team-icon { margin-top: 25px; } .team-one .team-overlay .team-icon.style2 { margin-top: 45%; } .team-one .team-overlay .team-icon:hover { color: #ffffff; } .team-one .team-overlay .team-icon:hover .team-overlay { left: 0; } .team-one .team-overlay .team-icon li { margin-right: -5px; margin-left: 0; } .team-one .team-overlay .team-icon li a { background: #ffffff; border: 1px solid #ffffff; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .small-layer { bottom: -60px; height: 60px; position: absolute; text-align: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; } .tm-name { font-size: 24px; margin-bottom: 0; } .tm-post { margin-top: 0; } /* Team Details Member */ .ulockd-pesonar-info li { font-size: 16px; line-height: 24px; margin-bottom: 10px; } /* Blog Sass */ .ulockd-blog { background-color: #f9f9f9; } .ulockd-ip-latest-news { background-color: #f7f7f7; } .ulockd-ip-latest-news .ulockd-ext-spc { margin-bottom: 50px; } /* Blog Post One */ .ulockd-blog-post { overflow: hidden; position: relative; } .ulockd-blog-post:hover .img-post-icon { top: 0; } .ulockd-blog-post:hover .posted-date { bottom: 0; } .ulockd-blog-post:hover h3 { color: #333333; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .ulockd-blog-post:hover .post-thumb img { -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; -webkit-transform: scale(1.1) rotate(2deg); -moz-transform: scale(1.1) rotate(2deg); -o-transform: scale(1.1) rotate(2deg); -ms-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg); } .ulockd-blog-post .post-thumb { position: relative; overflow: hidden; } .ulockd-blog-post .post-thumb img { -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .ulockd-blog-post h3 { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 0; } .blog-post { background-color: #fafafa; } .blog-post .thumb { border-radius: 50px; overflow: hidden; } .blog-post .thumb img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .blog-post:hover .thumb img { -webkit-transform: scale(1.1) rotate(-2deg); -moz-transform: scale(1.1) rotate(-2deg); -o-transform: scale(1.1) rotate(-2deg); -ms-transform: scale(1.1) rotate(-2deg); transform: scale(1.1) rotate(-2deg); } .blog-post .details { position: relative; padding: 5px 40px; } .blog-post .details .post-title { margin-top: 0; } .eventdate { box-sizing: border-box; border-radius: 10px 10px 0 0; color: #ffffff; font-size: 16px; line-height: 1; padding: 8px; position: absolute; top: -32px; margin: 0 auto; left: 0; right: 0; width: 60%; } .img-post-icon { color: #ffffff; font-size: 24px; right: 0; padding: 5px 10px; position: absolute; top: -20%; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; z-index: 999; } .posted-date { background-color: #f9f9f9; bottom: -16%; font-size: 16px; padding: 2px 5px; position: absolute; margin-bottom: 0; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .bp-details { background-color: #ffffff; } .bp-details.one { padding: 14px 20px; } .bp-details.one .bp-date { border: 1px solid #DCDCDC; margin-right: 10px; padding: 5px 12px; } .bp-details .post-title { margin-top: 0; } .bp-details p { font-size: 16px; margin-top: 10px; } .bp-date .day { font-size: 36px; font-weight: bold; line-height: 1.2em; } .ulockd-bp-details { background-color: #ffffff; padding: 10px 15px 20px; } .ulockd-bp-details.style2:hover { cursor: pointer; } .ulockd-bpost { margin-top: 10px; } .ulockd-bpost-date { font-weight: 400; } .ulockd-bpost-date span { font-size: 36px; font-weight: 500; } .ulockd-blog-post-comment { font-weight: 400; padding-bottom: 7px; } .ulockd-bp-title h3 { color: #333333; font-weight: 400; margin-top: 15px; } .ulockd-bp-btn { padding-bottom: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Blog Inner Pages */ .ulockd-bps-first { margin-bottom: 50px; } .ulockd-bps-first .media-heading { color: #696969; font-size: 18px; padding-right: 38px; } .ulockd-bps-first .media-heading span { color: #A3A3A3; font-size: 14px; line-height: 22px; } .ulockd-bps-first .media-body p { margin-bottom: 0; } .ulockd-bps-first .media { border: 1px solid #eeeeee; padding: 30px 50px 30px 30px; } .ulockd-bps-first .media-object { border: 1px solid #eeeeee; margin-top: 8px; } /* Blog Slider */ .ulockd-bpost-slider .item { margin: 15px; } .ulockd-bpost-slider .owl-controls { margin-top: 20px; } .ulockd-bpost-slider .owl-controls .owl-prev { left: 0; } .ulockd-bpost-slider .owl-controls .owl-next { right: 0; } .ulockd-bpost-slider .owl-controls .owl-prev, .ulockd-bpost-slider .owl-controls .owl-next { background-color: #303030; font-size: 24px; padding: 5px 8px; position: absolute; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; top: 40%; } /* Blog Post Single Second*/ .ulockd-bps-second { margin-bottom: 50px; margin-left: 20%; width: 80%; } .ulockd-bps-second .media-heading { color: #696969; font-size: 18px; padding-right: 12px; } .ulockd-bps-second .media-heading span { color: #A3A3A3; font-size: 14px; line-height: 22px; } .ulockd-bps-second .media-body p { margin-bottom: 0; } .ulockd-bps-second .media { border: 1px solid #eeeeee; padding: 30px 50px 30px 30px; } .ulockd-bps-second .media-object { border: 1px solid #eeeeee; margin: 8px; } .ulockd-bps-contact-form h2 { color: #111111; } .ulockd-bps-contact-form .ulockd-form-bps { border: 1px dashed #cccccc; border-radius: 0; box-shadow: none; color: #A3A3A3; height: 40px; margin-bottom: 45px; padding: 0 0 0 15px; } .ulockd-bps-contact-form .ulockd-bps-textarea { border: 1px dashed #cccccc; border-bottom-width: 1px; border-radius: 0; box-shadow: none; color: #A3A3A3; padding: 0 0 0 15px; } /* Blog Page Inner */ .ulockd-lp { padding-top: 20px; } .ulockd-tag-list-title { margin-top: 50px; } .ulockd-tag-list-title h3 { color: #333333; margin-bottom: 30px; } .ulockd-tag-list-details a { border: 1px solid; color: #333333; display: block; font-size: 14px; line-height: 22px; margin-bottom: 10px; padding: 5px 8px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .ulockd-tag-list-details li:hover a { color: #ffffff; } .ulockd-bp-date { border-bottom: 1px dashed #cccccc; margin-bottom: 30px; margin-top: 25px; padding-bottom: 5px; } .ulockd-bp-date-innner { color: #999999; font-size: 14px; font-weight: 400; line-height: 28px; } .ulockd-bp-date-innner span { font-size: 36px; font-weight: 500; } .ulockd-bp-comment { color: #999999; margin-top: 11px; } .ulockd-bpd-thumb { margin-bottom: 50px; margin-top: 40px; } .ulockd-latest-post { margin-bottom: 30px; } article.ulockd-pd-content { border: 1px solid #eeeeee; padding: 15px; } .blog-post-img-slider .owl-prev, .blog-post-img-slider .owl-next { font-size: 24px !important; padding: 5px 14px !important; } .blog-post-img-slider .owl-prev:hover, .blog-post-img-slider .owl-next:hover { color: #ffffff; } /* recent-post-col */ .title-widget-sidebar { margin-bottom: 15px; padding-bottom: 10px; } #custom-search-input .input-group input.form-control { border-radius: 0; } .recent-post { height: 80px; list-style-type: none; width: 100%; } .post-img img { float: left; height: 70px; margin-right: 15px; width: 100px; } .sw-accordion { border: none; color: #ffffff; cursor: pointer; font-size: 15px; outline: none; padding: 18px; text-align: left; transition: 0.4s; width: 100%; } .sw-accordion:after { color: #ffffff; content: '\002B'; font-weight: bold; float: right; margin-left: 5px; } .sw-accordion.active:after { content: "\2212"; } .swa-panel { padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } /* Project Sass */ /* Contact Sass */ .ulockd-contact-form { padding-top: 15px; } .ulockd-contact-form .ulockd-form-fg { border-radius: 0; box-shadow: none; color: #A3A3A3; height: 40px; margin-bottom: 20px; } .ulockd-contact-form .ulockd-form-tb { border: 2px solid #eeeeee; border-radius: 0; box-shadow: none; color: #A3A3A3; } .ulockd-contact-form.style2 { background: white none repeat scroll 0 0; border: 1px solid #DCDCDC; margin-left: 50px; margin-right: 50px; padding: 50px; } .ulockd-contact-form.style3 { background: white none repeat scroll 0 0; border: 1px solid #DCDCDC; padding: 20px; } .contact-details { margin-bottom: 130px; margin-top: 10px; } .contact-details h3 { color: #333333; font-weight: 500; } .contact-details .contact-place li { color: #ffffff; font-size: 25px; line-height: 1.2em; padding: 25px 39px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .contact-details .contact-place li:hover { cursor: pointer; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .contact-info li { color: #ffffff; border: 2px solid #ffffff; font-size: 20px; line-height: 1.5em; padding: 25px 39px; } .contact-info li small { padding-left: 10px; } .ulockd-google-map .ulockd-style-two { margin-top: -9%; position: relative; z-index: -1; } .ulockd-contact-btn:hover button { background-color: #111111; color: #ffffff; } .ulockd-cp-title { position: relative; padding-bottom: 30px; } .ulockd-cp-title h2 { color: #111111; margin-top: 0; } /* Slider Sass */ /* Bx Slider */ .bx-wrapper { -webkit-box-shadow: 0 0 5px #cccccc !important; box-shadow: 0 0 5px #cccccc !important; border: 5px solid #ffffff; background: #ffffff; padding: 11px 5px; margin-bottom: 0; } /* Testimonial Carousel */ .owl-carousel .owl-item img { width: auto; } /* PSlider */ .slideDemos-single { -webkit-border-radius: 3px; border-radius: 3px; margin-top: 1em; } .slideDemos-single .pogoSlider { height: 225px; } .slideDemos-single h3 { text-align: center; margin-top: 90px; color: #ffffff; font-weight: 700; } .maximage-home #maximage .mc-image { position: relative !important; } .maximage-home #maximage .mc-image img { margin: 0 !important; width: 100% !important; } .maxslider-content .lbox-caption { display: inline-table; top: 0; z-index: 9; } .maxtext { background-color: rgba(255, 255, 255, 0.8); display: inline-block; padding: 2%; } #arrow_left { right: 86px !important; } #arrow_left, #arrow_right { bottom: 30px; height: 67px; position: absolute; right: 30px; width: 36px; z-index: 1000; } .ms-section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center; } .ms-section.ms-table { display: table; width: 100%; } .ms-tableCell { display: table-cell; height: 100%; padding: 0; margin: 0; vertical-align: middle; width: 100%; } .ms-easing { -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } #multiscroll-nav { margin-top: -32px; opacity: 1; position: fixed; top: 50%; z-index: 100; } #multiscroll-nav.right { right: 17px; } #multiscroll-nav.left { left: 17px; } #multiscroll-nav ul { margin: 0; padding: 0; } #multiscroll-nav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } #multiscroll-nav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #multiscroll-nav li .active span { background: #333333; } #multiscroll-nav span { background: transparent; border: 1px solid #000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; height: 8px; left: 2px; position: absolute; top: 2px; width: 8px; z-index: 1; } .multiscroll-tooltip { color: #ffffff; font-size: 14px; position: absolute; max-width: 220px; top: -2px; white-space: nowrap; } .multiscroll-tooltip.right { right: 20px; } .multiscroll-tooltip.left { left: 20px; } #infoMenu { bottom: 0; color: #f2f2f2; font-size: 0.9em; height: 20px; padding: 8px 0 8px 0; position: fixed; text-align: right; width: 100%; z-index: 70; } #infoMenu ul { padding: 0 40px; } #infoMenu li { display: inline-block; position: relative; } #infoMenu li a { color: #333333; display: block; margin: 0 22px 0 0; } #infoMenu li a:hover { text-decoration: underline; } #examplesList { background: #333333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; bottom: 29px; display: none; float: left; padding: 20px; position: absolute; right: 0; text-align: left; width: 638px; } #examplesList ul { padding: 0; } #examplesList ul li { display: block; margin: 5px 0; } #examplesList ul li a { color: #A9A9A9; margin: 0; } #examplesList ul li a:hover { color: #f2f2f2; } #examplesList .column { float: left; margin: 0 20px 0 0; } #examplesList h3 { color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0; } #demosMenu { position: fixed; bottom: 10px; right: 10px; z-index: 999; } .fp-viewing--1 { overflow-y: visible !important; } #header-multiscroll, #footer-multiscroll { position: fixed; height: 50px; display: block; width: 100%; background: #333333; z-index: 9; text-align: center; color: #ffffff; } #header-multiscroll { padding: 0; top: 0px; } #footer-multiscroll { bottom: 0px; padding: 20px 0 0 0; } .carousel-indicators { display: none; } /* Footer Sass */ .ulockd-footer { background-color: #111111; position: relative; } .ulockd-footer.fixed-footer { bottom: 0; left: 0; position: fixed; right: 0; z-index: -1; } .ulockd-footer-logo { margin-bottom: 20px; } .ulockd-footer-log { margin-bottom: 20px; } .ulockd-ftr-text { color: #eeeeee; } .ulockd-footer-newsletter .title { color: #ffffff; margin-top: 30px; } .ulockd-media-box:hover { cursor: pointer; } .ulockd-media-box .post-date { color: #ffffff; } .ulockd-media-box .media-heading { color: #999999; } .ulockd-media-box .media-body p { color: #eeeeee; } .ulockd-footer-fst-col { padding-right: 10px; } .ulockd-footer-fst-col p { color: #eeeeee; font-family: "Open Sans", sans-serif; margin-bottom: 20px; } .footer-fst-col p { color: #222222; font-family: "Open Sans", sans-serif; margin-bottom: 20px; text-align: justify; } /* Footer contact Widget */ .ulockd-footer-lnews h3, .ulockd-footer-qlink h3 { color: #ffffff; font-weight: bold; margin-bottom: 27px; margin-top: 0; } .footer-lnews h3, .footer-qlink h3 { color: #ffffff; font-weight: bold; margin-bottom: 30px; } .ulockd-footer-contact h3 { color: #ffffff; font-weight: bold; margin-bottom: 27px; margin-top: 0; } .ulockd-footer-contact p { color: #eeeeee; margin-bottom: 20px; } .footer-contact h3 { color: #ffffff; font-weight: bold; margin-bottom: 30px; } .footer-contact p { color: #222222; margin-bottom: 20px; } .ulockd-ftr-phone, .ulockd-ftr-fax, .ulockd-ftr-mail { color: #eeeeee; font-size: 14px; line-height: 24px; letter-spacing: 0.2px; } .ftr-phone, .ftr-fax, .ftr-mail { color: #222222; font-size: 14px; line-height: 24px; letter-spacing: 0.2px; } .ulockd-ftr-phone > span, .ulockd-ftr-fax > span, .ulockd-ftr-mail > span, .ulockd-ftr-phone > a, .ulockd-ftr-fax > a, .ulockd-ftr-mail > a { color: #eeeeee; } .ulockd-footer-qlink .list-unstyled li span { padding-right: 10px; } .ulockd-footer-qlink .list-unstyled li a { color: #eee; font-size: 16px; line-height: 28px; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .ulockd-footer-qlink .list-unstyled li a:hover { color: #ffffff; padding-left: 10px; } .footer-qlink .list-unstyled li a { font-size: 16px; line-height: 28px; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .footer-qlink .list-unstyled li a:hover { padding-left: 10px; } .footer-box h1 { font-size: 26px; margin-top: 0; } .footer-box h2 { font-size: 40px; margin-bottom: 0; margin-top: 0; } /* Parallax Sass */ .parallax { background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; position: relative; } /* Divider Sass */ .ulockd-frst-divider { overflow-x: hidden; position: relative; } .ulockd-frst-divider:before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; position: absolute; top: 0; width: 100%; } .ulockd-frst-divider .hvr-overline-from-center:before { background-color: #ffffff; } .ulockd-divider { padding: 6px 0 10px; } .ulockd-divider h2 { margin: 14px 0 0; } /* Background Video */ .video-section .pattern-overlay { background-image: url("../images/resource/videooverlay1.png"); background-color: rgba(0, 0, 0, 0.3); padding: 110px 0 25px; min-height: 880px; /* Incase of overlay problems just increase the min-height*/ } .video-section h1 { font-size: 72px; text-transform: uppercase; margin: 15% auto 0px; } .video-section h3 { margin: 0px auto 15px; } .video-section .buttonBar { display: none; } .video-button { padding: 30px 0; } /* Inner Pages Sass */ .ulockd-inner-home { background-attachment: fixed; background-image: url("../images/background/inner-pagebg.jpg"); background-position: center top; background-repeat: no-repeat; /* -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ overflow-x: hidden; padding: 120px 0; position: relative; } .inner-conraimer-details h1 { color: #ffffff; position: relative; } .inner-conraimer-details:before { background-color: rgba(17, 17, 17, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ulockd-inner-page { background-color: #f7f7f7; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; } .ulockd-icd-layer { padding: 20px; position: relative; } .ulockd-icd-sub-menu li a { color: #434343; } /* Shop Sass */ /* Shop Home Page */ table.shop-dashboard { border: 1px solid #DCDCDC; color: #333333; } table.shop-dashboard thead { background-color: #f5f5f5; } table.shop-dashboard thead tbody tr { background-color: transparent !important; } .shop-form-control { border-radius: 0; box-shadow: none; height: 45px; } /* account information */ .account-info .form-control { border-radius: 0; height: 40px; } /* Shop Page Two */ .our-shop { background-color: #fafafa; } .shop-list > li { padding: 0; } .product-details > p { margin-bottom: 0; margin-top: 10px; } .shop-box { padding-bottom: 15px; } .shop-box .product-details h4 { margin-bottom: 0; margin-top: 0; } .shop-box .shop-thumb { overflow: hidden; position: relative; } .shop-box .shop-thumb.style2 { height: 250px; } .shop-box .shop-thumb.style3 { height: 280px; } .shop-box .overlay { bottom: -40px; color: #ffffff; font-size: 18px; line-height: 36px; left: 0; margin: 0 auto; position: absolute; right: 0; top: auto; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .shop-box .overlay a { color: #ffffff; display: inline-block; } .shop-box:hover .overlay, .shop-box:active .overlay, .shop-box:focus .overlay { bottom: 0; } /* Shop Modal */ .product_view .modal-dialog { max-width: 800px; width: 100%; } .pre-cost { color: #A3A3A3; text-decoration: line-through; } .space-ten { padding: 10px 0; } /* SHOP PAGE */ .ulockd-shop-menubar { background-color: #f5f5f5; padding-bottom: 15px; padding-top: 15px; } .ulockd-product-searchbar .form-control { height: 40px; border-radius: 0; box-shadow: none; } .ulockd-product-searchbar button { height: 40px; border-radius: 0; } .ulockd-shop-item { background-color: #f9f9f9; border: 1px solid #f9f9f9; margin-bottom: 40px; } .ulockd-shop-item:hover { cursor: pointer; } .ulockd-shop-item:hover h3 { color: #222222; } .ulockd-product-img { position: relative; } .price-tag { background-color: #222222; color: #ffffff; font-size: 16px; left: 0; padding: 5px 8px; position: absolute; top: 0; } .ulockd-product-details { padding: 10px 12px 20px; } .ulockd-product-details h4 { margin-bottom: 0; } .ulockd-product-details h3 { margin-top: 0; } .ulockd-cart-total { border: 1px solid #DCDCDC; } /* Product Details */ .ulockd-product-details-img { border: 3px solid #f9f9f9; } .ulockd-pd-tab .nav-tabs li a { font-size: 18px; } .ulockd-pd-tab .tab-content p { font-size: 16px; } /* Shopping cart page */ .ulockd-shopping-cart table.table { background-color: #f9f9f9; } .ulockd-shopping-cart table.table th { font-size: 18px; padding: 15px; text-align: center; } .ulockd-shopping-cart table.table td { font-size: 16px; padding-top: 5%; text-align: center; } .ulockd-shopping-cart table.table td .form-control { border-radius: 0; box-shadow: none; margin: 0 auto; width: 50%; } .ulockd-shopping-cart.style2 table.table td.cart { font-size: 16px; padding-top: 1%; text-align: center; } /* Billing Form */ .ulockd-payment-way { border: 3px solid #f9f9f9; padding: 15px 20px; } /* Inner Pages */ /* Error Or 404 Page */ /* Career Page */ .ulockd-error { color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 345px; font-style: italic; letter-spacing: 5px; } .ulockd-error-paragraph { color: #ffffff; font-size: 36px; line-height: 48px; } /* COMING SOON PAGES */ .ulockd-csoon { color: #ffffff; font-size: 80px; } .ulockd-coming-soon, .ulockd-uconctruction { padding: 250px 0; } .ulockd-coming-soon::before, .ulockd-uconctruction::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Uner Construction Pages */ .ulockd-uconctruction { padding: 200px 0; } .ulockd-uconctruction-ttl { color: #ffffff; font-size: 100px; } .ulockd-uconctruction-paragraph { color: #ffffff; font-size: 36px; line-height: 48px; } /* Sitemap Page */ .ulockd-site-map { background-image: url("../images/pattern/3.jpg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .ulockd-site-map:before { background-color: rgba(255, 255, 255, 0.95); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ulockd-sitemap li { font-size: 18px; line-height: 30px; padding: 5px; } .ulockd-sitemap li a { color: #333333; text-transform: uppercase; } /* Flip Clock */ .ulockd-flip-clock { display: inline-block; } .ulockd-flip-clock .clock .flip-clock-label { color: #ffffff; font-size: 18px; } .ulockd-flip-clock .timeTo figcaption { color: #ffffff; } /* Call To Actions Sass */ .call-to-action { padding: 20px 0; } /* Copyrights Sass */ /* Footer Copyright Text */ .ulockd-copy-right, .ulockd-l2-copy-right { color: #303030; padding-bottom: 5px; padding-top: 15px; text-align: center; } .ulockd-copy-right a, .ulockd-l2-copy-right a { color: #ffffff; } /* Error Page Sass */ .ulockd-ap-service-two:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Faq Sass */ .ulockd-ap-faq { background-color: #f6f6f6; } .ulockd-faq-title h2 { margin-bottom: 25px; margin-top: 0; padding-top: 0; } .ulockd-faq-title.style2 h2 { margin-bottom: 45px; margin-top: 0; padding-top: 0; } .ulockd-faq-content .panel-default { border: none; } .ulockd-faq-content .panel-default .panel-heading { border: medium none; border-radius: 0; color: #ffffff; padding-bottom: 0; padding-left: 0; padding-top: 0; } .ulockd-faq-content .panel-default .panel-heading:hover a { color: #ffffff; } .ulockd-faq-content .panel { -webkit-box-shadow: none; box-shadow: none; } .ulockd-faq-content .panel .panel-title a .icon-1 { display: inline-block; } .ulockd-faq-content .panel .panel-title a .icon-2 { display: none; } .ulockd-faq-content .panel .panel-title a.collapsed .icon-1 { display: none; } .ulockd-faq-content .panel .panel-title a.collapsed .icon-2 { display: inline-block; } .ulockd-faq-content .panel .panel-title a i { background-color: #bbbbbb; color: #ffffff; height: 50px; line-height: 50px; margin-right: 10px; text-align: center; width: 50px; } .ulockd-faq-box .panel-body { background: #f9f9f9 none repeat scroll 0 0; padding: 20px 25px; } .ulockd-faq-box .panel .panel-title a i { background-color: #bbbbbb; color: #ffffff; height: 50px; line-height: 50px; margin-right: 10px; text-align: center; width: 50px; } /* Feature Sass */ .feature-box { position: relative; } .feature-box img { height: 100%; } .feature-box h3 { color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .feature-box p { color: #ffffff; } .feature-box a:hover { color: #ffffff; } .feature-box .overlay { bottom: 0; left: 0; padding: 25px 25px 0px; position: absolute; right: 0; top: 0; } .unlock-hexagon { left: 0; position: absolute; top: 0; } .unlock-hexagon .hexagon { background-color: #FCD846; border: 1px solid #454545; height: 90px; position: relative; padding-top: 10px; text-align: center; width: 160px; } .unlock-hexagon .hexagon:before, .unlock-hexagon .hexagon :after { border-left: 80px solid transparent; border-right: 80px solid transparent; content: ""; left: 0; position: absolute; width: 0; } .unlock-hexagon .hexagon:before { bottom: 100%; border-bottom: 48px solid #FCD846; } .unlock-hexagon .hexagon:before { border-top: 48px solid #FCD846; top: 100%; width: 0; } /* Font Icons Sass */ .social-linked { position: relative; } .social-linked li { padding: 0; } .social-linked a { border: 1px solid #DCDCDC; color: #434343; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .social-linked a:hover { color: #ffffff; } .social-linked-two { position: relative; } .social-linked-two li { padding: 0; } .social-linked-two a { border: 1px solid #ffffff; color: #ffffff; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-font-thm { position: relative; } .icon-font-thm li { padding: 0; margin-right: 0; } .icon-font-thm a { border: 1px solid #DCDCDC; border-radius: 0 10px; color: #ffffff; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-font-thm a:hover { background-color: #ffffff !important; color: #434343; } /* Footer Font Icon */ .footer-font-icon li { padding-right: 0; } .footer-font-icon a { border: 1px solid; color: #ffffff; font-size: 16px; line-height: 20px; padding: 5px 8px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .footer-font-icon a:hover { color: #ffffff !important; } .footer-font-icon.style2 a { color: #222222; font-size: 16px; line-height: 20px; } /* Team Font Icon */ .team-sicon { bottom: 0; left: 0; margin-bottom: -11px; margin-top: 13px; padding: 10px 8px; right: 0; } .team-sicon li { color: #ffffff; padding: 0; margin: 0; } .team-sicon a { border: 1px solid transparent; color: #ffffff; font-size: 16px; padding: 5px 8px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-sicon a:hover { background-color: #999999; border: 1px solid #ffffff; color: #ffffff; } /* Pe-Icon-7-Stroke */ .font-icon-Pe-7 { text-align: center; padding: 10px; margin-bottom: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .font-icon-Pe-7:hover { background-color: #222222; color: #ffffff; } .font-icon-Pe-7 span { font-size: 60px; } .font-icon-Pe-7 code { color: gray; } .elegant-icon-box1 { font-size: 16px; display: inline-block; width: 11em; padding: .25em .5em; margin: 20px 10px 0 0; } .elegant-icon-box1 span { color: #111111; } /* FONT ICON DIAMOND */ .font-icon-diamond { margin-top: 15px; } .font-icon-diamond li { background-color: #fff; height: 30px; margin-right: 15px; text-align: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 30px; } .font-icon-diamond li a { line-height: 30px; } .font-icon-diamond li a i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Forms Sass */ /* APPOINTMENT FORM STYLE */ .appointment_form { background-color: #f3f3f3; padding: 15px 35px; } .appointment_form input { border-radius: 0; box-shadow: none; height: 40px; } .appointment_view .modal-dialog { max-width: 800px; width: 100%; } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all, .ui-timepicker-list .ui-timepicker-selected:hover, .ui-timepicker-list li:hover, li.ui-timepicker-selected { background-color: #222222; color: #f3f3f3; } .ulockd-apmnmnt-schedule { border: 1px solid #eeeeee; padding: 10px 15px; text-align: center; } table.table.ulockd-one { border: 1px solid #eeeeee; } table.table.ulockd-one h3 { margin-top: 0; } table.table.ulockd-two { border: 1px solid #eeeeee; } table.table.ulockd-two h3 { margin-top: 0; } .table.ulockd-one > tbody > tr > td, .table.ulockd-one > tbody > tr > th, .table.ulockd-one > tfoot > tr > td, .table.ulockd-one > tfoot > tr > th, .table.ulockd-one > thead > tr > td, .table.ulockd-one > thead > tr > th { text-align: center; } /* BOOKING FORM STYLE */ .booking_form { background-color: #f3f3f3; padding: 0 35px 5px; } .booking_select, .booking_form input { border-radius: 0; box-shadow: none; height: 45px; } .form-split { border: 3px solid #ffffff; padding: 30px 20px; } .form-split .form-group label { color: #ffffff !important; } .form_control { border-radius: 0; box-shadow: none; height: 45px; } .booking_form_style1 { background-color: #f3f3f3; padding: 10px 20px 15px; } .booking_form_style1.home_style { background-color: rgba(255, 255, 255, 0.6); padding: 25px 15px; } .booking_select, .booking_form_style1 input { border-radius: 0; box-shadow: none; height: 45px; } .booking_form_style1.style2 { padding: 15px 20px; } .booking_form_style1.style2 input { color: #ffffff; } .booking_form_style1 .booking_form_control { border-radius: 0; height: 45px; } .donation_form_area { background-color: #f9f9f9; padding: 15px 30px; position: relative; } .donation_form_area h4 { margin-bottom: 15px; } .donation_form_area textarea { border-radius: 0; box-shadow: none; height: auto; } .amount-box input[type="radio"] { left: 0px; top: 0px; visibility: hidden; position: absolute; opacity: 0; } .amount-box label { border: 2px solid #DCDCDC; color: #434343; cursor: pointer; display: block; font-size: 15px; font-weight: 600; padding: 5px 10px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .amount-box input[type="radio"]:checked + label { color: #ffffff; } /* Login/Register */ form.ulockd-login-form, form.ulockd-reg-form { background-color: #f6f6f6; padding: 10px 30px 40px; } .ulockd-login-form input, .ulockd-reg-form input { border-radius: 0; box-shadow: none; height: 40px; } /* RSVP Form */ .rsvp_forms .modal-dialog, .rsvp_form2 .modal-dialog { max-width: 800px; width: 100%; } .rsvp_form .form-control, .rsvp_form2 .form-control, .rsvp_form3 .form-control { border-radius: 0; box-shadow: none; } .rsvp_form .form-group label, .rsvp_form2 .form-group label, .rsvp_form3 .form-group label { color: #333333; } /* Funfact Sass */ .ulockd-ffact { position: relative; } .ulockd-ffact span { bottom: -55%; color: #ffffff; font-size: 80px; left: 0; opacity: 0.1; position: absolute; right: 0; } .ulockd-ffact p { color: #ffffff; font-size: 30px; font-weight: 400; line-height: 24px; margin-bottom: 20px; } .ulockd-ffact .timer { color: #ffffff; font-size: 30px; line-height: 24px; } .ulockd-ffact-two { border-bottom: 2px dashed #eeeeee; border-right: 2px dashed #eeeeee; padding: 0 0 15px; position: relative; z-index: 999; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .ulockd-ffact-two:hover { cursor: pointer; margin-top: -15px; } .ulockd-ffact-two .ulockd-icon-let { color: #ffffff; font-size: 70px; padding: 16px 18px; } .ulockd-ffact-two h3 { color: #ffffff; font-weight: 400; } .ulockd-ffact-two .timer { color: #ffffff; font-size: 36px; line-height: 1.2em; font-weight: 500; } .ulockd-ffact-one { background-color: #fafafa; padding: 25px 0; position: relative; z-index: 999; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ulockd-ffact-one span { font-size: 48px; } .ulockd-ffact-one .ulockd-icon-let { color: #ffffff; font-size: 60px; line-height: 24px; padding: 16px 17px; } .ulockd-ffact-one p { color: #434343; font-size: 18px; font-weight: 400; } .ulockd-ffact-one .timer { color: #333333; font-size: 24px; } .ulockd-ffact-one:hover { margin-top: -5px; } /* Mainchimp Sass */ .ulockd-mailchimp { width: 75%; } .ulockd-mailchimp.style2 input { background-color: #f5f5f5; border-radius: 0; } .ulockd-mailchimp input { background-color: #ffffff; border: 1px solid transparent; border-radius: 0; } .ulockd-mailchimp button { background-color: #A3A3A3; border-radius: 0; color: #ffffff; } .subscribe { text-align: center; } .subscribe h1 { margin: 0px; } .subscribe h4 { margin: 10px 0px 20px 0px; color: #f9f9f9; } .subscribe input { border: 1px solid transparent; box-shadow: none; font-size: 14px; line-height: 20px; color: #222222; padding: 7px 14px; min-width: 20%; } .subscribe button { background-color: #bbbbbb; font-size: 14px; line-height: 20px; font-weight: bold; color: #ffffff; padding: 8px 16px; border: none; margin-left: -5px; } /* Partner Sass */ .ulockd-partner { border-bottom: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; padding: 50px 0; } .ulockd-partner-thumb:hover img { cursor: pointer; } /* Office Location */ .office-location h3 { margin-top: 0; } .office-location li a { font-size: 16px; line-height: 24px; } /* Gift Company */ .gift-company .thumb { border: 1px solid #DCDCDC; background-color: #fafafa; cursor: pointer; padding: 10px; margin: 0 2px; } /* Pricing Table Sass */ .ulockd-pricing { background-color: #f7f7f7; } .ulockd-pricing-table { background-color: #ffffff; border: 1px solid #222222; border-radius: 5px; padding: 15px 25px; } .ulockd-pricing-table:hover { cursor: pointer; } .ulocked-pricing-header { padding-top: 25px; position: relative; } .ulocked-pricing-header .title sup { font-size: 30px; } .ulocked-pricing-tag { border-radius: 5%; padding: 10px 20px; position: absolute; top: -60px; } .ulocked-pricing-tag span { color: #ffffff; font-size: 40px; line-height: 1.3em; } .ulocked-pricing-details ul li { border-bottom: 1px dashed #222222; padding: 8px; } .ulocked-pricing-details ul li:hover a { color: #222222; } .ulocked-pricing-details ul li:first-child { border-top: 1px dashed #222222; margin-top: 40px; } .ulocked-pricing-details ul li:last-child { border-bottom: 1px solid transparent; } .ulocked-pricing-details ul li a { font-size: 16px; line-height: 24px; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .ulocked-pricing-details a { margin-top: 20px; } /* Progress Bar Sass */ .progress-levels { position: relative; } .progress-levels .progress-box { margin-bottom: 15px; overflow: hidden; position: relative; } .progress-levels .progress-box .inner { background-color: #eeeeee; } .progress-levels .progress-box .bar { position: relative; height: 10px; } .progress-levels .progress-box .bar .bar-innner { height: 10px; left: 0px; position: relative; top: 0px; width: 100%; } .progress-levels .progress-box .bar .bar-fill { border-radius: 2px; height: 10px; left: -100%; position: absolute; top: 0px; -webkit-transition: all 2000ms ease 300ms; -o-transition: all 2000ms ease 300ms; transition: all 2000ms ease 300ms; width: 0px; } .progress-levels .progress-box.animated .bar .bar-fill { left: 0px; } .progress-levels .progress-box.animated .percent { opacity: 1; } .progress-levels .progress-box .percent { font-size: 15px; font-weight: bold; letter-spacing: 1px; line-height: 26px; opacity: 0; position: absolute; right: 0px; text-align: center; top: -35px; -webkit-transition: all 2000ms ease 700ms; -o-transition: all 2000ms ease 700ms; transition: all 2000ms ease 700ms; } .progress-levels:last-child { margin-bottom: 0px; } .progress-levels .box-title { margin-bottom: 10px; position: relative; text-transform: uppercase; } /* Bar FIll */ .barfiller { width: 100%; height: 12px; background: #fcfcfc; border: 1px solid #cccccc; position: relative; margin-bottom: 20px; -webkit-box-shadow: 1px 4px 9px -6px #010101; box-shadow: 1px 4px 9px -6px #010101; } .barfiller .fill { display: block; position: relative; width: 0px; height: 100%; background: #333333; z-index: 1; } .barfiller .tipWrap { display: none; } .barfiller .tip { background: #333333; color: #ffffff; font-size: 11px; left: 0px; margin-top: -30px; padding: 2px 4px; position: absolute; z-index: 2; } .barfiller .tip:after { border: solid; border-color: rgba(0, 0, 0, 0.8) transparent; border-width: 6px 6px 0 6px; content: ""; display: block; position: absolute; left: 9px; top: 100%; z-index: 9; } /* Chart */ #graph-wrapper button { color: #ffffff; } /* Particle Js */ /* ---- particles.js container ---- */ #particles-js { width: 100%; height: 1080px; background-image: url("../images/home/h1.jpg"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } #particles2-effect { width: 100%; } #particles2-effect canvas { height: 880px; } /* Testimonials Sass */ .ulockd-testimonial { background-color: #ffffff; } .testimonial-grid { position: relative; } .testimonial-grid .thumb { position: relative; overflow: hidden; margin-top: 12%; } .testimonial-grid .thumb img { border-radius: 20px; } .testimonial-grid .video-btn { font-size: xx-large; left: 0; margin: 0 auto; padding: 10px; position: absolute; right: 0; top: 40%; text-align: center; } .testimonial-grid .video-btn a { border: 3px solid #ffffff; border-radius: 10px; color: #ffffff; padding: 10px 15px; } .testimonial-grid .details { padding: 10px 20px 45px; position: relative; } .ulockd-inr-testimonials { background-color: #f9f9f9; padding: 10px 25px; } .ulockd-inr-testimonials p { color: #303030; } .ulockd-inr-testimonials h3 { color: #333333; margin-bottom: 0; } .ulockd-tcompliment span { color: #222222; } /* WhyChoose Sass */ .why-choose-slider .owl-dot.active span, .why-choose-slider .owl-dot:hover span, .why-choose-slider .owl-dot:focus span { background-color: #ffffff !important; } .why-choose-slider .owl-dot span { background-color: #F0C900 !important; border-radius: 0 !important; height: 15px !important; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 15px !important; } .why-choose-slider .owl-dots { margin-left: 96px; text-align: left !important; } .why-choose-slider .owl-dots:hover span, .why-choose-slider .owl-dots:active span, .why-choose-slider .owl-dots:focus span { background-color: #ffffff; } /* Widget Sass */ /* Calendar */ #calendar { max-width: 900px; margin: 0 auto; } /* Flickr Feed */ .flickr-photo { margin-top: 30px; } .flickr-photo li { display: inline-block; margin-bottom: 10px; margin-right: 10px; } #instafeed img { display: block; float: left; height: auto; width: 100%; } .instagram-feed-image { display: inline-block; float: left; margin: 5px; width: 80px; } /* Footer Widget Sass */ .ulockd-footer-widget li a { color: #eeeeee; letter-spacing: 1px; } .flickr-widget li { padding: 0; } .flickr-widget li .thumb { position: relative; overflow: hidden; margin-bottom: 0px; } .flickr-widget li .thumb .overlay { content: ""; height: 100%; left: 0; position: absolute; text-align: center; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); top: 0; width: 100%; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .flickr-widget li .thumb .overlay span { color: #ffffff; font-size: 20px; left: 0; position: absolute; right: 0; top: 35%; } .flickr-widget li .thumb:hover .overlay { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .flickr-widget .thumbnail { margin-bottom: 0; } .flickr-widget h3 { color: #ffffff; font-weight: bold; margin-top: 0; } .footer-flickr h3 { color: #ffffff; font-weight: bold; margin-bottom: 30px; } .ulockd-flickr-widget li { margin-bottom: 6px; margin-right: -5px; } .font-icon-social { margin-top: 15px; } .ulockd-footer-twitter h3 { color: #ffffff; font-weight: bold; margin-bottom: 27px; margin-top: 0; } .ulockd-footer-twitter h4 { color: #ffffff; } .ulockd-footer-twitter p { color: #eeeeee; } .footer-twitter h3 { color: #ffffff; font-weight: bold; margin-bottom: 20px; } .twitter ul li { color: #f7f7f7; margin-bottom: 20px; } .twitter ul li a { color: #bbbbbb; } .twitter.style2 ul li { color: #222222; margin-bottom: 20px; } .twitter.style2 ul li a { margin-bottom: 20px; } /* About Widget */ .twitter-widget h3, .tag-widget h3, .news-widget h3, .link-widget h3, .widget-about h3 { color: #ffffff; margin-bottom: 20px; margin-top: 0; } .mail-widget h3, .call-widget h3, .location-widget h3 { color: #ffffff; } .mail-widget .icon, .call-widget .icon, .location-widget .icon { color: #bbbbbb; font-size: 40px; } .widget-about p { color: gray; } .tag-widget li { border: 1px solid #2F4F4F; padding: 3px 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 5px; } .tag-widget li:hover { background-color: #337ab7; } .tag-widget li:hover a { color: #ffffff; } .tag-widget li a { color: gray; } .link-widget li { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .link-widget li:hover a { color: #ffffff; } .link-widget li a { color: gray; } /*# sourceMappingURL=style.css.map */ @media(min-width: 1024px){ nav.navbar.bootsnav ul.nav > li > a { padding: 35px 12px; } } @media(min-width: 768px){ .pogoSlider h1, .pogoSlider h2, .pogoSlider h3, .pogoSlider h4, .pogoSlider p { background: rgba(0,0,0,0.4); width: auto; max-width: 768px; margin: 0 auto; padding: 10px 0px; } } @media(max-width: 768px){ .icon_box .ib_details { height: auto; } } .timeline .timeline-body ul li { margin-bottom: 0px; } .timeline .timeline-body ul.list-unstyled li:not(.timeline-inverted) { padding-right: 0px!important; } nav.navbar.bootsnav.navbar-fixed .logo-scrolled { width:144px; } #modalOverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 99999; height: 100%; width: 100%; } .modalPopup { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 25%; -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); padding: 20px; min-width: 300px; } .buttonStyle { position: absolute; top: 0; right: 0; background: #ed0909; color: #fff; border: none; font-size: 16px; padding: 5px 13px; cursor:pointer } .modalContent h2{ text-align: left; margin-bottom: 10px; font-size: 25px; } .query-form input{ width: 100%; float: left; padding: 7px 10PX; margin-bottom: 10px; border: solid 1px #949494; outline: none; color: #000; } .query-form textarea{ width:100%; border: solid 1px #949494; padding: 10px; outline: none; } .query-form button{ display: block; margin: auto; padding: 7px 25px; border: none; background: #04AA6D; color: #fff; margin-top: 10px; width: 100%; cursor:pointer; } .query-form { padding:0; display: contents; } @media only screen and (max-width: 600px) { .modalPopup { top:50%; width:90%; } .query-form input{ width:100%; margin-left:0; } .query-form textarea{ width:100%; margin-left:0; } } .d-flex{ display: flex; align-items: center; flex-wrap: wrap; } .facility-box { border: 1px solid #ddd; padding: 30px 15px; text-align: center; margin-bottom: 20px; background: #fff; transition: 0.3s; height: 155px; border-radius: 5px; } .facility-box:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); } .facility-box img { max-width: 55px; height: auto; margin-bottom: 10px; } .facility-text { font-size: 16px; font-weight: 600; color: #323232; } .top-banner { background-position: center center; background-size: cover; padding: 150px 15px 120px; color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); } .banner-heading { font-size: 36px; font-weight: bold; margin-bottom: 10px; color: #fff; } .banner-subtext { font-size: 18px; } .luxury-section { background-color: #f9f9f9; } .luxury-amenities { background: #fff; border: 1px Solid #ddd; } .luxury-amenities ul { list-style: none; padding-left: 0; } .luxury-amenities li { padding: 2px 0; font-size: 16px; display:flex; align-items:center; } .luxury-amenities li i { color:#fff; background:#979D59; padding:0px 3px; font-size:11px; margin-right:10px; } .carousel-inner > .item > img { width: 100%; height: auto; } .book-btn-style { display: block; margin: auto; padding: 10px 25px; border: none; background:#979D59; color: #fff; margin-top: 10px; width: 100%; cursor: pointer; text-align: center; margin:20px 0; font-size:16px; } .room-section{ background: #F2F2F2; } .room-wrap-1 .room-item-1 { position: relative; margin-bottom: 30px; background: #fff; } .room-wrap-1 .room-item-1 .content h3{ margin-top: 10px; } .room-wrap-1 .room-item-1 .img { position: relative; overflow: hidden; } .room-wrap-1 .room-item-1 .img img { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .room-wrap-1 .room-item-1 .content { color: #333; font-weight: 400; font-size: 14px; padding: 0 15px; text-align: left; } .room-wrap-1 .room-item-1 .bottom { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; overflow: hidden; padding: 10px 15px; margin-top: 10px; text-align:left; } .room-wrap-1 .room-item-1 .bottom .price { display: inline-block; color: #898989; font-size: 14px; line-height: 1; } .room-wrap-1 .room-item-1 .bottom .price .amout { color: #333333; font-weight: 600; font-size: 20px; margin-left: 5px; } .room-wrap-1 .room-item-1 .bottom .btn { float: right; color: #FFF; font-size: 12px; width: 100px; height: 32px; background: #979D59; line-height: 20px; border-radius: 0px; font-weight: 600; } .room-wrap-1 .room-item-1 .bottom .btn:hover { border: 2px solid #979D59; background: transparent; color: #979D59; } .room-wrap-1 .room-item-1:hover .img img { transform: scale(1.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .room-wrap-1 .room-item-1 h3{ font-size:16px; } .table-responsive .table{ color: #323232; } .table-responsive .table th{ border: 2px solid #323232!important; font-size:18px; } .table-responsive .table td{ border: 1px solid #323232!important; } .table-responsive .table td, .table-responsive .table th{ text-align: center!important; } .list-group-item { font-size: 16px; } .tariff-inr{ list-style:disc; padding-left:20px; } .tariff-inr li{ margin-bottom:5px; font-size:16px; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings