/*-----------------------------------------------------------------------------------

    Template Name: HomeCleaner
    Template URI: http://lionsbite.co.uk
    Description: HomeCleaner - Cleaning Service Bootstrap 4 Template
    Author: LionsBite
    Author URI: http://lionsbite.co.uk
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
		1.2 Section Title
		1.3 Scrollup CSS
	2. Header Area CSS
	3.  Mainmenu
		3.2  Submenu
		3.3  Cart and Search
		3.4  Mini Cart CSS
	4.  Slider
		4.2  Home 1 First Slide
		4.3  Home 2 Second Slide
		4.4  Home 1 Third Slide
		4.5  Home 2 First Slide
		4.6  Home 2 Second Slide
		4.8  Home 3 Second Slide
	5.  Services
		5.2 Services Details
	6. Projects
		6.2 Project Details
	7.  Counterup
	8.  Testimonial
		8.2  FAQ
	9.  Brands
	10.  Pricing Table
		10.2  Pricing Table Style 2
	11. Sidebar Price Slider
	12.  Blog
		12.2  Blog Sidebar
		12.3  Blog Details
		12.4  Blog Comment
		12.5  Blog Comment Form
	13.  Pagination
	14.  Footer
		14.2  Footer Bottom
	15.  Address Area
	16.  Booking Area
	17.  About Area
	18.  CTA Area
	19.  Contact Area
	20.  Team Area
	21. 404 Message
	22.  Shop
	23. Product Details
		23.2 Product Quantity Changer
		23.3 Product Review
	24. Shopping Cart
	25. Checkout
	26. Coming Page
	27. Google Map
	28. Extra CSS
		28.2 Tab Customization

-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Poppins:300,400,500,600,700&display=swap');

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #767676;
    font-weight: normal;
    transition: .3s;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #343e51;
}

.container {
    padding: 0;
}

.container-fluid {
    max-width: 1800px;
}

/*----------------------------------------*/
/*  1.2  Section Title */
/*----------------------------------------*/
.section-title {
    font-size: 18px;
    color: #767676;
}

.section-title h2 {
    font-size: 36px;
    color: #3e4140;
    margin: 0 0 16px 0;
}

.section-title p {
    margin-bottom: 0;
}

/*----------------------------------------*/
/*  1.3  Scrollup CSS */
/*----------------------------------------*/
#scrollUp {
    font-size: 20px;
    transition: all .2s ease-in-out 0s;
    position: fixed;
    z-index: 99;
    bottom: 50px;
    right: 50px;
    display: inline-block;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 46px;
    border-radius: 3px;
    text-align: center;
    background: #3065b8;
}

/*----------------------------------------*/
/*  2.  Header Area CSS
/*----------------------------------------*/
.header-top-area {
    border-bottom: 1px solid #e5e5e5;
}

.header-top-area.style-2 {
    background-color: #1c2122;
}

.office-info {
    display: table;
    width: 100%;
}

.office-info i, .office-info ul {
    display: table-cell;
}

.office-info i {
    vertical-align: middle;
    color: #3065b8;
    font-size: 36px;
}

.open-hours i {
    padding-right: 12px;
}

.office-info ul {
}

.office-info ul li {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #3e4140;
    line-height: 1;
    white-space: nowrap;
}

.office-info ul li span {
    font-weight: normal;
    color: #3065b8;
    margin-bottom: 8px;
    display: block;
}

.welcome-msg p {
    margin: 0;
    color: #dddddd;
    line-height: 1;
    font-size: 14px;
}

/*----------------------------------------*/
/*  3.  Mainmenu
/*----------------------------------------*/
.mainmenu {
}

.mainmenu nav {
}

.mainmenu nav ul {
}

.mainmenu nav ul li {
    display: inline-block;
    position: relative;
}

.mainmenu nav ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1c2122;
    display: block;
    padding: 20px 0;
    margin-right: 30px;
}

.mainmenu nav ul li:last-child a {
    margin-right: 0;
}

.mainmenu nav ul li a:hover {
    color: #3065b8;
}

.stick {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
    animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
}

.header-area.stick {
    background-color: #fff;
    z-index: 9999;
}

.header-area.stick .row {
    height: 60px !important;
}

.mm-menu_offcanvas {
    z-index: 99999;
}

.header-bottom-area.stick .logo.ptb-20 {
    padding: 0;
}

/*----------------------------------------*/
/*  3.2  Submenu CSS
/*----------------------------------------*/
.mainmenu nav ul li .submenu {
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 270px;
    transition: .4s;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    padding-left: 0;
    border: 1px solid #e5e5e5;
}

.mainmenu nav ul li .submenu li {
    display: block;
    position: relative;
}

.mainmenu nav ul li .submenu li a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 8px 0 8px 30px;
    margin: 0;
    display: block;
    color: #343e51;
}

.mainmenu nav ul li .submenu li a:hover {
    color: #3065b8;
}

.mainmenu nav ul li .submenu li .sub-2 {
    top: 0;
    left: 100%;
    transform: scaleX(0);
    transform-origin: left;
    opacity: 0;
    visibility: hidden;
}

.mainmenu nav ul li .submenu li:hover .sub-2 {
    transform: scaleX(1);
    opacity: 1;
    visibility: visible;
}

.mainmenu nav ul li:hover .submenu, .mainmenu nav ul li:hover .mega-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}

.mainmenu-area.style-3 {
    position: relative;
}

.mainmenu-area.style-3 .container {
    background-color: #fcb700;
    padding: 0 30px;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    bottom: -30px;
    z-index: 99;
}

.mainmenu-area.style-3 .row {
    height: 60px;
}

.mainmenu-area.style-3.stick {
    position: fixed;
}

.mainmenu-area.style-3.stick .container {
    background-color: inherit;
    padding: inherit;
    position: unset;
    border-radius: unset;
    right: unset;
    margin: auto;
    bottom: unset;
    left: unset;
}

.mainmenu-area.style-3.stick .mainmenu nav ul li a {
    color: #343e51;
}

.mainmenu-area.style-3.stick .mainmenu nav ul li a:hover {
    color: #fcb700;
}

/*----------------------------------------*/
/*  3.3  Cart and Search
/*----------------------------------------*/
.cart-search {
}

.cart-search ul {
}

.cart-search > ul > li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

.cart-search > ul > li > a {
    color: #1c2122;
    display: block;
    padding: 20px 0;
}

.cart-search.style-2 > ul > li > a {
    padding: 47px 0;
}

.header-bottom-area.stick .cart-search.style-2 > ul > li > a {
    padding: 20px 0;
}

.cart-search ul li a i {
    font-size: 20px;
}

.cart-search ul li a span {
    background-color: #3065b8;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: -14px;
    top: -20px;
    margin: auto;
}

.cart-search ul li.mmenu-icon {
    display: none;
}

.search-box {
    background-color: #ffffff;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    padding: 25px 20px;
    width: 370px;
    height: 100px;
    display: none;
    border: 1px solid #e5e5e5;
}

.search-box input[type='text'] {
    background-color: #f3f4f7;
    border: 0;
    width: 330px;
    height: 50px;
    border-radius: 5px;
    padding-left: 20px;
}

.search-box button {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 0;
    right: 30px;
    line-height: 50px;
    z-index: 99;
    cursor: pointer;
    bottom: 0;
}

.search-box button i {
    color: #3e4140;
    font-size: 16px;
}

/*----------------------------------------*/
/*  3.4  Mini Cart CSS
/*----------------------------------------*/
.cart-dropdown {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    width: 370px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    padding: 30px;
    text-align: left;
    display: none;
}

.mini-cart ul {
    padding: 0;
}

