@charset "UTF-8";
/*******
Project/Template Name:  The Hekim's Health Care & Medical HTML Template
Template Url:  https://themeforest.net/item/
Author: unlockdesign
Author Url: https://themeforest.net/user/unlockdesign
Version: 1.0
Description: The Hekim's Health Care & Medical HTML Template
Tag: ambulance, beauty, clinic, corporate, creative, cosmetic, dental, dentist, doctor, family gynecology, gynecology, health care, health & care, hospital, medical, medical template,pediatric, plastic surgery, skin care, surgeon, retail etc
********/
/* Table of contents */
/* Typography */
/* Header Sass */
/* Navbar Sass */
/* 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 */
/* Error Page Sass */
/* Faq Sass */
/* Font Icons Sass */
/* Funfact Sass */
/* Mainchimp Sass */
/* Partner Sass */
/* Pricing Table Sass */
/* Progress Bar Sass */
/* Testimonials Sass */
/* Widget Sass */
/* Footer Widget Sass */
/* Typography */
html {font-size: 100%;}
body {background-attachment: fixed;background-color: #ffffff;color: #777777;font-family: "Lato", sans-serif;font-size: 16px;line-height: 1.7;overflow-x: hidden;transition: inherit;-webkit-font-smoothing: antialiased;}

.normal-font{
font-family: "Lato", sans-serif;
}
@font-face {
  font-family: BoringSansReg;
  src: url(../fonts/boring_sans_a/Boring-Sans-A-Regular-trial.ttf);
}

@font-face {
  font-family: BoringSansLight;
  src: url(../fonts/boring_sans_a/Boring-Sans-A-Light-trial.ttf);
}

@font-face {
  font-family: BoringSansBold;
  src: url(../fonts/boring_sans_a/Boring-Sans-A-Bold-trial.ttf);
}

@font-face {
  font-family: kalingab;
  src: url(../fonts/boring_sans_a/kalingab.ttf);
}

img {max-width: 100%;}
p {font-size: 15px;font-weight: 400;
  font-family: kalingab;}
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;}
::selection {background: #222222;color: #ffffff;text-shadow: none;}
::-moz-selection {/* Firefox */background: #222222;color: #ffffff;text-shadow: none;}
::-webkit-selection {/* Safari */background: #222222;color: #ffffff;text-shadow: none;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {/*
font-family: "Raleway", sans-serif;*/
  font-family: BoringSansReg;
    letter-spacing: 1px;
line-height: 1.428571429;
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: 400;
}
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: 400;
}

h1, h2, h3, h4 .h1,
.h2, .h3, .h4 {
font-weight: 700;
}

h5, h6,
.h5, .h6 {
font-weight: 700;
}

h1, .h1 {
font-size: 36px;
}

h2, .h2 {
font-size: 30px;
}

h3, .h3 {
font-size: 24px;
}

h4, .h4 {
font-size: 20px;
}

h5, .h5 {
font-size: 17px;
}

h6, .h6 {
font-size: 15px;
}

p,
ul,
ol,
dl,
dt,
dd,
blockquote,
address {
margin: 0 0 15px;
}
.ff-lato {
font-family: "Lato", sans-serif;
}
.ff-lora {
font-family: "Lora", sans-serif;
}
.ff-montserrat {
font-family: "Montserrat", sans-serif;
}
.ff-opensans {
font-family: "Open Sans", sans-serif;
}
.ff-raleway {
font-family: "Raleway", sans-serif;
}
.ff-serif {
font-family: "serif";
}
.hvr-bgc-thm:hover{
color: #fff;
transition: all 0.3s ease-in-out;
}
/* Header Sass */
.header-top {
padding: 6px 0;
position: relative;
}
.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;
}
.padz {
padding: 0;
}
.welcm-ht {
position: relative;
}
.welcm-ht a {
color: #fff;
font-size: smaller;
}
.welcm-ht a.btn {
padding: 5px 20px;
}
.welcm-ht-two {
color: #D3D3D3;
}
.ulockd-welcntxt {
color: #434343;
margin: 0;
}

