/*!

Theme Name: Pestico

Theme URI: https://pestico.smartdemowp.com/

Author: SmartDataSoft

Author URI: http://smartdatasoft.com

Description: Pestico is built as a clean and modern responsive pest control WordPress theme. This theme is perfectly designed and organized for any kind of pest control businesses. You can easily modify and extend the theme layouts. Theme included with two clean homepage layouts with two different header styles and 15+ variant inner pages.

Version: 1.8

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: pestico

Tags: bed bug, bee, business, clean, cockroach, corporate, industry, pest, pest control, pestco, responsive, rodents, services, termite

*/





/*** 



====================================================================

    Reset

====================================================================



***/



* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

    font-size: 100%;

    line-height: inherit;

}



/*** 



====================================================================

    Global Settings

====================================================================



***/



body {

    font-size: 16px;

    color: #0c1529;

    line-height: 1.7em;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    background: rgb(255, 255, 255);

    font-family: "Poppins", sans-serif;

}



.page-wrapper {

    position: relative;

    width: 100%;

    min-width: 300px;

    z-index: 9;

    margin: 0px auto;

    overflow: hidden;

}



a {

    text-decoration: none;

    cursor: pointer;

}



a:hover,

a:focus,

a:visited {

    text-decoration: none !important;

    outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    position: relative;

    font-weight: normal;

    line-height: 1.25em;

    margin: 0px;

    background: none;

    color: #181614;

}



textarea {

    overflow: hidden;

}



button {

    outline: none !important;

    cursor: pointer;

}



.text {

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    color: #808080;

    margin: 0px 0px 15px;

}



::-webkit-input-placeholder {

    color: inherit;

}



::-moz-input-placeholder {

    color: inherit;

}



::-ms-input-placeholder {

    color: inherit;

}





.btn-light:not(:disabled):not(.disabled).active:focus, 

.btn-light:not(:disabled):not(.disabled):active:focus, 

.show>.btn-light.dropdown-toggle:focus {

    box-shadow: none;

    outline: none;

}



.btn-light:not(:disabled):not(.disabled).active, 

.btn-light:not(:disabled):not(.disabled):active, 

.show>.btn-light.dropdown-toggle {

    background-color: inherit;

    border-color: inherit;

    color: inherit;

    border-radius: 0;

}



.bootstrap-select .dropdown-menu li a span.text {

    margin-bottom: 0;

}



.bootstrap-select .dropdown-menu li.active a span.text {

    color: #fff;

}



.bootstrap-select .dropdown-toggle .filter-option:after {

    font-family: 'Font Awesome 5 Pro';

    content: "\f107";

    position: absolute;

    right: 15px;

    top: 7px;

    display: block;

    line-height: 30px;

    font-size: 17px;

    text-align: center;

    z-index: 5;

    font-weight: 400;

    color: #fff;

}



.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    z-index: 9;

    overflow: hidden;

}



.auto-container {

    position: static;

    max-width: 1200px;

    padding: 0px 15px;

    margin: 0 auto;

}



ul,

li {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



figure {

    margin-bottom: 0;

}



.theme-btn {

    display: inline-block;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.centered {

    text-align: center !important;

}



.gray-bg {

    background-color: #f4f4f4 !important;

}



.light-bg {

    background-color: #fff !important;

}



img {

    display: inline-block;

    max-width: 100%;

    height: auto;

}



.dropdown-toggle::after {

    display: none;

}



.fa {

    line-height: inherit;

}



.preloader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999;

    background-position: center center;

    background-repeat: no-repeat;

    background-image: url(assets/images/preloader.svg);

}



.preloader-close {

    position: fixed;

    z-index: 999999;

    color: #fff;

    padding: 10px 20px;

    cursor: pointer;

    right: 0;

    bottom: 0;

    font-weight: 600;

}



.loader-wrap {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999999;

}



.loader-wrap .layer-one {

    position: absolute;

    left: 0%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden;

}



.loader-wrap .layer-two {

    position: absolute;

    left: 33.3333%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden;

}



.loader-wrap .layer-three {

    position: absolute;

    left: 66.6666%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden;

}



.loader-wrap .layer .overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #0a273d;

}



.owl-nav,

.owl-dots {

    display: none;

}



/* Btn style */



.theme-btn {

    display: inline-block;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}



.mb-20 {

    margin-bottom: 20px !important;

}



.mb-30 {

    margin-bottom: 30px !important;

}



.mb-35 {

    margin-bottom: 35px !important;

}



.mb-30 {

    margin-bottom: 30px !important;

}



.mt-30 {

    margin-top: 30px !important;

}



.mt-40 {

    margin-top: 40px !important;

}



.mt-50 {

    margin-top: 50px !important;

}



.mt-70 {

    margin-top: 70px !important;

}



.mb-40 {

    margin-bottom: 40px !important;

}



.mb-50 {

    margin-bottom: 50px !important;

}



.mb-70 {

    margin-bottom: 70px !important;

}



.pb-20 {

    padding-bottom: 20px !important;

}



.pb-30 {

    padding-bottom: 30px !important;

}



.pb-50 {

    padding-bottom: 50px !important;

}





/*** 



====================================================================

    Scroll To Top style

====================================================================



***/



.scroll-to-top {

    position: fixed;

    right: 50px;

    bottom: 110px;

    width: 65px;

    height: 65px;

    font-size: 18px;

    line-height: 61px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    border-radius: 50%;

    margin-left: -26px;

    display: none;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

}



.scroll-to-top.style-two {

    background-color: #2d3247;

}



.scroll-to-top:hover {

    color: #ffffff;

}