.mini-cart ul li ul {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}

.cart-search ul li .cart-dropdown li {
    display: table;
    width: 100%;
    margin: 0 0 30px 0;
}

.cart-dropdown li div {
    display: table-cell;
    vertical-align: top;
}

.mini-cart-heading {
    padding-left: 30px;
}

.mini-cart-heading span {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #3065b8;
    font-weight: 600;
    display: block;
    margin-top: 16px;
}

.mini-cart-heading h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.mini-cart-heading h5 a {
    color: #3e4140;
}

.mini-cart-heading h5 a:hover {
    color: #3065b8;
}

.mini-cart-heading small {
    display: block;
    font-size: 14px;
    color: #767676;
}

.mini-cart-remove {
    padding-left: 15px;
}

.mini-cart-remove button {
    background-color: transparent;
    border: 0;
    font-size: 24px;
    color: #3e4140;
    cursor: pointer;
}

.mini-cart-remove button:hover {
    color: #3065b8;
}

.mini-cart-thumb {
    vertical-align: middle;
}

.cart-dropdown li img {
    width: 80px;
    height: 95px;
    border-radius: 5px;
}

.minicart-total {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.minicart-total ul li {
    margin: 0 !important;
}

.minicart-total ul li span {
    font-family: 'Poppins', sans-serif;
    color: #3e4140;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.minicart-total ul li span:last-child {
    float: right;
    color: #3065b8;
}

.mini-cart-checkout {
    margin-top: 12px;
}

.mini-cart-checkout a {
    min-width: 144.5px;
    height: 45px;
    color: #ffffff;
}

.mini-cart-checkout a.checkout {
    background-color: #1c2122;
    margin-left: 15px;
}

.mini-cart-checkout a.checkout:hover {
    background-color: #3065b8;
    border-color: #3065b8;
}

/*----------------------------------------*/
/*  4.  Slider
/*----------------------------------------*/
.slick-slider .slick-arrow {
    background: #ffffff;
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: #191919;
    transition: all .2s ease-in-out 0s;
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 9;
    border: none;
    cursor: pointer;
    box-shadow: -1px 2px 5px 2px rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.slick-slider .slick-arrow i {
    text-align: center;
}

.slick-slider .slick-arrow:hover {
    background-color: #3065b8;
    color: #ffffff;
}

.slick-prev {
    left: 40px;
}

.slick-prev:before, .slick-next:before {
    display: none;
}

/*----------------------------------------*/
/*  4.2  Home 1 First Slide
/*----------------------------------------*/
.slider-single.bg-1 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/1.jpg") repeat scroll center center / cover;
}

.slider-caption.round {
    position: relative;
}

.img-border {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    animation-fill-mode: both;
}

.slick-current .img-border {
    animation-name: fadeIn;
    animation-duration: .9s;
}

.inner-img {
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation-fill-mode: both;
}

.slick-current .inner-img {
    animation-name: zoomIn;
    animation-duration: 1s;
}

.slider-caption.round .slider-caption-text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 95%;
    height: 240px;
}

.slider-caption.round .slider-caption-text h5 {
    position: absolute;
    top: -17px;
    right: 29px;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 0 2px #b6b6b6;
    animation-fill-mode: both;
}

.slick-current .slider-caption.round .slider-caption-text h5 {
    animation-name: fadeInUp;
    animation-duration: 1s;
}

.slider-caption.round .slider-caption-text img {
    display: inline-block !important;
    margin-bottom: 20px;
    animation-fill-mode: both;
}

.slick-current .slider-caption.round .slider-caption-text img {
    animation-name: fadeInUp;
    animation-duration: 1.1s;
}

.slider-caption.round .slider-caption-text h2 {
    color: #ffffff;
    text-shadow: 0 4px #a0883e;
    font-size: 60px;
    line-height: 1;
    animation-fill-mode: both;
}

.slick-current .slider-caption.round .slider-caption-text h2 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
}

.slider-caption.round .slider-caption-text small {
    font-size: 32px;
}

.slider-caption.round .slider-caption-text h2 span {
    font-size: 48px;
}

.slider-caption.round .slider-caption-text .btn-common {
    background-color: #1c2122;
    min-width: 150px;
    animation-fill-mode: both;
}

.slick-current .slider-caption.round .slider-caption-text .btn-common {
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}

.slick-current .img-right {
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-duration: 1.4s;
}

/*----------------------------------------*/
/*  4.3  Home 2 Second Slide
/*----------------------------------------*/
.slider-single.bg-2 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/2.jpg") repeat scroll center center / cover;
}

.slider-caption.square {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/caption/box-home-page-1.png") repeat scroll center center / cover;
    text-align: center;
    padding: 56px 0;
    animation-fill-mode: both;
}

.slick-current .slider-caption.square {
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-duration: 1s;
}

.slider-caption.square h5 {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    animation-fill-mode: both;
}

.slick-current .slider-caption.square h5 {
    animation-name: zoomIn;
    animation-duration: 1s;
}

.slider-caption.square h5 span {
    font-weight: 600;
    color: #3065b8;
}

.slider-caption.square h2 {
    font-size: 50px;
    font-weight: 600;
    color: #3065b8;
    text-shadow: 0 4px #aac9fa;
    margin: 135px 0 0 0;
    animation-fill-mode: both;
}

.slick-current .slider-caption.square h2 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
}

.slider-caption.square h3 {
    font-size: 26px;
    font-weight: normal;
    color: #3065b8;
    animation-fill-mode: both;
}

.slick-current .slider-caption.square h3 {
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}

.slider-caption.square .btn-common {
    background-color: #1c2122;
    margin-top: 65px;
    animation-fill-mode: both;
    min-width: 150px;
}

.slick-current .slider-caption.square .btn-common {
    animation-name: fadeInUp;
    animation-duration: 1.4s;
}

/*----------------------------------------*/
/*  4.4  Home 1 Third Slide
/*----------------------------------------*/
.slider-single.bg-3 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/3.jpg") repeat scroll center center / cover;
}

.slider-caption.style-1 h3 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2;
    color: #3e4140;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-1 h3 {
    animation-name: fadeInUp;
    animation-duration: 1s;
}

.slider-caption.style-1 h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2;
    color: #3065b8;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-1 h2 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
}

.slick-current .slider-caption.style-1 p {
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}

.slider-caption.style-1 .btn-common {
    height: 50px;
    line-height: 50px;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-1 .btn-common {
    animation-name: fadeInUp;
    animation-duration: 1.4s;
}

/*----------------------------------------*/
/*  4.5  Home 2 First Slide
/*----------------------------------------*/
.slider-single.bg-4 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/4.jpg") repeat scroll center center / cover;
}

.slider-caption.style-2 h5 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-2 h5 {
    animation-name: fadeInUp;
    animation-duration: 1s;
}

.slider-caption.style-2 h2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 1;
    animation-fill-mode: both;
}

.slider-caption.style-2 h2 span {
    font-weight: 700;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-2 h2 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
}

.slider-caption.style-2 p {
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-2 p {
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}

.slider-caption.style-2 .btn-common {
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-2 .btn-common {
    animation-name: fadeInUp;
    animation-duration: 1.4s;
}

/*----------------------------------------*/
/*  4.6  Home 2 Second Slide
/*----------------------------------------*/
.slider-single.bg-5 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/5.jpg") repeat scroll center center / cover;
}

/*----------------------------------------*/
/*  4.7  Home 3 First Slide
/*----------------------------------------*/
.slider-single.bg-6 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/6.jpg") repeat scroll center center / cover;
}

