/******* Project/Template Name: V3 EVENTS & ENTERTAINMENTS PVT.LTD. ********/ /* 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); /* Table of contents */ /* This file is table of content of this template */ /* Typography */ /* Header Sass */ /* New Heaser */ /* Home Sass */ /* Main Sass */ /* About Sass */ /* Service Sass */ /* Gallery Sass */ /* Team Sass */ /* Blog Sass */ /* Project Sass */ /* Contact Sass */ /* Slider Sass */ /* Footer Sass */ /* Parallax Sass */ /* Divider Sass */ /* Inner Pages Sass */ /* Shop Sass */ /* Inner Pages */ /* Call To Actions Sass */ /* Copyrights Sass */ /* Footer Copyright Text */ /* Error Page Sass */ /* Faq Sass */ /* Font Icons Sass */ /* Funfact Sass */ /* Mainchimp Sass */ /* Partner Sass */ /* Office Location */ /* Pricing Table Sass */ /* Progress Bar Sass */ /* Testimonials Sass */ /* Widget Sass */ /* Footer Widget Sass */ /* Coupleheart Project Color */ /* All Sass File Links */ html { font-size: 100%; } body { background-attachment: fixed; background-color: #ffffff; color: #777777; /*font-family: "Open Sans", sans-serif;*/ font-family: "Playfair Display",serif; font-size: 14px; line-height: 1.642; overflow-x: hidden; transition: inherit; -webkit-font-smoothing: antialiased; } img { max-width: 100%; } p { font-size: 14px; 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: "Playfair Display",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; } .ulockd-project-sm-thumb h3 { font-size: 18px; } .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: #fff; } .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: 10px; }*/ .ulockd-main-logo2 img { margin-top: -14px; width: 154px; } .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: 10px 14px; line-height: 25px; color: #333; border: 0px solid #d3d3d3; margin: 0px 2px; border-radius: 0px; } /*nav.navbar.bootsnav.menu-style1 ul.nav li a { padding: 30px 15px; }*/ nav.navbar.bootsnav ul.nav li a { font-size: 14px; transition: all 0.2s ease-in-out; font-family: Oswald,sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; 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 { border-top: 1px solid #ffffff; padding: 30px 0px; background: #FFF1ED; } 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: 8px; -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: 30%; 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; }*/ .img-whp { width: 100% !important; height: 280px; object-fit: cover; } .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: #f0ad4e; } .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: #f0ad4e; } .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: 0px; float:right !important; } .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: 60px; } .ulockd-main-title h2 { font-family: "Playfair Display",serif; font-size: 38px; 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_bgih1 { background-attachment: scroll; background-image: url("../images/home/h1.html"); 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.html"); 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; } .background_details { background-attachment: scroll; background-image: url(../images/pattern/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; padding:60px 0px; } section { padding: 20px 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-family: "Alex Brush", cursive; font-size: 40px; margin-bottom: 0; margin-top: 0; } .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: 60px; 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-cont { height: 350px; } .about-box2 h3 { /*font-family: "Engagement", cursive;*/ font-size: 19px; font-weight: 600; 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-cont h3 { font-size: 18px; font-family: "Playfair Display",serif; font-weight: 600; } .about-cont p{ text-align:justify !important; } .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; } .button_area_sec { text-align: center; margin-top: 30px; position: relative; } .button_area_sec a { background: #FEAEA3; z-index: 999999; color: #fff; padding: 12px 31px; border-radius: 4px; font-size: 18px; font-weight: 600; } .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: #999999; 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: #f0ad4e; } .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: "Engagement", cursive; 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: 20px 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; } .icon_box .ib_details.left { margin-right: 75px; margin-left: 0; } .icon_box .ib_details h4 { margin-top: 0; } .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 { 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; } .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 .ulockd-form-fg { border-radius: 0; box-shadow: none; color: #333; height: 40px; margin-bottom: 20px; } .ulockd-contact-form .ulockd-form-tb { border: 1px solid #ccc; border-radius: 0; box-shadow: none; color: #333; } .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: block; } /* 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: "Playfair Display",serif; margin-bottom: 20px; } .footer-fst-col p { color: #222222; font-family: "Open Sans", sans-serif; margin-bottom: 20px; } /* 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-family: "Engagement", cursive; font-size: 60px; margin-top: 0; } .footer-box h2 { font-family: "Alex Brush", cursive; font-size: 48px; 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: 40px 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: 3v0px 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; font-family: "Playfair Display",serif !important; text-transform: capitalize !important; font-size: 48px !important; } /*.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: 15px; padding-top: 20px; 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; float:right; } .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 a { border: 2px solid #DCDCDC; color: #434343; font-size: 20px; width: 36px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block !important; line-height: 36px; height: 36px; text-align: center; border-radius: 50%; padding: 0; margin: 0; } .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; }*/ .footer-font-icon.style2 a { color: #fff; font-size: 16px; line-height: 20px; width: 36px; height: 36px; line-height: 26px; display: inline-block; text-align: center; border-radius: 50%; } /* 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: #feaea3; 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; border: 1px dashed #fff; } .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: #0a0a0a; font-size: 18px; font-weight: 600; } .ulockd-ffact-one .timer { color: #333; 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.html"); 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; } .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; } #color-style-switcher{ display:none;} /*.ulockd-pad9100 { float: right !important; }*/ /* new section css code here */ .pad-bot-70 { padding-bottom: 70px; } .com-sp { padding: 0px 0px; } .con-title { text-align: center; margin-bottom: 40px; } .con-title h2 { font-size: 22px; margin-top: 0px; margin-bottom: 15px; line-height: 40px; text-transform:uppercase; } .con-title h1 { font-size: 22px; margin-top: 0px; margin-bottom: 15px; line-height: 40px; text-transform: uppercase; } .con-title h1 span { font-size: 22px; font-weight: 700; color: #feaea3; line-height: 40px; text-transform: uppercase; } .con-title h2 span { font-size: 22px; font-weight: 700; color: #FFF1ED; line-height: 40px; text-transform: uppercase; } .ed-course{ } .ed-course-in{ margin-bottom: 30px; border-radius: 3px; position: relative; overflow: hidden; } .course-overlay{ } .course-overlay img{ height: auto; width: 100%; } .course-overlay span{ position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); font-size: 18px; font-weight: 600; color: #fff; z-index: 1; } .ed-course-in a.course-overlay img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .ed-course-in a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(2, 2, 2, 0.41); } .ed-course-in:hover a.course-overlay img { -webkit-transform: scale(1.1); transform: scale(1.1); } .con-title p { font-size: 18px; color: #3f444a; font-weight: 300; } .course-overlay { font-family: "Playfair Display",serif; } .ulockd-footer2{ background:#eee;} textarea.form-control { height: 207px; } .ulockd-contact-form{ background:#eee; padding:10px;} .ulockd-all-service h4{ background: #feaea3; padding: 10px; color: #fff; text-transform: uppercase; text-align: center; } .list-group-item { border: 1px solid #feaea3; } .bullet-style { margin: 12px 30px; } .list-unstyled { padding-left: 0; list-style: none; } .ulockd-feature-list li { list-style-image: url(../images/list-thumb.png); padding-left: 10px; margin-bottom: 10px; vertical-align: super; } .ulockd-project-sm-thumb h2 { color: #feaea3; text-transform: uppercase; } .ulockd-project-sm-thumb h3 { color: #feaea3; text-transform: uppercase; } .thankyou-sec { background: #FFF1ED4d; padding: 0px 0px; } .small-btn-style { border: none; padding: 10px; border-radius: 5px; } .error-template {padding: 40px 15px;text-align: center;} .error-actions {margin-top:15px;margin-bottom:15px;} .error-actions .btn { margin-right:10px; } .ulockd-ffact-one span.sign { font-size: 30px; display: block; padding: -23px; margin-top: -44px; margin-left: 65px; color: #fff; } /* floating form css code */ .sendreqcall { top: 25%; z-index: 99999; position: fixed; cursor: pointer; right: -5px; } .request_call_title { background: #3fbbc0; width: 100%; } .request_call_title h3 { color: #fff; font-size: 25px; padding: 5px 0px; text-transform:uppercase; text-shadow: 2px 3px 10px #333; margin-top: 0px; } .requestbox { background-color: #fff; position: fixed; margin-top: 0%; border: 1px solid #029D9E; padding: 0px 0px 0px 0px; width: 27%; right: 0px; } .requestbox center { padding: 8px 7px 0px 0px; font-weight: 700; color: rgb(237, 0, 140); } .requestbox .slideout-menu-toggle { position: absolute; top: 0px; right: 0px; display: inline-block; padding: 11px 14px 8px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 1; background: #fe8f00; color: #fff; text-decoration: none; vertical-align: top; z-index: 999999; /* margin-top: 5px; */ border-radius: 50%; } .requestbox input[type="text"] { /*background: rgba(237, 0, 140, 0.06);*/ width: 100%; border: 0px; border-bottom: 2px solid #00A1A2; border-radius: 0px; color: #08A3A4; padding: 0px 0px 11px 10px; font-size: 14px; margin-top: 9px; box-shadow: none; } .requestbox textarea { /*background: rgba(237, 0, 140, 0.06);*/ width: 100%; border: 0px; border-bottom: 2px solid #00A1A2; border-radius: 0px; color: #000; padding: 0px 0px 11px 10px; font-size: 14px; box-shadow: none; } .btn-custom-color { background: #fe8f00; color: #fff; border-radius: 0px; padding: 8px 0px; } /*.wp-chat img { width: 6%; border-radius: 50%; position: fixed; bottom: 5px; left: 16px; display: block; }*/ /* new home page css code */ section.module.parallax-1 { background: url(../images/contain-bg.jpg) repeat center top; padding: 0; } .about-padd { padding: 80px 0 70px 0; position: relative; overflow: hidden; } #about h2 { margin: 0 0 33px 0; padding: 0 0 30px 0; font-family: "Playfair Display",serif; font-weight: 300; font-size: 35px; text-transform: uppercase; background: url(../images/title-icon.png) no-repeat center bottom; line-height: 40px; } #about h2 span { color: #feaea3; font-weight: 800; } #about h4 { margin: 0 0 29px 0; padding: 0; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 19px; text-transform: uppercase; color: #000; line-height: 35px; } #about p { font-size: 15px; line-height: 28px; padding: 0; margin: 0; } .col-center { float: none; margin: 0 auto; padding: 0; } /*.container { position: relative; }*/ .rose-1 { position: absolute; background: url(../images/shark.png) no-repeat; width: 230px; height: 230px; left: 5%; z-index: 99; } .rose-2 { position: absolute; background: url(../images/fish.png) no-repeat; width: 153px; height: 131px; right: 10%; top: 25%; z-index: 99; } .section-img { margin: 0; position: relative; } .left-img { height: 498px; background-size: 100%; position: relative; background: url(../images/event/wedding_latest_pic14.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 45px 0 45px 35px; } .right-img { background: url(../images/right-side.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 498px; background-size: 100% 100%; padding: 45px 0 45px 35px; } .right-img ul { margin: 0; padding: 0; color: #fff; } .right-img li { margin: 0 0 30px 0; padding: 0; color: #fff; list-style: none; } .right-img h3 { color: #fff; margin: 0 0 11px 0; padding: 0; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; } .right-img h3 i { width: 22px; height: 22px; background: #FFF1ED; text-align: center; line-height: 22px; margin: 0 10px 0 0; } .right-img p { font-size: 14px!important; line-height: 22px!important; } #services { padding: 80px 0 80px 0; } b.news-info-cls { font-size: 16px; color: #000; /* padding: 3px; */ } section.module.parallax-1 { background: url(../images/contain-bg.jpg) repeat center top; padding: 0; } .rose { position: absolute; background: url(../images/rose.png) no-repeat; width: 249px; height: 219px; right: -12%; margin-top: 1650px; z-index: 99; } #services h2 { margin: 0 0 33px 0; padding: 0 0 30px 0; font-weight: 300; font-size: 42px; text-transform: uppercase; background: url(../images/title-icon.png) no-repeat center bottom; line-height: 40px; text-align: center; } #services h2 span { color: #feaea3; font-weight: 800; } /*.details { min-height: 150px; } .details .col-md-3 { padding: 0; text-align: center; margin: 0 0 0 0; } .details img { width: 70px; overflow: hidden; } .details .col-md-9 { margin: 0 0 64px 0; } .details h4 { font-family: 'Raleway', sans-serif; font-weight: 700; margin: 0 0 5px 0; padding: 0; font-size: 20px; color: #FFF1ED; text-transform: uppercase; } .details h3 { font-family: 'Raleway', sans-serif; font-weight: 500; margin: 0 0 13px 0; padding: 0 0 19px 0; font-size: 17px; color: #333; text-transform: uppercase; background: url(../images/boder-b.png) no-repeat bottom left; } .details p { color: #000; font-size: 14px; line-height: 25px; max-width: 269px; margin: 0; } */ section.module.parallax-2 { background: url(../images/counter-bg.jpg) repeat center top; padding: 90px 0 90px 0; background-size: cover; background-position: 30% 30%; } .h-n { display: none; } .col-center { float: none; margin: 0 auto; padding: 0; } .stat { margin: 0 auto; text-align: center; } .stat .rounded { background: rgba(17, 192, 180, 0.8); width: 234px; height: 234px; border-radius: 100%; padding: 45px 0 0 0; margin: 0 auto 0 auto; box-shadow: 2px 2px 13px #222; } .stat img { width: 65px; } .highlight { color: #fff; padding: 0; display: block; overflow: hidden; margin: 0; font-size: 63px; line-height: 60px; font-family: "Playfair Display",serif; } .milestone-details { font-size: 12px; color: #fff; font-family: 'Raleway', sans-serif; text-transform: uppercase; letter-spacing: 1px; } section.module.parallax-4 { background: url(../images/testimonials.jpg) repeat center top; padding: 115px 0 93px 0; background-position: 0px 1980.5px; } .testimonial { min-height: 282px; color: #fff; } .testimonial h2 { background: url(../images/boder1.jpg) no-repeat bottom center; padding: 0 0 30px 0; font-family: 'Raleway', sans-serif; font-weight: 800; color: #fff; font-size: 50px; line-height: 56px; text-transform: uppercase; } .testimonial h3 { font-family: 'cookieregular'; font-size: 40px; color: #fff; } img.test-img { width: 50px !important; margin: 0 auto; } section.module.parallax-7 { background: url(../images/latest-news.jpg) center bottom; padding: 80px 0 84px 0; background-size: 100%; min-height: 397px; } #our-news h3 { margin: 0 0 33px 0; padding: 0 0 30px 0; font-weight: 300; color: #000; font-size: 22px; text-transform: uppercase; background: url(../images/title-icon.png) no-repeat center bottom; line-height: 40px; text-align: center; } .box{ text-align: center; overflow: hidden; position: relative; } .box:before{ content: ''; background-color: rgba(255,255,255,0.7); height: 75%; width: 75%; opacity: 0; transform: translateX(-50%) translateY(-50%) scale(0); position: absolute; left: 50%; top: 50%; z-index: 1; transition: all 0.3s ease 0.1s; } .box:hover:before{ opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } .box img{ width: 100%; height: auto; transition: all 0.3s ease 0s; } .box:hover img{ filter: hue-rotate(200deg); } .box .box-content{ color: var(--color_1); background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; opacity: 1; transform: rotate(90deg); transform-origin: 100% 0%; position: absolute; left: 0; top: 0; z-index: 1; transition:all 0.3s; } .box:hover .box-content{ background-color: rgba(0, 0, 0, 0.01); transform-origin: 0 100%; transform: rotate(0); } .box .content{ width: 65%; transform: translateX(-50%) translateY(-50%); position: absolute; left: 50%; top: 50%; } .box .title{ color: var(--color_2); font-size: 22px; font-weight: 800; text-transform: uppercase; text-shadow: 0 0 5px #fff; margin: 0; } .box .post{ color: #000; font-size: 16px; text-transform: capitalize; margin-bottom: 5px; display: block; } .box .icon{ list-style: none; padding: 0; margin: 0; } .box .icon li{ display: inline-block; } .box .icon li a{ color: var(--color_1); background-color: var(--color_2); font-size: 20px; text-align: center; line-height: 35px; height: 35px; width: 35px; border-radius: 50% 0 50% 50%; display: block; transition: all 0.3s ease 0s; } .box .icon li a:hover{ color: var(--color_2); background-color: var(--color_1); box-shadow: 0 0 5px #999 inset, 0 0 0 2px var(--color_2); } @media only screen and (max-width:990px){ .box{ margin-bottom: 30px; } } @media only screen and (max-width:479px){ .box .title{ font-size: 20px; } } .g-btn{ text-align: center; } a.view-gallery-home1 { margin: 0 auto; display: inline-block; background: #FFF1ED; padding: 14px 30px; margin: 20px 0px 0px 0px; color: #fff; border-radius: 3px; text-align: center; font-size: 16px; font-weight: bold; } .card-content { background-color: #F5F7FA; padding: 20px; } .card-heading { color: #fe4e64; margin-top: 0; margin-bottom: 10px; font-size: 30px; text-transform: capitalize; } .card-text { margin-bottom: 22px; } .button-style { background: #fe4e64; color: #fff; padding-right: 53px; padding-left: 53px; padding-top: 9px; padding-bottom: 9px; border-radius: 0; } .well-box { background-color: #fff; padding: 28px; /*border: 1px solid #e9e6e0;*/ margin-bottom: 30px; } .call-to-action { text-align: center; background: #f3f1eb; /* padding: 50px;*/ } .wedding-action { background: #f3f1eb; } .call-to-action h1 { font-size: 42px; text-transform: uppercase; font-weight: 700; } .call-to-action h3.point { text-transform: uppercase; color: #706a68; font-size: 14px; } .call-to-action .graphic { margin-bottom: 30px; margin-top: 30px; margin-left: auto; margin-right: auto; } .btn-des { background: #fe4e64; color: #fff; padding: 14px 30px; font-size: 21px; text-transform: capitalize; border-radius: 5px; } .section-space80 { padding-top: 80px; padding-bottom: 80px; } .location-block { margin-bottom: 30px; } .vendor-image { position: relative; overflow: hidden; } .vendor-image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .5s ease; transition: all .5s ease; opacity: .9; } .venue-lable { position: absolute; bottom: 20px; left: 20px; } .venue-lable .label-default { background-color: #fe4e64; text-transform: uppercase; } .venue-lable .label { display: inline; padding: 5px 10px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; } .vendor-image a:hover img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .service-bottom{ background: #FAF9F5; } .mb60 { margin-bottom: 60px; } .feature-icon img { display: block; margin: 0 auto; } .feature-center { text-align: center !important; } .feature-block h2 { font-size: 22px; } .feature-icon { margin-bottom: 30px; line-height: 1; } p:last-child { margin-bottom: 0px; } /*start sping image section css*/ .scrollsections, body, html { position: relative; width: 100%; height: 100% } .scrollsections { display: block; } .induse-sec { background: #fff; padding: 50px 0; min-height: 100vh; overflow: hidden; position: relative; } .induse-sec:before { content: ''; position: absolute; left: 8%; top: 94%; transform: translateY(-50%); font-size: 120px; color: #f3f3f6; text-align: center; font-family: proxima_nova_blblack; font-weight: 400; } .induse-sec, .induse-sec-lft, .induse-sec:before { width: 100%; display: block; } .induse-sec-lft { position: relative; z-index: 3; margin-left: -150px } .induse-sec-lft .globe-img { width: 700px; height: 700px; margin: 0 auto; position: relative } .induse-sec-lft .globe-info, .induse-sec-lft .globe-info-img { background: url(../img/globe.png) center center no-repeat; border-radius: 50%; position: absolute; top: 24%; left: 23%; z-index: 111; width: 350px; height: 350px; padding: 70px 50px; text-align: center } .induse-sec-lft .globe-info p { font-size: 15px; line-height: 24px; color: #fff; font-family: "Playfair Display",serif; font-weight: 400; margin: 0; padding: 0 } .induse-sec-lft .globe-info h2 { font-family: "Playfair Display",serif; font-weight: 400; font-size: 43px; color: #fff; } .induse-sec-lft .globe-info h2 sup { font-size: 60px } .induse-sec-lft .globe-info p span { text-transform: capitalize; font-family: "Playfair Display",serif; font-weight: 400; font-size: 13px; letter-spacing: 2px; } .induse-sec-rgt { display: block; margin: 0 auto; padding-top: 40px; width: 700px; position: relative; z-index: 3 } .induse-sec-rgt ul { display: inline-block; width: 100% } .induse-sec-rgt li, .induse-sec-rgt li .icon-circul { width: 80px; text-align: center; display: block; position: relative } .induse-sec-rgt li { list-style-type: none; height: 130px; margin-right: 35px; float: left } .induse-sec-rgt li .icon-circul { height: 80px; margin: 0 auto; border-radius: 50%; border: 1px solid #FFF1ED; margin-bottom: 5px; background-color: #fff; line-height: 130px; } .induse-sec-rgt li .icon-circul i { width: 61px; height: 55px; display: block; margin: 11px auto } .induse-sec-rgt li em { font-size: 14px; color: #FFF1ED; font-weight: 400; opacity: 0; font-style: normal; line-height: 14px } .icon-1 { background-position: 0 0 } .icon-2 { background-position: -57px 0 } .icon-3 { background-position: -114px 0 } .icon-4 { background-position: -171px 0 } .icon-5 { background-position: -227px 0 } .icon-6 { background-position: -287px 0 } .icon-7 { background-position: -341px 0 } .icon-8 { background-position: -400px 0 } .icon-9 { background-position: -457px 0 } .icon-10 { background-position: -514px 0 } .icon-11 { background-position: -569px 0 } .induse-sec-rgt li{ list-style-type: none; height: 130px; margin-right: 35px; float: left; } .induse-sec-rgt li.active .icon-circul, .induse-sec-rgt li:hover .icon-circul { cursor: pointer; color: #fff; border: 1px solid #fcf8e3; background-color: #f2dede; } .induse-sec-rgt li.active em, .induse-sec-rgt li em { opacity: 1; color: #feaea3; cursor: pointer } .induse-sec-rgt li.active .icon-1, .induse-sec-rgt li:hover .icon-1 { background-position: 0 -50px } .induse-sec-rgt li.active .icon-2, .induse-sec-rgt li:hover .icon-2 { background-position: -57px -50px } .induse-sec-rgt li.active .icon-3, .induse-sec-rgt li:hover .icon-3 { background-position: -114px -50px } .induse-sec-rgt li.active .icon-4, .induse-sec-rgt li:hover .icon-4 { background-position: -171px -50px } .induse-sec-rgt li.active .icon-5, .induse-sec-rgt li:hover .icon-5 { background-position: -227px -50px } .induse-sec-rgt li.active .icon-6, .induse-sec-rgt li:hover .icon-6 { background-position: -287px -50px } .induse-sec-rgt li.active .icon-7, .induse-sec-rgt li:hover .icon-7 { background-position: -341px -50px } .induse-sec-rgt li.active .icon-8, .induse-sec-rgt li:hover .icon-8 { background-position: -400px -50px } .induse-sec-rgt li.active .icon-9, .induse-sec-rgt li:hover .icon-9 { background-position: -457px -50px } .induse-sec-rgt li.active .icon-10, .induse-sec-rgt li:hover .icon-10 { background-position: -514px -50px } .induse-sec-rgt li.active .icon-11, .induse-sec-rgt li:hover .icon-11 { background-position: -569px -50px } .induse-sec-rgt li.animate .icon-circul { cursor: pointer; color: #fff; border: 1px solid #0a57f4; background-color: #0a57f4 } .induse-sec-rgt li.animate em { opacity: 1; color: #0a57f4 } .induse-sec-rgt li.animate .icon-circul .icon-1 { background-position: 0 -50px } .induse-sec-rgt li.animate .icon-circul .icon-2 { background-position: -57px -50px } .induse-sec-rgt li.animate .icon-circul .icon-3 { background-position: -114px -50px } .induse-sec-rgt li.animate .icon-circul .icon-4 { background-position: -171px -50px } .induse-sec-rgt li.animate .icon-circul .icon-5 { background-position: -227px -50px } .induse-sec-rgt li.animate .icon-circul .icon-6 { background-position: -287px -50px } .induse-sec-rgt li.animate .icon-circul .icon-7 { background-position: -341px -50px } .induse-sec-rgt li.animate .icon-circul .icon-8 { background-position: -400px -50px } .induse-sec-rgt li.animate .icon-circul .icon-9 { background-position: -457px -50px } .induse-sec-rgt li.animate .icon-circul .icon-10 { background-position: -514px -50px } .induse-sec-rgt li.animate .icon-circul .icon-11 { background-position: -569px -50px } .indus-brief { display: block; width: 670px; margin-top: 15px; padding-left: 0; position: relative } .indus-brief h2 { font-size: 50px; line-height: 49px; letter-spacing: -4px; font-weight: 700; line-height: 1.4; color: #feaea3; font-family: "Playfair Display",serif; margin-bottom: 20px } .indus-brief p { color: #212121; margin: 0 0 30px; font-size: 20px; line-height: 30px; font-weight: 400; } .globe-info-img, .image { position: absolute; top: 0; left: 0; width: 650px; height: 650px; background-size: 100%; margin: 0; -webkit-animation: spin 30s linear infinite; -moz-animation: spin 30s linear infinite; animation: spin 30s linear infinite } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg) } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .counter-number { font-size: 20px; color: #000; position: relative } .service-list li, .service-list li a { text-align: left; font-size: 12px; font-family: proxima_novaregular, Arial, sans-serif } .confetti-button { display: inline-block; padding: em; -webkit-appearance: none; appearance: none; cursor: pointer; position: relative; transition: transform ease-in .1s, box-shadow ease-in .25s } .confetti-button:focus { outline: 0 } .confetti-button:after, .confetti-button:before { position: absolute; content: ''; width: 140%; height: 100%; left: -20%; z-index: -1000; transition: all ease-in-out .75s; background-repeat: no-repeat } .f2_container, .front.face { width: 100%; height: 90px; overflow: hidden } .confetti-button:before { display: none; top: -75%; background-image: radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, transparent 20%, #010162 20%, transparent 30%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, transparent 10%, #010162 15%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18% } .confetti-button:after { display: none; bottom: -75%; background-image: radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, transparent 10%, #010162 15%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%), radial-gradient(circle, #010162 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20% } .confetti-button:active { transform: scale(1) } .confetti-button.animate:before { display: block; animation: topBubbles ease-in-out .75s forwards } .confetti-button.animate:after { display: block; animation: bottomBubbles ease-in-out .75s forwards } @keyframes topBubbles { 0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90% } 50% { background-position: 0 80%, 0 20%, 10% 40%, 20% 0, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30% } 100% { background-position: 0 70%, 0 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 } } @keyframes bottomBubbles { 0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0 } 50% { background-position: 0 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0 } 100% { background-position: 0 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0 } } .f2_container { position: relative; margin: 0 auto; z-index: 1 } .left-banner-slider .swiper-pagination { left: 0; width: 100px; top: 83%!important } .left-banner-slider .swiper-pagination .swiper-pagination-bullet { position: relative; display: block; -webkit-transition: all .2s; opacity: 1; transition: all .2s; padding: 7px 0; background: 0 0!important; width: inherit; height: inherit; margin-left: 0!important } .left-banner-slider .swiper-pagination .swiper-pagination-bullet:before, .service-list li a:before { content: ""; top: 50%; height: 1px; transform-origin: right center; transition: all 1s; display: block } .left-banner-slider .swiper-pagination .swiper-pagination-bullet:before { position: absolute; left: 0; margin: -1px 0 0; width: 20px; background: #000 } .left-banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .left-banner-slider .swiper-pagination .swiper-pagination-bullet:hover:before { color: #fff; text-decoration: none; background: #fff; width: 40px; transition: all 1s } .img-icon { border-radius: 50%; width: 80px; height: 80px; border: 1px solid #feaea3; } .img-icon img { width: 50px; line-height: 100px; margin-top: 10px; } @media only screen and (max-width: 767px) { .globe-info-img, .image { position: absolute; top: -56px; left: 16%; width: 350px; height: 350px; background-size: 100%; margin: 0; -webkit-animation: spin 30s linear infinite; -moz-animation: spin 30s linear infinite; animation: spin 30s linear infinite; } .induse-sec-lft .globe-info, .induse-sec-lft .globe-info-img { background: url(../img/globe.png) center center no-repeat; border-radius: 50%; position: absolute; top: 12%; left: 28%; z-index: 111; width: 200px; height: 200px; padding: 7px 50px; text-align: center; } .induse-sec-lft .globe-info p { font-size: 6px; line-height: 21px; color: #fff; font-family: "Merienda", cursive; font-weight: 400; margin-top: 7px; padding: 0; } .induse-sec-lft .globe-info h2 { font-family: "Merienda", cursive; font-weight: 400; font-size: 15px; color: #fff; } .induse-sec-lft .globe-info p { font-size: 6px; line-height: 21px; color: #fff; font-family: "Merienda", cursive; font-weight: 400; margin-top: 7px; padding: 0; } .induse-sec-lft .globe-info p span { text-transform: capitalize; font-family: "Merienda", cursive; font-weight: 400; font-size: 8px; letter-spacing: 2px; } .induse-sec-rgt { display: block; margin: 0 auto; padding-top: 40px; width: 350px; position: relative; z-index: 3; } .indus-brief p { display: none; } .indus-brief h2 { font-size: 19px; line-height: 49px; letter-spacing: 0px; font-weight: 700; line-height: 40px; color: #FFF1ED; font-family: "Merienda", cursive; margin-bottom: 20px; } .induse-sec-lft .globe-img { width: 700px; height: 280px; margin: 0 auto; position: relative; } .new-chat-area img { width: 12% !important; /* border-radius: 50%; */ position: fixed; bottom: 13px; left: 25px; display: block; z-index: 9999999 !important; } .separate_line { width: 100% !important; height: 2px; background: #fff; margin-top: 28px; } .separate_second { width: 100% !important; height: 2px; background: #fff; margin-top: 0px !important; margin-left: 0px !important; display: none; } .navbar-brand .logo { height: 100px !important; display: block; margin: 0 -25%; width: auto !important; margin-top: -25px !important; } .contact_info { margin-top: 6px; display: none; } .social-linked { display: none; } .separate_line { display: none; } .floating-contact { top: 55% !important; } .homepage_bannerfrm h1 { font-size: 25px !important; } .ulockd-main-logo2 img { background: transparent !important; } .carousel-caption h1 { font-size: 20px !important; line-height: 30px !important; } .carousel-caption { left: 5% !important; } .sendreqcall { display: none; } .contact_info p { font-size: 13px; color: #fff; } .navbar { min-height: 0px !important; } .navbar-toggle { font-size: 30px; color: #fff; } } .notice { background: #FFF1ED; padding: 2px 0px; color: #fff; border-bottom: 1px dotted #efe5e5; } a.fb-color { background: #3a589b; } a.tw-color { background: #598dca; } a.pin-color { background: #9f1121; } a.insta-color { background: #bb1a7b; } a.you-color { background: #f61c0d; } .ab-details a { color: #FFF1ED; font-weight: 500; font-size: 15px; } .new-chat-area img { width: 4%; /* border-radius: 50%; */ position: fixed; bottom: 13px; left: 25px; display: block; z-index: 9999999 !important; } .video_more { text-align: center; margin: 30px; } .video_more a { background: #feaea3; color: #fff; padding: 12px 55px; font-size: 18px; border-radius: 3px; } .homepage_bannerfrm h1 { font-size: 32px; line-height: 60px !important; color: #1a1a1a !important; font-family: "Raleway", sans-serif; text-align: left; margin-bottom: 25px !important; line-height: 34px; } .navbar-brand { float: left; height: 85px !important; padding: 15px 15px; font-size: 15px; line-height: 20px; } .top_header_info { margin-top: 36px; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu { width: 240px; } .custom-field { width: 43.563%; } .custom-logo{ width: 14.575% } .custom-social{ width: 21.257%; } .contact_info p { font-size: 15px; color: #fff; } /*.separate_line { width: 460px; height: 2px; background: #fff; margin-top: 28px; }*/ /*.separate_second { width: 467px; height: 2px; background: #fff; margin-top: 85px; margin-left: -108px; }*/ /* .ulockd-main-logo2 img { width: 30%; margin: 0 auto; display: block; text-align: center; margin-top: -26px; background: #fff; }*/ .ulockd-main-logo2 img { position: relative; display: block; margin-top: -56px; z-index: 9999 !important; margin-left: -25px; } .social-linked { position: relative; float: right; margin-top: 16px; } .contact_info { margin-top: 6px; } .gallery-sec img { height: 270px; width: 100%; object-fit: cover; margin-bottom: 30px; } .gallery-sec img { border-radius: 5px; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .blink_me {padding: 2px;-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: steps(1, start);-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: steps(1, start);-moz-animation-iteration-count: infinite;animation-name: blinker;animation-duration: 1s;animation-timing-function: steps(1, start);animation-iteration-count: infinite;} @-moz-keyframes blinker { 0% { background-color: none; } 50% { background-color: #00aced; } 100% { background-color: none; } } @-webkit-keyframes blinker { 0% { background-color: none; } 50% { background-color: #00aced; } 100% { background-color: none; } } @keyframes blinker { 0% { background-color: none; } 50% {/* background-color: #00aced; */color: #FFF1ED; font-weight: 600 !important;} 100% { background-color: none; color: #bb1a7b; } } /*.blink { animation: blinker 1s linear infinite; columns: #FFF1ED !important; font-weight: 600; } @keyframes blinker { 50% { opacity: 0; } }*/ .carousel-caption { position: absolute !important; top: 45%; text-shadow: none; text-align: center; display: block; margin: 0 auto; } .homepage_bannerfrm h1 { font-size: 36px !important; color: #ffffff !important; text-align: center !important; margin-bottom: 25px !important; /*background: rgba(0, 0, 0, 0.4);*/ border-radius: 4px; padding: 0 25px; width: 100%; font-family: "Playfair Display",serif; } /* vertical design */ .vertical-tab{ font-family: 'Ubuntu', sans-serif; display: table; } .vertical-tab .nav-tabs{ background-color: var(--main_color1); display: table-cell; width: 28%; min-width: 28%; border: none; vertical-align: top; position: relative; } .vertical-tab .nav-tabs li{ float: none; vertical-align: top; } .vertical-tab .nav-tabs li a{ color: var(--main_color2); background-color: transparent; font-size: 18px; font-weight: 600; text-align: center; letter-spacing: 1px; text-transform: uppercase; padding: 10px 15px; margin: 5px 0 5px 6px; border-radius: 0; border: none; overflow: hidden; position: relative; z-index: 1; transition: all 0.20s ease 0s; } .vertical-tab .nav-tabs li a:hover, .vertical-tab .nav-tabs li.active a, .vertical-tab .nav-tabs li.active a:hover{ color: var(--main_color1); background-color: transparent; border: none; } .vertical-tab .nav-tabs li a:before{ content: ''; background: var(--main_color2); height: 100%; width: 100%; opacity: 0; transform: rotateX(180deg) rotateY(180deg); position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.3s; } .vertical-tab .nav-tabs li.active a:before, .vertical-tab .nav-tabs li a:hover:before{ opacity: 1; transform: rotateX(0) rotate(0); } .vertical-tab .tab-content{ color: var(--main_color1); background-color: var(--main_color2); font-size: 14px; letter-spacing: 1px; line-height: 23px; margin-top: 10px; padding: 10px 13px; display: table-cell; position: relative; } .vertical-tab .tab-content h3{ text-transform: uppercase; margin: 0 0 7px 0; } @media only screen and (max-width: 479px){ .vertical-tab .nav-tabs{ display: block; width: 100%; border-right: none; } .vertical-tab .nav-tabs li a{ border-radius: 0; margin: 10px; } .vertical-tab .tab-content{ display: block; padding: 20px 15px 5px; } .vertical-tab .tab-content h3{ font-size: 18px; } } .cor_value li .fa{ color: #FFF1ED; } .corporate_breadcrumb { background-attachment: fixed; background-image: url(../images/about/corporate1.jpg); background-position: center center; 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; } .new_caption h3 { background: rgba(255,255,244,0.8); margin-top: 48px; display: inline-block; padding: 1px 39px; border-radius: 3px; font-family: "Open Sans", sans-serif !important; } .floating-contact { position: fixed; z-index: 99999999; left: 6px; top: 40%; } .floating-contact .iconblock{ background: #feaea3; border-radius: 100px; width: 50px; height: 50px; padding: 10px; text-align: center; box-shadow: 0px 1px 5px 4px #feaea3; display: inline-block; } .floating-contact .numberblock{ /* width: 190px; */ /* background-color: #ce1b21; */ /* text-align: center; */ /* border-radius: 6px; */ /* padding: 7px 7px; */ /* position: relative; */ display: inline-block; /* margin: 0 0px 0px 10px; */ /* top: 3px; */ /* box-shadow: 2px 2px 5px 1px #00000038; */ } .floating-contact { position: fixed; z-index: 99999999; left: 5px; } .floating-contact .iconblock{ background: #feaea3; border-radius: 100px; width: 50px; height: 50px; padding: 10px; text-align: center; box-shadow: 0px 1px 5px 4px #00000038; display: inline-block; } .floating-contact .numberblock{ /* width: 190px; */ /* background-color: #ce1b21; */ /* text-align: center; */ /* border-radius: 6px; */ /* padding: 7px 7px; */ /* position: relative; */ display: inline-block; /* margin: 0 0px 0px 10px; */ /* top: 3px; */ /* box-shadow: 2px 2px 5px 1px #00000038; */ } .numberblock a::after { content: ""; position: absolute; top: 17px; margin-top: -6px; border-width: 7px; border-style: solid; border-color: transparent #FFF1ED transparent transparent; left: -14px; } .numberblock a { font-size: 18px; color: #333; /* text-decoration: underline; */ width: 190px; background-color: #FFF1ED; text-align: center; border-radius: 6px; padding: 4px 15px; position: relative; display: inline-block; margin: 0 0px 0px 10px; top: 3px; box-shadow: 2px 2px 5px 1px #00000038; } .numberblock a:hover{ color: #fff; background: #626367; } .numberblock a:hover:after{ border-color: transparent #626367 transparent transparent; } /* breadcrumb new css design */ .page-banner { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; } .page-banner .overlay-bg { background-color: rgba(0, 0, 0, 0.2); } .overlay-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /*.page-banner .banner-dtl { position: relative; padding: 80px 0px; bottom: 30px; left: 0px; top: 88px; } */ .page-banner .banner-dtl { position: absolute; padding: 80px 0px; bottom: 30px; right: 0px; top: 53%; width: 48%; margin: 0 auto; } .banner-dtl .banner-heading { font-size: 35px; line-height: 0.95; color: #feaea3; font-weight: 700; margin-bottom: 4px; text-shadow: 2px 2px 20px #000; } /*.banner-dtl .banner-heading { font-size: 55px; line-height: 0.95; color: #FFF; font-weight: 700; margin-bottom: 4px; } */ .breadcrumb { padding-top: 0; letter-spacing: 0.5px; background-color: transparent; } .breadcrumb li a { line-height: 2.8; font-size: 15px; font-weight: 400; color: #FFF; } .breadcrumb li.active { color: #FFF; line-height: 2.8; font-size: 15px; font-weight: 400; } .breadcrumb>li+li:before { padding: 0 0; color: #ccc; content: "/\00a0"; font-weight: 700; } section.ulockd-service-details.parallax-1 { background: url(../images/contain-bg.jpg) repeat center top; /* padding: 0; */ } .ulockd-project-sm-thumb p { color: #333; font-size: 16px; } .img_height img { width:100%; height: 239px; } .wedding_btn_sec { text-align: center; } a {} .wedding_btn_sec a { display: inline-block; background: #feaea3; padding: 8px 20px; border-radius: 3px; color: #fff; font-size: 15px; text-transform: uppercase; } .wp-chat img { height: auto; width: 14% !important; border-radius: 0; position: fixed; bottom: 10px !important; left: 10px; display: block; z-index: 9999999 !important; } .car_title h1 { font-family: "Playfair Display",serif; font-size: 30px !important; } .ulockd-footer2 h3 { font-family: "Playfair Display",serif; font-weight: 600; text-transform: uppercase; } .gallery-sec h3 { text-align: center; margin-top: -13px; padding: 0; text-transform: uppercase; color: #feaea3; } nav.navbar.bootsnav { margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: transparent; border: none; border-bottom: solid 1px #e0e0e0; z-index: 9; } .full_page_layout { height: 600px; } .test { display: none; } .ulockd-btn-thm2 { background-color: #feaea3 !important; border-color: #feaea3 !important; } .button_area_sec1 { margin-top: 0px; position: relative; } .button_area_sec1 a { background: #FEAEA3; z-index: 999999; color: #fff; padding: 12px 31px; border-radius: 4px; font-size: 18px; font-weight: 600; } .btn.btn-all-cls { margin-left: 30%; background: #feaea3 !important; color: #fff; margin-bottom: 30px; } .ulockd-project-sm-thumb h4 { color: #feaea3; font-size: 23px; } .ulockd-all-service a { padding: 10px 25px; border-radius: 0; margin-bottom: 5px; font-size: 18px; } .gallery_pic_sec { text-align: center; margin-top: 30px; } .gallery_pic_sec a { background: #feaea3; padding: 10px 20px; font-size: 20px; color: #645050; border-radius: 50px; font-weight: 500; } .sidebar-form { position: fixed; top: 50%; right: -350px; width: 350px; box-shadow: 0 0 5px rgba(0,0,0,.3); border-radius: 8px 0 0 8px; background-color: #fff; padding: 20px; transform: translateY(-50%); transition: right .4s linear; z-index: 999999; } .sidebar-form.show { right: 0; } .sidebar-form .call-action { position: absolute; background-color: #6f42c1; font-family: 'roboto'; font-weight: 400; letter-spacing: 1px; color: #fff; width: 150px; height: 40px; text-align: center; line-height: 40px; cursor: pointer; left: -95px; top: 50%; transform: translateY(-50%) rotate(-90deg); } .sidebar-form h3 { font-family: 'montserrat'; font-weight: 700; text-transform: uppercase; font-size: 20px; margin-bottom: 15px; text-align: center; color: var(--red); } .sidebar-form .form-group { margin-bottom: 10px; } .sidebar-form .form-group label { font-family: 'roboto'; font-weight: 500; font-size:15px; margin-bottom: 2px; color: #333; } .sidebar-form #submit-btn { width: 100%; border:none; margin-top: 8px; background-color: #6f42c1; color: #fff; padding: 7px; font-family: 'roboto'; font-weight: 400; cursor: pointer; } .btn-area-color { background: #6f42c1; width: 100%; color: #fff; font-size: 20px; } .wp-chat img { display: none; } .whatsapp-chat img { height: auto; width: 4%; border-radius: 0; position: fixed; bottom: 10px; right: 10px; display: block; z-index: 9999999; } .v3events_content_area p { color: #000; font-size: 16px; text-align: justify; } .v3events_content_area h4 { color: #000; font-size: 24px; font-weight: 700; } .ulockd-project-sm-thumb p { text-align: justify; } /*end sping image section css*/