/*Btn Style One*/



.btn-style-one {

    position: relative;

    display: inline-block;

    font-size: 17px;

    line-height: 24px;

    color: #fff;

    padding: 20px 35px;

    font-weight: 600;

    border-radius: 32px 0 32px 32px;

    overflow: hidden;

    text-transform: capitalize;

    font-family: "Poppins", sans-serif;

    vertical-align: middle;

    box-shadow: 0px 15px 40px 0px rgba(32, 171, 148, 0.2);

}



.btn-style-one i {

    margin-right: 8px;

    display: inline-block;

    transform: rotate(135deg);

    position: relative;

    bottom: 1px;

}



.btn-style-one:hover {

    color: #fff;

    background-color: #2b2c2e;

}



.btn-style-one:before {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 0%;

    content: "";

    background-color: #2b2c2e;

    transition: .5s;

    border-radius: 32px 0 32px 32px;

}



.btn-style-one:hover:before {

    width: 100%;

}



.btn-style-one span {

    position: relative;

}



/* Bnt style Two */

.btn-style-one.style-two {

    background: #fff;

    border: 1px solid #e5e5e5;

    padding: 18px 35px;

    color: #061a3a;

    box-shadow: none;

}



.btn-style-one.style-two:hover {

    color: #fff;

    box-shadow: 0px 15px 40px 0px rgba(32, 171, 148, 0.2);

}



/* Bnt style Three */

.btn-style-one.style-three {

    background: #0c1529;

    box-shadow: 0px 15px 40px 0px rgba(12, 21, 41, 0.1);

}



/* Header Style */



.main-header {

    position: relative;

    display: block;

    width: 100%;

    z-index: 9999;

    top: 0px;

    left: 0px;

    background: none;

    clear: both;

}



.main-header.header-style-one {

    position: absolute;

}



/* Header Top */

.header-top {

    position: relative;

    background-color: #000000;

    padding: 20.5px 0;

}