.slider-caption.style-3 {
    background: rgba(0, 0, 0, 0) url(assets/images/banner/caption/3.png) repeat scroll center center / cover;
    display: inline-block;
    background-color: #ffffff;
    min-width: 424px;
    min-height: 435px;
    padding: 70px;
    border-radius: 11px;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-3 {
    animation-name: fadeInLeft;
    animation-duration: 1s;
}

.slider-caption.style-3 h2 {
    font-size: 54px;
    font-weight: 600;
    line-height: 64px;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-3 h2 {
    animation-name: fadeInUp;
    animation-duration: 1.1s;
}

.slider-caption.style-3 h2 span {
    color: #fcb700;
    font-weight: 700;
}

.slider-caption.style-3 p {
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-3 p {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
}

.slider-caption.style-3 .btn-common {
    color: #1c2122;
    animation-fill-mode: both;
}

.slick-current .slider-caption.style-3 .btn-common {
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}

/*----------------------------------------*/
/*  4.8  Home 3 Second Slide
/*----------------------------------------*/
.slider-single.bg-7 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/7.jpg") repeat scroll center center / cover;
}

.slider-caption.style-4 {
    background: rgba(0, 0, 0, 0) url(assets/images/banner/caption/4.png) repeat scroll center center / cover;
    min-width: 670px;
    min-height: 400px;
    padding: 60px 0;
    text-align: center;
}

.slider-caption.style-4 h2 {
    font-size: 48px;
    font-weight: 300;
}

.slider-caption.style-4 .btn-common.bg-1c2122 {
    background-color: #1c2122;
    color: #ffffff;
}

/*----------------------------------------*/
/*  5. Services
/*----------------------------------------*/
.service-single {
    font-size: 16px;
    color: #767676;
    margin-bottom: 30px;
}

.service-single img {
    border-radius: 3px 3px 0 0;
}

.service-single h4 {
    font-size: 22px;
    font-weight: 600;
    color: #3e4140;
}

.service-desc {
    background-color: #ffffff;
    padding: 24px 22px 24px 22px;
}

.service-single i {
    font-size: 48px;
    color: #3065b8;
    margin-bottom: 18px;
    display: inline-block;
}

.service-single.style-2 {
    color: #e2e2e2;
    padding-left: 60px;
    position: relative;
    margin-top: 20px;
}

.service-single.style-2 img {
    position: absolute;
    top: 0;
    left: 0;
}

.service-single.style-2 h4 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.service-single.style-3 {
    background-color: transparent;
    background-size: 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 50px 30px 15px 30px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
}

.service-single.style-3 img {
    display: inline-block;
    margin: auto;
}

.service-single.style-3:hover {
    color: #ffffff;
    border-color: #ffffff;
}

.service-single.style-3 img:last-child {
    display: none;
}

.service-single.style-3:hover img:first-child {
    display: none;
}

.service-single.style-3:hover img:last-child {
    display: inline-block;
}

.service-single.style-3:hover h4 {
    color: #ffffff;
}

.service-single.style-3::before {
    background-color: rgba(252, 183, 0, .90);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: "";
    z-index: 2;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
}

.service-single.style-3:hover::before {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.service-single.style-3::after {
    background: rgba(0, 0, 0, 0) url("assets/images/bg/services/1.jpg") repeat scroll center center / cover;
    background-color: rgba(252, 183, 0, .90);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}

.service-single.style-3:hover::after {
    opacity: 1;
    visibility: visible;
}

.service-thumb, .service-desc {
    position: relative;
    z-index: 2;
}

.service-single.style-3 .service-desc {
    background-color: transparent;
}

.service-single.style-4 {
    background-color: #ffffff;
    padding: 60px 0 35px 0;
}

.service-single.style-4 img {
    margin: auto;
    border-radius: 0;
}

.service-single .btn-common {
    background-color: #ffffff;
    min-width: 120px;
    height: 45px;
    line-height: 45px;
    margin-top: 3px;
    color: #3065b8;
}

.service-single:hover .btn-common {
    background-color: #3065b8;
    color: #ffffff;
}

/*----------------------------------------*/
/*  5.2 Services Details
/*----------------------------------------*/
.service-menu {
}

.service-menu ul {
}

.service-menu ul li {
    position: relative;
}

.service-menu ul li a {
    background-color: #f3f4f7;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #3e4140;
    padding: 15px 30px;
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
}

.service-menu ul li a::after {
    font-family: 'ElegantIcons';
    content: "\35";
    font-size: 18px;
    float: right;
}

.service-menu ul li a.active, .service-menu ul li a:hover {
    background-color: #3065b8;
    color: #ffffff;
}

.contact-info.style-2 {
    background-color: #3065b8;
    color: #ffffff;
}

.contact-info.style-2 h3 {
    color: #ffffff;
}

.contact-info.style-2 p {
    color: #ffffff;
}

.contact-info.style-2 ul {
}

.contact-info.style-2 ul li {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}

.contact-info.style-2 ul li:last-child {
    margin-bottom: 0;
}

.contact-info.style-2 ul li i {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 0;
}

.contact-info.style-2 .btn-common, .company-bouchure .btn-common {
    background-color: #ffffff;
    min-width: 100%;
    color: #1c2122;
}

.contact-info.style-2 .btn-common:hover {
    background-color: #2a579d;
    color: #ffffff;
}

.company-bouchure {
    background-color: #f3f4f7;
    padding: 40px 40px;
    border-radius: 5px;
}

.company-bouchure h3 {
    font-size: 24px;
    color: #3e4140;
    margin-bottom: 12px;
}

.service-details img {
    border-radius: 5px;
}

.company-bouchure .btn-common {
    background-color: #3065b8;
    color: #ffffff;
}

.company-bouchure .btn-common:hover {
    background-color: #2a579d;
}

.service-details h3 {
    font-size: 22px;
}

.service-details h6 {
    font-size: 16px;
    font-weight: normal;
}

.service-details blockquote {
    background-color: #f3f4f7;
    font-size: 18px;
    color: #3e4140;
    font-style: italic;
    padding: 40px 25px;
    line-height: 28px;
    border-left: 5px solid #3065b8;
    border-radius: 5px;
    position: relative;
}

.service-details blockquote::before {
    position: absolute;
    top: 30px;
    left: 50px;
    content: url("assets/images/services/details/quote.png");
    z-index: 1;
}

.service-details blockquote span {
    position: relative;
    z-index: 2;
}

/*----------------------------------------*/
/*  6. Projects
/*----------------------------------------*/
.projects-nav {
}

.projects-nav ul {
    border: 0;
    display: block;
}

.projects-nav ul li {
    margin-right: 10px;
    display: inline-block;
}

.projects-nav ul li a, .projects-nav.style-2 ul li {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 10px 20px;
    border-radius: 5px;
    color: #3e4140;
}

.projects-nav.style-2 ul li {
    display: inline-block;
    cursor: pointer;
}

.projects-nav ul li a.active, .projects-nav.style-2 ul li.active {
    background-color: #1c2122;
    color: #ffffff;
}

.project-single {
    position: relative;
    overflow: hidden;
}

.project-thumb {
    position: relative;
}

.project-thumb::before {
    background-color: rgba(0, 0, 0, .65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transform: scaleY(0);
    transform-origin: top;
    transition: .3s;
}

.project-single:hover .project-thumb::before {
    transform: scaleX(1);
}

.project-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 90px;
    text-align: center;
    margin-bottom: -40px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.project-single:hover .project-caption {
    bottom: 50%;
    opacity: 1;
    visibility: visible;
}

.project-caption small {
    font-size: 16px;
    color: #ffffff;
    display: block;
}

.project-caption .btn-common {
    min-width: 150px;
    height: 45px;
    line-height: 45px;
    margin-top: 15px;
}

.project-single.style-2 .project-caption {
    height: 60px;
    margin-bottom: -30px;
}

.project-caption .icon-plus {
    background-color: #3065b8;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-size: 36px;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    display: inline-block;
}

.project-title {
    margin-top: 15px;
}

.project-title small {
    font-size: 16px;
    color: #767676;
    margin: 0;
}

.project-title h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.project-title h4 a {
    color: #3e4140;
}

.project-title h4 a:hover {
    color: #3065b8;
}

.project-single.style-2 img {
    border-radius: 5px;
}

/*----------------------------------------*/
/*  6.2 Project Details
/*----------------------------------------*/
.project-details-carousel img {
    border-radius: 5px;
}

.project-details {
}

.project-details h4 {
    font-size: 22px;
    margin-bottom: 30px;
}

.project-info h4 {
    font-size: 22px;
}

.project-info table {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.project-info table tr {
}

.project-info table tr td {
    padding: 5px 0;
}

.project-info table tr td:first-child {
    color: #3e4140;
    width: 33%;
}

.project-info table tr td:last-child {
    width: 67%;
    float: right;
}

.project-info table tr:last-child td {
    padding-bottom: 15px;
}

.project-info .btn-common {
    min-width: 150px;
}

.project-info .social-icons a:hover {
    color: #3065b8;
}

/*----------------------------------------*/
/*  7.  Counterup
/*----------------------------------------*/
.counterup-area.bg-1 {
    background: rgba(0, 0, 0, 0) url("assets/images/bg/1.jpg") repeat scroll center center / cover;
}

.counterup-area.overlay::before {
    background-color: rgba(48, 101, 184, 0.80);
}

.counter-single {
}

.counter-single span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 1;
    color: #ffffff;
}

.counter-title {
    padding-left: 8px;
}

.counter-single h4 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #ffffff;
    margin: 15px 0 0 0;
}

/*----------------------------------------*/
/*  8.  Testimonial
/*----------------------------------------*/
.testimonial-single.style-1 .testimonial-thumb {
    position: relative;
    display: inline-block;
    margin-bottom: 33px;
}

.testimonial-single.style-1 img {
    display: inline-block;
}

.testimonial-items.slick-slider .slick-arrow {
    top: 18%;
}

.quote-icon {
    background-color: #3065b8;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonial-single.style-1 h5 {
}

.testimonial-single.style-2 {
    background-color: #f3f4f7;
    padding: 85px 39px 50px 39px;
    font-size: 16px;
    color: #767676;
    border-radius: 6px;
}

.testimonial-single.style-2 img {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    top: -60px;
    border: 5px solid #ffffff;
    left: 0;
    right: 0;
    margin: auto;
}

.testimonial-title {
    margin-bottom: 29px;
}

.testimonial-single h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #3e4140;
}

.testimonial-single small {
    font-size: 16px;
    color: #767676;
    font-style: italic;
}

.item-rating i {
    font-size: 16px;
    color: #fdc415;
    margin-right: 5px;
    display: inline-block;
}

.item-rating i:last-child {
    margin-right: 0;
}

.testimonial-single.style-3 {
    background: rgba(0, 0, 0, 0) url("assets/images/projects/details/testimonial.jpg") repeat scroll center center / cover;
    position: relative;
    color: #ffffff;
    font-size: 18px;
    border-radius: 5px;
    padding: 50px 100px;
}

.testimonial-single.style-3::before {
    background-color: rgba(48, 101, 184, .90);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    border-radius: 5px;
}

.testimonial-inner {
    position: relative;
    z-index: 2;
}

.testimonial-single.style-3 i {
    font-size: 72px;
}

.testimonial-single.style-3 h5 {
    color: #ffffff;
}

.two-col-testimonial .slick-list {
    padding: 55px 0 0 0;
}

/*----------------------------------------*/
/*  8.2  FAQ
/*----------------------------------------*/
.faq-area {
    background: #f3f4f7 url("assets/images/bg/4.jpg") repeat scroll center center / cover;
    background-repeat: no-repeat;
}

.single-faq {
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #f7f7f7;
    border: 1px solid #e9e9e9;
}

.faq-heading {
    background-color: #ffffff;
    border-bottom: 0;
    padding: 0 0 0 0;
    border-radius: 0;
}

.faq-heading h5 {
    font-size: 16px;
    font-weight: 500;
}

.faq-heading h5 a {
    color: #3e4140;
    padding: 16px 27px 16px 30px;
    display: block;
    text-align: left;
    white-space: unset;
    font-weight: 500;
    text-decoration: none;
}

.faq-heading h5 a:hover, .faq-heading h5 a:focus {
    text-decoration: none;
    color: #3e4140;
}

.faq-heading h5 a i {
    color: #fff;
    font-size: 18px;
    float: right;
}

.faq-heading h5 a[aria-expanded=true] .arrow_carrot-down,
.faq-heading h5 a[aria-expanded=false] .arrow_carrot-up {
    display: none;
}

.faq-heading h5 a[aria-expanded=false] .arrow_carrot-down {
    display: inline;
    color: #3e4140
}

.faq-heading h5 a[aria-expanded=false] {
    border-bottom: 0;
}

.single-faq .card-body {
    background-color: #3065b8;
    color: #fff;
    padding: 14px 20px 14px 30px;
}

a.btn.btn-link {
    border-radius: 0;
    border: 0;
}

a.btn.btn-link[aria-expanded=true] {
    background-color: #3065b8;
    color: #fff;
}

.faq-section {
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    padding: 40px 30px 25px 30px;
}

/*----------------------------------------*/
/*  9.  Brands
/*----------------------------------------*/
.brand-items {
}

.brand-items ul {
    margin-right: -25px;
}

.brand-items ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    max-width: 27.5%;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 29px;
}

.brand-items ul li img {
    width: 100%;
    display: inherit;
}

.brand-items .slick-dots {
    bottom: -15px;
}

/*----------------------------------------*/
/*  10.  Pricing Table
/*----------------------------------------*/
.calculate-form label {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #3e4140;
    margin-bottom: 19px;
    display: block;
}

.calculate-form select.form-control:not([size]):not([multiple]) {
    background-color: #ffffff;
}

.package-single {
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding: 45px 0 50px 0;
}

.package-single h4 {
    font-size: 18px;
    font-weight: 600;
    color: #3e4140;
    text-transform: uppercase;
    margin: 0;
}

.package-single h2 {
    font-size: 48px;
    font-weight: 600;
    color: #3065b8;
    margin: 0;
}

.package-single h5 {
    font-size: 16px;
    font-weight: 600;
    color: #3065b8;
    margin: 0;
}

.package-single ul {
    margin-top: 30px;
}

.package-single ul li {
    font-size: 16px;
    color: #767676;
    display: block;
    margin-bottom: 10px;
}

.package-single ul li:last-child {
    margin-bottom: 0;
}

.package-single .btn-common {
    margin-top: 35px;
    background-color: #f3f4f7;
    color: #3e4140;
}

.package-single .btn-common:hover {
    background-color: #3065b8;
    color: #ffffff;
}

/*----------------------------------------*/
/*  10.2  Pricing Table Style 2
/*----------------------------------------*/
.package-single.style-2 {
    border: 2px solid #e5e5e5;
}

.package-single.style-2:hover {
    border-color: #3065b8;
}

/*----------------------------------------*/
/*  11. Sidebar Price Slider
/*----------------------------------------*/
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background-color: #ffffff;
    border: medium none;
    border-radius: 0;
    height: 12px;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    border-radius: 100%;
    height: 30px;
    top: -10px;
    width: 30px;
    background-color: #ffffff;
    border: 1px solid #3065b8;
}