header.header-nav {
z-index: 99;
}
.welcm-header-middle > p {
margin-bottom: 0;
}
.header-middle {
background-color: #f6f6f6;
border-top: 1px solid #ffffff;
padding-top: 20px;
padding-bottom: 20px;
}
.ulockd-ohour-info.style2 {
border: 2px solid #f5f5f5;
padding: 30px 0;
-webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ulockd-ohour-info.style2 .ulockd-info {
padding-left: 0;
}
.ulockd-ohour-info .ulockd-icon {
font-size: 20px;
line-height: 1.3em;
}
.ulockd-ohour-info .ulockd-info {
display: inline-block;
position: relative;
}
.ulockd-ohour-info .ulockd-info h3 {
color: #333333;
font-weight: 400;
line-height: 28px;
margin-top: 12px;
}
.ulockd-ohour-info .ulockd-info h5,
.ulockd-ohour-info .ulockd-info h4 {
font-weight: bold;
margin: 0;
}
.ulockd-ohour-info .ulockd-info p {
font-size: 13px;
margin-bottom: 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;
}
.dropbtn {
background-color: transparent;
border: none;
color: #434343;
cursor: pointer;
}
.dropdown {
position: relative;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
padding: 6px 0;
width: 85px;
z-index: 9999;
}
.dropdown-content a {
color: black;
padding: 5px 0px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #EAEAEA;
}
/* 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: 15px 30px;
}
nav.navbar.bootsnav ul.nav li a {
font-size: 16px;/*
font-family: "Raleway", sans-serif;*/
  font-family: BoringSansReg;
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 ul.nav li a.active {
color: #303030;
font-weight: 600;
}
nav.navbar.bootsnav ul.nav li a:hover, nav.navbar.bootsnav ul.nav li a:focus {
color: #303030;
font-weight: 600;
}
.navbar.bootsnav .nav.navbar-nav .dropdown li a {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.attr-nav ul li a {
color: #303030;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li a {
font-family: "Lato", sans-serif;
font-size: 14px;
-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;}
.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: 16px;
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{
display: block;
height: auto;
padding: 3px;
width: 220px;
}
.header-nav.nav-app {
left: 0;
position: absolute;
right: 0;
}
.ulockd-quote-btn {
position: absolute;
right: 0;
}
nav.menu-style1 .side .widget ul.link li a {
font-family: "Lato", sans-serif;
}
.ulockd-quote-btn a {
font-size: 16px;
padding: 10px 20px;
text-transform: uppercase;
}
.ulockd-quote-btn-two a {
font-size: 16px;
margin-top: 10px;
padding: 10px 20px;
text-transform: uppercase;
}
nav.navbar.unlock-megamenu {
margin-bottom: 0;
}
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
}
.mega-dropdown-menu li ul {
padding: 0;
margin: 0;
}
.mega-dropdown-menu li ul li {
list-style: none;
}
.mega-dropdown-menu li ul li a {
display: block;
color: #222222;
padding: 3px 5px;
}
.mega-dropdown-menu .dropdown-header {
font-size: 24px;
padding: 5px 60px 5px 5px;
line-height: 30px;
}
body.on-side {
margin-left: 0 !important;
}
body.wrap-nav-sidebar .wrapper {
padding-left: 0 !important;
}
.header-nav.transparent {
position: absolute;
width: 100%;
z-index: 999 !important;
}
.header-nav.transparent nav {
left: 0;
}
.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;
}
.dropdown-toggle::after{
border: none;
}
/*
.navbar-scrolltofixed {
nav {
&.menu-fixed-center {
margin-top: 0;
}
}
}*/
.menu-style-fixed .side .widget ul.link li a,
.menu-style1 .side .widget ul.link li a,
.menu-style2 .side .widget ul.link li a {
color: #ffffff;
}
/* Home Sass */
.carousel-caption {
left: 10%;
padding-bottom: 5%;
right: 0;
text-align: left;
top: 30%;
}
.carousel-caption h1 {
color: #ffffff;
font-size: 48px;
text-shadow: none;
}
.carousel-caption h1 span {
border-radius: 35px;
padding: 10px 15px;
}
.carousel-caption h2 {
color: #ffffff;
margin-top: 25px;
text-shadow: none;
}
.carousel-caption h2 span {
border-radius: 35px;
padding: 10px 15px;
}
.carousel-caption h3 {
color: #ffffff;
margin-top: 25px;
text-shadow: none;
}
.carousel-caption h3 span {
border-radius: 35px;
padding: 10px 15px;
}
.carousel-caption p {
color: #ffffff;
}
.carousel-caption a {
text-transform: uppercase;
color: #ffffff;
background: #111111;
padding: 6px 12px;
}
.carousel-caption button {
border-radius: 25px;
margin-top: 10px;
}
.carousel-caption.style3 {
bottom: 0;
left: 0;
padding: 0 5%;
padding-bottom: 0;
right: 0;
text-align: center;
}
.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%;
}
.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);
}
}
.home-slider {
overflow-x: hidden;
}
.home-slider .home-app {
position: relative;
}
.home-slider .pogoSlider--navBottom .pogoSlider-nav {
bottom: 25px;
}
.home-slider .pogoSlider-nav-btn {
border-radius: 0;
height: 5px;
width: 20px;
}
.ulockd-home-btn {
border-radius: 30px;
}
.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;
}
.parallax-bg {
padding-bottom: 500px;
padding-top: 300px;
}
.parallax-bg.form_style {
padding: 200px 0;
}
.pogoSlider h1,
.pogoSlider h2,
.pogoSlider h3,
.pogoSlider h4,
.pogoSlider p {
color: #ffffff;
}
/* Main Sass */
.color-white {
color: #ffffff !important;
}
.color-whitef1 {
color: #f1f1f1;
}
.color-whitef2 {
color: #f2f2f2;
}
.color-whitef3 {
color: #f3f3f3;
}
.color-whitef4 {
color: #f4f4f4;
}
.color-whitef5 {
color: #f5f5f5;
}
.color-whitef6 {
color: #f6f6f6;
}
.color-whitef7 {
color: #f7f7f7;
}
.color-whitef8 {
color: #f8f8f8;
}
.color-whitef9 {
color: #f9f9f9;
}
.color-whitefa {
color: #fafafa;
}
.color-whitefb {
color: #fbfbfb;
}
.color-whitefc {
color: #fcfcfc;
}
.color-whitefd {
color: #fdfdfd;
}
.color-whitefe {
color: #fefefe;
}
.color-lightgray {
color: #D3D3D3;
}
.color-gray {
color: gray;
}
.color-green2 {
color: #28B928;
}
.color-black {
color: #000;
}
.color-black11 {
color: #111111 !important;
}
.color-black22 {
color: #222222;
}
.color-black33 {
color: #333333;
}
.color-black31 {
color: #303030;
}
.color-black44 {
color: #434343;
}
.color-black55 {
color: #555555;
}
.color-black66 {
color: #676767;
}
.color-primary {
color: #337ab7;
}
.color-primary2 {
color: #145892 !important;
}
.color-success {
color: #5cb85c;
}
.color-info {
color: #5bc0de;
}
.color-warning {
color: #f0ad4e;
}
.color-danger {
color: #d9534f;
}
.color-green {
color: #28B928;
}
.color-yellow {
color: #FFFF00;
}
.color-yellow2 {
color: #F0C900;
}
.color-darkblue {
color: #004274;
}
.color-fb {
color: #3B5998;
}
.bgc-fb {
background-color: #3B5998;
}
.hvr-bgc-fb:hover {
background-color: #3B5998;
}
.hvr-bgc-fb:hover,
.hvr-bgc-twtr:hover,
.hvr-bgc-inst:hover,
.hvr-bgc-lnkdn:hover,
.hvr-bgc-pint:hover,
.hvr-bgc-skyp:hover,
.hvr-bgc-drbl:hover,
.hvr-bgc-behnc:hover,
.hvr-bgc-utube:hover,
.hvr-bgc-gogle:hover {
color: #ffffff;
}
.color-twtr {
color: #1DA1F2;
}
.bgc-twtr {
background-color: #1DA1F2;
}
.hvr-bgc-twtr:hover {
background-color: #1DA1F2;
}
.color-inst {
color: #D31A77;
}
.bgc-inst {
background-color: #D31A77;
}
.hvr-bgc-inst:hover {
background-color: #D31A77;
}
.color-lnkdn {
color: #007BB6;
}
.bgc-lnkdn {
background-color: #007BB6;
}
.hvr-bgc-lnkdn:hover {
background-color: #007BB6;
}
.color-pint {
color: #CB2027;
}
.bgc-pint {
background-color: #CB2027;
}
.hvr-bgc-pint:hover {
background-color: #CB2027;
}
.color-skyp {
color: #00AFF0;
}
.bgc-skyp {
background-color: #00AFF0;
}
.hvr-bgc-skyp:hover {
background-color: #00AFF0;
}
.color-drbl {
color: #EA4C89;
}
.bgc-drbl {
background-color: #EA4C89;
}
.hvr-bgc-drbl:hover {
background-color: #EA4C89;
}
.color-behnc {
color: #0B7BFF;
}
.bgc-behnc {
background-color: #0B7BFF;
}
.hvr-bgc-behnc:hover {
background-color: #0B7BFF;
}
.color-utube {
color: #FF0000;
}
.bgc-utube {
background-color: #FF0000;
}
.hvr-bgc-utube:hover {
background-color: #FF0000;
}
.color-gogle {
color: #EA4335;
}
.bgc-gogle {
background-color: #EA4335;
}
.hvr-bgc-gogle:hover {
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-lightgray {
background-color: #D3D3D3;
}
.bgc-white {
background-color: #ffffff !important;
}
.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 !important;
}
.bgc-whitef6 {
background-color: #f6f6f6;
}
.bgc-whitef7 {
background-color: #f7f7f7;
}
.bgc-whitef8 {
background-color: #e5edf2;
}
.bgc-whitef9 {
background-color: #d8e6f4;
}
.bgc-whitefa {
background-color: #fafafa;
}
.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-lightgray {
background-color: #D3D3D3;
}
.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;
}
.bdrs8 {
border-radius: 8px;
}
.bdrs10 {
border-radius: 10px;
}
.bdrs20 {
border-radius: 20px;
}
.bdrs50 {
border-radius: 50%;
}
.bdr1 {
border: 1px solid #D3D3D3;
}
.tdu {
text-decoration: underline;
}
.tdu-hvr:hover {
cursor: pointer;
text-decoration: underline;
}
.all-body-content {
background-color: #ffffff;
margin-bottom: 800px;
position: relative;
z-index: 9;
}
.btn{
box-shadow: none;
font-size: 14px;
padding: 8px 20px;
}
.btn-thm {
color: #ffffff;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-thm:hover, .btn-thm:active, .btn-thm:focus {
background-color: #004274;
border-color: #004274;
color: #ffffff;
}
.btn-dark {
background-color: #303030;
border-color: #303030;
color: #ffffff;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
color: #ffffff;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
color: #ffffff;
}
.btn-yellow {
background-color: #F0C900;
border-color: #F0C900;
color: #333333;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
color: #333333;
}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
color: #ffffff;
}
.btn-white {
background-color: #ffffff;
border-color: #ffffff;
color: #303030;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-white:hover, .btn-white:active, .btn-white:focus {
color: #ffffff;
}
.btn-gray {
background-color: #D3D3D3;
border-color: #D3D3D3;
color: #303030;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-gray:hover, .btn-gray:active, .btn-gray:focus {
color: #ffffff;
}
.ulockd-btn-green {
background-color: #28B928;
border-color: #28B928;
color: #ffffff;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ulockd-btn-green:hover, .ulockd-btn-green:active, .ulockd-btn-green:focus {
color: #ffffff;
}
.btn-blue {
background-color: #004274;
border-color: #004274;
color: #ffffff;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
color: #ffffff;
}
.btn-bgct {
background-color: transparent;
border-color: #ffffff;
color: #ffffff !important;
border-radius: 0px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-default {
font-size: 14px;
padding: 8px 15px;
}
.btn-large-txt{
    font-size: 18px;
    letter-spacing: 1px;
    padding: 10px 20px;
}
.lh30 {
line-height: 30px;
}
.h05 {
height: 5px !important;
}
.wa {
width: auto;
}
.w100 {
width: 100%;
}
.db {
display: block;
}
.dib {
display: inline-block;
}
.dif {
display: inline-flex;
}
.dfr {
display: flow-root;
}
.dn {
display: none;
}
.ovh {
overflow: hidden;
}
.ovv {
overflow: visible;
}
.ulockd_bgi1 {
background-attachment: scroll;
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;
}
.ulockd_bgi2 {
background-attachment: scroll;
background-image: url("../images/background/2.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgi3 {
background-attachment: scroll;
background-image: url("../images/background/3.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgi4 {
background-attachment: scroll;
background-image: url("../images/background/4.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgs1 {
background-attachment: scroll;
background-image: url("../images/background/split-one.jpg");
background-position: right center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgih1 {
background-attachment: scroll;
background-image: url("../images/home/h1.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgih2 {
background-attachment: scroll;
background-image: url("../images/home/h2.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgih3 {
background-attachment: scroll;
background-image: url("../images/home/h3.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgih4 {
background-attachment: scroll;
background-image: url("../images/home/h4.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgih5 {
background-attachment: scroll;
background-image: url("../images/home/h5.jpg");
background-position: center top;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd_bgp1 {
background-attachment: scroll;
background-image: url("../images/pattern/1.png");
}
.ulockd_bgp2 {
background-attachment: scroll;
background-image: url("../images/pattern/2.png");
}
.ulockd_bgp3 {
background-attachment: scroll;
background-image: url("../images/pattern/3.png");
}
.ulockd_bgp4 {
background-attachment: scroll;
background-image: url("../images/pattern/4.png");
}
.ulockd_bgp5 {
background-attachment: scroll;
background-image: url("../images/pattern/5.png");
}
.ulockd_bgp6 {
background-attachment: scroll;
background-image: url("../images/pattern/6.png");
}

section {
padding: 55px 0;
position: relative;
}
.ulockd-divider {
padding: 50px 0;
}
p.project-dp-one{
	text-align: justify;
}
.text{
	color: #333333;
}
.main-title {
position: relative;
margin-bottom: 50px;
}
.main-title:before {
color: red;
content: "\f0fa";
font-family: "Font Awesome 6 Pro";
font-size: 85px;
left: 0;
opacity: 0.2;
position: absolute;
display: none;
right: 0;
top: -64px;
}
.main-title h2 {/*
font-family: "Raleway", sans-serif;*/
  font-family: BoringSansReg;
    letter-spacing: 1px;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.main-title p {
margin-bottom: 0;
}
.mt-separator {
position: relative;
}
.mt-separator:before {
bottom: 0;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 100px;
}
.mt-separator:after {
bottom: -5px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
right: 0;
position: absolute;
width: 50px;
}
.mt-separator img {
margin: 0 auto;
left: 0;
position: absolute;
right: 0;
top: -12px;
}
.mt-separator.style2 {
margin: inherit;
}
.title-bottom {
position: relative;
}
.title-bottom:before {
bottom: -5px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 80px;
}
.title-bottom2 {
position: relative;
}
.title-bottom2:before {
background-color: #ffffff;
bottom: -15px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 80px;
}
.preloader {
background-color: #ffffff;
background-image: url("../images/preloader.gif");
background-position: center center;
background-repeat: no-repeat;
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
z-index: 99999;
}
.preloader_disabler {
background-color: #f4f5f6;
border: 1px solid #eaeaea;
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: #504646;
font-size: 16px;
list-style-type: circle;
margin-left: 18px;
}
.bgc-overlay-white3:before {
background-color: rgba(255, 255, 255, 0.3);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-white35:before {
background-color: rgba(255, 255, 255, 0.35);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-white4:before {
background-color: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-white45:before {
background-color: rgba(255, 255, 255, 0.45);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.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;
}
.bgc-overlay-black3:before {
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black35:before {
background-color: rgba(0, 0, 0, 0.35);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black4:before {
background-color: rgba(0, 0, 0, 0.4);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black45:before {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black5:before {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black55:before {
background-color: rgba(0, 0, 0, 0.55);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black6:before {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black65:before {
background-color: rgba(0, 0, 0, 0.65);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black7:before {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black75:before {
background-color: rgba(0, 0, 0, 0.75);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black8:before {
background-color: rgba(0, 0, 0, 0.8);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black85:before {
background-color: rgba(0, 0, 0, 0.85);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black9:before {
background-color: rgba(0, 0, 0, 0.9);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.bgc-overlay-black95:before {
background-color: rgba(0, 0, 0, 0.95);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc95:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc9:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc85:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc8:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc75:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc7:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc65:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc6:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc55:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.overlay-tc5:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
/* About Sass */
.about-box {
position: relative;
}
.about-box h3 {
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ab-thumb {
position: relative;
}
.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;
border-radius: 0 80px;
}
.ab-thumb .lbox-caption {
position: absolute;
top: 25%;
}
.ab-thumb .doc-name-left {
left: 15%;
}
.ab-thumb .doc-name-right {
right: 15%;
}
.ab-thumb .doc-name-left,
.ab-thumb .doc-name-right {
bottom: -73px;
color: #ffffff;
padding: 8px 30px;
position: absolute;
-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;
text-align: center;
}
.ab-thumb .doc-name-left h4,
.ab-thumb .doc-name-right h4 {
color: #ffffff;
margin: 0;
}
.ab-thumb .doc-name-left p,
.ab-thumb .doc-name-right p {
margin: 0;
}
.ab-thumb:hover .doc-name-left,
.ab-thumb:hover .doc-name-right {
bottom: 0;
}
.diamond {
left: 0;
position: absolute;
right: 0;
top: 40%;
text-align: center;
}
.diamond a {
font-size: 30px;
}
.diamond a span {
color: #ffffff;
display: inline-flex;
padding: 5px 10px;
}
.about-icon {
height: 60px;
margin: -30px auto 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 60px;
}
.about-icon i {
color: #ffffff;
display: inline-block;
font-size: 30px;
line-height: 60px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.about-box2 {
border: 1px solid #DCDCDC;
padding: 25px 10px;
position: relative;
}
.about-box2 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-box2:hover .about-icon2 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.about-box2:hover .about-icon2 i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.about-icon2 {
height: 60px;
margin: 0 auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 60px;
}
.about-icon2 i {
color: #ffffff;
display: inline-block;
font-size: 30px;
line-height: 60px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ulockd-about-one.inner {
background-color: #f7f7f7;
}
.ulockd-about-thumb {
position: relative;
}
.main-title.details h2 {
line-height: 30px;
}
.main-title.details h3 {
margin-bottom: 0;
margin-top: 0;
}
.ulockd-about-video {
margin-top: 12px;
}
.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;
}
.bdr1 {
border: 1px solid #ffffff !important;
}
.list_check_style{
position: relative;
}
.list_check_style ul li{
font-size: 16px;
line-height: 36px;
padding-left: 30px;
}
.list_check_style ul li:before{
color: #6d3795;
content: "\f058";
font-family: "Font Awesome 6 Pro";
font-size: 18px;
left: 0;
position: absolute;
}
/* Service Sass */
.ulockd-service {
z-index: 1;
}
.ulockd-service: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;
}
.img-box {
background-color: #ffffff;
margin-bottom: 30px;
padding: 30px 25px;
position: relative;
}
.img-box h3,
.img-box h4 {
margin-top: 0;
}
.img-box .thumb {
display: inline-block;
}
.img-box .thumb img {
margin: 10px 0;
width: 48px;
}
.pd-content h3 {
color: #333333;
margin-bottom: 15px;
}
.service-widget,
.sidebar_accordion_widget {
margin-top: 20px;
}
.service-widget a {
border-radius: 0;
font-size: 16px;
margin-bottom: 5px;
padding: 6px 20px;
text-transform: uppercase;
}
.service-widget a.active {
background-color: #222222;
border-color: #222222;
}
.agent-post {
background-color: #fafafa;
margin-top: 25px;
padding: 25px 15px;
}
.list-group-item.active {
background-color: #222222;
}
.list-group-item.active:focus, .list-group-item.active:hover {
background-color: #222222;
}
.ulockd-brochure-widget {
background-color: #f5f5f5;
margin-top: 35px;
padding: 20px 30px;
}
.ulockd-brochure-widget p {
margin-bottom: 22px;
}
.ulockd-brochure-widget ul li a {
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
text-transform: uppercase;
}
.service-box {
position: relative;
text-align: center;
}
.service-box .icon {
font-size: 70px;
line-height: 1.2;
}
.service-box .title {
color: #ffffff;
margin-top: 0;
}
.icon_box {
padding: 20px 0 0;
position: relative;
}
.icon_box.style2 {
margin-bottom: 50px;
}
.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 .icon span {
display: inline-block;
font-size: 30px;
height: 55px;
line-height: 56px;
text-align: center;
width: 55px;
}
.icon_box:hover .icon i,
.icon_box:hover .icon span {
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.two {
margin-left: 0;
position: relative;
}
.icon_box .ib_details.left {
margin-right: 75px;
margin-left: 0;
}
.icon_box .ib_details h3,
.icon_box .ib_details h4 {
font-weight: 500;
margin-top: 0;
}
.pagination > .active > a {
color: #ffffff !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;
}
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;
}
.ficon-box {
/* background-color: #2774871f; */
margin-bottom: 10px;
padding: 20px;
position: relative;
}
.ficon-box:hover {
cursor: pointer;
}
.ficon-box:hover span {
color: #ffffff !important;
}
.ficon-box .ficon {
display: inline-block;
font-size: 48px;
line-height: 1.3em;
margin-top: 0px;
padding: 0 15px;
position: relative;
-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 .icon {
display: inline-block;
}
.ficon-box .icon img {
width: 100px;
}
.department_box {
margin-bottom: 30px;
}
.department_box h4 {
margin-top: 0;
}
/* Gallery Sass */
.masonry-filter {
margin-bottom: 50px;
}
.masonry-filter li {
padding-right: 0;
}
.masonry-filter a {
border: 1px solid #eeeeee;
color: #555555;
display: inline-block;
font-size: 14px;
float: none;
line-height: 40px;
margin-bottom: 10px;
outline: medium none;
padding: 0 15px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.masonry-filter a.active, .masonry-filter a:active, .masonry-filter a:hover, .masonry-filter a:focus {
color: #ffffff;
}
.isotope-item .gallery-thumb {
overflow: hidden;
position: relative;
}
.isotope-item .details {
padding: 0 9px;
}
.isotope-item .details h5 {
margin-bottom: 0;
}
.masonry-gallery .isotope-item {
overflow: hidden;
width: 25%;
}
.masonry-gallery .isotope-item .thumb {
position: relative;
overflow: hidden;
}
.masonry-gallery .isotope-item .thumb .photo {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 1200ms ease 0s;
-o-transition: all 1200ms ease 0s;
transition: all 1200ms ease 0s;
}
.masonry-gallery.grid-1 .isotope-item {
width: 100%;
}
.masonry-gallery.grid-1.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-2 .isotope-item {
width: 50%;
}
.masonry-gallery.grid-2.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-3 .isotope-item {
width: 33.333%;
}
.masonry-gallery.grid-3.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-4 .isotope-item {
width: 25%;
}
.masonry-gallery.grid-4.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-5 .isotope-item {
width: 20%;
}
.masonry-gallery.grid-5.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-6 .isotope-item {
width: 16.666%;
}
.masonry-gallery.grid-6.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-7 .isotope-item {
width: 14.285%;
}
.masonry-gallery.grid-7.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-8 .isotope-item {
width: 12.5%;
}
.masonry-gallery.grid-8.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-9 .isotope-item {
width: 11.111%;
}
.masonry-gallery.grid-9.mrgn10 .gallery-thumb {
margin: 10px;
}
.masonry-gallery.grid-10 .isotope-item {
width: 10%;
}
.masonry-gallery.grid-10.mrgn10 .gallery-thumb {
margin: 10px;
}
.lbox-caption {
display: table;
height: 100%;
width: 100%;
}
.lbox-caption a {
border-radius: 0;
display: inline-block;
font-size: 18px;
padding: 12px 15px;
-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;
}
.hovereffect {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.hovereffect a,
.hovereffect p {
color: #ffffff;
padding: 1em 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.hovereffect h2 {
background-color: transparent;
color: #ffffff;
font-size: 17px;
opacity: 0;
padding: 1em 0;
position: relative;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
text-transform: uppercase;
text-align: center;
}
.hovereffect img {
position: relative;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.hovereffect .overlay {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
height: 80%;
left: 10%;
overflow: hidden;
position: absolute;
top: 10%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
width: 80%;
}
.hovereffect:hover img {
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
}
.hovereffect:hover .overlay {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fancybox-gallery-slider .gs-thumb {
border-radius: 0 50px;
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-nav button.owl-next {
left: 80px;
top: -70px;
}
.fancybox-gallery-slider .owl-nav button.owl-prev {
left: 10px;
top: -70px;
}
.fancybox-gallery-slider .owl-nav button.owl-next,
.fancybox-gallery-slider .owl-nav button.owl-prev {
background-color: transparent !important;
border: 1px solid;
font-size: 24px !important;
padding: 5px 15px !important;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.gallery-overlay {
border-radius: 0 50px;
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.6s ease 0s;
-o-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
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;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
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 {
height: 96%;
left: 2%;
overflow: hidden;
position: absolute;
top: 2%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
text-align: center;
width: 96%;
-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 {
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 */
.our-team {
background-color: #f5f5f5;
}
.team_post {
position: relative;
overflow: hidden;
}
.team_post .details h3 {
margin-top: 0;
}
.team_member {
position: relative;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.team_member .tm_thumb {
overflow: hidden;
position: relative;
}
.team_member .tm_thumb img{
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team_member:hover .tm_thumb img{
	transform: scale(1.1) rotate(-1deg);
}
.team_member .tm_thumb .tm_social_icon {
margin-top: 20px;
}
.team_member .tm_thumb .tm_social_icon .footer-font-icon a {
color: #A3A3A3;
}
.team_member .tm_thumb img {
border: 5px solid #ffffff;
display: inline-block;
}
.team_member .tm_details {
padding: 5px 25px 20px;
}
.team_member .details {
background-color: #004274;
bottom: -100%;
left: 0;
padding: 10px 15px;
position: absolute;
right: 0;
-webkit-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.team_member .details h3,
.team_member .details h5 {
color: #ffffff;
}
.team_member:hover .details {
bottom: 0;
}
.team-details {
padding: 20px 0 0;
}
.team-details p {
font-size: 16px;
line-height: 20px;
margin-top: 12px;
}
.team-details .team-icon {
margin-top: 25px;
}
.team-details .team-icon.style2 {
margin-top: 45%;
}
.team-details .team-icon:hover {
color: #ffffff !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;
}
.team-icon:hover .team-overlay {
left: 0;
}
.team-icon li {
margin-right: -5px;
margin-left: 0;
}
.team-icon li a {
border: 1px solid #ffffff;
font-size: 14px;
padding: 5px 9px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-icon li a:hover {
background-color: #ffffff;
color: #2980B9 !important;
}
.team-grid {
position: relative;
}
.team-grid .thumb {
overflow: hidden;
position: relative;
}
.team-grid .thumb img {
border-radius: 0 100px 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-grid:hover .thumb img{
	transform: scale(1.1) rotate(-2deg);
}
.team-grid .thumb:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.team-grid:hover .thumb:before {
-webkit-animation: shine 0.85s;
animation: shine 0.85s;
}
.team-grid .details {
background-color: #ffffff;
padding: 30px;
}

@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.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: -147px;
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;
margin-bottom: 0;
}
.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: 20px 25px 0;
}
.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;
}
.team-one {
cursor: pointer;
}
.team-one .team-thumb {
position: relative;
overflow: hidden;
}
.team-one .team-thumb img{
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-one:hover .team-thumb img{
	transform: scale(1.1) rotate(-1deg);
}
.team-one.style2 {
background-color: #f5f5f5;
}
.team-one.style2 .team-details {
padding: 20px 15px;
}
.team-one:hover .team-overlay {
bottom: 0;
}
.team-one:hover .small-layer {
bottom: 0;
}
.team-one .team-overlay {
border: 1px solid #ffffff;
bottom: -100%;
position: absolute;
text-align: center;
-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: 3%;
}
.team-one .team-overlay .team-icon:hover {
color: #ffffff;
}
.team-one .team-overlay .team-icon:hover .team-overlay {
left: 0;
}
.team-one .team-overlay .team-icon li {
margin-right: -5px;
margin-left: 0;
}
.team-one .team-overlay .team-icon li a {
background: #ffffff;
border: 1px solid #ffffff;
font-size: 14px;
padding: 5px 9px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.home4-team .thumb img{
	transform: scale(1);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home4-team:hover .thumb img{
	transform: scale(1.1) rotate(-2deg);
}
.small-layer {
bottom: -60px;
height: 60px;
position: absolute;
text-align: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100%;
}
.tm-name {
font-size: 24px;
margin-bottom: 0;
}
.tm-post {
margin-top: 0;
}
.pesonar-info li {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
/* Blog Sass */
.ulockd-ip-latest-news {
background-color: #ffffff;
}
.sidebar-widget-title{
margin: 30px 0 15px;
padding-bottom: 10px;
}
.blog-post {
background-color: #f5f5f5;/*
margin-bottom: 30px;*/
overflow: hidden;
position: relative;
    height: 100%;
}
.blog-post .post-thumb {
position: relative;
overflow: hidden;
}
.blog-post .post-thumb .post_date {
color: #ffffff;
bottom: 10px;
font-size: 18px;
font-weight: 700;
padding: 10px;
position: absolute;
left: 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;
}
.blog-post .post-thumb img{
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.blog-post:hover .post-thumb img{
	transform: scale(1.1) rotate(-2deg);
}
.blog-post h3 {
margin-top: 0;
}
.eventdate {
background: rgba(255, 255, 255, 0.85);
box-sizing: border-box;
font-size: 16px;
left: 15px;
line-height: 1;
padding: 8px;
position: absolute;
top: 15px;
width: 60px;
}
.bp-details {
padding: 25px 30px 30px;
margin-bottom: 40px;
}
.bp-details .post-title {
margin-top: 0;
    font-family: 'BoringSansReg';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.bp-details p {
margin-top: 10px;
}
.bpost-detail {
padding: 14px 20px;
}

.service-btn-bottom {
  position: absolute;
  width: 100%;
  bottom: 20px;
    left: 0;
}

.ulockd-bp-details {
background-color: #ffffff;
padding: 10px 15px 20px;
}
.ulockd-bp-details.style2:hover {
cursor: pointer;
}
.ulockd-bpost {
margin-top: 10px;
}
.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;
}
.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;
}
.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%;
}
.ulockd-bps-second {
margin-bottom: 50px;
margin-left: 20%;
width: 80%;
}
@media (max-width: 767.98px){
.ulockd-bps-second{
margin-left: 0;
width: auto;
}
}
.bsp-prev-post,
.bsp-next-post{
background-color: #f8f8f8;
border-radius: 15px;
display: block;
padding: 20px;
position: relative;
}
.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: 55px;
margin-bottom: 10px;
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;
}
.sidebar_accordion_widget .accordion-button:not(.collapsed)::after{
content: "\f068";
}
.sidebar_accordion_widget .accordion-button::after{
background-image: none;
color: #FFFFFF;
content: "\2b";
font-family: "Font Awesome 6 Pro";
}
.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.pd-content {
border: 1px solid #eeeeee;
padding: 15px;
}
.blog-post-img-slider .owl-nav{
margin-bottom: 20px;
margin-top: 30px;
text-align: center;
}
.blog-post-img-slider .owl-nav button.owl-prev,
.blog-post-img-slider .owl-nav button.owl-next {
background-color: #efefef;
border-radius: 5px;
font-size: 24px;
margin: 0 5px;
padding: 8px 15px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-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;
}
.blog-post-img-slider .owl-nav button.owl-prev:hover,
.blog-post-img-slider .owl-nav button.owl-next:hover {
color: #ffffff;
}
.sidebar-widget-title {
margin-bottom: 20px;
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: "+";
font-weight: bold;
float: right;
margin-left: 5px;
}
.sw-accordion.active:after {
content: "−";
}
.swa-panel {
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
/* Project Sass */
.project-box {
background-color: #f5f5f5;
position: relative;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.project-box .pb-thumb {
height: 100%;
position: relative;
overflow: hidden;
width: 100%;
}
.project-box .pb-thumb img{
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.project-box:hover .pb-thumb img{
	transform: scale(1.1) rotate(-2deg);
}
.project-box .pb-thumb .overlay {
background-color: rgba(255, 255, 255, 0.8);
padding: 10% 0;
position: absolute;
overflow: hidden;
width: 90%;
height: 90%;
left: 5%;
top: 5%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
}
.project-box .pb-thumb .overlay span {
color: #f5f5f5;
font-size: 36px;
line-height: 2rem;
}
.project-box .pb-thumb .overlay p {
color: #ffffff;
}
.project-box .pb-thumb h4 {
text-transform: uppercase;
position: relative;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.project-box .pb-details {
padding: 30px;
position: relative;
}
.project-box:hover .pb-thumb .overlay {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.project-box:hover h4 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.img_hvr_box {
display: inline-grid;
margin-bottom: 30px;
width: 100%;
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
}
.img_hvr_box textarea {
-webkit-box-sizing: padding-box;
box-sizing: padding-box;
font-size: 0.9em;
height: 32px;
padding: 6px 0px;
resize: none;
text-align: center;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.2);
}
/* Contact Sass */
.ulockd-contact-form .ulockd-form-fg {
border: 1px solid #D3D3D3;
border-radius: 0;
box-shadow: none;
color: #A3A3A3;
margin-bottom: 20px;
}
.ulockd-contact-form .ulockd-form-tb {
border: 1px solid #eeeeee;
border-radius: 0;
box-shadow: none;
color: #A3A3A3;
}
.ulockd-contact-form.style2 {
background: white none repeat scroll 0 0;
border: 1px solid #DCDCDC;
padding: 50px;
}
.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-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;
}
/* New Owl carousel */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.main-banner-wrapper {
overflow: hidden;
}
}
.main-banner-wrapper {
position: relative;
}
.main-banner-wrapper .carousel-btn-block {
cursor: pointer;
position: absolute;
top: 45%;
width: 100%;
z-index: 9;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn {
border: 1px solid #ffffff;
border-radius: 8px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 34px;
height: 82px;
width: 42px;
line-height: 82px;
text-align: center;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
vertical-align: middle;
z-index: 9;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn:hover {
background-color: #ffffff;
color: #f0ad4e;
opacity: 1;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn {
position: absolute;
left: 30px;
}
.main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn {
position: absolute;
right: 30px;
}
.banner-style-one .slide {
padding: 0px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}



.banner-style-one .slide.slide-one::before {
bottom: 0;
/* background-color: rgba(0, 0, 0, 0.3); */
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.banner-style-one .owl-nav {
display: none;
}
.banner-style-one .banner-title {
font-size: 50px;
margin: 25px 0 10px;
}
.banner-style-one .banner-title span {
/* background-color: rgba(255, 255, 255, 0.8); */
border-radius: 45px;
padding: 10px 35px;
color: #01304e;
}
.banner-style-one .banner-title,
.banner-style-one .banner_top_title {
color: #ffffff;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .banner_top_title {
font-size: 28px;
color: #ffffff;
font-weight: bold;
line-height: 1.2;
text-transform: capitalize;
}
.banner-style-one .banner_top_title span {
border-radius: 25px;
padding: 10px 25px;
color: #01304e;
}
.banner-style-one p {
font-size: 18px;
line-height: 35px;
color: #ffffff;
font-weight: 300;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .banner-btn {
display: inline-block;
vertical-align: middle;
color: #ffffff;
font-size: 18px;
padding: 19.5px 50px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-top: 20px;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
.banner-style-one .banner-btn:hover {
background-color: #ffffff;
color: #f0ad4e;
}
.banner-style-one .active .banner-title,
.banner-style-one .active .banner_top_title {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.banner-style-one .active p {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.banner-style-one .active .banner-btn {
border: 2px solid #ffffff;
border-radius: 8px;
color: #ffffff;
background-color: #004274;
font-size: 18px;
padding: 10px 35px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.banner-style-one .active .banner-btn:hover, .banner-style-one .active .banner-btn:active, .banner-style-one .active .banner-btn:focus {
background-color: #ffffff;
color: #f0ad4e;
}
.banner-style-one .owl-dots {
display: none !important;
margin: 0;
position: absolute;
bottom: 110px;
left: 50%;
width: 100%;
max-width: 1170px;
text-align: center;
}
.banner-style-one .owl-dots .owl-dot span {
background-color: #eeeeee;
width: 8px;
height: 8px;
margin: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.banner-style-one .owl-dots .owl-dot .active span {
height: 13px;
width: 13px;
background-color: #ffffff;
}
.banner-style-one .owl-dots .owl-dot + .owl-dot {
margin-left: 7px;
}
.banner-style-one .btn {
box-shadow: none !important;
}
.banner-style-one.no-dots .owl-dots {
display: none !important;
}
.owl-carousel .owl-item img {
width: auto;
}
.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;
}
.whychoose-slider .mc-image img {
height: auto !important;
margin: 0 !important;
width: auto;
}
.maximage-home #maximage .mc-image {
position: relative !important;
}
.maximage-home #maximage .mc-image img {
margin: 0 !important;
width: 100% !important;
}
.ms-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.ms-section.ms-table {
display: table;
width: 100%;
}
.ms-section.ms_one {
padding: 0 25px !important;
}
.ms-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 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 {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
}
#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 {
top: 2px;
left: 2px;
width: 8px;
height: 8px;
border: 1px solid #000;
background: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;
}
.multiscroll-tooltip {
position: absolute;
color: #ffffff;
font-size: 14px;
top: -2px;
white-space: nowrap;
max-width: 220px;
}
.multiscroll-tooltip.right {
right: 20px;
}
.multiscroll-tooltip.left {
left: 20px;
}
.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;
}
/* Footer Sass */
.ulockd-footer {
background-color: #01304e ;
position: relative;
}
.ulockd-footer.fixed-footer {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: -1;
}
.ulockd-footer-logo {
margin-bottom: 20px;
}
.ulockd-footer-log {
margin-bottom: 20px;
}
.ulockd-ftr-text {
color: #898989;
}
.ulockd-footer-newsletter .title {
color: #ffffff;
margin-top: 30px;
}
.media-box:hover {
cursor: pointer;
}
.media-box .title,
.media-box .title a {
color: #ffffff;
}
.media-box p {
color: #898989;
}
.media-box.style2 .title,
.media-box.style2 .title a {
color: #222222;
}
.media-box.style2 p {
color: #777777;
}
.ulockd-footer-fst-col {
padding-right: 10px;
}
.ulockd-footer-fst-col p {
color: #898989;
font-family: "Lato", sans-serif;
margin-bottom: 20px;
}
.footer-fst-col p {
color: #222222;
font-family: "Lato", sans-serif;
margin-bottom: 20px;
}
.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: 32px;
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: 36px;
-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-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 */
.divider-half {
overflow-x: hidden;
position: relative;
overflow-y: hidden;
}
.divider-half:before {
background-image: url("../images/background/2.jpg");
background-position: center 10%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
content: "";
bottom: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50%;
}
.divider-half.style2:before {
background-image: url("../images/background/5.jpg");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.ulockd-frst-divider {
overflow-x: hidden;
position: relative;
}
.ulockd-frst-divider:before {
background-color: rgba(0, 0, 0, 0.5);
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.ulockd-frst-divider .hvr-overline-from-center:before {
background-color: #ffffff;
}
.ulockd-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;
overflow-x: hidden;
position: relative;
overflow-y: hidden;
}
.divider:before {
background-color: rgba(17, 17, 17, 0.75);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.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;
}
/* Inner Pages Sass */
.ulockd-inner-home {
background-attachment: fixed;
background-image: url("../images/background/breadcrump.jpg");
background-position: center bottom;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x: hidden;
padding: 90px 0;
position: relative;
}
.inner-conraimer-details h1 {
color: #ffffff;
position: relative;
margin: 0;
}
.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: 16px;
position: relative;
}
.ulockd-icd-layer ul {
margin-bottom: 0;
}
.ulockd-icd-sub-menu li a {
color: #434343;
font-weight: 600;
}
/* Shop Sass */
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;
}
.form-control{
height: 55px;
border-radius: 3px;
padding: 0;
padding-left: 20px;
}
.select-control {	
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    padding: 1rem 0.75rem;
    border-radius: 3px;
    display: block;
    width: 100%;
    color: #212529;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    font-size: 1rem;
    font-weight: 400;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#subcategory {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
  padding: 1rem 0.75rem;
  border-radius: 3px;
  display: block;
  width: 100%;
  color: #212529;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 10px;
}
textarea{
height: auto !important;
}
.account-info .form-control {
border-radius: 0;
height: 40px;
}
.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-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;
}
.product_view .modal-dialog {
max-width: 800px;
width: 100%;
}
.pre-cost {
color: #A3A3A3;
text-decoration: line-through;
}
.space-ten {
padding: 10px 0;
}
.ulockd-shop-menubar {
background-color: #f5f5f5;
padding-bottom: 15px;
padding-top: 15px;
}
.product-searchbar .form-control {
height: 40px;
border-radius: 0;
box-shadow: none;
}
.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;
}
.product-img {
position: relative;
}
.price-tag {
background-color: #222222;
color: #ffffff;
font-size: 16px;
left: 0;
padding: 5px 8px;
position: absolute;
top: 0;
}
.product-details {
padding: 30px;
}
.product-details h4 {
margin-bottom: 0;
}
.product-details h3 {
margin-top: 0;
}
.ulockd-cart-total {
border: 1px solid #DCDCDC;
}
.product-details-img {
border: 3px solid #f9f9f9;
}
.pd-tab .nav-tabs li a {
font-size: 18px;
}
.pd-tab .tab-content p {
font-size: 16px;
}
.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;
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;
}
.payment-way {
border: 3px solid #f9f9f9;
padding: 15px 20px;
}
/* Inner Pages */
.ulockd-error {
color: #ffffff;
font-family: "Lato", sans-serif;
font-size: 345px;
font-style: italic;
letter-spacing: 5px;
}
.ulockd-error-paragraph {
color: #ffffff;
font-size: 36px;
line-height: 48px;
}
.ulockd-csoon {
color: #ffffff;
font-size: 80px;
}
.ulockd-coming-soon,
.ulockd-uconctruction {
padding: 250px 0;
}
.ulockd-coming-soon::before,
.ulockd-uconctruction::before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.ulockd-uconctruction {
padding: 200px 0;
}
.ulockd-uconctruction-ttl {
color: #ffffff;
font-size: 100px;
}
.ulockd-uconctruction-paragraph {
color: #ffffff;
font-size: 36px;
line-height: 48px;
}
.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;
}
.ulockd-flip-clock {
display: inline-block;
}
.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;
}
.upcoming-event .flip-clock-wrapper .flip {
-webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
}
.upcoming-event .flip-clock-wrapper .flip-clock-label {
color: #f7f7f7;
}
.upcoming-event .flip-clock-wrapper ul {
margin: 3px;
}
.upcoming-event .flip-clock-wrapper ul li a div div.inn {
text-shadow: 0 1px 2px #999999;
background-color: #f5f5f5;
}
.upcoming-event .flip-clock-wrapper .flip-clock-dot {
background-color: #f7f7f7;
}
.upcoming-event.ulockd-flip-clock .clock {
padding-left: 0;
}
/* Call To Actions Sass */
.call-to-action {
padding: 20px 0;
}
/* Copyrights Sass */
.ulockd-copy-right {
color: #303030;
padding-bottom: 15px;
padding-top: 20px;
text-align: center;
}
.ulockd-copy-right a {
color: #ffffff;
}
.ulockd-copy-right p {
margin-bottom: 0;
}
/* Error Page Sass */
.ulockd-ap-service-two:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* Faq Sass */
.faq-content .accordion-header .accordion-button::after{
display: none;
}
.accordion-button:focus{
box-shadow: none;
}
.ulockd-ap-faq {
background-color: #f6f6f6;
}
.ulockd-faq-title h2 {
margin-bottom: 25px;
margin-top: 0;
padding-top: 0;
}
.ulockd-faq-title.style2 h2 {
margin-bottom: 45px;
margin-top: 0;
padding-top: 0;
}
.faq-content .accordion-item {
border: none;
}
.faq-content .accordion-item .accordion-header {
border: medium none;
border-radius: 0;
color: #ffffff;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
}
.faq-content .accordion-item .accordion-header:hover a, .faq-content .accordion-item .accordion-header:visited a {
color: #ffffff;
}
.faq-content .panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.faq-content .accordion .accordion-button .icon-1 {
display: inline-block;
}
.faq-content .accordion .accordion-button .icon-2 {
display: none;
}
.faq-content .accordion .accordion-button.collapsed .icon-1 {
display: none;
}
.faq-content .accordion .accordion-button.collapsed .icon-2 {
display: inline-block;
}
.faq-content .accordion .accordion-button i {
background-color: #bbbbbb;
color: #ffffff;
height: 50px;
line-height: 50px;
margin-right: 10px;
text-align: center;
width: 50px;
}
.faq-content.style2 .accordion .accordion-button i {
background-color: transparent;
height: auto;
padding: 0 10px;
width: auto;
}
.faq-content .accordion-item {
border: none;
}
.faq-content .accordion-item .accordion-header {
border: medium none;
border-radius: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
}
.faq-content .accordion {
-webkit-box-shadow: none;
box-shadow: none;
}
.faq-content .accordion .accordion-button .icon-1 {
display: inline-block;
}
.faq-content .accordion .accordion-button .icon-2 {
display: none;
}
.faq-content .accordion .accordion-button.collapsed .icon-1 {
display: none;
}
.faq-content .accordion .accordion-button.collapsed .icon-2 {
display: inline-block;
}
.faq-content .accordion .accordion-button i {
background-color: #bbbbbb;
color: #ffffff;
height: 50px;
line-height: 50px;
margin-right: 10px;
text-align: center;
width: 50px;
}
.faq-content .accordion .panel-body {
padding-left: 60px;
}
.ulockd-faq-box .panel-body {
background: #f9f9f9 none repeat scroll 0 0;
padding: 20px 25px;
}
.ulockd-faq-box .panel .accordion-button a i {
background-color: #bbbbbb;
color: #ffffff;
height: 50px;
line-height: 50px;
margin-right: 10px;
text-align: center;
width: 50px;
}
/* Feature Sass */
.feature-box {
margin-bottom: 50px;
max-height: 220px;
overflow: hidden;
position: relative;
}
.feature-box .icon {
font-size: 24px;
color: #ffffff;
padding: 10px 15px 5px;
}
.feature-box .title {
position: absolute;
bottom: -100%;
width: 100%;
-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 .title.blue {
background-color: rgba(0, 66, 116, 0.9);
}
.feature-box:hover {
cursor: pointer;
}
.feature-box:hover .title {
bottom: 0;
}
.feature-box img {
height: 100%;
}
.feature-box h3 {
color: #ffffff;
margin-bottom: 5px;
margin-top: 10px;
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 {
height: 100%;
left: 0;
padding: 15px 25px 0px;
position: absolute;
right: 0;
top: 0%;
width: 100%;
-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.blue {
background-color: rgba(0, 66, 116, 0.9);
}
.feature-box .overlay span,
.feature-box .overlay p {
color: #ffffff;
}
.feature-box .overlay h3 {
margin-top: 0;
}
.feature-box:hover .overlay {
top: -100%;
}
.icon-box {
border-radius: 0 45px 0;
font-family: "Lato", sans-serif;
/*margin-bottom: 50px;*/
padding: 20px 30px;
position: relative;
height: 100%;
}
.icon-box.icon-left .icon {
float: left;
margin-top: -30px;
}
.icon-box.icon-left .details {
display: table;
padding: 15px;
}
.icon-box .icon {
font-size: 70px;
}
.icon-box h3 {
margin-top: 0;
}
.icon-box h4 {
margin-top: 0;
font-size: 20px;
-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.style2 {
background-color: #ffffff;
-webkit-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.2);
-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;
padding: 30px;
}
.icon-box.style2 .icon {
font-size: 48px;
}
.icon-box.style3 {
background-color: #ffffff;
-webkit-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.2);
-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;
padding: 30px;
}
.icon-box.style3 h3 {
margin-top: 10px;
}
.icon-box.style3 .icon {
font-size: 48px;
}
.icon-box:hover.style2, .icon-box:hover.style3 {
box-shadow: none;
}
.feature-box2 {
border-radius: 5px 45px;
padding: 30px 25px;
position: relative;
z-index: 1;
height: 100%;
}
.feature-box2 .icon {
font-size: 30px;
text-align: center;
}
.feature-box2 h3 {
color: #ffffff;
margin-top: 0;
}
.feature-box2 p {
color: #ffffff;
margin-bottom: 22px;
}
.feature-box2 .list-group li {
border-bottom: 1px solid #ffffff;
color: #ffffff;
line-height: 30px;
padding: 7px;
}
.feature-box2 .lead {
margin-bottom: 19px;
}
.img-icon-box .thumb img {
border-radius: 0 45px;
}
.img-icon-box .details .icon {
background-color: #ffffff;
font-size: 30px;
padding: 10px;
}
/* Font Icons Sass */
.social-linked {
position: relative;
}
.social-linked li {
padding: 0;
}
.social-linked a {
border: 1px solid #DCDCDC;
color: #434343;
font-size: 14px;
padding: 5px 9px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-linked a:hover {
color: #ffffff;
}
.social-linked-two {
position: relative;
}
.social-linked-two li {
padding: 0;
}
.social-linked-two a {
border: 1px solid #ffffff;
color: #ffffff;
font-size: 14px;
padding: 5px 9px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social_icons li {
padding: 0;
text-align: center;
}
.social_icons li a {
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
width: 30px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social_icons.icon_sm li a {
font-size: 12px;
height: 25px;
line-height: 25px;
width: 25px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social_icons.icon_md li a {
font-size: 16px;
height: 35px;
line-height: 35px;
width: 35px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social_icons.icon_lg li a {
font-size: 18px;
height: 40px;
line-height: 40px;
width: 40px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.social_icons.icon_lg li a {
font-size: 20px;
height: 45px;
line-height: 45px;
width: 45px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer-font-icon li {
padding-right: 0;
}
.footer-font-icon a {
border: 1px solid;
color: #ffffff;
display: block;
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-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;
}
.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;
font-size: 80%;
}
.icon_moon {
padding: 10px 0px;
}
.icon_moon span {
font-size: 40px;
}
.elegant-icon-box1 {
font-size: 16px;
display: inline-block;
width: 11em;
padding: 0.25em 0.5em;
margin: 20px 10px 0 0;
}
.elegant-icon-box1 span {
color: #111111;
}
.font-icon-diamond {
margin-top: 15px;
}
.font-icon-diamond li {
background-color: #fff;
height: 30px;
margin-right: 10px;
text-align: center;
width: 30px;
}
.font-icon-diamond li a {
line-height: 30px;
}
/* Forms Sass */
.course-search .form-group {
margin-bottom: 0;
}
.course-search .form-control {
border-radius: 0;
box-shadow: none;
font-size: 16px;
height: 45px;
}
.course-search button.btn {
height: 45px;
}
.course-search select {
color: #ffffff;
text-align: center;
}
.course-search select.study_level option,
.course-search select.course_length option {
font-size: 16px;
height: 24px;
padding: 0;
}
.course-search p {
margin-bottom: 0;
}
.search-box {
background-color: #f5f5f5;
-webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
padding: 25px 0;
position: relative;
z-index: 999;
}
.appointment_form {
background-color: #f3f3f3;
padding: 15px 35px;
}
.appointment_form input {
border-radius: 0;
box-shadow: none;
height: 40px;
}
.appointment_form.style2 {
background-color: #ffffff;
padding: 10px 15px 30px;
}
.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_home {
border: 3px solid #f9f9f9;
padding: 15px;
}
.form_control {
border: 1px solid #EAEAEA;
border-radius: 0;
box-shadow: none;
height: 45px;
}
.form_control:focus{
outline: none;
box-shadow: none;
}
.booking_form {
background-color: #f5f5f5;
border-radius: 5px;
padding: 30px;
}
.booking_form.home_style {
background-color: rgba(255, 255, 255, 0.6);
padding: 25px 15px;
}
.booking_select,
.booking_form input {
border-radius: 0;
box-shadow: none;
height: 55px;
line-height: 50px;
padding: 0 0 0 20px;
}
.booking_form.style2 {
padding: 15px 20px;
}
.booking_form .booking_form_control {
border-radius: 0;
height: 55px;
padding-left: 20px;
}
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;
}
.form-control:focus{
	box-shadow: none;
	outline: none;
}
.signup_form {
background-color: #ffffff;
padding: 10px 25px 20px;
}
.signup_form .form-group {
position: relative;
margin-top: 35px;
}
.signup_form .form-control {
border: none;
display: block;
height: 36px;
box-shadow: none;
border-bottom: 1px solid #D3D3D3;
}
.signup_form .form-control:focus {
border-bottom: 2px solid #28B928;
outline: none;
box-shadow: none;
}
.signup_form .float-label {
color: #999999;
font-size: 16px;
font-weight: 300;
left: 0;
position: absolute;
top: 10px;
transition: 0.2s ease all;
-moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all;
}
.signup_form input[type=checkbox] {
display: none;
visibility: hidden;
}
.signup_form input[type=checkbox] + label {
cursor: pointer;
font-size: 15px;
font-weight: 500;
transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.signup_form input[type=checkbox] + label:before {
border: 2px solid #5a5a5a;
border-radius: 2px;
content: "";
display: inline-block;
height: 18px;
margin: 0 15px 3px 0px;
vertical-align: middle;
width: 18px;
}
.signup_form input[type=checkbox]:checked + label:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K");
background-color: #28B928;
border-color: #28B928;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: 11px auto;
-moz-background-size: 11px auto;
-o-background-size: 11px auto;
background-size: 11px auto;
}
.signup_form button[type=submit] {
border-radius: 3px;
border: 0;
cursor: pointer;
background: #28B928;
color: #ffffff;
float: right;
position: relative;
}
.signup_form [ripple] {
position: relative;
overflow: hidden;
-webkit-transition: box-shadow 0.4s;
-moz-transition: box-shadow 0.4s;
-ms-transition: box-shadow 0.4s;
-o-transition: box-shadow 0.4s;
transition: box-shadow 0.4s;
cursor: inherit;
}
.signup_form [ripple] .touch {
pointer-events: none;
border-radius: 100%;
}
.signup_form .form-control:focus ~ .float-label,
.signup_form .form-control:valid ~ .float-label {
top: -15px;
font-size: 12px;
}
#name-error,
#email-error,
#subject-error,
#phone-error,
#datepicker-error,
#subject-error,
#message-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
padding: 3px 10px;
}
/* Funfact */
.funfact-one{
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 25px 30px 15px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;}
.funfact-one:hover{
  -webkit-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
  -moz-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
  -o-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
  box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);}
.funfact-one:before,
.testimonial-hone4:before {
bottom: 0;
content: "";
height: 3px;
position: absolute;
left: 50%;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.funfact-one:hover:before,
.testimonial-hone4:hover:before {
left: 0;
width: 100%;
}
.funfact-one span{
font-size: 48px;}
.funfact-one p{
font-size: 18px;margin-bottom: 0;}
.funfact-one .timer{
  color: #333333;
font-size: 30px;
font-weight: 700;}
.ulockd-ffact-one {
border-right: 1px solid #ffffff;
position: relative;
}
.ulockd-ffact-one span {
color: #ffffff;
font-size: 48px;
}
.ulockd-ffact-one p {
font-size: 18px;
margin-bottom: 0;
text-transform: capitalize;
}
.ulockd-ffact-one .timer {
color: #ffffff;
font-size: 30px;
font-weight: 700;
}
.ulockd-ffact-two{
position: relative;
}
.ulockd-ffact-two span {
font-size: 60px;
}
.ulockd-ffact-two p {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
text-transform: capitalize;
}
.ulockd-ffact-two .timer {
font-family: "serif";
font-size: 48px;
font-weight: 700;
margin-bottom: 10px;
}
.ulockd-ffact-two .timer:before {
background-color: #ffffff;
bottom: 35%;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 50px;
}
/* Mainchimp Sass */
.mailchimp {
width: 75%;
}
.mailchimp input {
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 0;
height: auto;
}
.mailchimp.style2 input {
border: 1px solid #eaeaea;
}
.mailchimp button {
background-color: #A3A3A3;
border-radius: 0;
color: #ffffff;
padding-left: 15px;
padding-right: 15px;
}
.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-divider-thumb {
background-color: #ffffff;
padding: 5px;
}
.ulockd-divider-thumb:hover img {
cursor: pointer;
}
.office-location h3 {
margin-top: 0;
}
.office-location li a {
font-size: 16px;
line-height: 24px;
}
/* Pricing Table Sass */
.pricing {
background-color: #f7f7f7;
}
.pricing-table {
background-color: #ffffff;
border: 1px solid #eaeaea;
border-radius: 5px;
margin-bottom: 30px;
padding: 15px 25px;
height: 100%;
position: relative;
}
.pricing-table:hover {
cursor: pointer;
}
.pricing-table .price-type {
margin-bottom: 0;
}
.pricing-table .price-type,
.pricing-table .price {
font-weight: 300;
}
.pricing-table .table-list {
list-style: outside none none;
padding: 0;
}
.pricing-table .table-list li {
border-bottom: 1px solid #D3D3D3;
margin: 5px 0;
}
.pricing-table .table-list li:before {
border: none;
content: "";
display: inline-block;
font-family: "Font Awesome 6 Pro";
font-size: 18px;
margin-right: 10px;
padding: 0;
}
.ulocked-pricing-header {
padding-top: 25px;
position: relative;
}
.ulocked-pricing-header .title sup {
font-size: 30px;
}
.ulocked-pricing-header h2{
	font-size: 20px;
}
.ulocked-pricing-header p{
	font-weight: 600;
}
.ulocked-pricing-tag {
border-radius: 5%;
padding: 10px 20px;
position: absolute;
top: -40px;
background-image: linear-gradient(45deg, #34acb1, #1d8a8f);
}
.ulocked-pricing-details.package-scrollbar ul{
    display: block;
    width: auto;
    overflow: auto;
    height: 300px;
    padding-right: 1em;
	margin-bottom: 35px;
  }
  .package-scrollbar ul::-webkit-scrollbar {
	width: 3px;
	border-radius: 2px;
	height: 8px;
	background-color: #ddd; /* or add it to the track */
  }
  
  /* Add a thumb */
  .package-scrollbar ul::-webkit-scrollbar-thumb {
	background: #aaa;
  }
  .package-comparison-table{

  }
  .package-comparison-table table{
	
  }
  .package-comparison-table table th{
    background: #013365;
    color: #fff;
    font-weight: 500;
    border: 1px solid #d1cfcf !important;
    text-align: center;
	
  }
  .package-comparison-table table td{
    text-align: center;
    color: #222;
    background: #f3fdfd;
    font-weight: 600;
    border: 1px solid #d1cfcf;
	vertical-align: middle;
	
  }
.ulocked-pricing-tag span {
color: #ffffff;
font-size: 22px;
line-height: 1.2em;
}
.ulocked-pricing-details ul li {
border-bottom: 1px dashed #222222;
padding: 8px;
color: #555;
}
.ulocked-pricing-details ul li:hover a {
color: #222222;
}
.ulocked-pricing-details ul li:first-child {
border-top: 1px dashed #222222;
margin-top: 20px;
}
.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: 12px;
}
.pricing_table {
text-align: center;
position: relative;
}
.pricing_table .pricing_table_header {
border-radius: 0 60px 0 0;
overflow: hidden;
padding: 30px 0;
}
.pricing_table .pricing_table_header .title {
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricing_table .pricing_table_header .price-value {
color: #ffffff;
display: block;
font-size: 35px;
font-weight: 700;
margin: 0;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricing_table .pricing_table_header .price-value .month {
display: block;
font-size: 13px;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
}
.pricing_table .pricing-content {
border-left: 1px solid #f2f2f2;
position: relative;
}
.pricing_table .pricing-content ul {
padding: 0;
margin: 0;
list-style: none;
background: #ffffff;
}
.pricing_table .pricing-content ul li {
display: block;
font-size: 15px;
color: #333333;
line-height: 23px;
padding: 11px 0;
border-bottom: 1px solid #f2f2f2;
}
.pricing_table .pricing-content .pricing_table_signup {
background: #ffffff;
border-bottom: 1px solid #f2f2f2;
border-radius: 0 0 0 60px;
padding: 20px 0;
}
.pricing_table .pricing-content .pricing_table_signup a {
display: inline-block;
padding: 9px 20px;
font-weight: 700;
color: #555555;
text-transform: uppercase;
border: 1px solid #555555;
background: #ffffff;
transition: all 0.4s ease 0s;
}
.pricing_table .pricing-content .pricing_table_signup a:hover {
background: #004274 !important;
color: #ffffff;
}
.pricing_table .pricing-content .pricing_table_signup a i {
padding-left: 5px;
}
.pricing_table:hover .pricing_table_header,
.pricing_table:hover .title,
.pricing_table:hover .price-value {
background: #004274 !important;
}
.pricingTable {
text-align: center;
position: relative;
}
.pricingTable .pricingTable-header:after {
content: "";
height: 25.8%;
position: absolute;
right: 0;
top: -1px;
transform: skewY(45deg) translateY(18px);
width: 36px;
z-index: 2;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricingTable .title {
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 30px;
padding: 15px 0 0;
margin: 0 35px 0 0;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricingTable .price-value {
color: #ffffff;
display: block;
font-size: 35px;
font-weight: 700;
margin: 0 35px 0 0;
padding: 5px 0 10px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricingTable .month {
display: block;
font-size: 13px;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
}
.pricingTable .pricing-content {
border-left: 1px solid #f2f2f2;
position: relative;
}
.pricingTable .pricing-content:after {
content: "";
width: 35px;
height: 100%;
background: #f8f8f8;
box-shadow: 9px 9px 20px #DCDCDC;
position: absolute;
top: 0;
right: 0;
z-index: 1;
transform: skewY(-45deg) translateY(-18px);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.pricingTable .pricing-content ul {
padding: 0;
margin: 0 35px 0 0;
list-style: none;
background: #ffffff;
}
.pricingTable .pricing-content ul li {
display: block;
font-size: 15px;
color: #333333;
line-height: 23px;
padding: 11px 0;
border-bottom: 1px solid #f2f2f2;
}
.pricingTable .pricingTable-signup {
background: #ffffff;
padding: 20px 0;
margin-right: 35px;
border-bottom: 1px solid #f2f2f2;
}
.pricingTable .pricingTable-signup a {
display: inline-block;
padding: 9px 20px;
font-weight: 700;
color: #555555;
text-transform: uppercase;
border: 1px solid #555555;
background: #ffffff;
transition: all 0.4s ease 0s;
}
.pricingTable .pricingTable-signup a:hover {
color: #ffffff;
}
.pricingTable .pricingTable-signup a i {
padding-left: 5px;
}
.pricingTable:hover .pricingTable-header:after,
.pricingTable:hover .title,
.pricingTable:hover .price-value {
background: #004274 !important;
}
/* 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;
}
.progress-levels .progress-box .bar .bar-innner {
height: 8px;
left: 0px;
position: relative;
top: 0px;
width: 100%;
}
.progress-levels .progress-box .bar .bar-fill {
border-radius: 2px;
height: 8px;
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;
}
#graph-wrapper button {
color: #ffffff;
}
.legend-of-0 .rect-of-0,
text.legend-of-0,
.legend-of-1 {
display: none;
}
#particles-js {
width: 100%;
height: 1080px;
background-color: #b61924;
background-image: url("");
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#particles2-effect {
width: 100%;
}
#particles2-effect canvas {
height: 880px;
}
/* Testimonials Sass */
.ulockd-testimonial {
background-color: #ffffff;
}
.testimonial-grid {
background-color: #ffffff;
border: 1px solid #eeeeee;
border-radius: 0 45px 0;
padding: 10px 20px;
position: relative;
-webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.testimonial-grid:hover {
cursor: pointer;
box-shadow: none;
}
.testimonial-grid img {
display: inline-block;
margin-bottom: 0;
}
.ulockd-testimonials {
background-color: #ffffff;
border: 1px solid #eeeeee;
border-radius: 0 45px 0;
padding: 30px;
position: relative;
-webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ulockd-testimonials:hover {
cursor: pointer;
box-shadow: none;
}
.ulockd-testimonials .testi-thumb img {
border: 1px solid #eeeeee;
border-radius: 0 20px;
height: 70px;
margin: -50px auto 0;
width: 70px;
}
.ulockd-testimonials .testi-thumb ul li {
padding: 0;
}
.ulockd-testimonials p {
margin-bottom: 20px;
text-transform: capitalize;
}
.ulockd-testimonials.style2 {
background-color: #ffffff;
margin-top: 25px;
}
.testimonial-col {
position: relative;
}
.testimonial-col .content {
padding: 30px;
}
.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;
}
.testimonial_slider_home1 .owl-dots{
text-align: center;
}
.testimonial_slider_home1 .owl-dots,
.pagi_bottom_center .owl-dots{
margin-top: 15px;
text-align: center;
}
.owl-carousel.owl-theme .owl-dots button.owl-dot{
background-color: transparent;
}
.testimonial_slider_home1 button.owl-dot span{
background: #D6D6D6;
border-radius: 30px;
display: block;
height: 10px;
margin: 0;
width: 50px;
}
.testimonial-hone4{
position: relative;
}
.testimonial-hone4 {
background-color: #ffffff;
outline: 1px solid #dedede;
border-radius: 8px;
margin-bottom: 30px;
padding: 40px 45px 45px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media (max-width: 991.98px) {
.testimonial-hone4 {
padding: 40px 30px 35px;
}
}
.testimonial-hone4 .icon {
color: #F7F7F7;
font-size: 100px;
line-height: initial;
position: absolute;
right: 60px;
top: 15px;
}
.testimonial-hone4 .text {
font-size: 15px;
}
/* Widget Sass */
#calendar {
max-width: 900px;
margin: 0 auto;
}
.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,
.ulockd-footer-lnews,
.ulockd-footer-qlink,
.flickr-widget,
.ulockd-footer-newsletter,
.footer-fst-col,
.footer-qlink,
.footer-contact,
.footer-twitter{
margin-bottom: 30px;
}
.ulockd-footer-widget li a {
color: #898989;
letter-spacing: 1px;
}
.flickr-widget li {
padding: 0;
}
.flickr-widget li .thumb {
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.flickr-widget li .thumb .overlay {
content: "";
height: 100%;
left: 0;
position: absolute;
text-align: center;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
top: 0;
width: 100%;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.flickr-widget li .thumb .overlay span {
color: #ffffff;
font-size: 20px;
left: 0;
position: absolute;
right: 0;
top: 35%;
}
.flickr-widget li .thumb:hover .overlay {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.flickr-widget .thumbnail {
margin-bottom: 0;
}
.flickr-widget h3 {
color: #ffffff;
font-weight: bold;
margin-top: 0;
}
.footer-flickr h3 {
color: #ffffff;
font-weight: bold;
margin-bottom: 30px;
}
.ulockd-flickr-widget li {
margin-bottom: 6px;
margin-right: -5px;
}
.footer-twitter .title,
.footer-twitter .title a{
color: #333;
}
.footer-twitter p{
color: #777;
}
.ulockd-footer-twitter h3 {
color: #ffffff;
font-weight: bold;
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: #999999;
}
.twitter.style2 ul li {
color: #222222;
margin-bottom: 20px;
}
.twitter.style2 ul li a {
margin-bottom: 20px;
}
.font-icon-social {
margin-top: 15px;
}
.twitter-widget h3,
.tag-widget h3,
.news-widget h3,
.link-widget h3,
.widget-about h3 {
color: #ffffff;
margin-bottom: 20px;
margin-top: 0;
}
.mail-widget h3,
.call-widget h3,
.location-widget h3 {
color: #ffffff;
}
.mail-widget .icon,
.call-widget .icon,
.location-widget .icon {
color: #bbbbbb;
font-size: 40px;
margin-bottom: 15px;
}
.widget-about p {
color: #898989;
}
.tag-widget li {
border: 1px solid #606060;
padding: 3px 10px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-bottom: 5px;
}
.tag-widget li:hover a,
.ulockd-ip-tag .tag-widget li:hover a {
color: #ffffff;
}
.link-widget li {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.link-widget li:hover a {
color: #ffffff;
}
.tag-widget li a,
.link-widget li a {
color: #898989;
}
.ulockd-ip-tag .tag-widget li a{
color: #777777;
}
.video_popup_icon {
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  height: 70px;
  line-height: 81px;
  margin: 0 auto;
  position: absolute;
  right: 20%;
  text-align: center;
  top: 10%;
  width: 70px;
  z-index: 99;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.video_popup_btn i {
color: #fff;
font-size: 40px;
}
.video_popup_icon:after {
  background-color: rgba(17,192,180, 0.8);
  border-radius: 100%;
  content: "";
  height: 90px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 90px;
  z-index: -1;
  box-shadow: 0 0 0 0 rgb(0 139 139 / 10%);
  animation: pulse-darkcyan 2s infinite;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}
@keyframes pulse-darkcyan {
0% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(17,192,180, 0.8);
} 
70% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(17,192,180, 0);
} 
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(17,192,180, 0);
}
}
/*# sourceMappingURL=style.css.map */
.department-tabs .nav-pills .nav-link{
background-color: #f3f4f5;
border-right: 1px solid #FFFFFF;
border-radius: 0;
color: #333;
display: flex;
align-items: center;
font-weight: bold;
padding: 20px 30px;
}
.department-tabs .nav-pills .nav-link span{
	font-weight: normal;
}
.department-tabs .nav-pills .nav-item:last-child .nav-link{
border-right: none;
}
.department-tabs .nav-pills .nav-link.active{
color: #fff;
}
.department-wrapper{
	background-color: #fff;
	border-radius: 10px;
	margin-top: -150px;
	position: relative;
	-webkit-box-shadow: 0px 10px 50px rgba(4, 30, 66, 0.05);
	-moz-box-shadow: 0px 10px 50px rgba(4, 30, 66, 0.05);
	-o-box-shadow: 0px 10px 50px rgba(4, 30, 66, 0.05);
	box-shadow: 0px 10px 50px rgba(4, 30, 66, 0.05);
}
.service-style1{
	background-color: #fff;
	border-radius: 8px;
	padding: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service-style1 .wrapper{
	z-index: 1;
}
.service-style1:hover .icon span,
.service-style1:hover .title,
.service-style1:hover p,
.service-style1:hover a{
	color: #fff !important;
}
.service-style1:before{
	background-color: rgba(0, 179, 255, .8);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service-style1:after{
	background-image: url(../images/service/2.jpg);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service-style1:hover:before,
.service-style1:hover:after{
	opacity: 1;
}
.service-style1 .icon{
	font-size: 40px;
}
/* Home 4 Main Slider Item With Dots(Thumb), Nav(Counter) Start */
.banner-wrapper {
position: relative;
width: 100%;
}
.banner-wrapper .owl-theme .owl-dots {
bottom: 85px;
left: 47%;
margin: 0;
position: absolute;
max-width: 1200px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 100%;
z-index: 999;
transform: translateX(-50%);
}
.banner-wrapper .owl-dots .owl-dot {
position: relative;
z-index: 991;
}
.banner-wrapper .owl-dots .owl-dot span {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
border-radius: 0;
border: 2px solid #fff;
display: block;
height: 90px;
margin: 0;
opacity: 1;
width: 120px;
transition: all .4s ease;
}
.banner-wrapper .owl-dots .owl-dot span:hover{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.banner-wrapper .owl-dots .owl-dot+.owl-dot {
margin-left: 7px;
}
.banner-wrapper .owl-dots .owl-dot.active span {
background-color: transparent;
background-size: cover;
border: 5px solid #fff;
opacity: 1;
}
.banner-wrapper .owl-carousel .owl-item img {
width: auto;
}
.banner-wrapper .carousel-control-block {
align-items: center;
bottom: 20px;
background-color: #fff;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 236px;
padding: 25px 40px;
position: absolute;
right: 20px;
width: 100%;
z-index: 999;
}
.banner-wrapper .carousel-btn-block {
border-left: 1px solid #d9d9d9;
display: flex;
flex-direction: column;
padding-left: 25px;
}
.banner-wrapper .carousel-btn-block span {
color: #848484;
cursor: pointer;
font-size: 30px;
line-height: .6em;
}
.banner-wrapper .carousel-btn-block span + span {
margin-top: 7px;
}
.banner-wrapper .carousel-btn-block span i {
line-height: .5em;
}
.banner-wrapper .carousel-number-count {
align-items: center;
font-size: 19px;
font-weight: 400;
color:  #222222;
display: flex;
}
.banner-wrapper .carousel-number-count .sep{
margin-left: 10px;
margin-right: 10px;
}
.banner-wrapper .carousel-number-count .sep,
.banner-wrapper .carousel-number-count .current-number{
color: #8fd258;
font-size: 31px;
font-weight: 600;
}
.banner-slide {
align-items: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 960px;
}
@media only screen and (max-width: 1199px){
.banner-slide{
height: 860px;
}
}
@media only screen and (max-width: 991px){
.banner-slide{
height: 660px;
}
}
.sliding-item-title{
font-size: 70px;
font-weight: 700;
line-height: 1.3;
animation-duration: 2s;
animation-fill-mode: both;
backface-visibility: visible !important;
}
.sliding-item-prgrph{
color: rgba(255,255,255, 0.7);
font-size: 18px;
font-weight: 500;
line-height: 28px;
margin: 0;
margin-top: 20px;
margin-bottom: 30px;
animation-duration: 2s;
animation-fill-mode: both;
backface-visibility: visible !important;
}
.sliding-btn{
padding: 17px 43px;
animation-duration: 2s;
animation-fill-mode: both;
backface-visibility: visible !important;
}
.main-banner-one .container{
position: relative;
}
.main-banner-one .active .sliding-item-title{
animation-name: fadeInDown;
animation-delay: .5s;
}
.main-banner-one .active .sliding-item-prgrph{
animation-name: fadeInUp;
animation-delay: 1s;
}
.main-banner-one .active .sliding-btn{
animation-name: fadeInUp;
animation-delay: 1.5s;
}
.main-banner-one.owl-theme .owl-dots{
bottom: 20px;
}
.main-banner-one.owl-theme .owl-dots .owl-dot + .owl-dot{
margin-left: 10px;
}
@media only screen and (max-width: 1280px){
.main-banner-one.unlock-main-slider.owl-theme .owl-dots{
left: 52%
}
}
@media only screen and (max-width: 767px){
.main-banner-one.owl-theme .owl-dots .owl-dot + .owl-dot{
margin-left: 0;
}
.banner-wrapper.home5_style .owl-dots .owl-dot span{
height: 50px;
width: 60px;
}
.banner-wrapper .carousel-btn-block{
padding-left: 15px;
}
.banner-wrapper .carousel-number-count .sep,
.banner-wrapper .carousel-number-count .current-number,
.banner-wrapper .carousel-btn-block span{
	font-size: 20px;
}
.sliding-item-title{
font-size: 36px;
line-height: 1.4;
}
.banner-wrapper.home5_style .banner-slide{
height: 600px;
}
.banner-wrapper.home5_style .carousel-control-block{
max-width: 160px;
padding: 5px 15px;
}
}
@media only screen and (max-width: 500px){
.banner-wrapper.home5_style .banner-slide{
height: 600px;
}
.banner-wrapper.home5_style .carousel-control-block{
bottom: auto;
top: 20px
}
}
.about-box-home4,
.about-usbox{
margin-bottom: 30px;
position: relative;
}
.about-box-home4 .img1{
border-radius: 0px 0px 300px 0px;
-webkit-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
}
.about-box-home4 .img2 {
border: 15px solid #f6f3f5;
border-radius: 50% 50% 0 50%;
bottom: 0;
right: 5%;
position: absolute;
-webkit-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
-moz-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
-o-box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
box-shadow: 0px 12px 40px rgba(4, 30, 66, 0.05);
}
/* Home 4 Main Slider Item With Dots(Thumb), Nav(Counter) End */
.widget-sidebar .input-group .btn{
height: 55px;
}

.bg1{
	background-color: #01304e;
}

.sticky-container {
	/*background-color: #333;*/
	padding: 4px;
	margin: 3px;
	position: fixed;
	right: -90px;
	top: 28em;
	width: 134px;
	z-index: 999;
  
  }
  
  ul.sticky-top {
	margin-left: 0px;
  }
  
  .sticky-top li {
	list-style-type: none;
	background-color: #000;
	color: #efefef;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
	padding: 0px;
	margin: 5px 0px 1px 0px;
	padding-left: 0px;
	padding-top: 0px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
		filter: gray; 
		-webkit-filter: grayscale(100%); */
  
  }
  
  
  
  .sticky-top li a {
	color: green;
  }
  
  .sticky-top li a:hover {
	color: green;
  }
  
  .sticky-top li a i {
    font-size: 26px;
    line-height: 40px;
    color: #fff;
  }
  
  .sticky-top li img {
	float: left;
	/*margin: 5px 5px;
	margin-right: 10px;*/
  
  }
  
  .sticky-top li p {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 43px;
  
  }
  
  /** content **/
  
  @media (max-width: 767px) {
	.sticky-container {
    right: -90px;
    top: 24em;
	}

	.header-top {
		display: none;
	}

	.inner-conraimer-details h1 {
		display: none;
	}
   
  }

.appointment-fixed-btn {
    position: relative;
}

.book-now-btn-new {
    position: fixed;
    top: 35%;
    z-index: 111;
    right: -68px;
    rotate: -90deg;
}

#blinking-button{
}
@keyframes blink {
  0%, 100% {background-color:#000;}
  50% {background-color: #eb0924;}
}
#blinking-button {
  background-color: #eb0924;
  color: white;
  animation: blink 1.5s linear infinite;
}