/******* Project/Template Name: Bclinico Template Url: https://themeforest.net/item/ Author: unlockdesign Author Url: https://themeforest.net/user/unlockdesign Version: 1.0 Description: Bclinico Health & Medical HTML Template Tag: ambulance, beauty, clinic, cosmetic, dentist, doctor, family doctor, gynecology, health & care, hospital, medical, pediatric, plastic surgery, skin care, surgeon, Medical Theme, Medical Site Template, Retail etc ********/ /* CSS Document */ @import url(../css/jquery-ui.min.css); @import url(../css/font-awesome.min.css); @import url(../css/font-awesome-animation.min.css); @import url(../css/elegantIcons.css); @import url(../css/flaticon.css); @import url(../css/pe-icon-7-stroke.css); @import url(../css/icon-moon.css); @import url(../css/animate.css); @import url(../css/bootsnav.css); @import url(../css/fullcalendar.min.css); @import url(../css/slider.css); @import url(../css/hover.css); @import url(../css/fancyBox.css); @import url(../css/owl.css); @import url(../css/isotop.css); @import url(../css/magnific-popup.css); @import url(../css/flipclock.css); @import url(../css/timecounter.css); @import url(../css/3d-buttons.css); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); @import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700); /* 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 */ /* Bclinico Project Color */ /* Medical 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-size: 14px; line-height: 1.642; overflow-x: hidden; transition: inherit; -webkit-font-smoothing: antialiased; } body.on-side { margin-left: 0; } 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: "Montserrat", sans-serif; line-height: 1.42857; color: #333333; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #333333; font-weight: 500; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #333333; font-weight: 500; } h1, h2, h3, h4 .h1, .h2, .h3, .h4 { font-weight: 400; } 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; } strong { color: #555555; } .ff-opensans { font-family: "Open Sans", sans-serif; } .ff-montserrat { font-family: "Montserrat", sans-serif; } /* 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: #ffffff; font-size: 13px; } .welcm-ht-two { color: #D3D3D3; } .ulockd-welcntxt { color: #ffffff; margin: 0; } .welcm-header-middle > p { margin-bottom: 0; } .header-middle { border-top: 1px solid #ffffff; padding-top: 20px; padding-bottom: 20px; } .ulockd-ohour-info.style2 { background-color: #fafafa; border: 2px solid #f1f1f1; padding: 4px; -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 { -webkit-box-shadow: 0 10px 5px 0 #DCDCDC; box-shadow: 0 10px 5px 0 #DCDCDC; cursor: pointer; } .ulockd-ohour-info .ulockd-icon { font-size: 26px; line-height: 1.3em; } .ulockd-ohour-info .ulockd-info h4 { color: #333333; 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; } .dropbtn { background-color: transparent; color: #ffffff; border: none; 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: 1; } .dropdown-content a { color: black; padding: 5px 0px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #DCDCDC; } /* 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; } nav.navbar.bootsnav.menu-style1 ul.nav li a { padding: 30px 15px; } nav.navbar.bootsnav.menu-style1 ul.nav li a { color: #ffffff; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; 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.menu-style1 ul.nav li a.active { color: #303030; } nav.navbar.bootsnav.menu-style1 ul.nav li a:hover, nav.navbar.bootsnav.menu-style1 ul.nav li a:focus { color: #303030; } .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 { color: #303030; font-weight: normal; font-family: "Open Sans", sans-serif; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover { padding-left: 20px; } nav.navbar.bootsnav.menu-style2 li.dropdown ul.dropdown-menu li a { color: #303030; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } nav.navbar.bootsnav.menu-style2 li.dropdown ul.dropdown-menu li a:hover { padding-right: 20px; } nav.navbar.bootsnav.menu-style2 li.dropdown ul.nav li a { color: #777777; } .header-nav .main-header-nav.navbar-scrolltofixed { background: #ffffff; border-top: 1px solid #ffffff; } nav.navbar.bootsnav.menu-style2 { border: none; } .attr-nav ul li a span.badge { background-color: #222222; padding: 3px 0 0; } nav.navbar.bootsnav ul.nav li a.active, nav.navbar.bootsnav ul.nav li a:hover, nav.navbar.bootsnav ul.nav li a:focus { color: #111111 !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a:focus { color: #111111 !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu { border-top: 5px solid #DCDCDC; } nav.navbar.bootsnav.menu-style1 ul.dropdown-menu.megamenu-content .title { font-weight: bold; } .dropdown-menu .cart-list p, .dropdown-menu .cart-list a { color: #303030; } .dropdown-menu .cart-list p .price { color: #303030; } .total a.btn-cart { color: #303030 !important; } nav.navbar.bootsnav.menu-style1 ul.dropdown-menu.megamenu-content .content ul.menu-col li a { color: #303030; font-size: 14px; line-height: 12px; margin-bottom: 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; } .attr-nav ul li a { color: #ffffff; } .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; } .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; } /* 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; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 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: 21%; padding-bottom: 5%; right: 0; text-align: left; top: 30%; } .carousel-caption h1 { color: #ffffff; font-size: 6em; font-weight: bold; margin: 0; padding: 0; } .carousel-caption h1 { font-size: 48px; font-weight: 600; } .carousel-caption p { font-size: 30px; color: #ffffff; } .carousel-caption a { text-transform: uppercase; color: #ffffff; background: #111111; padding: 6px 12px; } .carousel-caption.style2 { left: 50%; } .carousel-caption.style3 { left: 50%; } .carousel-inner { -webkit-box-shadow: 2px 6px 21px; box-shadow: 2px 6px 21px; } .carousel-inner .item a img { display: block; height: auto; max-width: 100%; width: 100%; } .carousel-inner .item img { display: block; height: auto; max-width: 100%; width: 100%; } .fa-angle-right, .fa-angle-left { font-size: 80px; } .item.active img { transition: transform 5000ms linear 0s; transform: scale(1.05, 1.05); } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .next.left { opacity: 1; } .carousel-fade .carousel-inner .next.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; font-size: 80px; } .carousel-indicators li { background-color: #bbbbbb; border-radius: 10px; cursor: pointer; display: inline-block; height: 12px; margin: 1px; text-indent: -999px; width: 12px; border: 0; } .carousel-indicators li .active { background-color: #434343; height: 12px; margin: 0; width: 12px; border: 0; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .ulockd-home-slider .home-app { position: relative; } .ulockd-home-btn { border-radius: 30px; } .main-slider2 { position: relative; } .main-slider2 .item:before { background-color: rgba(0, 0, 0, 0.25); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .main-slider2 .mslider-caption { padding: 15% 20%; position: absolute; display: table; height: 100%; width: 100%; } .main-slider2 .mslider-caption .mslider-details { display: table-cell; text-align: center; vertical-align: middle; } .main-slider2 .slider-text1 { color: #ffffff; font-size: 40px; font-weight: 500; line-height: 48px; } .main-slider2 .slider-text2 { color: #ffffff; font-size: 70px; font-weight: bold; line-height: 70px; } .main-slider2 .slider-text3 p { color: #ffffff; font-size: 18px; margin-top: 20px; } .main-slider2 .owl-next { background: transparent none repeat scroll 0 0 !important; border: 2px dashed #DCDCDC; position: absolute; right: 10px; text-align: center; top: 40%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .main-slider2 .owl-next i { font-size: 24px; font-style: normal; font-family: FontAwesome; padding: 4px; } .main-slider2 .owl-prev { background: transparent none repeat scroll 0 0 !important; border: 2px dashed #DCDCDC; left: 10px; position: absolute; text-align: center; top: 40%; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .main-slider2 .owl-prev i { font-size: 24px; font-style: normal; font-family: FontAwesome; padding: 4px; } .ulockd-home-btn { border-radius: 30px; } #custom_carousel .item { color: #000; background-color: #eeeeee; padding: 20px 0; } #custom_carousel .controls { overflow-x: auto; overflow-y: hidden; padding: 0; margin: 0; white-space: nowrap; text-align: center; position: relative; background: #DCDCDC; } #custom_carousel .controls li { display: table-cell; width: 1%; max-width: 90px; } #custom_carousel .controls li.active { background-color: #eeeeee; } #custom_carousel .controls a small { display: block; font-size: 10px; font-weight: bold; margin-top: 5px; overflow: hidden; } .ulockd-parallax-bg { padding: 200px; } /* PgSlider */ .pogoSlider h1, .pogoSlider h2, .pogoSlider h3, .pogoSlider h4, .pogoSlider p { color: #ffffff; } /* Background Parallax Home */ .bg-parallax-home { padding-bottom: 500px; padding-top: 300px; } /* Main Sass */ .img-whp { width: 100% !important; } .color-white { color: #ffffff !important; } .color-lightgray { color: #D3D3D3; } .color-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-nightblue { color: #073A5A; } .color-primary { color: #337ab7; } .color-success { color: #5cb85c; } .color-info { color: #5bc0de; } .color-warning { color: #f0ad4e; } .color-danger { color: #d9534f; } .bgc-nightblue { background: #073A5A; } .bgc-white { background-color: #ffffff; } .bgc-lightgray { background-color: #D3D3D3; } .bgc-snowshade { background-color: #f9f9f9; } .bgc-snowshade2 { background-color: #fafafa; } .bgc-icebluelight { background-color: rgba(37, 124, 163, 0.05) !important; } .color-fb { color: #3B5998; } .bgc-fb { background-color: #3B5998; } .color-twtr { color: #1DA1F2; } .bgc-twtr { background-color: #1DA1F2; } .color-inst { color: #D31A77; } .bgc-inst { background-color: #D31A77; } .color-lnkdn { color: #007BB6; } .bgc-lnkdn { background-color: #007BB6; } .color-pint { color: #CB2027; } .bgc-pint { background-color: #CB2027; } .color-skyp { color: #00AFF0; } .bgc-skyp { background-color: #00AFF0; } .color-skyp { color: #00AFF0; } .bgc-skyp { background-color: #00AFF0; } .color-drbl { color: #EA4C89; } .bgc-drbl { background-color: #EA4C89; } .color-behnc { color: #0B7BFF; } .bgc-behnc { background-color: #0B7BFF; } .color-utube { color: #FF0000; } .bgc-utube { background-color: #FF0000; } .color-gogle { color: #EA4335; } .bgc-gogle { background-color: #EA4335; } .bgc-black11 { background-color: #111111; } .bgc-black22 { background-color: #222222; } .bgc-black33 { background-color: #333333; } .bgc-black44 { background-color: #434343; } .bgc-black55 { background-color: #555555; } .bgc-black66 { background-color: #676767; } .bgc-black99 { background-color: #999999; } .bgc-white { background-color: #ffffff; } .bgc-lightgray { background-color: #D3D3D3; } .bgc-snowshade { background-color: #f9f9f9; } .bgc-snowshade2 { background-color: #fafafa; } .bgc-whitef0 { background-color: #f0f0f0; } .bgc-whitef1 { background-color: #f1f1f1; } .bgc-whitef2 { background-color: #f2f2f2; } .bgc-whitef3 { background-color: #f3f3f3; } .bgc-whitef4 { background-color: #f4f4f4; } .bgc-whitef5 { background-color: #f5f5f5; } .bgc-whitef6 { background-color: #f6f6f6; } .bgc-whitef7 { background-color: #f7f7f7; } .bgc-whitef8 { background-color: #f8f8f8; } .bgc-primary { background-color: #337ab7; } .bgc-primary2 { background-color: #145892; } .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 !important; } .bgc-darkcyan { background-color: darkcyan; } .bgc-darkblue { background-color: #004274; } .bgc-green { background-color: #28B928; } .bgc-yellow { background-color: #FFFF00; } .bgc-yellow2 { background-color: #F0C900; } .bdrs0 { border-radius: 0 !important; } .bdrs5 { border-radius: 5px; } .bdrs10 { border-radius: 10px; } .bdrs20 { border-radius: 20px; } .bdrs50 { border-radius: 50%; } .bdr1 { border: 1px solid #D3D3D3; } .bdrn { border: none; } .tdu-hvr:hover { cursor: pointer; text-decoration: underline; } .all-body-content { background-color: #ffffff; margin-bottom: 800px; position: relative; z-index: 9; } .btn { -webkit-box-shadow: 0 8px 5px -5px #121212 !important; box-shadow: 0 8px 5px -5px #121212 !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: #fff; } .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; } .fwb { font-weight: bold; } .fz11 { font-size: 11px; } .fz13 { font-size: 13px; } .fz16 { font-size: 16px; } .fz20 { font-size: 20px; } .fz24 { font-size: 24px; } .fz30 { font-size: 30px; } .fz40 { font-size: 40px; } .fz45 { font-size: 45px; } .fz48 { font-size: 48px; } .fz60 { font-size: 60px; } .fz72 { font-size: 72px; } .fz100 { font-size: 100px !important; } .lh30 { line-height: 30px; } .h10 { height: 10px; } .h20 { height: 20px; } .h25 { height: 25px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h100 { height: 100px; } .h150 { height: 150px; } .h200 { height: 200px; } .h250 { height: 250px; } .h300 { height: 300px; } .h320 { height: 320px; } .h350 { height: 350px; } .h400 { height: 400px; } .h450 { height: 450px; } .h500 { height: 500px; } .h550 { height: 550px; } .h600 { height: 600px; } .h650 { height: 650px; } .h700 { height: 700px; } .h750 { height: 750px; } .h800 { height: 800px; } .h850 { height: 850px; } .h900 { height: 900px; } .lh30 { line-height: 30px; } .fw300 { font-weight: 300; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } .db { display: block; } .dib { display: inline-block; } .dif { display: inline-flex; } .dfr { display: flow-root; } .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: 100px; } .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: 40px; } .ulockd-main-title h2 { margin-top: 0; } .mt-separator { margin: 25px auto; position: relative; text-align: center; width: 110px; } .mt-separator:after { position: absolute; height: 3px; content: ""; left: 50%; margin-left: -20px; top: -1px; width: 40px; } .title-bottom { position: relative; } .title-bottom:before { bottom: -15px; content: ""; height: 1px; left: 0; position: absolute; width: 80px; } .ulockd_bgi3 { background-attachment: scroll; background-image: url("../images/background/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; } .ulockd_bgih1 { background-attachment: scroll; background-image: url("../images/home/h1.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih2 { background-attachment: scroll; background-image: url("../images/home/h2.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih3 { background-attachment: scroll; background-image: url("../images/home/h3.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih4 { background-attachment: scroll; background-image: url("../images/home/h4.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .ulockd_bgih5 { background-attachment: scroll; background-image: url("../images/home/h5.jpg"); background-position: center top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } section { padding: 50px 0; position: relative; } .ulockd-main-title h2 { font-weight: bold; } .preloader { background-color: #ffffff; background-image: url("../images/loader_1.gif"); /*preloader*/ 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 { background-color: #ffffff; padding: 20px 5px 30px; position: relative; } .about-box .ab-icn span { color: #ffffff; font-size: 36px; padding: 3px 10px; } .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 .list-group { margin-bottom: 0; } .ab-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-box-shadow: 0 8px 5px -5px #121212 !important; box-shadow: 0 8px 5px -5px #121212 !important; } .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; } .about-icon i { color: #ffffff; font-size: 36px; margin-top: -25px !important; padding: 10px 15px; } .ulockd-about-one.inner { background-color: #f7f7f7; } .ulockd-about-thumb { position: relative; } .ulockd-about-video { margin-top: 12px; } /* Doctors Timetable */ .doctors-table { background-color: #ffffff; border: 1px solid transparent; padding: 10px 15px; text-align: center; } .doctors-table .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border: none; } .doctors-table .table > tbody > tr > th, .doctors-table .table > caption + thead > tr:first-child > th { border: 2px solid gray; } .tbdr1 { border: 2px solid #ffffff !important; } /* Service Sass */ .ulockd-service:before { background-image: url("../images/resource/bgi4.png"); background-position: left top; background-repeat: no-repeat; content: ""; height: 100%; opacity: 0.04; position: absolute; width: 100%; } .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:hover .caption { background-color: rgba(7, 59, 89, 0.3); } .fslmn-one .caption { padding: 25px 15px; } .fslmn-one h3 { margin-top: 0; } .fslmn-one .btn { padding: 5px 15px; } .fslmn-one .fs-icon { color: #f9f9f9; font-size: 60px; line-height: 60px; } .pagination > .active > a { color: #f9f9f9 !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; margin: 10px 0; } .ficon-box:hover { -webkit-box-shadow: 0 10px 5px 0 #DCDCDC !important; box-shadow: 0 10px 5px 0 #DCDCDC !important; cursor: pointer; } .ficon-box:hover span { color: #ffffff !important; } .ficon-box:hover .ficon span { color: #ffffff; } .ficon-box .ficon { -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; } .ficon-box .ficon span { border: 1px solid #DCDCDC; font-size: 30px; line-height: 1.3em; margin-top: 0px; padding: 4px 10px; -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 .fib-details { display: inline-block; } .icon-box { background-color: #ffffff; border: 1px solid #DCDCDC; padding: 15px; position: relative; text-align: center; -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; } .icon-box:hover { -webkit-box-shadow: 0 10px 5px 0 #DCDCDC !important; box-shadow: 0 10px 5px 0 #DCDCDC !important; cursor: pointer; } .icon-box .icon { font-size: 48px; line-height: 1.3em; margin-top: 0px; -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; } .icon-box .icon .title { -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: capitalize; } .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 { -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; } .fservice-box .db-overlayer { bottom: 0; border: 1px solid #ffffff; height: 100%; padding-top: 20%; position: absolute; text-align: center; left: -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%; } .fservice-box .db-overlayer span { border: 3px solid #ffffff; bottom: 10px; color: #ffffff; font-size: 40px; line-height: 1.3em; padding: 0 10px; position: absolute; right: 10px; } .fservice-box:hover { cursor: pointer; } .fservice-box:hover .db-overlayer { left: 0; } .fservice-box:hover .db-details .wsixty { width: 80%; } .fservice-box:hover .db-thumb img { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); } .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; } .fservice-box .db-details .wsixty { height: 3px; margin-bottom: 15px; width: 60px; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } /* Gallery Sass */ .ulockd-gallery { padding: 50px 0; } .ulockd-gallery::before { background-image: url("../images/resource/bgi5.png"); background-position: left top; background-repeat: no-repeat; content: ""; height: 100%; opacity: 0.04; position: absolute; width: 100%; } .masonry-filter { margin-bottom: 30px; } .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: 50%; 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 { 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 { 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; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(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; position: absolute; right: 0; top: 0; width: 96%; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); 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: 2px dashed #ffffff; 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 */ .ulockd-team-member { background-color: #ffffff; cursor: pointer; } .ulockd-team-member .team-thumb { overflow: hidden; position: relative; } .ulockd-team-member .team-thumb .team-overlay { border: 1px solid #ffffff; bottom: 0; left: -100%; position: absolute; text-align: center; top: 0; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; width: 100%; } .ulockd-team-member .team-thumb .team-overlay .team-icon.style2 { margin-top: 45%; } .ulockd-team-member .team-thumb .team-overlay .team-icon:hover { color: #ffffff !important; } .ulockd-team-member .team-thumb .team-overlay .team-icon:hover .team-overlay { left: 0; } .ulockd-team-member:hover .team-overlay { left: 0; } .team-details { padding: 0 15px 15px; } .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 !important; } .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 { color: #ffffff !important; } .team-icon:hover .team-overlay { left: 0; } .team-icon li { margin-right: -5px; margin-left: 0; } .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 li a:hover { color: #ffffff !important; } .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 { 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:before { background-image: url("../images/resource/bgi2.png"); background-position: right 90%; background-repeat: no-repeat; content: ""; height: 100%; opacity: 0.05; position: absolute; width: 84%; } .ulockd-tm-thumb { position: relative; overflow: hidden; } .team-one { background-color: #ffffff; cursor: pointer; } .team-one .team-thumb { position: relative; overflow: hidden; } .team-one:hover .team-overlay { left: 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 !important; } .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; } .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; } /* Team Tab */ .team-tab { border: none; } .team-tab li { margin-right: 30px; } .team-tab li:last-child { margin-right: 0; } .team-tab li a { border: 1px solid #DCDCDC; border-radius: 0; margin-left: 5px; margin-bottom: 25px; padding: 5px; 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; } .team-tab li.active a, .team-tab li.active a:focus, .team-tab li.active a:hover { color: #333333; } .team-tab li.active a:before { bottom: -10px; content: ""; height: 20px; left: 10%; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 20px; } .team-tab .team-overview strong { color: #434343; line-height: 25px; } .team-overview strong { line-height: 25px; } .tm-ovv-title { margin-top: 0; } /* ---------- OUT TEAM LAYOUT TWO SECTION ---------- */ .ulockd-team-two-member:hover .ulockd-team-two-mdetails { bottom: 0; } .ulockd-team-two-member .ulockd-team-two-mdetails { background-color: #073A5A; bottom: -59%; color: #ffffff !important; 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; } .ulockd-team-two-member .ulockd-team-two-mdetails p { font-size: 12px; line-height: 20px; margin-top: 12px; } .ulockd-tm-thumb { position: relative; overflow: hidden; } .ulockd-tm-sicon { bottom: 0; left: 0; margin-bottom: -11px; margin-top: 13px; padding: 10px 8px; right: 0; } .ulockd-tm-sicon li { color: #ffffff; padding: 0; margin: 0; } .ulockd-tm-sicon li 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; } .ulockd-tm-sicon li a:hover { background-color: #073A5A; border: 1px solid #ffffff; color: #ffffff; } .ulockd-tm-fpm { padding: 10px 0 10px; } .ulockd-tm-fpm:hover { cursor: pointer; } .ulockd-tm-fpm 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; } .ulockd-tm-fpm li:hover { color: #303030; } .ulockd-tm-name { font-size: 24px; margin-bottom: 0; } .ulockd-tm-post { color: #f9f9f9; margin-top: 0; } /* Blog Sass */ .ulockd-blog { background-color: #f9f9f9; } .ulockd-blog:before { background-image: url("../images/resource/bgi3.png"); background-position: right top; background-repeat: no-repeat; content: ""; height: 100%; opacity: 0.04; position: absolute; right: 0; width: 100%; } .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 { cursor: pointer; } .ulockd-blog-post:hover .img-post-icon { top: 0; } .ulockd-blog-post:hover .posted-date { bottom: 0; } .ulockd-blog-post:hover h3 { color: #333333; } .ulockd-blog-post:hover .post-thumb img { transform: scale(1.1); -webkit-transform: sscale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .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; } .img-post-icon { color: #ffffff; font-size: 24px; left: 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; } /* New Blog post 2nd layout */ .blog-npost { background: #ffffff; overflow: hidden; height: 400px; margin-bottom: 20px; display: block; color: inherit; position: relative; } .blog-npost .blog-nthumb { overflow: hidden; max-height: 180px; } .blog-npost:hover .blog-overlay { left: 0; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; width: 100%; } .blog-npost .blog-nthumb1 { display: inline-block; height: 100%; overflow: hidden; width: 50%; } .blog-npost .blog-nthumb1 img { height: 100%; width: auto; } .blog-npost .blog-npdetails { display: inline-block; padding: 0 10px; vertical-align: top; width: 49%; } .blog-npost .blog-npdetails h3 { color: #ffffff; font-weight: 900; text-transform: uppercase; } .blog-npost .blog-npdetails p { color: #ffffff; font-size: 16px; font-weight: 300; } .blog-npost .blog-pdetails { padding: 0 10px; } .blog-npost .blog-pdetails h4 { font-size: 20px; font-weight: 900; text-transform: uppercase; } .blog-overlay { bottom: 0; height: 100%; left: -100%; position: absolute; padding-top: 180px; right: 0; top: 0; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; width: 0%; } .blog-overlay a { color: #ffffff; display: inline-block; font-size: 16px; font-weight: 900; max-height: 400px; border: 1px solid #ffffff; padding: 10px 30px; } .blog-nnpost { display: inline-block; height: 400px; padding: 20px; width: 100%; } .blog-nnpost a { color: #ffffff; line-height: 26px; font-size: 25px; font-weight: 900; text-transform: uppercase; } /* 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 Blog Sidebar */ .title-widget-sidebar { margin-bottom: 15px; padding-bottom: 10px; } .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 */ /* Project One */ .project-box { background-color: #ffffff; color: #ffffff; display: inline-block; font-size: 16px; margin: 10px 5px; overflow: hidden; position: relative; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); } .project-box:before, .project-box:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .project-box:before { -webkit-transform: skew(30deg) translateX(-80%); transform: skew(30deg) translateX(-80%); } .project-box:after { -webkit-transform: skew(-30deg) translateX(-70%); transform: skew(-30deg) translateX(-70%); } .project-box img { backface-visibility: hidden; max-width: 100%; vertical-align: top; } .project-box figcaption { bottom: 0px; left: 0px; padding: 25px 40% 25px 20px; position: absolute; right: 0px; top: 0px; z-index: 1; } .project-box figcaption:before, .project-box figcaption:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-box-shadow: 0 0 20px #020202 !important; box-shadow: 0 0 20px #020202 !important; content: ''; z-index: -1; } .project-box figcaption:before { -webkit-transform: skew(30deg) translateX(-100%); transform: skew(30deg) translateX(-100%); } .project-box figcaption:after { -webkit-transform: skew(-30deg) translateX(-90%); transform: skew(-30deg) translateX(-90%); } .project-box h1, .project-box p { margin: 0; opacity: 0; letter-spacing: 1px; } .project-box h1 { font-weight: 700; line-height: 1em; text-transform: uppercase; } .project-box p { font-size: 0.9em; } .project-box a { opacity: .01; } .project-box:hover a { opacity: 1; } .project-box *, .project-box *:before, .project-box *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease; } .project-box:hover h1, .project-box.hover h1, .project-box:hover p, .project-box.hover p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.9; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .project-box:hover:before, .project-box.hover:before { -webkit-transform: skew(30deg) translateX(-20%); transform: skew(30deg) translateX(-20%); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .project-box:hover:after, .project-box.hover:after { -webkit-transform: skew(-30deg) translateX(-10%); transform: skew(-30deg) translateX(-10%); } .project-box:hover figcaption:before, .project-box.hover figcaption:before { -webkit-transform: skew(30deg) translateX(-40%); transform: skew(30deg) translateX(-40%); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .project-box:hover figcaption:after, .project-box.hover figcaption:after { -webkit-transform: skew(-30deg) translateX(-30%); transform: skew(-30deg) translateX(-30%); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /* Contact Sass */ .ulockd-contact-form .ulockd-form-fg { border-radius: 0; box-shadow: none; color: #A3A3A3; height: 40px; margin-bottom: 20px; } .ulockd-contact-form .ulockd-form-tb { border: 2px dashed #eeeeee; border-radius: 0; box-shadow: none; color: #A3A3A3; } .ulockd-contact-form.style2 { background: white none repeat scroll 0 0; border: 1px solid #DCDCDC; margin-left: 50px; margin-right: 50px; padding: 50px; } .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: 45px; 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-details.one li { border: 2px dashed #ffffff; font-size: 20px; line-height: 1.5em; } .contact-details.one li:hover { 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-details.one 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; } /* PSlider */ .slideDemos-single { -webkit-border-radius: 3px; border-radius: 3px; margin-top: 1em; } .slideDemos-single .pogoSlider { height: 225px; } .slideDemos-single h3 { text-align: center; margin-top: 90px; color: #ffffff; font-weight: 700; } .maximage-home #maximage .mc-image { position: relative !important; } .maximage-home #maximage .mc-image img { margin: 0 !important; width: 100% !important; } .maxslider-content .lbox-caption { display: inline-table; top: 0; z-index: 9; } .maxtext { background-color: rgba(255, 255, 255, 0.8); display: inline-block; padding: 2%; } #arrow_left { right: 86px !important; } #arrow_left, #arrow_right { bottom: 30px; height: 67px; position: absolute; right: 30px; width: 36px; z-index: 1000; } .ms-section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-align: center; } .ms-section.ms-table { display: table; width: 100%; } .ms-tableCell { display: table-cell; height: 100%; padding: 0; margin: 0; vertical-align: middle; width: 100%; } .ms-easing { -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } #multiscroll-nav { margin-top: -32px; opacity: 1; position: fixed; top: 50%; z-index: 100; } #multiscroll-nav.right { right: 17px; } #multiscroll-nav.left { left: 17px; } #multiscroll-nav ul { margin: 0; padding: 0; } #multiscroll-nav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; } #multiscroll-nav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #multiscroll-nav li .active span { background: #333333; } #multiscroll-nav span { background: transparent; border: 1px solid #000; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; height: 8px; left: 2px; position: absolute; top: 2px; width: 8px; z-index: 1; } .multiscroll-tooltip { color: #ffffff; font-size: 14px; position: absolute; max-width: 220px; top: -2px; white-space: nowrap; } .multiscroll-tooltip.right { right: 20px; } .multiscroll-tooltip.left { left: 20px; } #infoMenu { bottom: 0; color: #f2f2f2; font-size: 0.9em; height: 20px; padding: 8px 0 8px 0; position: fixed; text-align: right; width: 100%; z-index: 70; } #infoMenu ul { padding: 0 40px; } #infoMenu li { display: inline-block; position: relative; } #infoMenu li a { color: #333333; display: block; margin: 0 22px 0 0; } #infoMenu li a:hover { text-decoration: underline; } #examplesList { background: #333333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; bottom: 29px; display: none; float: left; padding: 20px; position: absolute; right: 0; text-align: left; width: 638px; } #examplesList ul { padding: 0; } #examplesList ul li { display: block; margin: 5px 0; } #examplesList ul li a { color: #A9A9A9; margin: 0; } #examplesList ul li a:hover { color: #f2f2f2; } #examplesList .column { float: left; margin: 0 20px 0 0; } #examplesList h3 { color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0; } #demosMenu { position: fixed; bottom: 10px; right: 10px; z-index: 999; } .fp-viewing--1 { overflow-y: visible !important; } #header-multiscroll, #footer-multiscroll { position: fixed; height: 50px; display: block; width: 100%; background: #333333; z-index: 9; text-align: center; color: #ffffff; } #header-multiscroll { padding: 0; top: 0px; } #footer-multiscroll { bottom: 0px; padding: 20px 0 0 0; } .carousel-indicators { display: none; } /* Footer Sass */ .ulockd-footer { background-attachment: fixed; background-image: url("../images/background/0.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-footer:before { background-color: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ulockd-footer-logo { margin-bottom: 20px; } .ulockd-footer-log { margin-bottom: 20px; } .ulockd-ftr-text { color: #eeeeee; } .ulockd-footer-newsletter .title { color: #ffffff; margin-top: 30px; } .ulockd-media-box:hover { cursor: pointer; } .ulockd-media-box .post-date { color: #ffffff; } .ulockd-media-box .media-heading { color: #999999; } .ulockd-media-box .media-body p { color: #eeeeee; } .ulockd-footer-fst-col { padding-right: 10px; } .ulockd-footer-fst-col p { color: #eeeeee; font-family: "Open Sans", sans-serif; margin-bottom: 20px; } .footer-fst-col p { color: #222222; font-family: "Open Sans", sans-serif; margin-bottom: 20px; } /* 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; } /* Parallax Sass */ .parallax { background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; z-index: 1; position: relative; } /* Divider Sass */ .ulockd-frst-divider { overflow-x: hidden; padding: 30px 0; position: relative; } .ulockd-frst-divider:before { background-color: rgba(7, 59, 89, 0.9); content: ""; height: 100%; position: absolute; top: 0; width: 100%; } .ulockd-frst-divider .hvr-overline-from-center:before { background-color: #ffffff; } .ulockd-frst-divider .style1 { background-attachment: scroll !important; background-color: transparent; background-image: url("../images/background/1.jpg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow-x: hidden; z-index: 1; } .ulockd-frst-divider .style1:before { background-color: rgba(0, 0, 0, 0.5); content: ""; height: 100%; position: absolute; top: 0; width: 100%; } .divider { background-attachment: scroll !important; background-image: url("../images/background/1.jpg"); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .divider:before { background-color: rgba(17, 17, 17, 0.75); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ulockd-divider { padding: 40px 0; } .ulockd-divider1 { background-attachment: fixed !important; background-color: transparent; background-image: url("../images/background/2.jpg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; padding: 40px 0; } .ulockd-divider1:before { background-color: rgba(255, 255, 255, 0.8); content: ""; height: 100%; position: absolute; top: 0; width: 100%; } /* 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; } .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 */ .shop-box2 { border-radius: 4px; background: #ffffff; padding: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 2px 55px black !important; box-shadow: 0 2px 55px black !important; } .sb-top { padding-bottom: 10px; } .sb-top ul { display: -webkit-box; display: -ms-flexbox; display: block; isplay: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sb-top a { color: #A3A3A3; } .sb-top a:hover { color: #cccccc; } .converse { padding: 2px 10px; border-radius: 20px; text-transform: uppercase; font-size: 14px; } .sb-img { margin-bottom: 40px; } .sb-details { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .heading { font-size: 17px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0; } .info { font-size: 14px; color: #999999; margin-bottom: 10px; } .style { font-size: 16px; margin-bottom: 20px; } .old-price { color: #FF0000; text-decoration: line-through; } .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_bg1 { background-image: url("../images/shop/1.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .shop_bg2 { background-image: url("../images/shop/2.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .shop_bg3 { background-image: url("../images/shop/3.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .shop_bg4 { background-image: url("../images/shop/4.jpg"); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .shop_bg5 { background-image: url("../images/shop/sh1.png"); background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; } .shop_bg6 { background-image: url("../images/shop/sh2.png"); background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; } /* 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 h6 { 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: 100px; } .ulockd-coming-soon, .ulockd-uconctruction { padding: 230px 250px; } .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/p3.png"); -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 .clock { padding-left: 50px; } .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; } /* 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: #ffffff; } .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 h3 { color: #ffffff; margin-top: 0px; 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 .overlay { bottom: 0; left: 0; padding: 5px 15px; position: absolute; right: 0; top: 0; } .feature-box .overlay .icon { color: #ffffff; font-size: 36px; } .feature-box .overlay.two { background-color: rgba(0, 66, 116, 0.9) !important; padding: 0 25px; } .feature-box .overlay.three { background-color: rgba(41, 128, 185, 0.9) !important; } .feature-box .overlay a { color: #ffffff; border: 1px solid #ffffff; padding: 7px 45px; } /* Font Icons Sass */ .social-linked { position: relative; } .social-linked li { padding: 0; } .social-linked a { border: 1px solid transparent; 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; } .social-linked a:hover { color: #555555; border: 1px solid #ffffff; } .social-linked-two { position: relative; } .social-linked-two li { padding: 0; } .social-linked-two a { border: 1px solid #ffffff; color: #ffffff; font-size: 14px; padding: 5px 9px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Footer Font Icon */ .footer-font-icon li { padding-right: 0; } .footer-font-icon a { border: 1px solid; color: #ffffff; font-size: 16px; line-height: 20px; padding: 5px 8px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .footer-font-icon a:hover { color: #ffffff !important; } .footer-font-icon.style2 a { color: #222222; font-size: 16px; line-height: 20px; } /* Team Font Icon */ .team-sicon { bottom: 0; left: 0; margin-bottom: -11px; margin-top: 13px; padding: 10px 8px; right: 0; } .team-sicon li { color: #ffffff; padding: 0; margin: 0; } .team-sicon a { border: 1px solid transparent; color: #ffffff; font-size: 16px; padding: 5px 8px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team-sicon a:hover { background-color: #999999; border: 1px solid #ffffff; color: #ffffff; } /* Pe-Icon-7-Stroke */ .font-icon-Pe-7, .icon_moon { 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, .icon_moon:hover { background-color: #222222; color: #ffffff; } .font-icon-Pe-7 span, .icon_moon span { font-size: 60px; } .font-icon-Pe-7 code, .icon_moon 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_style_home { border: 3px solid #f9f9f9; padding: 15px; } .form_control { border-radius: 0; box-shadow: none; height: 45px; } .booking_form { background-color: #f3f3f3; padding: 0 35px 5px; } .booking_select, .booking_form input { border-radius: 0; box-shadow: none; height: 45px; } /* 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; } /* 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 { position: relative; } .ulockd-ffact-two span { font-size: 48px; line-height: 1.2; } .ulockd-ffact-two:hover { cursor: pointer; } .ulockd-ffact-two h3 { font-weight: 400; } .ulockd-ffact-two .timer { font-size: 36px; font-weight: 500; line-height: 1.2em; } .ulockd-ffact-one { position: relative; z-index: 999; } .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: #ffffff; font-size: 18px; font-weight: 400; margin-bottom: 0; } .ulockd-ffact-one .timer { color: #fafafa; font-size: 24px; font-weight: bold; } /* Mainchimp Sass */ .ulockd-mailchimp { width: 75%; } .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: 30px 0; } .partner-thumb { border: 5px solid #ffffff; margin-bottom: 35px; padding: 25px 20px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .partner-thumb:hover { -webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.2) !important; box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.2) !important; } .ulockd-partner-thumb:hover img { cursor: pointer; } .partner-slider { border: 1px solid #DCDCDC; background: #ffffff; padding: 25px 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .partner-slider:hover { -webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.2) !important; box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.2) !important; background-color: #f5f5f5; } /* Office Location */ .office-location h3 { margin-top: 0; } .office-location li a { font-size: 16px; line-height: 24px; } /* 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; } /* Testimonials Sass */ .ulockd-testimonial { background-color: #eeeeee; } .ulockd-testimonials { border: 1px solid #eeeeee; padding: 0 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; } .ulockd-testimonials:hover { cursor: pointer; -webkit-box-shadow: 0 15px 5px 0 #DCDCDC; box-shadow: 0 15px 5px 0 #DCDCDC; } .ulockd-testimonials .testi-thumb img { border: 1px solid #eeeeee; height: 70px; margin: 0 auto; width: 70px; } .ulockd-testimonials p { margin-bottom: 20px; text-transform: capitalize; } .ulockd-testimonials.style2 { background-color: #ffffff; margin-top: 25px; } .ulockd-testimonials .testi-details h3 { margin-top: 0; } .testimonial { background-color: #ffffff; border: 1px solid #DCDCDC; padding: 30px 15px 30px 30px; } .testimonial blockquote { font-size: 16px; font-weight: 300; } .testimonial blockquote cite { font-weight: 600; margin-top: 10px; } .testimonial blockquote:before, .testimonial blockquote:after { color: #cccccc; font-size: 5em; line-height: 0em; margin-right: 0.1em; vertical-align: -0.4em; } .testimonial blockquote:before { content: open-quote; } .testimonial blockquote:after { content: close-quote; vertical-align: -0.45em; } .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; } /* 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 .thumb { position: relative; overflow: hidden; margin-bottom: 20px; } .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-bottom: 27px; margin-top: 0; } .footer-flickr h3 { color: #ffffff; font-weight: bold; margin-bottom: 30px; } .ulockd-flickr-widget li { margin-bottom: 6px; margin-right: -5px; } .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; } .fontTitle1{ font-size:22; } .fontpara{ font-size:18; } /*# sourceMappingURL=style.css.map */