.price_filter .ui-slider-handle.ui-state-default.ui-corner-all::after {
    background-color: #3065b8;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.price_filter .ui-slider-range {
    background: #3065b8;
    height: 12px;
}

.price_slider_amount {
    margin: 30px 0 25px 0;
}

.price_slider_amount input[type="text"] {
    border: 0 none;
    font-size: 18px;
    font-weight: normal;
    color: #3e4140;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    text-align: center;
    line-height: 50px;
}

.price_slider_amount > input[type="submit"] {
    height: 40px;
    width: 85px;
    float: left;
}

.price_slider_amount button {
    background-color: #3065b8;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    border: 0;
    border-radius: 3px;
    width: 85px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    float: right;
    transition: .3s;
}

.price_slider_amount button:hover {
    background-color: #529e2f;
}

/*----------------------------------------*/
/*  12.  Blog
/*----------------------------------------*/
.blog-single {
    position: relative;
    margin-bottom: 60px;
}

.blog-thumb img {
    border-radius: 5px;
}

.blog-desc {
    margin-top: 15px;
    font-size: 16px;
    color: #767676;
    line-height: 26px;
}

.blog-desc small {
    font-size: 16px;
    color: #767676;
    font-style: italic;
    display: block;
    margin-bottom: 3px;
}