.header-top .inner-container {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.header-top .left-column {

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.header-top .location {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    color: rgba(255, 255, 255, 0.7);

}



.header-top .location i {

    position: relative;

    margin-right: 10px;

    font-size: 21px;

    vertical-align: middle;

}



.header-top .search-btn {

    position: relative;

    font-size: 18px;

    color: rgba(255, 255, 255, 0.5);

    line-height: 22px;

    padding-right: 30px;

    margin-right: 30px;

    border-right: 1px solid #373e4e;

    background-color: transparent;

}



.header-top .search-btn button {

    background: transparent;

    color: rgba(255, 255, 255, 0.5);

}



.header-top .right-column {

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.header-top ul.contact-info {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.header-top ul.contact-info li {

    margin-right: 25px;

    color: rgba(255, 255, 255, 0.7);

    font-size: 15px;

    font-weight: 500;

    line-height: 22px;

    padding-right: 30px;

    margin-right: 30px;

    border-right: 1px solid #373e4e;

}



.header-top ul.contact-info li:last-child {

    margin-right: 0;

    padding-right: 0;

    border-right: 0;

}



.header-top ul.contact-info a {

    color: rgba(255, 255, 255, 0.7);

}



.header-top ul.contact-info li i {

    margin-right: 12px;

    font-size: 20px;

    vertical-align: middle;

}



/* Header Upper */



.main-header .header-upper {

    position: relative;

}



.main-header .header-upper .inner-container {

    position: relative;

    min-height: 80px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.main-header .header-upper .logo-box {

    z-index: 10;

}



.main-header .header-upper .logo-box .logo {

    position: relative;

    display: block;

    padding: 23px 0px;

}



.main-header .header-upper .right-column {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.main-header .header-upper .link-btn a {

    vertical-align: middle;

}



.main-header .nav-outer {

    position: relative;

    z-index: 1;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.navbar-right-info .mobile-nav-toggler {

    position: relative;

    width: 50px;

    height: 50px;

    line-height: 44px;

    text-align: center;

    color: rgb(255, 255, 255);

    font-size: 20px;

    margin-left: 30px;

    cursor: pointer;

    border-radius: 50%;

}



.main-header .nav-outer .main-menu {

    position: relative;

}



.main-menu .inner-container {

    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12);

    margin-bottom: -25px;

    background: #fff;

}



.main-menu .navbar-collapse {

    padding: 0px;

    display: block !important;

}



.main-menu .navigation {

    position: relative;

    margin: 0px;

    margin-left: 50px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.main-menu .navigation>li {

    position: relative;

    padding: 28.5px 0px;

    margin-right: 35px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation>li:last-child {

    margin-right: 0px;

}



.main-menu .navigation>li>a {

    position: relative;

    display: block;

    text-align: center;

    font-size: 17px;

    font-weight: 600;

    line-height: 30px;

    text-transform: capitalize;

    color: #0c1529;

    padding: 4px 0;

    opacity: 1;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    font-family: "Poppins", sans-serif;

}



.main-menu .navigation>li>ul {

    position: absolute;

    left: 0px;

    top: 100%;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    min-width: 200px;

    z-index: 100;

    display: none;

    opacity: 0;

    visibility: hidden;

    background-color: #fff;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

    transition: .5s;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

}



.main-menu .navigation>li>ul.from-right {

    left: auto;

    right: 0px;

}



.main-menu .navigation>li>ul>li {

    position: relative;

    width: 100%;

    padding: 0 20px;

}



.main-menu .navigation>li>ul>li:last-child {

    border-bottom: none;

}



.main-menu .navigation>li>ul>li:before {

    position: absolute;

    content: '';

    right: 0px;

    top: 0px;

    width: 0%;

    height: 100%;

    display: block;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation>li>ul>li>a {

    position: relative;

    display: block;

    padding: 14px 0px;

    border-bottom: 1px solid #def6ee;

    line-height: 24px;

    font-weight: 700;

    font-size: 15px;

    text-transform: capitalize;

    color: #2a2a2a;

    text-align: left;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    font-family: "Poppins", sans-serif;

}



.main-menu .navigation>li>ul>li:last-child>a {

    border-bottom: 0px;

}



.main-menu .navigation>li>ul>li.dropdown>a:after {

    position: absolute;

    content: "\f105";

    right: 0;

    top: 11px;

    display: block;

    line-height: 24px;

    font-size: 17px;

    font-family: 'Font Awesome 5 Pro';

    font-weight: 400;

}



.main-menu .navigation>li>ul>li>ul {

    position: absolute;

    left: 100%;

    top: 0;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    min-width: 200px;

    z-index: 100;

    display: none;

    background-color: #fff;

    transition: .5s;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);

}



.main-menu .navigation>li>ul>li>ul.from-right {

    left: auto;

    right: 0px;

}



.main-menu .navigation>li>ul>li>ul>li {

    position: relative;

    width: 100%;

    padding: 0 20px;

}



.main-menu .navigation>li>ul>li>ul>li:last-child {

    border-bottom: none;

}



.main-menu .navigation>li>ul>li>ul>li:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    width: 0%;

    height: 100%;

    display: block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.main-menu .navigation>li>ul>li>ul>li:last-child {

    border-bottom: none;

}



.main-menu .navigation>li>ul>li>ul>li>a {

    position: relative;

    display: block;

    padding: 14px 0;

    line-height: 24px;

    font-weight: 700;

    border-bottom: 1px solid #e9e5df;

    font-size: 15px;

    text-transform: capitalize;

    color: #2a2a2a;

    text-align: left;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    font-family: "Poppins", sans-serif;

}



.main-menu .navigation>li>ul>li>ul>li:last-child>a {

    border-bottom: 0;

}



.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {

    font-family: 'Font Awesome 5 Pro';

    content: "\f105";

    position: absolute;

    right: 30px;

    top: 12px;

    display: block;

    line-height: 24px;

    font-size: 16px;

    font-weight: 400;

    z-index: 5;

}



.main-menu .navigation>li.dropdown:hover>ul {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation li>ul>li.dropdown:hover>ul {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    right: 10px;

    top: 8px;

    width: 34px;

    height: 30px;

    border: 1px solid #ffffff;

    text-align: center;

    font-size: 16px;

    line-height: 26px;

    color: #ffffff;

    cursor: pointer;

    z-index: 5;

    display: none;

}





/*** 



====================================================================

    Search Popup

====================================================================



***/



.search-popup {

    position: fixed;

    left: 0;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 99999;

    visibility: hidden;

    opacity: 0;

    overflow: auto;

    background: rgba(0, 0, 0, 0.90);

    -webkit-transform: translateY(101%);

    -ms-transform: translateY(101%);

    transform: translateY(101%);

    transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

}



.search-popup.popup-visible {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

    visibility: visible;

    opacity: 1;

}



.search-popup .overlay-layer {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    display: block;

}



.search-popup .close-search {

    position: absolute;

    right: 25px;

    top: 25px;

    font-size: 22px;

    color: #ffffff;

    cursor: pointer;

    z-index: 5;

}



.search-popup .close-search:hover {

    opacity: 0.70;

}



.search-popup .search-form {

    position: relative;

    padding: 0px 15px 0px;

    max-width: 1024px;

    margin: 0 auto;

    margin-top: 150px;

    margin-bottom: 100px;

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

}



.search-popup .search-form fieldset {

    position: relative;

    border: 7px solid rgba(255, 255, 255, 0.50);

    border-radius: 12px;

}



.search-popup .search-form fieldset input[type="search"] {

    position: relative;

    height: 70px;

    padding: 20px 220px 20px 30px;

    background: #ffffff;

    line-height: 30px;

    font-size: 24px;

    color: #233145;

    border-radius: 7px;

}



.search-popup .search-form fieldset input[type="submit"] {

    position: absolute;

    display: block;

    right: 0px;

    top: 0px;

    text-align: center;

    width: 220px;

    height: 70px;

    padding: 20px 10px 20px 10px;

    color: #ffffff !important;

    line-height: 30px;

    font-size: 20px;

    cursor: pointer;

    text-transform: uppercase;

    border-radius: 0px 7px 7px 0px;

}



.search-popup h3 {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    color: #ffffff;

    margin-bottom: 20px;

    letter-spacing: 1px;

    text-align: center;

    display: none;

}



.search-popup .recent-searches {

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    display: none;

}



.search-popup .recent-searches li {

    display: inline-block;

    margin: 0px 10px 10px 0px;

}



.search-popup .recent-searches li a {

    display: block;

    line-height: 24px;

    border: 1px solid #ffffff;

    padding: 7px 15px;

    color: #ffffff;

    border-radius: 3px;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.search-popup .search-form fieldset input[type="search"]:focus {

    border-color: #ddd;

    -webkit-box-shadow: none;

            box-shadow: none;

}



/*** 



====================================================================

                Sticky Header

====================================================================



***/



.sticky-header {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    left: 0px;

    top: 0px;

    width: 100%;

    padding: 0px 0px;

    z-index: -1;

    background: #ffffff;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);

    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);

    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);

    -webkit-transition: top 300ms ease;

    -o-transition: top 300ms ease;

    transition: top 300ms ease;

}



.fixed-header .sticky-header {

    opacity: 1;

    z-index: 99901;

    visibility: visible;

}



.header-style-two .sticky-header .main-menu .navigation>li.current>a,

.header-style-two .sticky-header .main-menu .navigation>li>a {

    color: #fff;

}



/*** 



====================================================================

            Mobile Menu

====================================================================



***/



.nav-outer .mobile-nav-toggler {

    position: relative;

    width: 26px;

    height: 50px;

    line-height: 44px;

    text-align: center;

    color: rgb(255, 255, 255);

    font-size: 20px;

    cursor: pointer;

    border-radius: 50%;

    float: right;

    margin: 13px 0;

    display: none;

}



.mobile-menu {

    position: fixed;

    right: 0;

    top: 0;

    width: 300px;

    padding-right: 30px;

    max-width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    z-index: 999999;

}



.mobile-menu .mCSB_scrollTools {

    right: -6px;

}



.mobile-menu .mCSB_inside>.mCSB_container {

    margin-right: 5px;

}



.mobile-menu .navbar-collapse {

    display: block !important;

}



.mobile-menu .nav-logo {

    position: relative;

    padding: 30px 25px;

    text-align: left;

    margin-bottom: 100px;

    margin-top: 25px;

}



.mobile-menu-visible {

    overflow: hidden;

}



.mobile-menu-visible .mobile-menu {

    opacity: 1;

    visibility: visible;

}



.mobile-menu .menu-backdrop {

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    background-color: #000;

}



.mobile-menu-visible .mobile-menu .menu-backdrop {

    opacity: 0.30;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .menu-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    background: #202020;

    padding: 0px 0px;

    z-index: 5;

    opacity: 0;

    visibility: hidden;

    border-radius: 0px;

    -webkit-transform: translateX(101%);

    -ms-transform: translateX(101%);

    transform: translateX(101%);

}



.mobile-menu-visible .mobile-menu .menu-box {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%);

}



.mobile-menu .close-btn {

    position: absolute;

    right: 20px;

    top: 15px;

    line-height: 30px;

    width: 24px;

    text-align: center;

    font-size: 30px;

    color: #ffffff;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

}



.mobile-menu .navigation {

    position: relative;

    display: block;

    width: 100%;

    float: none;

}



.mobile-menu .navigation li {

    position: relative;

    display: block;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation:last-child {

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>ul>li:first-child {

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>a {

    position: relative;

    display: block;

    line-height: 24px;

    padding: 10px 25px;

    font-size: 15px;

    font-weight: 500;

    color: #ffffff;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li ul li>a {

    font-size: 15px;

    margin-left: 20px;

    text-transform: capitalize;

}



.mobile-menu .navigation li>a:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 0;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li.current>a:before {

    height: 100%;

}



.mobile-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    right: 6px;

    top: 6px;

    width: 32px;

    height: 32px;

    text-align: center;

    font-size: 16px;

    line-height: 32px;

    color: #ffffff;

    background: rgba(255, 255, 255, 0.10);

    cursor: pointer;

    border-radius: 2px;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



.mobile-menu .navigation li>ul,

.mobile-menu .navigation li>ul>li>ul {

    display: none;

}



.mobile-menu .social-links {

    position: relative;

    text-align: center;

    padding: 30px 25px;

}



.mobile-menu .social-links li {

    position: relative;

    display: inline-block;

    margin: 0px 10px 10px;

}



.mobile-menu .social-links li a {

    position: relative;

    line-height: 32px;

    font-size: 16px;

    color: #ffffff;

    -webkit-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}





.nav-overlay {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 99999;

    width: 100%;

    display: none;

    background: rgba(20, 20, 20, 0.70);

    overflow: hidden;

    cursor: none;

}



/* Cursor Style */



.cursor {

    position: absolute;

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -o-transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    visibility: hidden;

}



.cursor {

    visibility: visible;

}



.cursor.active {

    opacity: 0.5;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}



.cursor.hovered {

    opacity: 0.08;

}



.cursor-follower {

    position: absolute;

    background-color: rgba(255, 255, 255, 0.3);

    width: 50px;

    height: 50px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -o-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    visibility: hidden;

}



.cursor-follower {

    visibility: visible;

}



.cursor-follower.active {

    opacity: 0.7;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.cursor-follower.hovered {

    opacity: 0.08;

}



.cursor-follower.close-cursor:before {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    left: 48%;

    top: 12px;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    display: inline-block;

}



.cursor-follower.close-cursor:after {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    right: 48%;

    top: 12px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}





/*Post Share Icon*/

.post-share-icon {

    font-size: 14px;

    color: #999999;

    position: relative;

    transition: .5s;

    cursor: pointer;

}



.post-share-icon ul.social-links {

    position: absolute;

    top: 0;

    right: 100%;

    display: flex;

    opacity: 0;

    transition: .5s;

    visibility: hidden;

}



.post-share-icon ul.social-links li {

    margin-right: 15px;

}



.post-share-icon ul.social-links li a {

    color: #999;

    transition: .5s;

}



.post-share-icon:hover ul.social-links {

    opacity: 1;

    visibility: visible;

}



/* Sec Title */

.sec-title {

    position: relative;

    margin-bottom: 55px;

}



.sec-title .sub-title {

    position: relative;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

    display: inline-block;

    text-transform: uppercase;

}



.sec-title h2 {

    position: relative;

    font-size: 50px;

    line-height: 65px;

    font-family: 'Abril Fatface', cursive;

    letter-spacing: -1px;



}



.sec-title .text {

    position: relative;

    margin-top: 25px;

    margin-bottom: 0;

}



.sec-title.light h2 {

    color: #ffffff;

}



/* Search Services */



.search-services {

    position: relative;

    padding: 90px 0 120px;

}



.search-services-form {

    position: relative;

}



@media only screen and (min-width:992px) {

    .search-services-form .form-group {

        -ms-flex: 0 0 20%;

        flex: 0 0 20%;

        max-width: 20%;

    }

}



.search-services-form .bootstrap-select .dropdown-menu {

    padding: 0;

}



.search-services-form .dropdown-item.active, 

.search-services-form .dropdown-item:active {

    color: #fff;

}



.search-services-form .bootstrap-select .dropdown-menu li a.active span.text {

    color: #fff;

}



.search-services-form .dropdown-item {

    color: #222;

}



.search-services-form .bootstrap-select .dropdown-menu li a span.text {

    color: #222;

    font-size: 16px;

}



.search-services-form .dropup .dropdown-toggle::after {

    display: none;

}



.search-services-form .form-group {

    margin-bottom: 30px;

}



.search-services-form .form-group input {

    width: 100%;

    height: 64px;

    padding: 0 30px;

    border-radius: 32px;

    background-color: #fff;

    border: 1px solid #edf3f3;

    box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.08);

}



.search-services-form .bootstrap-select>.dropdown-toggle {

    width: 100%;

    padding: 17.5px 25px;

    font-size: 18px;

    border-radius: 32px;

    background-color: #fff;

    border: 1px solid #edf3f3;

    box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.08);

}



.search-services-form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100%;

}



.search-services-form .bootstrap-select .dropdown-toggle .filter-option:after {

    top: 4px;

}





@-webkit-keyframes circle {

    0% {

        opacity: 1;

    }

    40% {

        opacity: 1;

    }

    100% {

        width: 200%;

        height: 200%;

        opacity: 0;

    }

}

@keyframes circle {

    0% {

        opacity: 1;

    }

    40% {

        opacity: 1;

    }

    100% {

        width: 200%;

        height: 200%;

        opacity: 0;

    }

}







@-webkit-keyframes ripple {

	70% {

		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

	}

	100% {

		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

	}

}



@keyframes ripple {

	70% {

		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);

	}

	100% {

		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);

	}

}





/* Blog Section */



.blog-section {

    position: relative;

    padding: 150px 0 100px;

}



.news-block-one .inner-box {

    position: relative;

    margin-bottom: 50px;

    display: inline-block;

}



.news-block-one .image {

    position: relative;

    margin-bottom: 25px;

    overflow: hidden;

    border-radius: 20px;

}



.news-block-one .image img {

    border-radius: 20px;

    transition: .7s;

}



.news-block-one .inner-box:hover .image img {

    transform: scale(1.1);

}



.news-block-one .category {

    position: relative;

    font-size: 14px;

    padding: 1.5px 23px;

    background-color: #21c58e;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 15px;

    color: #fff;

    text-transform: uppercase;

    border-radius: 15px;

    font-weight: 500;

}



.news-block-one h4 {

    font-size: 24px;

    font-weight: 700;

    color: #0c1529;

    margin-bottom: 11px;

}



.news-block-one h4 a {

    color: #0c1529;

    transition: .5s;

}



.news-block-one .post-meta {

    position: relative;

    color: #808080;

    font-size: 16px;

    margin-bottom: 10px;

}



.news-block-one .post-meta a {

    color: #808080;

}



.news-block-one .post-meta a span {

    color: #061a3a;

    font-weight: 500;

}



.news-block-one .text {

    margin-bottom: 17px;

}

.news-block-one .text p {

    margin-bottom: 0;

}

.news-block-one.style-two h4 {

    font-size: 30px;

}



.news-block-one.style-two .inner-box {

    padding-bottom: 70px;

    margin-bottom: 70px;

    border-bottom: 1px solid #e5e5e5;

}



/* list style */

.news-block-one.list-style .inner-box {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding-bottom: 40px;

    margin-bottom: 70px;

    border-bottom: 1px solid #e5e5e5;

}



.news-block-one.list-style .lower-content {

    width: calc(100% - 340px);

    margin-bottom: 30px;

}



.news-block-one.list-style .image {

    margin-right: 50px;

}



.news-block-one.list-style h4 {

    margin-bottom: 10px;

}



.news-block-one.list-style .post-meta {

    margin-bottom: 10px;

}



.news-block-one.list-style .text {

    margin-bottom: 17px;

}



/* Main footer */



.main-footer {

    position: relative;

    padding: 100px 0 70px;

    background-color: #0c1529;

}



.widget {

    margin-bottom: 50px;

}



.widget .widget_title {

    position: relative;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 35px;

    color: #fff;

}



/* about widget */

.about-widget {

    position: relative;

}



.about-widget .text {

    position: relative;

    color: #b1b2b6;

    margin-bottom: 30px;

    line-height: 30px;

}



.about-widget .copyright {

    position: relative;

    color: #b1b2b6;

}



/* Link widget */



.links-widget .list {

    position: relative;

}



.links-widget .list li {

    position: relative;

    font-size: 16px;

    color: #b1b2b6;

    margin-bottom: 10px;

}



.links-widget .list li a {

    color: #b1b2b6;

    transition: .5s;

}



@media only screen and (min-width:992px) {

    .links-widget {

        position: relative;

        left: 40px;

    }

}



/* Contact Widget */



.contact-widget ul {

    position: relative;

}



.contact-widget ul li {

    color: #b1b2b6;

    margin-bottom: 15px;

}



.contact-widget ul li a {

    font-weight: 600;

}



/* footer bottom */

.footer-bottom {

    position: relative;

    background-color: #091122;

    padding: 12.5px 0;

}



.footer-bottom .content {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.footer-bottom .social-icon {

    position: relative;

}



.footer-bottom .social-icon li {

    display: inline-block;

    margin: 0 3px;

}



.footer-bottom .social-icon li a {

    display: inline-block;

    width: 40px;

    height: 40px;

    background: rgb(255 255 255 / 0.15);

    line-height: 43px;

    text-align: center;

    border-radius: 50%;

    transition: .5s;

    color: #fff;

}



.footer-menu {

    position: relative;

}



.footer-menu li {

    position: relative;

    display: inline-block;

    padding-right: 15px;

    margin-right: 15px;

}



.footer-menu li a {

    color: #b1b2b6;

    transition: .5s;

}



.footer-menu li:last-child {

    margin-right: 0;

    padding-right: 0;

}



.footer-menu li:before {

    position: absolute;

    content: '';

    right: -4px;

    top: 7px;

    width: 2px;

    height: 14px;

    background-color: #b1b2b6;

}



.footer-menu li:last-child:before {

    display: none;

}



/* Header style two */



.main-header.header-style-two .header-upper {

    background: #0c1529;

}



.main-header.header-style-two .header-top {

    background: #fff;

    padding: 23px 0;

}



.main-header.header-style-two .header-top ul.contact-info a {

    color: #0c1529;

}



.main-header.header-style-two .header-top ul.contact-info li {

    border-color: #e5e5e5;

}



.main-header.header-style-two .header-top ul.contact-info {

    margin-right: 40px;

}



.main-header .navbar-right {

    position: relative;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.main-header .header-upper .location {

    position: relative;

    font-size: 16px;

    font-weight: 500;

    color: rgba(255, 255, 255, 0.7);

}



.main-header .header-upper .location i {

    position: relative;

    margin-right: 10px;

    font-size: 21px;

    vertical-align: middle;

}



.main-header .header-upper .search-btn {

    position: relative;

    font-size: 18px;

    color: #fff;

    line-height: 22px;

    padding-right: 30px;

    margin-right: 30px;

    border-right: 1px solid #373e4e;

    background-color: transparent;

}



.main-header .header-upper .search-btn button {

    background: transparent;

    color: rgba(255, 255, 255, 1);

}



.main-header.header-style-two .main-menu .navigation {

    margin-left: 0;

}



.main-header.header-style-two .main-menu .navigation>li>a {

    color: #fff;

}









/* Page Title */

.page-title {

    position: relative;

    padding: 105px 0;

    text-align: center;

    background-size: cover;

}



.page-title h1 {

    position: relative;

    color: #fff;

    font-size: 50px;

    font-family: 'Abril Fatface', cursive;

    margin-bottom: 30px;

}



.page-title .text {

    position: relative;

    color: #fff;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 0;

}



.page-title.style-two {

    text-align: left;

    padding: 265px 0 115px;

}





/* Contact form */



.contact-form{

    position:relative;

}



.contact-form .form-group{

    position:relative;

    margin-bottom: 30px;

}



.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form input[type="password"],

.contact-form select,

.contact-form textarea{

    display:block;

    width:100%;

    line-height:28px;

    height: 60px;

    font-size:16px;

    padding: 10px 30px;

    background:#ffffff;

    color: #565872;

    border: 2px solid #ffffff;

    transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    border-radius: 30px;

}



.contact-form textarea{

    height: 150px;

    resize:none;

    font-size:16px;

    background:#ffffff;

}



.contact-form input.error,

.contact-form select.error,

.contact-form textarea.error{

    border-color:#ff0000 !important;    

}



.contact-form label.error{

    display:block;

    line-height:24px;

    padding:5px 0px 0px;

    margin:0px;

    text-transform:uppercase;

    font-size:11px;

    color:#ff0000;

    font-weight:500;    

}





/* Contact form section */



.contact-form-section {

    position: relative;

    padding: 150px 0 120px;

    background-color: #e5f8f1;

}



.contact-form-section .contact-form {

    position: relative;

    max-width: 970px;

    margin: 0 auto;

}



/*Error Section*/



.error-section{

    position:relative;

    padding: 110px 0px;

}



.error-section .content{

    position:relative;

    text-align:center;

}



.error-section h1{

    position:relative;

    font-size:200px;

    font-weight: 700;

    line-height:1em;

    margin-bottom:10px;

}



.error-section h2{

    position:relative;

    font-size: 48px;

    font-weight: 700;

    line-height:1.2em;

    margin-bottom: 20px;

}



.error-section .text{

    position:relative;

    font-size: 20px;

    font-weight: 400;

    margin-top:10px;

    margin-bottom: 40px;

}



.error-section .theme-btn{

    position: relative;

}



/* Sidebar */



.sidebar-side .sidebar{

    position:relative;

    padding-left: 20px;

}



.sidebar-side.left-sidebar .sidebar {

    padding-left: 0;

    padding-right: 20px;

}



.sidebar .sidebar-title {

	font-size:24px;

	font-weight:400;

	text-transform:capitalize;

	margin-bottom:25px;	

}



.sidebar-widget{

    position:relative;

    margin-bottom:50px;

    box-shadow: 12.036px 15.973px 80px 0px rgba(37, 59, 112, 0.12);

    padding: 40px;

    border-radius: 10px;

}



.sidebar-widget:last-child{

	margin-bottom: 0;

}



/* Sidebar Title */



.sidebar-title{

	position: relative;

	font-size: 26px;

	text-transform:capitalize;

	margin-bottom: 25px;

	font-family: 'Abril Fatface', cursive;

}



/*Search Box Widget*/



.sidebar .search-box{

	position:relative;

}



.sidebar .search-box .form-group{

	position:relative;

	margin:0px;	

}



.sidebar .search-box .form-group input[type="text"],

.sidebar .search-box .form-group input[type="search"]{

	position:relative;

	padding:15px 50px 15px 30px;

	border: 1px solid #e6ebeb;

	background: #ffffff;

	display:block;

	font-size:16px;

	line-height:30px;

	width:100%;

	height: 55px;

	color:#25283a;

	border-radius: 10px;

	transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

}



.sidebar .search-box .form-group input[type="text"]:focus,

.sidebar .search-box .form-group input[type="search"]:focus{

	color: #666666;

}



.sidebar .search-box .form-group button{

	position:absolute;

	right: 0;

	top: 0;

	height: 55px;

	width: 55px;

	display:block;

	font-size: 20px;

	color:#848484;

	line-height: 55px;

	font-weight: 400;

	background:none;

	border-radius:0px 10px 10px 0px;

	z-index: 9;

	cursor: pointer;

}



/*Post Widget*/



.sidebar .popular-posts .news-post{

	position:relative;

	padding-left: 100px;

	padding-top: 0px;

	min-height: 80px;

	margin-bottom: 30px;

}



.sidebar .popular-posts .news-post:last-child{

	margin:0;

}



.sidebar .popular-posts .news-post .post-thumb{

	position:absolute;

	left:0;

	top:0;

	width: 80px;

	border-radius:5px;

	overflow:hidden;

}



.sidebar .popular-posts .news-post .date{

	position: relative;

	font-size: 16px;

	line-height:24px;

	margin: 0 0 7px;

	color: #808080;

}



.sidebar .popular-posts .news-post .date .fa{

	padding-right: 5px;

	color: #848484;

	font-size: 15px;

}



.sidebar .popular-posts .news-post h4{

	font-size:17px;

	margin:0 0;

	line-height:1.4em;

	font-weight:600;

	color:#25283a;	

}



.sidebar .popular-posts .news-post h4 a{

	color:#25283a;

}



/* Blog Categories */



.sidebar-widget.categories {

    padding-bottom: 25px;

}



.sidebar .categories ul{

	position:relative;

	margin: 0 -40px;

}



.sidebar .categories ul li{

	position:relative;

    padding: 0 40px;

}



.sidebar .categories ul li:last-child{

	margin-bottom:0;	

}



.sidebar .categories ul li a{

	position:relative;

	display: block;

	color: #061a3a;

	font-size: 18px;

	line-height: 30px;

	font-weight: 500;

	text-transform: capitalize;

	-webkit-transition:all 500ms ease;

	-moz-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

    padding: 12px 0;

    border-bottom: 1px solid #e5e5e5;

}



.sidebar .categories ul li:last-child a {

    border-bottom: 0;

}



.sidebar .categories ul li.active a {

    color: #fff;

}



.sidebar .categories ul li a:before {

    font-family: 'Font Awesome 5 Pro';

    content: "\f105";

    position: absolute;

    right: 0;

    top: 16px;

    display: block;

    font-size: 16px;

    z-index: 5;

    font-weight: 400;

    color: #fff;

    line-height: 20px;

    opacity: 0;

}



.sidebar .categories ul li.active a:before {

    opacity: 1;

}



/* Offer Widget */

.offer-widget {

    position: relative;

    margin-bottom: 50px;

}



.offer-widget .image {

    position: relative;

    overflow: hidden;   

    border-radius: 10px;

}



.offer-widget .image img {

    width: 100%;

    border-radius: 10px;

}



.offer-widget .image:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    opacity: .7;

}



.offer-widget h3 {

    position: absolute;

    top: 40px;

    left: 40px;

    color: #fff;

    font-size: 40px;

    line-height: 50px;

    font-family: 'Abril Fatface', cursive;

}





/* Pagination */

.page-pagination {

	margin: 0 -16px;

	margin-bottom: 30px;

}



.page-pagination li {

	display: inline-block;

	margin: 0 4px 10px;

}



.page-pagination li a {

	width: 60px;

	height: 60px;

	line-height: 58px;

	display: block;

	border: 1px solid #ebebeb;

	text-align: center;

	color: #222;

	font-size: 16px;

	font-weight: 600;

	-webkit-transition: .5s ease;

	-o-transition: .5s ease;

	transition: .5s ease;

	border-radius: 30px 0 30px 30px;

}



.page-pagination li.active a,

.page-pagination li a:hover {

	color: #fff;

}



.page-pagination li:last-child a,

.page-pagination li:first-child a {

    border: 0;

}



.page-pagination li:last-child a:hover,

.page-pagination li:first-child a:hover {

	background-color: #fff;

}



/* Sidebar page */

.sidebar-page {

    position: relative;

    padding: 150px 0 120px;

}





/*** 



====================================================================

		Comment Area

====================================================================



 ***/



 .group-title{

	position: relative;

	margin-bottom: 40px;

}



.group-title h3{

	position: relative;

	font-size: 26px;

	line-height: 1.25em;

	font-family: 'Abril Fatface', cursive;

}



.group-title .text {

    margin-top: 15px;

}



.comments-area{

	position:relative;

	margin-top: 60px;

}



.comments-area .comment-box{

	position:relative;

	margin-bottom: 40px;

}

.comments-area .children .comment-box {

    margin-top: 40px;

}

.comments-area .comment-box.reply-comment{

	padding-left: 110px;

}



.comments-area > li:last-child .comment-box{

	margin-bottom: 0;

	padding-bottom:0;

}



.comments-area .comment{

	position:relative;

	min-height: 80px;

	padding-left:110px;

	border-bottom: 1px solid #e5e5e5;

	padding-bottom: 40px;

}





.comments-area .comment-box .author-thumb{

	position:absolute;

	left:0px;

	top:0px;

	height: 80px;

	width: 80px;

	border-radius: 50%;

	overflow: hidden;

}



.comments-area .comment-box .author-thumb img{

	width:100%;

}



.comments-area .comment-info{

	position: relative;

	display: block;

	margin-bottom: 15px;

}



.comments-area .comment-box .name{

	position: relative;

	font-size:18px;

	line-height:1.4em;

	font-weight: 600;

	color: #0c1529;

	text-transform:capitalize;

	margin-bottom: 0px;

}

.comments-area .comment-box .name a {

    color: #0c1529;  

}

.comments-area .comment-box .time{

	position: relative;

	font-size: 16px;

	color: #808080;

}



.comments-area .comment-box .text{

	font-size: 15px;

	line-height: 24px;

	font-weight: 400;

	margin-bottom: 20px;

}



.comments-area .comment-box .reply-btn{

	position: relative;

	right:0;

	top:0;

	display: inline-block;

	font-size: 16px;

	line-height: 24px;

	color: #808080;

	font-weight: 500;

	-webkit-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	transition: all 300ms ease;

}







/*** 



====================================================================

		Comment Form

====================================================================



 ***/

 

 .comment-form{

	margin-top:50px; 

	margin-bottom:20px; 

 }

 

 .default-form{

 	position: relative;

 	z-index: 1;

}



.default-form .form-group{

	position:relative;

	display: block;

	width: 100%;

	margin-bottom:30px;	

}



.default-form .form-group:last-child{

	margin-bottom: 0;

}



.default-form .form-group input[type="text"],

.default-form .form-group input[type="email"],

.default-form .form-group input[type="tel"],

.default-form .form-group input[type="url"],

.default-form .form-group textarea,

.default-form .form-group select{

	position: relative;

    display: block;

    width: 100%;

    font-size: 15px;

    line-height: 28px;

    color: #25283a;

    font-weight: 400;

    height: 60px;

    padding: 15px 20px;

    background-color: #ffffff;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.default-form .form-group input:focus,

.default-form .form-group select:focus,

.default-form .form-group textarea:focus{

	background-color: #ffffff;

}



.default-form .form-group textarea{

	height: 200px;

	resize: none;

}



/* Blog Single Post */





.blog-single-post .list {

    position: relative;

    margin-bottom: 30px;

}



.blog-single-post .list li {

    position: relative;

    margin-bottom: 6px;

    font-size: 16px;

    padding-left: 30px;

    color: #848484;

}



.blog-single-post .list li:before {

    position: absolute;

    content: "\f11f";

    left: 0;

    top: 0;

    background-repeat: no-repeat;

    font-family: 'Flaticon';

    color: #21c58e;

}



.blog-single-post .text {

    margin-bottom: 30px;

}



.blog-single-post .image-block {

    margin: 50px 0;

}



.blog-single-post blockquote {

    position: relative;

    background: #0c1529;

    padding: 51px;

    border-radius: 20px;

    margin: 50px 0;

}



.blog-single-post blockquote .text {

    margin-bottom: 0;

    font-size: 20px;

    line-height: 34px;

}



.post-share-link {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.post-share-link h4 {

    position: relative;

    font-size: 20px;

    font-weight: 500;

    margin-right: 30px;

    margin-bottom: 10px;

}



.post-share-link .social-links {

    position: relative;

    display: inline-block;

}



.post-share-link .social-links li {

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 10px;

}



.post-share-link .social-links li:last-child {

    margin-right: 0;

}



.post-share-link .social-links li a {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    font-size: 17px;

    display: inline-block;

    transition: .5s;

    border-radius: 50%;

}



.post-share-link .social-links li a:hover {

    border-radius: 20%;

}



.post-share-link .social-links a.facebook {

    background-color: #516eb1;

}



.post-share-link .social-links a.twitter {

    background-color: #449bd5;

}



.post-share-link .social-links a.linkedin{

    background-color: #0073b1;

}



.post-share-link .social-links a.linkedin-in {

    background-color: #0077b5;

}



.main-header .logo {

    max-width: 175px;

}



.footer-bottom .logo {

    max-width: 175px;

}



.mobile-menu .nav-logo img {

    max-width: 175px;

}



.elementor-section.elementor-section-boxed > .elementor-container {

    max-width: 1200px;

}



.service-details .blog-single-post .image-block{

    margin: 0;

}



.elementor-widget-service_contact .service .dropdown.bootstrap-select {

    width: 100%;

}



.about-widget {

    margin-left: -15px;

}



.main-footer .elementor-section.elementor-section-boxed > .elementor-container {

    max-width: 1200px;

}



.main-menu .navigation>li.current-menu-item>a,.main-menu .navigation>li.current-menu-ancestor>a{

    color: #21c58e;

}



.error-section h1 {

    font-size: 130px;

}

.page-pagination .pagination .nav-links a.next.page-numbers,

.page-pagination .pagination .nav-links a.prev.page-numbers {

    border: none;

}

.page-pagination .pagination .nav-links a.next.page-numbers:hover,

.page-pagination .pagination .nav-links a.prev.page-numbers:hover{

    background: transparent;

    color: #21c58e;

}

.fancybox-slide .fancybox-image-wrap {

    border-radius: 20px;

    overflow: hidden;

}