.blog-desc h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 15px;
}

.blog-desc h4 a {
    color: #3e4140;
}

.blog-desc h4 a:hover {
    color: #3065b8;
}

.blog-desc p {
}

.blog-author {
    display: table;
}

.blog-author img, .blog-author small {
    display: table-cell;
    vertical-align: middle;
}

.blog-author img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.blog-author small {
    text-align: left;
    padding-left: 20px;
    color: #767676;
    font-size: 16px;
}

.blog-author strong {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #3e4140;
    font-style: normal;
    margin-left: 5px;
}

.blog-single.style-2 {
    background-color: #f3f4f7;
    border-radius: 5px;
}

.blog-single.style-2 .blog-desc {
    padding: 30px 20px 0 20px;
}

.blog-single.style-2 .blog-author {
    margin-top: 45px;
}

.blog-single.style-2 > .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
}

/*----------------------------------------*/
/*  12.2  Blog Sidebar
/*----------------------------------------*/
.site-sidebar {
    padding-right: 20px;
}

.sidebar-category {
}

.site-sidebar ul {
    margin-top: 25px;
}

.sidebar-category ul li {
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    color: #767676;

}

.sidebar-category ul li::before {
    font-family: 'ElegantIcons';
    content: "\35";
    position: absolute;
    left: 0;
    top: 0;
}

.sidebar-category ul li:last-child {
    margin-bottom: 0;
}

.site-sidebar ul li a {
    font-size: 16px;
    line-height: 30px;
    color: #767676;
    float: left;
}

.site-sidebar ul li a:hover {
    color: #3065b8;
}

.site-sidebar ul li span {
    float: right;
    color: #767676;
    font-size: 16px;
}

.sidebar-search {
    position: relative;
}

.sidebar-search input {
    background-color: #f3f4f7;
    border: 0;
    height: 50px;
    padding-left: 45px;
    border-radius: 5px;
    width: 100%;
}

.sidebar-search button {
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
}

.sidebar-search button i {
    font-size: 16px;
    color: #c0c0c0;
}

.popular-thumb {
    width: 80px;
    position: relative;
}

.popular-thumb img {
    border-radius: 5px;
}

.popular-posts ul li {
    margin-bottom: 30px;
}

.popular-posts ul li:last-child {
    margin-bottom: 0;
}

.popular-desc {
    vertical-align: top;
    padding-left: 20px;
}

.popular-desc h4 {
    font-size: 16px;
    line-height: 22px;
}

.popular-desc h4 a {
    color: #343e51;
}

.popular-desc h4 a:hover {
    color: #3065b8;
}

.popular-desc small {
    font-size: 16px;
    line-height: 1;
    color: #767676;
    font-style: italic;
}

.tags-list a {
    background-color: #f3f4f7;
    display: inline-block;
    font-size: 16px;
    color: #767676;
    font-weight: 500;
    padding: 10px 25px;
    margin: 4px 2px;
    border-radius: 5px;
}

.tags-list a:hover {
    background-color: #3065b8;
    color: #ffffff;
}

/*----------------------------------------*/
/*  12.3  Blog Details
/*----------------------------------------*/
.blog-details {
}

.blog-title {
    margin-bottom: 10px;
}

.blog-title h2 {
    font-size: 36px;
    margin: 0;
}

.blog-date-time ul {
}

.blog-date-time ul li {
    display: inline-block;
    color: #767676;
    font-style: italic;
    margin-right: 40px;
}

.blog-date-time ul li:last-child {
    margin-right: 0;
}

.blog-date-time ul li a {
    color: #3e4140;
    font-style: normal;
}

.blog-details img {
    border-radius: 5px;
}

.blog-details blockquote {
    font-size: 22px;
    line-height: 34px;
    color: #3e4140;
    position: relative;
    padding-left: 20px;
    margin: 47px 0 45px 0;
}

.blog-details blockquote::before {
    content: url(assets/images/icons/blog/quote.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.blog-details h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.blog-details blockquote strong {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #3065b8;
}

.icon-circle li {
    margin-bottom: 10px;
}

.icon-circle li::before {
    font-family: "ElegantIcons";
    content: "\5c";
    margin-right: 19px;
}

.tag-social {
    display: flex;
}

.blog-tags i {
    font-size: 18px;
    color: #3e4140;
    display: inline-block;
    margin-right: 20px;
}

.blog-tags a {
    color: #767676;
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
}

.blog-tags a:hover {
    color: #3065b8;
}

.author-bio {
    background-color: #f3f4f7;
    border-radius: 5px;
    display: flex;
    padding: 30px;
    align-items: center;
}

.author-thumb {
    flex: 0 0 100px;
    width: 100px;
    margin-right: 20px;
}

.author-desc h5 {
    font-size: 16px;
}

.author-desc h5 span {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #767676;
    display: inline-block;
    margin-left: 12px;
}

.author-desc p {
    margin: 0;
}

/*----------------------------------------*/
/*  12.4  Blog Comment
/*----------------------------------------*/
.blog-comments {
}

.blog-comments > h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.blog-comments ul {
}

.blog-comments ul li {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.blog-comments > ul > li {
    padding: 20px 0 40px 0;
}

.blog-comments ul li.has-reply {
    border: 0;
}

.blog-comments ul li.has-reply + li {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 55px;
}

.blog-comments ul li ul {
    margin: 35px 0 0 100px;
    overflow: hidden;
}

.blog-comments ul li ul li {
    padding: 40px 0 35px 0;
}

.comment-avatar {
    flex: 0 0 80px;
    max-width: 80px;
    height: 80px;
}

.comment-avatar img {
    border-radius: 100%;
    width: 100%;
}

.comment-desc {
    padding-left: 20px;
    flex: 0 0 86%;
    max-width: 86%;
}

.comment-name-date {
    display: flex;
    flex-wrap: wrap;
}

.comment-desc small {
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    color: #767676;
    text-align: right;
    flex: 0 0 50%;
    max-width: 100%;
}

.comment-desc h4 {
    font-size: 16px;
    color: #3e4140;
    margin-bottom: 4px;
    flex: 0 0 50%;
    max-width: 100%;
}

.comment-reaction {
}

.comment-reaction a {
    font-size: 16px;
    line-height: 1;
    color: #3e4140;
}

.comment-reaction a i {
    margin-right: 12px;
}

.comment-reaction a:hover {
    color: #3065b8;
}

/*----------------------------------------*/
/*  12.5  Blog Comment Form
/*----------------------------------------*/
.blog-comment-form textarea, .blog-comment-form input {
    background-color: #f3f4f7;
    border: 0;
}

.blog-comment-form textarea {
    height: 260px;
}

.blog-comment-form .form-control:focus {
    background-color: #f3f4f7;
}

/*----------------------------------------*/
/*  13.  Pagination
/*----------------------------------------*/
.site-pagination ul {
}

.site-pagination ul li {
    display: inline-block;
}

.site-pagination ul li a {
    color: #3e4140;
    display: block;
    font-size: 18px;
    height: 50px;
    letter-spacing: 0.68px;
    line-height: 48px;
    margin-right: 2px;
    text-align: center;
    width: 50px;
    text-transform: uppercase;
    transition: .3s;
    border-radius: 3px;
}

.site-pagination.style-3 ul li a {
    background: #f1f1f1;
}

.site-pagination.style-3 ul li a:hover {
    background: #3065b8;
    color: #fff;
}

.site-pagination.style-3 ul li.active a {
    background: #3065b8;
    color: #ffffff;
}

.site-pagination.style-3 ul li:nth-child(4) a {
    border: none;
    background: none;
}

.site-pagination.style-3 ul li a {
    margin: 5px;
}

.site-pagination.style-3 ul li:last-child a {
    border: none;
}

/*----------------------------------------*/
/*  14.  Footer
/*----------------------------------------*/
.footer-top-area {
    background-color: #1c2122;
    padding: 112px 0 120px 0;
}

.footer-widget h4 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.footer-widget p {
    color: #a3a1a1;
}

.office-adress ul {
}

.office-adress ul li {
    color: #a3a1a1;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding-left: 35px;
}

.office-adress ul li:last-child {
    margin-bottom: 0;
}

.office-adress ul li i {
    font-size: 20px;
    color: #eaeaea;
    position: absolute;
    top: 5px;
    left: 0;
}

.footer-widget ul {
}

.footer-widget ul li {
    display: block;
    margin-bottom: 10px;
}

.footer-widget ul li a {
    font-size: 16px;
    color: #eaeaea;
}

.footer-widget ul li a i {
    margin-right: 10px;
}

.latest-posts ul {
}

.latest-posts ul li {
}

.latest-posts ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #eaeaea;
    display: block;
}

.latest-posts ul li small {
    font-size: 16px;
    color: #a3a1a1;
    font-style: italic;
    display: block;
}

.subscribe-form {
}

.subscribe-form input {
    background-color: #3c4345;
    border: 0;
    height: 45px;
    border-radius: 5px;
    width: 100%;
    padding-left: 30px;
    color: #ffffff;
}

.subscribe-form button {
    border: 0;
    height: 45px;
    line-height: 45px;
    margin-top: 15px;
    min-width: 170px;
}

.subscribe-form.style-2 {
    display: flex;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .1);
}

.subscribe-form.style-2 input {
    background-color: #ffffff;
    border-radius: 5px 0 0 5px;
}

.subscribe-form.style-2 .btn-common {
    border-radius: 0 5px 5px 0;
    margin-top: 0;
}

/*----------------------------------------*/
/*  14.2  Footer Bottom
/*----------------------------------------*/
.footer-bottom {
    background-color: #0e1011;
}

.footer-bottom .row {
    height: 100px;
}

.copyright-text p {
    font-size: 16px;
    color: #a3a1a1;
    margin: 0;
}

.social-icons a {
    color: #a3a1a1;
    font-size: 18px;
    display: inline-block;
    margin-right: 15px;
}

.social-icons a:last-child {
    margin-right: 0;
}

.social-icons a:hover {
    color: #ffffff;
}

.social-icons.style-2 a {
    font-size: 12px;
    color: #dddddd;
    line-height: 1;
}

.social-icons.style-2 a:hover {
    color: #4fa65c;
}

.social-icons.style-3 a {
    background-color: #f3f4f7;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #767676;
}

.social-icons.style-3 a:hover {
    background-color: #3065b8;
    border-color: #3065b8;
    color: #ffffff;
}

.social-icons.style-4 a {
    background-color: transparent;
    border: 1px solid #3e4140;
    border-radius: 100%;
    color: #3e4140;
}

/*----------------------------------------*/
/*  15.  Address Area
/*----------------------------------------*/
.address-area .container {
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
}

.office-info.bg-1 {
    background: rgba(0, 0, 0, 0) url("assets/images/address/1.jpg") repeat scroll center center / cover;
}

.office-info.bg-2 {
    background: rgba(0, 0, 0, 0) url("assets/images/address/2.jpg") repeat scroll center center / cover;
}

.office-info.bg-3 {
    background: rgba(0, 0, 0, 0) url("assets/images/address/3.jpg") repeat scroll center center / cover;
}

.office-info.style-2 {
    position: relative;
    padding: 35px;
    border-radius: 3px;
}

.office-info.style-2 i {
    background-color: #ffffff;
    font-size: 28px;
    color: #3065b8;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
}

.office-info.style-2 ul {
    vertical-align: middle;
    padding-left: 15px;
}

.office-info.style-2 ul li, .office-info.style-2 ul li span {
    color: #ffffff;
}

.office-info.style-2::before {
    background-color: rgba(48, 101, 184, .95);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    border-radius: 3px;
}

.office-info-inner {
    position: relative;
    z-index: 2;
}

/*----------------------------------------*/
/*  16.  Booking Area
/*----------------------------------------*/
.booking-form input[type="text"] {
    height: 50px;
}

.booking-form label {
    background-color: #ffffff;
    display: block;
    height: 50px;
    transition: all 0.3s;
    margin-right: 11px;
    text-align: center;
    font-size: 18px;
    color: #767676;
    border-radius: 3px;
    line-height: 48px;
}

.booking-form input[type="radio"] {
    display: none;
}

.booking-form input[type="radio"]:checked + label {
    background-color: #3065b8;
    color: #ffffff;
}

.booking-form textarea {
    height: 200px;
    border: 0;
}

.booking-form .btn-common {
    min-width: 100%;
    border: 0;
}

/*----------------------------------------*/
/*  17.  About Area
/*----------------------------------------*/
.page-banner-area.bg-1 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/page-banner.jpg") repeat scroll center center / cover;
}

.page-banner-area.bg-2 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/blog-banner.jpg") repeat scroll center center / cover;
}

.page-banner-area.bg-3 {
    background: rgba(0, 0, 0, 0) url("assets/images/banner/project-banner.jpg") repeat scroll center center / cover;
}

.about-right {
    background-color: #4fa65c;
    color: #e2e2e2;
    font-size: 16px;
    padding: 65px 50px;
}

.about-right h3 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
}

.about-right.style-2 {
    height: 100%;
    position: relative;
    padding-left: 40%;
}

.about-right.style-2 img {
    position: absolute;
    left: -6%;
    bottom: -33%;
    width: 250px;
}

.about-right.style-2 h2 {
    font-size: 46px;
    line-height: 54px;
    color: #1c2122;
    font-weight: 600;
    margin: 0 0 23px 0;

}

.about-right.style-2 p {
    display: block;
    color: #3e4140;
}

.about-right.style-2 .btn-common {
    background-color: #1c2122;
    color: #ffffff;
}

.about-right.style-2 .btn-common:hover {
    background-color: #e1a70c;
}

/*----------------------------------------*/
/*  18.  CTA Area
/*----------------------------------------*/
.cta-text h2 {
    font-size: 36px;
    color: #ffffff;
    line-height: 42px;
}

.cta-text p {
    font-size: 24px;
    color: #ffffff;
}

.cta-btn .btn-common {
    background-color: #1c2122;
}

/*----------------------------------------*/
/*  19.  Contact Area
/*----------------------------------------*/
.contact-area.bg-1 {
    background: rgba(0, 0, 0, 0) url("assets/images/bg/2.jpg") repeat scroll center center / cover;
}

.single-contact-info {
    margin-bottom: 25px;
}

.contact-form {
    background-color: #5781c3;
    padding: 70px;
}

.contact-form h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #ffffff;
}

.contact-form .btn-common {
    background-color: #1c2122;
    border: 0;
    color: #ffffff;
}

.contact-form textarea {
    border: 0;
}

.contact-form.style-2 {
    background-color: transparent;
    padding: 0;
}

.contact-form.style-2 textarea {
    height: 285px;
}

.contact-form.style-2 .btn-common {
    background-color: #3065b8;
    min-width: 100%;
}

.contact-form.style-2 .btn-common:hover {
    background-color: #2a579d;
}

.contact-info {
    background-color: #ffffff;
    padding: 55px 60px;
    border-radius: 5px;
}

.contact-info h5 {
    font-size: 18px;
    font-weight: 600;
    color: #3e4140;
    margin: 0;
}

.contact-info p {
    font-size: 16px;
    color: #767676;
}

.contact-form.style-3 {
    border-radius: 5px;
    padding: 55px 70px 70px 70px;
}

.contact-form.style-3 textarea {
    height: 200px;
}

/*----------------------------------------*/
/*  20.  Team Area
/*----------------------------------------*/
.team-single {
}

.team-single img {
    border-radius: 5px;
}

.team-thumb {
    overflow: hidden;
    position: relative;
}

.team-social {
    background-color: rgba(48, 101, 184, .60);
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    padding: 20px 0;
    transition: .3s;
}

.team-single:hover .team-social {
    bottom: 0;
}

.team-social a {
    color: #ffffff;
    font-size: 16px;
    height: 40px;
    width: 40px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    margin-right: 5px;
}

.team-social a:last-child {
    margin-right: 0;
}

.team-social a:hover {
    background-color: #ffffff;
    color: #3065b8;
}

.team-desc {
    padding: 25px 0 0 0;
}

.team-desc h5 {
    font-size: 20px;
    font-weight: 600;
    color: #3e4140;
    margin: 0;
}

.team-desc small {
    font-size: 16px;
    color: #767676;
    font-style: italic;
}

/*----------------------------------------*/
/*  21. 404 Message
/*----------------------------------------*/
.error-msg-area {
    background: rgba(0, 0, 0, 0) url("assets/images/bg/3.jpg") repeat scroll center center / cover;
}

.error-msg {
}

.error-msg h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    color: #232530;
}

/*----------------------------------------*/
/*  22.  Shop
/*----------------------------------------*/
.product-single {
    text-align: center;
    margin-bottom: 60px;
}

.product-thumb {
    position: relative;
}

.product-thumb img {
    border-radius: 5px;
    width: 100%;
}

.product-thumb::before {
    background-color: rgba(0, 0, 0, .30);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    content: "";
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}

.product-single:hover .product-thumb::before {
    opacity: 1;
    visibility: visible;
}

.product-single .btn-common {
    min-width: 140px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .3s;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}

.product-single:hover .btn-common {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.product-caption {
    margin-top: 15px;
}

.product-single h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.product-single h4 a {
    color: #3e4140;
}

.product-single h4 a:hover {
    color: #3065b8;
}

.product-single span {
    font-size: 24px;
    font-weight: 600;
    color: #3065b8;
    display: block;
    margin-top: 10px;
}

/*----------------------------------------*/
/*  23. Product Details
/*----------------------------------------*/
.single-product-details {
}

.products-nav-tabs {
    border: 0;
}

.products-nav-tabs li a {
    display: block;
    margin-bottom: 10px;
}

.single-product-details h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

.product-price span {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #3065b8;
    font-weight: 600;
}

.product-stock {
}

.product-stock ul {
}

.product-stock ul li {
    color: #3e4140;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.product-stock ul li span {
    color: #4fa65c;
}

.cart-quantity-changer {
}

.cart-quantity-changer input {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    width: 100px;
    border: 0;
}

.qtybutton {
    position: relative;
    font-size: 0;
    cursor: pointer;
}

a.value-increase::before {
    font-family: FontAwesome;
    font-size: 16px;
    content: "\f055";
}

a.value-decrease::before {
    font-family: FontAwesome;
    font-size: 16px;
    content: "\f056";
}

.product-quantity-update {
    border-top: 1px solid #ebebeb;
    padding-top: 50px;
}

.product-quantity-update .btn-common {
    min-width: 140px;
}

.product-meta {
    border-top: 1px solid #ebebeb;
    padding-top: 48px;
}

.product-meta ul {
}

.product-meta ul li {
    display: inline-block;
    color: #232530;
}

.product-meta ul li span {
    display: inline-block;
    margin: 0 5px;
    color: #b3b7c8;
}

/*----------------------------------------*/
/*  23.2 Product Quantity Changer
/*----------------------------------------*/
.product-quantity-update {
}

.product-quantity-update .cart-quantity-changer {
    background-color: #f7f7f7;
    padding: 8px 20px;
    height: 50px;
    margin-right: 10px;
    border-radius: 5px;
}

.product-quantity-update .cart-quantity-changer input {
    background-color: transparent;
}

.product-quantity-update .cart-quantity-changer a {
    color: #3e4140;
}

/*----------------------------------------*/
/*  23.3 Product Review
/*----------------------------------------*/
.product-review-area {
}

.product-review-nav {
    border-bottom: 1px solid #e5e5e5;
}

.product-review-nav li {
    display: inline-block;
    margin-right: 25px;
}

.product-review-nav li:last-child {
    margin-right: 0;
}

.product-review-nav li a {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #767676;
    padding: 15px 0;
    display: block;
}

.product-review-nav li a.active {
    color: #3065b8;
}

.product-review-desc {
    text-align: left;
    border-top: 0;
    padding: 40px 35px 25px 0;
}

.list-circle {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-circle li {
    position: relative;
    padding-left: 30px;
    display: block;
    margin-bottom: 6px;
}

.list-circle li:last-child {
    margin-bottom: 0;
}

.list-circle li::before {
    font-family: 'ElegantIcons';
    content: "\5c";
    position: absolute;
    top: 0;
    left: 0;
}

.product-rating-section {

}

.product-rating-section > p {
    color: #3e4140;
}

.product-rating-section > h4 {
    font-size: 48px;
    font-weight: 600;
    color: #3065b8;
}

.progress-row strong {
    line-height: 1;
}

.item-rating.style-2 small {
    display: block;
    line-height: 1;
    font-size: 16px;
    margin-top: 5px;
}

.rating-box {
    border: 1px solid #ebebeb;
    padding: 30px 40px 30px 45px;
}

.rating-number h5 {
    font-size: 48px;
    color: #6ac142;
    margin-bottom: 30px;
}

.rating-number i {
    font-size: 18px;
    color: #6ac142;
    margin-right: 6px;
}

.rating-number p {
    font-size: 16px;
    color: #636363;
}

.rating-box strong, .rating-box span {
    display: block;
    margin-top: -10px;
}

.single-progress .progress {
    border-radius: 0;
    height: 8px;
    border-radius: 5px;
}

.single-progress .progress-bar {
    background-color: #3065b8;
}

.product-review-form > h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

.product-review-form > p {
    margin-bottom: 0;
}

.product-review-form strong {
    font-size: 18px;
    color: #3e4140;
    margin-right: 10px;
    display: inline-block;
}

.product-review-form .btn-common {
    min-width: 100%;
    height: 55px;
    line-height: 55px;
}

.product-review-list h3 {
    background-color: #f3f4f7;
    font-size: 18px;
    font-weight: 600;
    color: #3e4140;
    border-radius: 5px;
    padding: 10px 0 10px 30px;
    margin-bottom: 35px;
}

.product-review-list ul li {
    display: flex;
    flex-wrap: wrap;
}

.product-review-list ul li .comment-name-date h4 {
    font-size: 16px;
    font-weight: 600;
    flex: unset;
    max-width: unset;
    padding-right: 10px;
}

.product-review-list ul li .comment-name-date h4 span {
    font-weight: normal;
}

.product-review-list ul li .comment-name-date small {
    flex: unset;
    max-width: unset;
    padding-left: 10px;
    font-style: normal;
}

/*----------------------------------------*/
/*  24. Shopping Cart
/*----------------------------------------*/
.cart-table {
    width: 100%;
}

.cart-table thead {
    border-radius: 5px;
    background-color: #f3f4f7;
}

.cart-table thead tr th {
    padding: 10px 0;
    color: #3e4140;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.cart-table thead tr th:first-child {
    padding-left: 70px;
}

.cart-table tbody {
}

.cart-table tbody tr {
    border-bottom: 1px solid #e5e5e5;
}

.cart-table tbody tr td {
    padding: 15px 30px 15px 0;
    white-space: nowrap;
}

.cart-table tbody tr:first-child td, .cart-table tbody tr:last-child td {
    padding: 30px 30px 30px 0;
}

.cart-product-thumb {
}

.cart-product-name {
}

.cart-product-name h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.cart-product-name h5 a {
    color: #3e4140;
}

.cart-product-name h5 a:hover {
    color: #3065b8;
}

.cart-product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #3e4140;
}

.cart-quantity-changer {
}

.cart-quantity-changer input {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    width: 100px;
    border: 0;
}

.qtybutton {
    position: relative;
    font-size: 0;
    cursor: pointer;
}

a.value-increase::before {
    font-family: ElegantIcons;
    font-size: 16px;
    content: "\e050";
}

a.value-decrease::before {
    font-family: ElegantIcons;
    font-size: 16px;
    content: "\e04f";
}

.product-remove {
    text-align: center;
}

.product-remove a, .cart-table thead tr th i {
    font-size: 22px;
    color: #3e4140;
}

.cart-table thead tr th i {
    color: #6ac142;
}

.cart-update .btn-common {
    background-color: #f3f4f7;
    color: #1c2122;
}

.cart-update .btn-common:hover {
    background-color: #3065b8;
    color: #ffffff;
}

.cart-box h5 {
    font-size: 16px;
    color: #1a1a23;
    margin-bottom: 30px;
}

.cart-box .form-control {
    background-color: #f3f4f7;
}

.cart-box p {
    margin: 0 0 20px 0;
    position: relative;
    top: -6px;
}

.cart-box .btn-common {
    background-color: #f7f7f7;
    color: #1c2122;
    min-width: 150px;
    border: 0;
}

.cart-box .btn-common:hover {
    background-color: #dedede;
    border-color: #dedede;
}

.cart-total-inner {
    background-color: #f3f4f7;
    border-radius: 2px;
    padding: 45px 40px 20px 40px;
    border-radius: 5px;
}

.cart-total table {
    margin-bottom: 0;
    width: 100%;
}

.cart-total table tr:nth-child(1) {
    border-bottom: 1px solid #e5e5e5;
}

.cart-total table tr:nth-child(1) td {
    padding-bottom: 23px;
}

.cart-total table tr:nth-child(2) td {
    padding-top: 23px;
}

.cart-total td {
    border: 0;
    padding: 0 0 0 0;
    vertical-align: middle;
}

.cart-total td h5 {
    font-size: 18px;
    font-weight: 600;
    color: #3e4140;
    margin-bottom: 0;
}

.cart-total table tr:nth-child(2) td h5 {
    margin-bottom: 8px;
}

.cart-total td span {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #3065b8;
}

.cart-total td label {
    margin-left: 10px;
}

.cart-box-inner {
    border-top: 1px solid #e5e5e5;
    padding-top: 25px;
}

.cart-box-inner table tr {
    border-bottom: 0 !important;
}

.cart-total table.second-table {
    margin-top: 15px;
}

.cart-total table.second-table tr {
    border-bottom: 0;
    border-top: 1px solid #e5e5e5;
}

.cart-total table.second-table tr td {
    padding-top: 25px;
}

.proceed-checkout .btn-common {
    min-width: 100%;
    width: 100%;
    background-color: #3065b8;
    color: #ffffff;
}

.proceed-checkout .btn-common:hover {
    background-color: #2a579d;
}

/*----------------------------------------*/
/*  25. Checkout
/*----------------------------------------*/
.cart-checkout h3 {
    font-size: 32px;
    color: #3e4140;
    font-weight: 600;
}

.cart-checkout label {
    color: #767676;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.cart-checkout label span {
    color: #ff0000;
}

.cart-checkout .col-lg-6 {
    margin-bottom: 8px;
}

.cart-checkout .form-control {
    background-color: #f3f4f7;
}

.cart-checkout textarea.form-control {
    border: 0;
    height: 200px;
}

.different-address {
    display: none;
}

/*----------------------------------------*/
/*  26. Coming Page
/*----------------------------------------*/
.coming-soon-area {
    background: rgba(0, 0, 0, 0) url("assets/images/bg/coming-soon.jpg") repeat scroll center center / cover;
    padding: 0 0 0 0;
}

.coming-soon-msg h2 {
    font-size: 60px;
    font-weight: 700;
}

.coming-soon-msg p.msg-para {
    font-size: 18px;
    margin-top: 140px;
}

.coming-soon-msg.logo {
}

.coming-countdown .cdown {
    float: left;
    width: 25%;
}

.coming-countdown span.time-count {
    color: #3065b8;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 48px;
    font-weight: 700;
}

.coming-countdown .cdown p {
}

/*----------------------------------------*/
/*  27. Google Map
/*----------------------------------------*/
.google-map {
    width: 100%;
    height: 600px;
}

/*----------------------------------------*/
/*  28. Extra CSS
/*----------------------------------------*/
.page-banner h2 {
    margin-bottom: 0;
}

.site-breadcrumb .breadcrumb {
    background-color: transparent;
    text-align: center;
    display: block;
    flex: unset;
}

.site-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #3e4140;
    content: "\45";
    font-family: ElegantIcons;
}

.site-breadcrumb ol {
}

.site-breadcrumb ol li {
    display: inline-block;
}

.breadcrumb-item.active {
    color: #3065b8;
}

.site-breadcrumb ol li a {
    color: #3e4140;
}

.slick-slide:focus {
    outline: 0 !important;
}

.slick-slider .slick-dots {
    position: relative;
}

.slick-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    width: auto;
    height: auto;
}

.slick-slider .slick-dots li button {
    background-color: #c7c7c7;
    font-size: inherit;
    border: none;
    display: block;
    text-indent: -9999em;
    width: 8px;
    height: 8px;
    padding: 0;
    background: #e1e1e1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.slick-slider .slick-dots li.slick-active button {
    background-color: transparent;
    border: 2px solid #3065b8;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}

/*----------------------------------------*/
/*  28.2 Tab Customization
/*----------------------------------------*/
.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
}

.tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible;
}