/*����Դ��,���ɱ༭��Դ����Ψһ���ص�ַ: http://www.bootstrapmb.com/item/7141�����˱�עֻ��������ʾվ�����ص�Դ�벻��������*//* [Master Stylesheet] *//* --------------------------------------------:: Template Name: Consking - Industrial Construction Template:: Template Author: Theme-zome:: Version: v1.1���ࣺhttp://www.bootstrapmb.com-------------------------------------------- *//* =========== [Master Stylesheet] ============:: 01.0 Reboot CSS:: 02.0 Preloader CSS:: 03.0 Header Area CSS:: 04.0 Search box Area CSS:: 05.0 Welcome Area CSS :: 06.0 Brand & Service Area CSS:: 07.0 Project Area CSS:: 08.0 Gallery Area CSS:: 09.0 Review Area CSS:: 10.0 About us Area CSS:: 11.0 Counter Area CSS :: 12.0 Call to Action Area CSS:: 13.0 Contact Area CSS :: 14.0 Footer Area CSS:: 15.0 Breadcrumb Area CSS:: 16.0 Details Banner Area CSS:: 17.0 Team Area CSS :: 18.0 Accordion Area CSS:: 19.0 Short Code Area CSS:: 20.0 Blog Area CSS :: 21.0 Comments Area CSS:: 22.0 Blog Part Area CSS :: 23.0 Blog Details Area Css :: 24.0 Coming Soon Area CSS ===================================== *//* Import Fonts & All CSS */@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:300,400,500,700,900&display=swap');@import 'bootstrap.min.css';@import 'owl.carousel.min.css';@import 'magnific-popup.css';@import 'font-awesome.min.css';@import 'themify-icons.css';@import 'nice-select.css';@import 'flaticon.css';@import 'animate.css';@import 'slicknav.css';/* :: Reboot CSS */body {    font-family: 'Open Sans', sans-serif;    font-weight: normal;    font-style: normal}.img {    max-width: 100%;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s}a,.button {    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s}a:focus,.button:focus,button:focus {    text-decoration: none;    outline: none}a:focus {    color: #fff;    text-decoration: none}a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover {    text-decoration: none;    color: #000}a,button {    color: #222222;    outline: medium none}h1,h2,h3,h4,h5,h6 {    font-family: 'Roboto', sans-serif;    color: #222222;    font-weight: 700;}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {    color: inherit}ul {    margin: 0px;    padding: 0px}li {    list-style: none}p {    font-size: 14px;    font-weight: 300;    line-height: 26px;    color: #5c5c5c;    margin-bottom: 13px;    font-family: 'Open Sans', sans-serif;    font-weight: 400;}label {    color: #7e7e7e;    cursor: pointer;    font-size: 14px;    font-weight: 400}img {    max-width: 100%;    height: auto;}.section-padding-100-50 {    padding-top: 100px;    padding-bottom: 50px;}*::-moz-selection {    background: #444;    color: #fff;    text-shadow: none}::-moz-selection {    background: #444;    color: #fff;    text-shadow: none}::selection {    background: #444;    color: #fff;    text-shadow: none}*::-webkit-input-placeholder {    color: #cccccc;    font-size: 14px;    opacity: 1}*:-ms-input-placeholder {    color: #cccccc;    font-size: 14px;    opacity: 1}*::-ms-input-placeholder {    color: #cccccc;    font-size: 14px;    opacity: 1}*::-moz-placeholder {    color: #cccccc;    font-size: 14px;    opacity: 1}*::placeholder {    color: #cccccc;    font-size: 14px;    opacity: 1}h3 {    font-size: 24px}.mb-65 {    margin-bottom: 67px}.black-bg {    background: #222222 !important}.white-bg {    background: #ffffff}.gray-bg {    background: #f5f5f5}.bg-img-1 {    background-image: url(../img/slider/slider-img-1.jpg)}.bg-img-2 {    background-image: url(../img/background-img/bg-img-2.jpg)}.cta-bg-1 {    background-image: url(../img/background-img/bg-img-3.jpg)}.bg-img {    background-size: cover;    background-position: center center;    background-repeat: no-repeat;}.overlay {    position: relative;    z-index: 1;}.overlay::before {    position: absolute;    content: "";    background-color: #222222;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;    opacity: 0.851}.bg-overlay {    position: relative;    z-index: 1;}.bg-overlay::before {    position: absolute;    content: "";    background-color: #fe982f;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;    opacity: 0.80;}.bg-overlay-2 {    position: relative;    z-index: 1;}.bg-overlay-2::before {    position: absolute;    content: "";    background-color: #fe982f;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;    opacity: 0.30;}.overlay2 {    position: relative;    z-index: 0}.overlay2::before {    position: absolute;    content: "";    background-color: #222222;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: -1;    opacity: 0.5}.pt-120 {    padding-top: 120px}.section-padding-100-70 {    padding-top: 100px;    padding-bottom: 70px;}.boxed-btn {    background: #fe982f;    color: #fff;    display: inline-block;    padding: 13px 32px;    font-size: 15px;    font-weight: 600;    border: 0;    border: 1px solid transparent}.boxed-btn:hover {    background: transparent;    color: #fe982f !important;    border: 1px solid #fe982f}.boxed-btn:focus {    outline: none;    color: #fff}.boxed-btn2 {    background: #fe982f;    color: #fff;    display: inline-block;    padding: 22px 50px;    font-size: 15px;    font-weight: 600;    border-radius: 2px;}.boxed-btn2:hover {    color: #fff}@media (min-width: 320px) and (max-width: 767px) {    .boxed-btn2 {        padding: 10px 20px;        font-size: 14px;    }}.boxed-btn2:focus {    outline: none;    color: #fff}.underline-hover {    color: #fe982f;    font-weight: 400;    font-size: 16px;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s}.underline-hover:hover {    text-decoration: underline;    color: #fe982f}.section-title h3 {    font-size: 44px;    line-height: 56px;    font-weight: 400;}@media (max-width: 767px) {    .section-title h3 {        font-size: 24px;        line-height: 30px;    }}@media (min-width: 768px) and (max-width: 991px) {    .section-title h3 {        font-size: 32px;        line-height: 48px    }}@media (min-width: 768px) and (max-width: 991px) {    .section-title h3 br {        display: none    }}.section-title span {    font-size: 20px;    color: #fe982f;    font-weight: 600;    margin-bottom: 13px;    display: block;    text-transform: uppercase}.section-title .para-text {    color: #5c5c5c;    font-weight: 400;    margin-top: 25px;    margin-bottom: 30px;    font-size: 16px}.section-title.text-white h3 {    color: #fff}.section-title.text-white p {    color: #fff;    font-size: 16px}.section-padding {    padding-top: 100px;    padding-bottom: 100px}@media (max-width: 767px) {    .mobile_menu {        position: absolute;        right: 0px;        width: 100%;        z-index: 9    }}.slicknav_menu .slicknav_nav {    background: #fff;    float: right;    margin-top: 0;    padding: 0;    width: 95%;    padding: 0;    border-radius: 0px;    margin-top: 5px;    position: absolute;    left: 0;    right: 0;    margin: auto;    top: 45px}.slicknav_menu .slicknav_nav a:hover {    background: transparent;    color: #fe982f}.slicknav_menu .slicknav_nav a.active {    color: #fe982f}@media (max-width: 767px) {    .slicknav_menu .slicknav_nav a i {        display: none    }}@media (min-width: 768px) and (max-width: 991px) {    .slicknav_menu .slicknav_nav a i {        display: none    }}.slicknav_menu .slicknav_nav .slicknav_btn {    background-color: transparent;    cursor: pointer;    margin-bottom: 10px;    margin-top: -40px;    position: relative;    z-index: 99;    border: 1px solid #ddd;    top: 3px;    right: 5px}.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {    margin-right: 6px;    margin-top: 3px;    position: relative;    padding-bottom: 3px;    top: -11px;    right: -5px}@media (max-width: 767px) {    .slicknav_menu {        margin-right: 12px    }}.home-6 .slicknav_menu .slicknav_icon {    margin-right: 6px;    margin-top: 3px;    right: -5px;    padding-bottom: 3px;    position: absolute;    top: 3px}.slicknav_nav .slicknav_arrow {    float: right;    font-size: 22px;    position: relative;    top: -9px}/* :: Preloader CSS */#preloader {    position: fixed;    width: 100%;    height: 100%;    z-index: 9999999;    top: 0;    left: 0;    background-color: #fff;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    @include align-items-center;    overflow: hidden;}.loader,.loader:before,.loader:after {    border-radius: 50%;    width: 2.5em;    height: 2.5em;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;    -webkit-animation: load7 1.8s infinite ease-in-out;    animation: load7 1.8s infinite ease-in-out;}.loader {    margin-top: -20px;    color: #fe982f;    font-size: 6px;    position: relative;    -webkit-transform: translateZ(0);    -ms-transform: translateZ(0);    transform: translateZ(0);    -webkit-animation-delay: -0.16s;    animation-delay: -0.16s;}.loader:before,.loader:after {    content: '';    position: absolute;    top: 0;}.loader:before {    left: -3.5em;    -webkit-animation-delay: -0.32s;    animation-delay: -0.32s;}.loader:after {    left: 3.5em;}@-webkit-keyframes load7 {    0%,    80%,    100% {        -webkit-box-shadow: 0 2.5em 0 -1.3em;        box-shadow: 0 2.5em 0 -1.3em;    }    40% {        -webkit-box-shadow: 0 2.5em 0 0;        box-shadow: 0 2.5em 0 0;    }}@keyframes load7 {    0%,    80%,    100% {        -webkit-box-shadow: 0 2.5em 0 -1.3em;        box-shadow: 0 2.5em 0 -1.3em;    }    40% {        -webkit-box-shadow: 0 2.5em 0 0;        box-shadow: 0 2.5em 0 0;    }}/* :: Header Area CSS */.header-area .header-top {    padding: 13px 0}.header-area .header-top .header-contact a {    color: #222;    display: inline-block;    padding-right: 20px;    font-size: 13px;    font-weight: 600;}.header-area .header-top .header-contact a:last-child {    padding-right: 0;}@media (min-width: 768px) and (max-width: 991px) {    .header-area .header-top .header-contact a {        padding-right: 14px    }}.header-area .header-top .header-contact a i {    padding-right: 5px;    font-size: 12px;    color: #222;}@media (min-width: 768px) and (max-width: 991px) {    .header-area .header-top .header-contact a i {        padding-right: 5px    }}.header-area .header-top .header-top-menu ul li {    display: inline-block}.header-area .header-top .header-top-menu ul li a {    color: #222;    margin-right: 30px;    font-size: 13px;    font-weight: 600;}.header-area .header-top .header-top-menu ul li:last-child a {    margin-right: 0;}@media (max-width: 767px) {    .header-area .main-header-area {        padding: 10px 0;        height: 60px    }}@media (min-width: 768px) and (max-width: 991px) {    .header-area .main-header-area {        padding: 10px 0;        height: 60px    }}@media (max-width: 767px) {    .header-area .main-header-area .logo-img {        position: absolute;        display: inline-block;        text-align: center;        margin: 3px auto;        z-index: 999;        width: 140px;        left: 0;        right: 0    }}@media (min-width: 768px) and (max-width: 991px) {    .header-area .main-header-area .logo-img {        position: absolute;        display: inline-block;        text-align: center;        margin: 3px auto;        z-index: 999;        width: 140px;        left: 0;        right: 0    }}.header-area .main-header-area .main-menu ul li {    display: inline-block;    position: relative}.header-area .main-header-area .main-menu ul li a {    color: #222;    font-size: 15px;    text-transform: capitalize;    font-weight: 600;    display: inline-block;    padding: 25px 10px 25px 10px;    position: relative}@media (min-width: 992px) and (max-width: 1200px) {    .header-area .main-header-area .main-menu ul li a {        padding: 35px 8px 35px 8px    }}.header-area .main-header-area .main-menu ul li a i {    font-size: 9px}@media (max-width: 767px) {    .header-area .main-header-area .main-menu ul li a i {        display: none !important    }}@media (min-width: 768px) and (max-width: 991px) {    .header-area .main-header-area .main-menu ul li a i {        display: none !important    }}.header-area .main-header-area .main-menu ul li a::before {    position: absolute;    content: "";    background: #fe982f;    width: 100%;    height: 2px;    top: 0;    left: 0;    opacity: 0;    -webkit-transform: scaleX(0);    -ms-transform: scaleX(0);    transform: scaleX(0);    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s}.header-area .main-header-area .main-menu ul li a:hover::before {    opacity: 1;    -webkit-transform: scaleX(1);    -ms-transform: scaleX(1);    transform: scaleX(1)}.header-area .main-header-area .main-menu ul li a.active::before {    opacity: 1;    -webkit-transform: scaleX(1);    -ms-transform: scaleX(1);    transform: scaleX(1)}.header-area .main-header-area .main-menu ul li .submenu {    position: absolute;    left: 0;    top: 140%;    background: #fff;    width: 200px;    z-index: 2;    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);    box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);    opacity: 0;    visibility: hidden;    -webkit-transition: .6s;    -o-transition: .6s;    transition: .6s}.header-area .main-header-area .main-menu ul li .submenu li {    display: block}.header-area .main-header-area .main-menu ul li .submenu li a {    padding: 10px 15px;    position: inherit;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;    display: block}.header-area .main-header-area .main-menu ul li .submenu li a::before {    display: none}.header-area .main-header-area .main-menu ul li .submenu li:hover a {    color: #fe982f}.header-area .main-header-area .main-menu ul li:hover >.submenu {    opacity: 1;    visibility: visible;    top: 100%}.header-area .main-header-area .main-menu ul li:hover >a::before {    opacity: 1;    -webkit-transform: scaleX(1);    -ms-transform: scaleX(1);    transform: scaleX(1)}.header-area .main-header-area .quote-area {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: justify;    -ms-flex-pack: justify;    justify-content: space-between;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}.header-area .main-header-area .quote-area .search-bar {    margin-left: 43px}.header-area .main-header-area .quote-area .search-bar i {    font-size: 18px;    color: #222;}.header-area .main-header-area .quote-area .get-quote {    text-align: right;    display: inline-block}.header-area .main-header-area.sticky {    -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);    position: fixed;    width: 100%;    top: -70px;    left: 0;    right: 0;    z-index: 9999;    -webkit-transform: translateY(70px);    -ms-transform: translateY(70px);    transform: translateY(70px);    -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;    transition: background 500ms ease, -webkit-transform 500ms ease;    -o-transition: transform 500ms ease, background 500ms ease;    transition: transform 500ms ease, background 500ms ease;    transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;    -webkit-transition: transform 500ms ease, background 500ms ease;    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1)}.logo-img a img {    max-width: 140px;}@media (min-width: 320px) and (max-width: 480px) {    .logo-img a img {        max-width: 105px;    }}@media (min-width: 992px) and (max-width: 1199px) {    .logo-img a img {        max-width: 115px;    }}@media (max-width: 991px) {    .header-area {        padding: 5px 0;    }}/* :: Search box Area CSS */#search_input_box {    position: fixed;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    width: 100%;    max-width: 1140px;    z-index: 999;    text-align: center;    background: #1e1c27}#search_input_box ::-webkit-input-placeholder {    color: #fff}#search_input_box ::-moz-placeholder {    color: #fff}#search_input_box :-ms-input-placeholder {    color: #fff}#search_input_box ::-ms-input-placeholder {    color: #fff}#search_input_box ::placeholder {    color: #fff}@media (max-width: 767px) {    #search_input_box {        top: 59px    }}@media (min-width: 768px) and (max-width: 991px) {    #search_input_box {        top: 109px    }}@media (min-width: 768px) and (max-width: 991px) {    .main-header-area.sticky #search_input_box {        top: 59px    }}#search_input_box .form-control {    background: transparent;    border: 0;    color: #ffffff;    font-weight: 400;    font-size: 15px;    padding: 0}#search_input_box .btn {    width: 0;    height: 0;    padding: 0;    border: 0}#search_input_box .ti-close {    color: #fff;    font-weight: 600;    cursor: pointer;    padding: 10px;    padding-right: 0}.search-inner {    padding: 14px 5px}.form-control:focus {    -webkit-box-shadow: none;    box-shadow: none}.navbar_fixed #search_input_box {    position: fixed;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);    width: 100%;    max-width: 1140px;    z-index: 999;    text-align: center;    padding: 0 20px;    top: 80px}@media (max-width: 767px) {    .navbar_fixed #search_input_box {        top: 50px    }}@media (min-width: 768px) and (max-width: 991px) {    .navbar_fixed #search_input_box {        top: 50px    }}.social-link {    position: relative;    z-index: 9}@media (min-width: 768px) and (max-width: 991px) {    .social-link {        position: static    }}@media (max-width: 767px) {    .social-link {        position: static    }}#search_1 {    position: absolute;    color: #fff;    top: 1px;    left: 23px;    font-size: 14px}@media (max-width: 767px) {    #search_1 {        position: absolute;        color: #fff;        top: 3px;        left: auto;        right: 17px;        font-size: 14px    }}@media (min-width: 768px) and (max-width: 991px) {    #search_1 {        position: absolute;        left: auto;        right: 0    }}#close_search {    position: relative;    z-index: 99999;    top: 2px;    color: #fff}#search_1 {    position: absolute;    color: #fff;    top: 50%;    left: inherit;    font-size: 14px;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%)}@media (max-width: 767px) {    #search_1 {        position: absolute;        color: #fff;        top: 8px;        left: 23px;        font-size: 14px;        -webkit-transform: none;        -ms-transform: none;        transform: none;        right: 0;        z-index: 999;        width: 20px;        height: 20px;        left: 22px    }}@media (min-width: 768px) and (max-width: 991px) {    #search_1 {        position: absolute;        color: #fff;        top: 8px;        left: 23px;        font-size: 14px;        -webkit-transform: none;        -ms-transform: none;        transform: none;        right: 0;        z-index: 999;        width: 20px;        height: 20px;        left: 22px    }}@media (min-width: 992px) and (max-width: 1200px) {    #search_1 {        position: absolute;        color: #fff;        left: 30px;        font-size: 14px;        -webkit-transform: none;        -ms-transform: none;        transform: none;        right: 0;        margin: auto;        z-index: 999;        top: 16px    }}/* :: Welcome Area CSS */.slider-area .single-slider {    height: 760px;    background-size: cover;    background-position: center;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    position: relative;    z-index: 2}@media (min-width: 768px) and (max-width: 991px) {    .slider-area .single-slider {        height: 500px;    }}@media (min-width: 992px) and (max-width: 1199px) {    .slider-area .single-slider {        height: 630px;    }}.slider-area .owl-nav {    position: absolute;    bottom: -47px;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    left: 0;    z-index: 22;}.slider-area .owl-prev {    border-right: 1px solid rgba(255, 255, 255, 0.53);}.slider-area .owl-next,.slider-area .owl-prev {    background-color: #fe982f;    color: #fff;    height: 50px;    width: 50px;    display: inline-block;    line-height: 50px;    text-align: center;    font-size: 28px;}.slider-content::after {    content: "";    border: 15px solid #fe982f;    height: 450px;    width: 300px;    display: inline-block;    -webkit-animation: ;    animation: ;    position: absolute;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    left: 50px;    z-index: -1;}@media (min-width: 320px) and (max-width: 991px) {    .slider-content::after {        display: none;    }}@media (min-width: 480px) and (max-width: 767px) {    .slider-content::after {        height: 400px;    }}@media (min-width: 320px) and (max-width: 767px) {    .slider-area .single-slider {        height: 500px;    }}.slider-area .single-slider::before {    position: absolute;    content: "";    background: #222222;    width: 100%;    height: 100%;    left: 0;    top: 0;    opacity: .10;}.slider-area .single-slider .slider-content {    position: relative;    z-index: 9;    display: inline-block}.slider-area .single-slider .slider-content p {    color: #222222;    font-size: 18px;    font-weight: 600;    margin-bottom: 16px}.slider-area .single-slider .slider-content h3 {    font-size: 50px;    color: #222222;    line-height: 1.3;    margin-bottom: 20px;    text-transform: uppercase;    font-weight: 900;}@media (min-width: 768px) and (max-width: 991px) {    .slider-area .single-slider .slider-content h3 {        font-size: 36px;        line-height: 50px;    }}@media (max-width: 767px) {    .slider-area .single-slider .slider-content h3 {        font-size: 25px;        line-height: 45px;        margin-bottom: 10px    }}.slider-area .single-slider .slider-content a i {    font-size: 14px;    padding-left: 5px}.slider-area .slider-active .owl-dots {    position: absolute;    top: 0;    right: 30px;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}@media (min-width: 320px) and (max-width: 991px) {    .slider-area .slider-active .owl-dots {        display: none;    }}@media (min-width: 992px) and (max-width: 1199px) {    .slider-area .slider-active .owl-dots {        right: 30px;        left: auto;    }}@media (min-width: 1200px) and (max-width: 1365px) {    .slider-area .slider-active .owl-dots {        right: 30px    }}.slider-area .slider-active .owl-dots div {    width: 15px;    height: 15px;    background: transparent;    display: block;    margin: 13px 0;    border-radius: 50%;    border: 3px solid #222;}.slider-area .slider-active .owl-dots div .active {    background: #222;}.slider-area .slider-active .owl-dots div.active {    background: #222;}/* :: Brand & Service Area CSS */.brand-area {    padding-top: 65px;    padding-bottom: 65px}.brand-area .brand-active .single-brand {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    height: 70px}.brand-area .brand-active .single-brand img {    width: auto;    display: inline-block}.service-area {    padding-top: 100px;    padding-bottom: 100px}.service-area .single-service .service-thumb {    margin-bottom: 39px}.service-area .single-service .service-thumb img {    width: 100%}.service-area .single-service h3 {    font-size: 24px}.service-area .single-service p {    font-size: 16px;    color: #5c5c5c;    font-weight: 400;    margin-top: 18px;    margin-bottom: 21px}.service-area .single-service a {    text-transform: capitalize;    color: #222;    -webkit-transition: .3s;    -o-transition: .3s;    transition: .3s;    font-weight: 600;    font-size: 14px;    display: inline-block}.service-area .single-service a:hover {    text-decoration: underline;    color: #fe982f}@media (max-width: 767px) {    .service-area .single-service {        margin-bottom: 30px    }}.service-details {    padding-top: 100px;    padding-bottom: 60px;}.service-details .details-nav {    position: relative;    -webkit-box-shadow: 0px 0px 5px 0px #dcdcdc;    box-shadow: 0px 0px 5px 0px #dcdcdc;    padding: 15px;}@media (max-width: 1199px) {    .service-details .details-nav {        margin-bottom: 50px    }}.service-details .details-nav ul li {    display: block;    display: block;    width: 100%;    border-bottom: 1px solid #e5e6e9;    padding: 0;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s;    position: relative}.service-details .details-nav ul li a {    font-size: 16px;    color: #222222;    text-transform: capitalize;    padding: 20px 0;    position: relative;    left: 0;    font-weight: 400;}.service-details .details-nav ul li a.active.show {    color: #fe982f;    padding-left: 27px;    position: relative}.service-details .details-nav ul li a.active.show::before {    position: absolute;    content: "";    background: #fe982f;    width: 17px;    height: 2px;    top: 50%;    left: 0;    margin-bottom: -1px}.service-details .details-nav ul li:hover::before {    width: 17px}.service-details .details-nav .download-brouser {    background: #222222;    color: #fff;    display: block;    padding: 17px 0 17px 0;    text-align: center;    margin-top: 60px}.service-details .details-nav .download-brouser:hover {    color: #fff}.service-details .single-details .details-thumb {    margin-bottom: 67px}.service-details .single-details .details-thumb img {    width: 100%}.service-details .single-details .details-info {    padding-right: 20px;    margin-bottom: 34px}.service-details .single-details .details-info h3 {    font-size: 44px;    font-weight: 400;    color: #222222;    margin-bottom: 20px}@media (max-width: 767px) {    .service-details .single-details .details-info h3 {        font-size: 25px;        margin-bottom: 15px    }}.service-details .single-details .details-info p {    font-size: 16px;    color: #5c5c5c;    line-height: 28px;    font-weight: 400}/* :: Project Area CSS */.project-area {    padding-top: 120px;    padding-bottom: 120px}@media (max-width: 767px) {    .single-project {        margin-top: 50px;    }}.single-project .project-area .project-active .single-project .project-info span {    color: #fe982f;    font-weight: 400;    display: block;    margin-bottom: 13px;    margin-top: 35px;    font-size: 16px}.project-info {    margin-top: 20px;}.project-info span {    color: #fff;}.project-area .project-active .single-project .project-info h3 {    font-size: 26px;    color: #fff;    font-weight: 400}@media (min-width: 768px) and (max-width: 991px) {    .project-area .project-active .single-project .project-info h3 {        font-size: 18px    }}.project-area .more-project a {    color: #fff;    font-size: 20px;    margin-top: 30px;    display: inline-block}@media (max-width: 767px) {    .project-area .more-project a {        margin-top: 20px    }}@media (min-width: 768px) and (max-width: 991px) {    .project-area .more-project a {        margin-top: 20px    }}@media (min-width: 992px) and (max-width: 1200px) {    .project-area .more-project a {        margin-top: 30px    }}.project-area .more-project a:hover {    color: #fe982f;    text-decoration: underline}.project-area .section-title h3 {    margin-bottom: 17px}@media (min-width: 1200px) and (max-width: 1500px) {    .project-area .section-title h3 br {        display: none    }}@media (min-width: 1200px) and (max-width: 1500px) {    .project-area .section-title p br {        display: none    }}.ml-80 {    margin-left: 80px}@media (max-width: 767px) {    .ml-80 {        margin-left: 0    }}.project-active .owl-nav {    position: absolute;    bottom: -100px;    left: 0;    z-index: 2;}.project-active .owl-nav .owl-next,.project-active .owl-nav .owl-prev {    background: transparent;    height: 65px;    width: 65px;    line-height: 65px;    text-align: center;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    font-size: 16px;    color: #fff;    border: 1px solid #363d4f;    display: inline-block;}.project-active .owl-nav .owl-next {    border-left: none;}.project-active.owl-carousel .owl-nav div.owl-next {    left: 86px;    right: auto}.project-active.owl-carousel .owl-nav div.owl-prev i {    position: relative;    right: 2px}.project-active.owl-carousel:hover .owl-nav div {    opacity: 1;    visibility: visible}.project-active.owl-carousel:hover .owl-nav div:hover {    color: #fe982f}.main-project-area {    padding-top: 120px;    padding-bottom: 0px}.main-project-area .single-project {    margin-bottom: 100px}.main-project-area .single-project .project-thumb img {    width: 100%}.main-project-area .single-project .project-info span {    color: #fe982f;    font-weight: 400;    display: block;    margin-bottom: 13px;    margin-top: 35px;    font-size: 16px}.main-project-area .single-project .project-info h3 {    font-size: 20px;    color: #222222;}@media (min-width: 768px) and (max-width: 991px) {    .main-project-area .single-project .project-info h3 {        font-size: 18px    }}@media (max-width: 767px) {    .main-project-area .single-project .project-info h3 {        font-size: 18px    }}@media (max-width: 767px) {    .main-project-area .single-project {        margin-bottom: 50px    }}.project-review-area .single-review {    padding-right: 30px}.project-review-area .single-review h2 {    font-size: 32px;    color: #222222;    margin-bottom: 20px}@media (max-width: 767px) {    .project-review-area .single-review h2 {        font-size: 25px    }}.project-review-area .single-review p {    color: #5c5c5c;    font-weight: 400;    font-size: 16px;    margin-bottom: 17px;    line-height: 28px}.project-review-area .review-thumb img {    width: 100%}/* :: Gallery Area CSS */.full-width-gallery {    padding-bottom: 80px}.full-width-gallery .full-thumb {    margin-bottom: 70px}.full-width-gallery .full-thumb img {    width: 100%}.full-width-gallery .solution-wrap {    margin-bottom: 20px}.full-width-gallery .solution-wrap h2 {    font-size: 44px;    color: #222222;    margin-bottom: 19px;    font-weight: 400}@media (max-width: 767px) {    .full-width-gallery .solution-wrap h2 {        font-size: 30px    }}.full-width-gallery .solution-wrap p {    font-size: 16px;    color: #5c5c5c;    line-height: 28px;    font-weight: 400}/* :: Review Area CSS */.main-review-area {    padding-top: 98px;    padding-bottom: 60px}@media (max-width: 767px) {    .main-review-area {        padding-top: 60px;        padding-bottom: 0    }}.main-review-area .about-info-text {    margin-bottom: 60px}.main-review-area .about-info-text .quote {    font-size: 55px;    color: #e5e6e9;    margin-bottom: 10px}.main-review-area .about-info-text .about-ratting {    color: #ffba00;    font-size: 16px}.main-review-area .about-info-text .about-ratting i {    margin-right: 1px}.main-review-area .about-info-text p.about-text {    font-size: 24px;    line-height: 36px;    color: #5c5c5c;    font-weight: 400;    margin-top: 17px;    margin-bottom: 44px}@media (max-width: 767px) {    .main-review-area .about-info-text p.about-text {        font-size: 18px    }}.main-review-area .about-info-text .about-author {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}.main-review-area .about-info-text .about-author .autor-thumb {    padding-right: 20px}.main-review-area .about-info-text .about-author .autor-thumb img {    width: 100%}.main-review-area .about-info-text .about-author .auhor-text span {    font-size: 18px;    font-weight: 400;    color: #222222}.main-review-area .about-info-text .about-author .auhor-text p {    color: #848484;    font-size: 14px;    font-weight: 400}.addres-area .single-address {    position: relative;    margin-top: 53px;    z-index: 0}.addres-area .single-address .addres-icon {    position: absolute;    top: -53px;    right: 0;    left: 0;    margin: auto}.addres-area .single-address h3 {    color: #fff;    font-size: 24px;    font-weight: 400;    position: relative;    z-index: 9}.addres-area .single-address p {    font-size: 16px;    color: #a9a9a9;    line-height: 28px;    margin-bottom: 21px;    position: relative;    z-index: 9}.addres-area .single-address a {    position: relative;    z-index: 9}@media (max-width: 767px) {    .addres-area .single-address {        margin-bottom: 30px    }}/* :: About us Area CSS */.about-area {    position: relative;    z-index: 1}.about-area .pattent-bg-img {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%)}@media (max-width: 767px) {    .about-area .pattent-bg-img {        display: none    }}@media (min-width: 768px) and (max-width: 991px) {    .about-area .pattent-bg-img {        display: none    }}.about-area .about-thumb {    position: relative}@media (max-width: 991px) {    .about-area .about-thumb {        margin-top: 50px;    }}.about-area .about-thumb img {    width: 100%}.about-area .about-thumb .video-icon {    position: absolute;    width: 70px;    height: 70px;    font-size: 25px;    line-height: 70px;    background: #fe982f;    display: inline-block;    border-radius: 50%;    text-align: center;    top: 50%;    margin-left: -30px;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    left: 0;}@media (max-width: 767px) {    .about-area .about-thumb a.video-icon {        height: 80px;        width: 80px;        line-height: 80px;        left: 50%;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%)    }}@media (min-width: 768px) and (max-width: 991px) {    .about-area .about-thumb a.video-icon {        height: 80px;        width: 80px;        line-height: 80px;        left: 50%;        -webkit-transform: translateY(-50%);        -ms-transform: translateY(-50%);        transform: translateY(-50%)    }}.about-area .about-thumb a.video-icon i {    color: #fff;    padding-left: 4px}.about-area .about-info-text .quote {    font-size: 55px;    color: #222222;    margin-bottom: 10px}.about-area .about-info-text .about-ratting {    color: #ffba00;    font-size: 16px}.about-area .about-info-text .about-ratting i {    margin-right: 1px}.about-area .about-info-text p.about-text {    font-size: 24px;    line-height: 36px;    color: #5c5c5c;    font-weight: 400;    margin-top: 17px;    margin-bottom: 44px}@media (max-width: 767px) {    .about-area .about-info-text p.about-text {        font-size: 18px    }}.about-area .about-info-text .about-author {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}.about-area .about-info-text .about-author .autor-thumb {    padding-right: 20px}.about-area .about-info-text .about-author .autor-thumb img {    width: 100%}.about-area .about-info-text .about-author .auhor-text span {    font-size: 18px;    font-weight: 400;    color: #222222}.about-area .about-info-text .about-author .auhor-text p {    color: #848484;    font-size: 14px;    font-weight: 400}.about-area .about-review {    position: relative}@media (max-width: 767px) {    .about-area .about-review {        margin-bottom: 50px    }}.about-area .about-review img {    width: 100%}.about-area .about-review .project-review {    position: absolute;    bottom: 50px;    left: 50px;    background: #fe982f;    padding: 55px 43px}.about-area .about-review .project-review h3 {    color: #fff;    font-size: 46px;    margin-bottom: 9px;    line-height: 30px}.about-area .about-review .project-review p {    font-size: 18px;    font-weight: 400;    margin-bottom: 0;    color: #fff !important}.pt-120 {    padding-top: 100px}.about-pro-active.owl-carousel .owl-nav div {    background: transparent;    height: 65px;    line-height: 65px;    position: absolute;    text-align: center;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    width: 65px;    font-size: 18px;    color: #222;    border: 1px solid transparent;    position: absolute;    top: -115px;    right: 0}.about-pro-active.owl-carousel .owl-nav {    position: inherit}.about-pro-active.owl-carousel .owl-nav div.owl-prev {    margin-right: 30px}.about-pro-active.owl-carousel .owl-nav div.owl-prev i {    position: relative;    right: 2px}.about-pro-active.owl-carousel:hover .owl-nav div {    opacity: 1;    visibility: visible}.about-pro-active.owl-carousel:hover .owl-nav div:hover {    color: #fe982f}.pulse {    overflow: visible;    position: relative}.pulse::before {    content: '';    display: block;    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    background-color: inherit;    border-radius: inherit;    -webkit-transition: opacity .5s, -webkit-transform .5s;    transition: opacity .5s, -webkit-transform .5s;    -o-transition: opacity .5s, transform .5s;    transition: opacity .5s, transform .5s;    transition: opacity .5s, transform .5s, -webkit-transform .5s;    -webkit-animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;    animation: pulse-animation 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;    z-index: -1;}@-webkit-keyframes pulse-animation {    0% {        opacity: 1;        -webkit-transform: scale(1);        transform: scale(1)    }    50% {        opacity: 0;        -webkit-transform: scale(1.7);        transform: scale(1.7)    }    100% {        opacity: 0;        -webkit-transform: scale(1.9);        transform: scale(1.9)    }}@keyframes pulse-animation {    0% {        opacity: 1;        -webkit-transform: scale(1);        transform: scale(1)    }    50% {        opacity: 0;        -webkit-transform: scale(1.7);        transform: scale(1.7)    }    100% {        opacity: 0;        -webkit-transform: scale(1.9);        transform: scale(1.9)    }}/* :: Counter Area CSS */.counter-area {    padding-top: 65px;    padding-bottom: 35px}.counter-area .single-counter {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-bottom: 30px}@media (max-width: 767px) {    .counter-area .single-counter {        display: block;        text-align: center    }}@media (min-width: 768px) and (max-width: 991px) {    .counter-area .single-counter {        display: block;        text-align: center    }}.counter-area .single-counter .icon {    margin-right: 23px}@media (max-width: 767px) {    .counter-area .single-counter .icon {        margin-bottom: 20px    }}@media (min-width: 768px) and (max-width: 991px) {    .counter-area .single-counter .icon {        margin-bottom: 20px    }}.counter-area .single-counter .counter-number {    margin-top: -10px}.counter-area .single-counter .counter-number h3 {    font-size: 46px;    color: #222222;    font-weight: 400;    margin-bottom: -2px}.counter-area .single-counter .counter-number h3 span {    font-weight: 400;}.counter-area .single-counter .counter-number p {    font-size: 18px;    color: #848484;    font-weight: 400}.counter-area .single-counter .counter-number p span {    color: #222222;    font-weight: 400}/* :: Call to Action Area CSS */.cta-area {    padding-top: 145px;    padding-bottom: 155px}.cta-area .cta-content {    display: block;    background: #fe982f;    position: relative;    padding: 68px 45px 114px 64px}@media (max-width: 767px) {    .cta-area .cta-content {        padding: 40px 20px 100px 20px    }}.cta-area .cta-content h3 {    font-size: 44px;    line-height: 56px;    color: #fff;    font-weight: 400;    margin-bottom: 13px}@media (max-width: 767px) {    .cta-area .cta-content h3 {        font-size: 23px;        line-height: 32px    }}@media (min-width: 992px) and (max-width: 1200px) {    .cta-area .cta-content h3 br {        display: none    }}.cta-area .cta-content p {    font-size: 16px;    color: #ffffff;    font-weight: 400}.cta-area .cta-content .cta-btn {    position: absolute;    right: 0;    bottom: 0}.cta-area .cta-content .cta-btn i {    position: relative;    left: 8px}.dropdown .dropdown-menu {    -webkit-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s}.call-to-action-content h6 {    font-size: 22px;    margin-bottom: 20px;}.call-to-action-content h4 {    font-size: 40px;    margin-bottom: 15px;    color: #fe982f;}.call-to-action-content p {    color: #222;    font-weight: 600;    font-size: 16px;    margin-bottom: 30px;}/* :: Contact Area CSS */.contact-info {    margin-bottom: 25px}.contact-info:last-child {    margin-bottom: 0;}.contact-info__icon {    margin-right: 20px}.contact-info__icon i,.contact-info__icon span {    color: #8f9195;    font-size: 27px}.contact-info .media-body h3 {    font-size: 16px;    margin-bottom: 0;    font-size: 16px;    color: #2a2a2a}.contact-info .media-body h3 a:hover {    color: #fe982f}.contact-info .media-body p {    color: #8a8a8a}.contact-title {    font-size: 27px;    font-weight: 600;    margin-bottom: 20px}.form-contact label {    font-size: 14px}.form-contact .form-group {    margin-bottom: 30px}.form-contact .form-control {    border: 1px solid #e5e6e9;    border-radius: 0px;    height: 48px;    padding-left: 18px;    font-size: 13px;    background: transparent}.form-contact .form-control:focus {    outline: 0;    -webkit-box-shadow: none;    box-shadow: none}.form-contact .form-control::-webkit-input-placeholder {    font-weight: 300;    color: #999999}.form-contact .form-control::-moz-placeholder {    font-weight: 300;    color: #999999}.form-contact .form-control:-ms-input-placeholder {    font-weight: 300;    color: #999999}.form-contact .form-control::-ms-input-placeholder {    font-weight: 300;    color: #999999}.form-contact .form-control::placeholder {    font-weight: 300;    color: #999999}.form-contact textarea {    border-radius: 0px;    height: 100% !important}.modal-message .modal-dialog {    position: absolute;    top: 36%;    left: 50%;    -webkit-transform: translateX(-50%) translateY(-50%) !important;    -ms-transform: translateX(-50%) translateY(-50%) !important;    transform: translateX(-50%) translateY(-50%) !important;    margin: 0px;    max-width: 500px;    width: 100%}.modal-message .modal-dialog .modal-content .modal-header {    text-align: center;    display: block;    border-bottom: none;    padding-top: 50px;    padding-bottom: 50px}.modal-message .modal-dialog .modal-content .modal-header .close {    position: absolute;    right: -15px;    top: -15px;    padding: 0px;    color: #fff;    opacity: 1;    cursor: pointer}.modal-message .modal-dialog .modal-content .modal-header h2 {    display: block;    text-align: center;    padding-bottom: 10px}.modal-message .modal-dialog .modal-content .modal-header p {    display: block}.contact-section {    padding-top: 100px;    padding-bottom: 50px;}.contact-section .btn_2 {    background-color: #191d34;    padding: 18px 60px;    border-radius: 50px;    margin-top: 0}.contact-section .btn_2:hover {    background-color: #fe982f}/* :: Footer Area CSS */.footer-area {    background-image: url(../img/background-img/footer-pattern.png);    padding-top: 100px;    padding-bottom: 0;    position: relative}.footer-area .single-footer-widget .social-links ul li {    display: inline-block;    margin-right: 15px}.footer-area .single-footer-widget .social-links ul li a {    color: #fe982f;    font-size: 18px}.footer-area .single-footer-widget .social-links ul li a:hover {    color: #fe982f}.footer-area .single-footer-widget .office-location ul li strong {    font-size: 18px;    color: rgba(255, 255, 255, 0.90);    margin-bottom: 10px;    display: block;    font-weight: 400;}.footer-area .single-footer-widget {    margin-bottom: 100px;}.footer-area .single-footer-widget .office-location ul li p {    color: #999;    font-size: 14px}.footer-area .single-footer-widget p {    color: rgba(255, 255, 255, 0.90);    line-height: 1.8}.footer-area .single-footer-widget h4 {    margin-bottom: 43px;    font-weight: 400;    font-size: 24px;    color: rgba(255, 255, 255, 0.90);    text-transform: capitalize;    font-size: 24px;    font-family: 'Rubik', sans-serif}@media (max-width: 1024px) {    .footer-area .single-footer-widget h4 {        font-size: 18px    }}@media (max-width: 991px) {    .footer-area .single-footer-widget h4 {        margin-bottom: 15px    }}.footer-area .single-footer-widget ul li {    margin-bottom: 10px}.footer-area .single-footer-widget ul li a {    color: #999;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s;    font-size: 15px}.footer-area .single-footer-widget ul li a:hover {    color: #fe982f}.footer-area .single-footer-widget .form-wrap {    margin-top: 25px}.single-footer-widget.footer_icon h4 {    color: rgba(255, 255, 255, 0.90);}.single-footer-widget.footer_icon h3 {    color: #fe982f;    margin-bottom: 20px;}.footer-area .single-footer-widget input {    height: 40px;    border: none;    width: 67% !important;    font-weight: 400;    padding-left: 20px;    border-radius: 0;    font-size: 13px;    color: #999999;    border: 0px solid transparent}.footer-area .single-footer-widget input:focus {    outline: none;    -webkit-box-shadow: none;    box-shadow: none}.footer-button {    color: #fe982f;    border: 3px solid #fe982f;    padding: 10px 15px;    margin-top: 16px;    display: inline-block;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;    text-align: center;}.footer-button:hover {    color: #fff;}.footer-area .single-footer-widget .click-btn {    background-color: #fe982f;    color: #fff;    border-radius: 0;    border-top-left-radius: 0px;    border-bottom-left-radius: 0px;    padding: 8px 20px;    border: 0;    font-size: 12px;    font-weight: 400;    position: relative;    left: 0}.footer-area .single-footer-widget .click-btn:focus {    outline: none;    -webkit-box-shadow: none;    box-shadow: none}@media (max-width: 375px) {    .footer-area .single-footer-widget .click-btn {        margin-top: 10px    }}@media (min-width: 400px) {    .footer-area .single-footer-widget .click-btn {        left: -50px    }}.footer-area .footer_1 img {    margin-bottom: 35px;    max-width: 160px;}@media (max-width: 576px) {    .footer-area .footer_1 img {        margin-bottom: 20px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .footer-area .footer_1 img {        margin-bottom: 20px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .footer-area .footer_1 img {        margin-bottom: 20px    }}.footer-area .footer_1 p {    margin-bottom: 15px;    font-weight: 400;    color: rgba(255, 255, 255, 0.90);    font-size: 16px;    line-height: 28px;    margin-top: 7px;    margin-bottom: 40px}.footer-area .social_icon {    margin-top: 27px}.footer-area .social_icon a {    color: rgba(255, 255, 255, 0.90);    font-size: 14px;    margin-right: 20px}.footer-area .social_icon a:hover {    color: #fe982f}.footer-area .footer_3 .footer_img .single_footer_img {    width: 31.33%;    float: left;    margin: 1%;    position: relative;    z-index: 2}@media (max-width: 576px) {    .footer-area .footer_3 .footer_img .single_footer_img {        width: 20%    }    .footer-area .footer_3 .footer_img .single_footer_img img {        width: 100%    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .footer-area .footer_3 .footer_img .single_footer_img {        width: 20%    }    .footer-area .footer_3 .footer_img .single_footer_img img {        width: 100%    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .footer-area .footer_3 .footer_img .single_footer_img {        width: 31%    }    .footer-area .footer_3 .footer_img .single_footer_img img {        width: 100%    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .footer-area .footer_3 .footer_img .single_footer_img {        width: 31%    }    .footer-area .footer_3 .footer_img .single_footer_img img {        width: 100%    }}@media only screen and (min-width: 1200px) and (max-width: 1440px) {    .footer-area .footer_3 .footer_img .single_footer_img {        width: 20%    }    .footer-area .footer_3 .footer_img .single_footer_img img {        width: 100%    }}.footer-area .footer_3 .footer_img .single_footer_img:after {    position: absolute;    left: 0;    top: 0;    content: "";    background-color: #000;    width: 100%;    height: 100%;    opacity: 0;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.footer-area .footer_3 .footer_img .single_footer_img i {    text-align: center;    position: absolute;    top: 41%;    margin: 0 auto;    left: 0;    right: 0;    color: #fff;    z-index: 2;    opacity: 0}.footer-area .footer_3 .footer_img .single_footer_img:hover:after {    opacity: 0.5}.footer-area .footer_3 .footer_img .single_footer_img:hover i {    opacity: 1}.footer-area .contact_info {    position: relative;    margin-bottom: 20px}.footer-area .contact_info:last-child {    margin-bottom: 0px}.footer-area .contact_info p {    margin-bottom: 10px}.footer-area .contact_info p span {    color: #2c3033;    font-size: 16px}.footer-area .btn {    background-color: #fe982f;    color: #fff;    width: 49px;    border-radius: 0px;    height: 40px}.footer-area span.ti-heart {    font-size: 12px;    margin: 0px 2px}.footer-area .copyright_part_text {    background-color: transparent;    padding: 32px 15px;    border-top: 1px solid rgba(255, 255, 255, 0.10);}.footer-area .copyright_part_text p {    color: #83868c;    font-size: 14px;    font-weight: 400}@media (max-width: 576px) {    .footer-area .copyright_part_text {        margin-top: 20px;        text-align: center    }    .footer-area .copyright_part_text p {        font-size: 13px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .footer-area .copyright_part_text {        text-align: center;        margin-top: 20px;        padding: 32px 15px    }    .footer-area .copyright_part_text p {        font-size: 13px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .footer-area .copyright_part_text {        text-align: center    }}.footer-area .copyright_part_text a {    color: #fe982f}.footer-area .input-group {    border: 1px solid #45556a;    padding: 5px}.footer-area .footer_icon p {    margin-bottom: 22px;    font-size: 16px;    color: #999}.footer-area .footer_icon ul li {    margin-bottom: 20px}.footer-area .footer_icon ul li i {    margin-right: 15px}@media (max-width: 991px) {    .footer_icon {        margin-top: 0px    }}.footer_menu {    float: right}@media (max-width: 576px) {    .footer_menu {        float: none;        text-align: center;        margin-top: 15px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .footer_menu {        float: none;        text-align: center;        margin-top: 15px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .footer_menu {        float: none;        text-align: center;        margin-top: 15px    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .footer_menu {        float: none;        text-align: center;        margin-top: 15px    }}.footer_menu ul li {    display: inline-block}.footer_menu ul li a {    color: #5c5c5c !important;    padding: 0px 22px}.footer_menu ul li a:hover {    color: #fe982f !important}@media (max-width: 576px) {    .footer_menu ul li a {        padding: 0px 15px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .footer_menu ul li a {        padding: 0px 15px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .footer_menu ul li a {        padding: 0px 15px    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .footer_menu ul li a {        padding: 0px 15px    }}.ptb200 {    padding-top: 200px;    padding-bottom: 200px}@media (max-width: 767px) {    .ptb200 {        padding-top: 100px;        padding-bottom: 100px    }}.banner-bg-1 {    background-image: url(../img/banner/banner.jpg)}/* :: Breadcrumb Area CSS */.breadcrumb {    background-size: cover;    margin: 0 !important}.breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {    font-size: 40px;    font-weight: 600;    color: #fff}@media (max-width: 767px) {    .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {        font-size: 35px    }}@media (min-width: 768px) and (max-width: 991px) {    .breadcrumb .breadcrumb_iner .breadcrumb_iner_item h2 {        font-size: 45px    }}.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p {    color: #fff;    font-size: 16px;    font-weight: 400}.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p a {    color: #fe982f}.details-bg-1 {    background-image: url(../img/banner/details-banner.jpg)}/* :: Details Banner Area CSS */.details-banner-area {    height: 760px;    height: 760px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: end;    -ms-flex-align: end;    align-items: end}@media (max-width: 767px) {    .details-banner-area {        height: 460px    }}@media (min-width: 768px) and (max-width: 991px) {    .details-banner-area {        height: 560px    }}@media (min-width: 992px) and (max-width: 1200px) {    .details-banner-area {        height: 560px    }}.details-banner-area .details-banner-text {    margin-bottom: 131px}.details-banner-area .details-banner-text a {    color: #fe982f;    font-size: 16px;    font-weight: 400;    display: inline-block;    margin-bottom: 13px}.details-banner-area .details-banner-text h2 {    font-size: 60px;    font-weight: 500;    color: #fff;    line-height: 72px}@media (max-width: 767px) {    .details-banner-area .details-banner-text h2 {        font-size: 25px;        line-height: 40px    }}@media (min-width: 768px) and (max-width: 991px) {    .details-banner-area .details-banner-text h2 {        font-size: 45px;        line-height: 60px    }}@media (max-width: 767px) {    .details-banner-area .details-banner-text h2 br {        display: none    }}@media (min-width: 768px) and (max-width: 991px) {    .details-banner-area .details-banner-text h2 br {        display: none    }}@media (min-width: 992px) and (max-width: 1200px) {    .details-banner-area .details-banner-text h2 br {        display: none    }}.details-banner-area.details-banner-area2 {    display: table;    width: 100%;    height: 100%;    height: 760px}.details-banner-area.details-banner-area2 .details-banner-inner2 {    display: table-cell;    vertical-align: bottom}@media (max-width: 767px) {    .details-banner-area.details-banner-area2 {        height: 460px    }}@media (min-width: 768px) and (max-width: 991px) {    .details-banner-area.details-banner-area2 {        height: 560px    }}@media (min-width: 992px) and (max-width: 1200px) {    .details-banner-area.details-banner-area2 {        height: 560px    }}/* :: Team Area CSS */@media (max-width: 767px) {    .team-area .single-team {        margin-bottom: 30px    }}@media (min-width: 768px) and (max-width: 991px) {    .team-area .single-team {        margin-bottom: 30px    }}.team-area .single-team .team-thumb {    position: relative;    overflow: hidden}.team-area .single-team .team-thumb img {    width: 100%}.team-area .single-team .team-thumb .team-hover {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    -webkit-transform: translateY(100px);    -ms-transform: translateY(100px);    transform: translateY(100px);    opacity: 0;    visibility: hidden;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.team-area .single-team .team-thumb .team-hover::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #222222;    opacity: .8;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.team-area .single-team .team-thumb .team-hover .team-link {    position: absolute;    top: 50%;    left: 0;    right: 0;    text-align: center;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%)}.team-area .single-team .team-thumb .team-hover .team-link ul li {    display: inline-block}.team-area .single-team .team-thumb .team-hover .team-link ul li a {    color: #fff;    font-size: 18px;    margin: 0 8px}.team-area .single-team .team-thumb .team-hover .team-link ul li a:hover {    color: #fe982f}.team-area .single-team .team-info {    margin-top: 24px}.team-area .single-team .team-info h3 {    font-weight: 400;    color: #222222;    margin-bottom: 8px}.team-area .single-team .team-info p {    font-weight: 400;    font-size: 16px;    color: #5c5c5c;    margin-bottom: 0}.team-area .single-team:hover .team-hover {    -webkit-transform: translateY(0px);    -ms-transform: translateY(0px);    transform: translateY(0px);    opacity: 1;    visibility: visible}/* :: Accordion Area CSS */#accordion button {    font-size: 18px;    font-weight: 400;    color: #fe982f}@media (max-width: 767px) {    #accordion button {        font-size: 14px    }}#accordion .card {    margin-bottom: 15px;    border-radius: 0;    border: 0 !important}#accordion .card .card-header {    background-color: #f2f1f7;    padding: 4px 14px;    border: 0 !important;}@media (max-width: 767px) {    #accordion .card .card-header {        padding: 5px 10px;    }}#accordion .card .card-body {    font-size: 16px;    line-height: 28px;    color: #5c5c5c;    padding: 15px;    line-height: 28px}#accordion .card .collapse.show {    background: #fff;    border-bottom: 1px solid transparent}#accordion h5 {    position: relative;    z-index: 1}#accordion h5 button.btn.btn-link {    color: #fe982f}#accordion h5 button.btn.btn-link:after {    position: absolute;    content: "\e646";    top: 50%;    right: 0px;    height: auto;    font-family: 'themify';    color: #fe982f;    font-size: 18px;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%)}#accordion h5 button.btn.btn-link:focus {    outline: none;    text-decoration: none}@media (max-width: 767px) {    #accordion h5 button.btn.btn-link {        padding-left: 0    }}#accordion h5 button.btn.btn-link.collapsed {    color: #222222}#accordion h5 button.btn.btn-link.collapsed:after {    content: "\e61a";    color: #222222;    font-size: 18px}@media (max-width: 767px) {    #accordion h5 button.btn.btn-link.collapsed {        padding-left: 0    }}#accordion .btn-link:hover {    color: #182028;    text-decoration: none}#accordion .btn {    text-align: left !important}.faq-area {    padding-top: 100px;    padding-bottom: 90px}@media (max-width: 767px) {    .faq-area {        padding-top: 60px;        padding-bottom: 30px    }}.sample-text-area {    background: #fff;    padding: 100px 0 70px 0}.text-heading {    margin-bottom: 30px;    font-size: 24px}/* :: Short Code Area CSS */b,sup,sub,u,del {    color: #fe982f}h1 {    font-size: 36px}h2 {    font-size: 30px}h3 {    font-size: 24px}h4 {    font-size: 18px}h5 {    font-size: 16px}h6 {    font-size: 14px}h1,h2,h3,h4,h5,h6 {    line-height: 1.2em}.mt-30 {    margin-top: 30px;}.mb-15 {    margin-bottom: 15px;}.mb-20 {    margin-bottom: 20px;}.mb-50 {    margin-bottom: 50px;}.sction-padding-100-70 {    padding-top: 100px;    padding-bottom: 70px;}.pt-pb-100 {    padding-top: 100px;    padding-bottom: 100px;}.bg-fixed {    background-size: cover;    background-repeat: no-repeat;    background-position: center;    background-attachment: fixed;    position: relative;    overflow: hidden;}#scrollUp {    width: 35px;    height: 35px;    background-color: #fe982f;    bottom: 30px;    right: 30px;    color: #fff;    text-align: center;    font-size: 20px;    line-height: 35px;    -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.15);    box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.15);}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {    color: #828bb2}.button-area {    background: #fff}.button-area .border-top-generic {    padding: 70px 15px;    border-top: 1px dotted #eee}.button-group-area .genric-btn {    margin-right: 10px;    margin-top: 10px}.button-group-area .genric-btn:last-child {    margin-right: 0}.genric-btn {    display: inline-block;    outline: none;    line-height: 40px;    padding: 0 30px;    font-size: .8em;    text-align: center;    text-decoration: none;    font-weight: 500;    cursor: pointer;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s}.genric-btn:focus {    outline: none}.genric-btn.e-large {    padding: 0 40px;    line-height: 50px}.genric-btn.large {    line-height: 45px}.genric-btn.medium {    line-height: 30px}.genric-btn.small {    line-height: 25px}.genric-btn.radius {    border-radius: 3px}.genric-btn.circle {    border-radius: 20px}.genric-btn.arrow {    display: -webkit-inline-box;    display: -ms-inline-flexbox;    display: inline-flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}.genric-btn.arrow span {    margin-left: 10px}.genric-btn.default {    color: #415094;    background: #f9f9ff;    border: 1px solid transparent}.genric-btn.default:hover {    border: 1px solid #f9f9ff;    background: #fff}.genric-btn.default-border {    border: 1px solid #f9f9ff;    background: #fff}.genric-btn.default-border:hover {    color: #415094;    background: #f9f9ff;    border: 1px solid transparent}.genric-btn.primary {    color: #fff;    background: #fe982f;    border: 1px solid transparent}.genric-btn.primary:hover {    color: #fe982f;    border: 1px solid #fe982f;    background: #fff}.genric-btn.primary-border {    color: #fe982f;    border: 1px solid #fe982f;    background: #fff}.genric-btn.primary-border:hover {    color: #fff;    background: #fe982f;    border: 1px solid transparent}.genric-btn.success {    color: #fff;    background: #4cd3e3;    border: 1px solid transparent}.genric-btn.success:hover {    color: #4cd3e3;    border: 1px solid #4cd3e3;    background: #fff}.genric-btn.success-border {    color: #4cd3e3;    border: 1px solid #4cd3e3;    background: #fff}.genric-btn.success-border:hover {    color: #fff;    background: #4cd3e3;    border: 1px solid transparent}.genric-btn.info {    color: #fff;    background: #38a4ff;    border: 1px solid transparent}.genric-btn.info:hover {    color: #38a4ff;    border: 1px solid #38a4ff;    background: #fff}.genric-btn.info-border {    color: #38a4ff;    border: 1px solid #38a4ff;    background: #fff}.genric-btn.info-border:hover {    color: #fff;    background: #38a4ff;    border: 1px solid transparent}.genric-btn.warning {    color: #fff;    background: #f4e700;    border: 1px solid transparent}.genric-btn.warning:hover {    color: #f4e700;    border: 1px solid #f4e700;    background: #fff}.genric-btn.warning-border {    color: #f4e700;    border: 1px solid #f4e700;    background: #fff}.genric-btn.warning-border:hover {    color: #fff;    background: #f4e700;    border: 1px solid transparent}.genric-btn.danger {    color: #fff;    background: #f44a40;    border: 1px solid transparent}.genric-btn.danger:hover {    color: #f44a40;    border: 1px solid #f44a40;    background: #fff}.genric-btn.danger-border {    color: #f44a40;    border: 1px solid #f44a40;    background: #fff}.genric-btn.danger-border:hover {    color: #fff;    background: #f44a40;    border: 1px solid transparent}.genric-btn.link {    color: #415094;    background: #f9f9ff;    text-decoration: underline;    border: 1px solid transparent}.genric-btn.link:hover {    color: #415094;    border: 1px solid #f9f9ff;    background: #fff}.genric-btn.link-border {    color: #415094;    border: 1px solid #f9f9ff;    background: #fff;    text-decoration: underline}.genric-btn.link-border:hover {    color: #415094;    background: #f9f9ff;    border: 1px solid transparent}.genric-btn.disable {    color: #222, 0.3;    background: #f9f9ff;    border: 1px solid transparent;    cursor: not-allowed}.generic-blockquote {    padding: 30px 50px 30px 30px;    background: #f9f9ff;    border-left: 2px solid #fe982f}.progress-table-wrap {    overflow-x: scroll}.progress-table {    background: #f9f9ff;    padding: 15px 0px 30px 0px;    min-width: 800px}.progress-table .serial {    width: 11.83%;    padding-left: 30px}.progress-table .country {    width: 28.07%}.progress-table .visit {    width: 19.74%}.progress-table .percentage {    width: 40.36%;    padding-right: 50px}.progress-table .table-head {    display: -webkit-box;    display: -ms-flexbox;    display: flex}.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage {    color: #415094;    line-height: 40px;    text-transform: uppercase;    font-weight: 500}.progress-table .table-row {    padding: 15px 0;    border-top: 1px solid #edf3fd;    display: -webkit-box;    display: -ms-flexbox;    display: flex}.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center}.progress-table .table-row .country img {    margin-right: 15px}.progress-table .table-row .percentage .progress {    width: 80%;    border-radius: 0px;    background: transparent}.progress-table .table-row .percentage .progress .progress-bar {    height: 5px;    line-height: 5px}.progress-table .table-row .percentage .progress .progress-bar.color-1 {    background-color: #6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-2 {    background-color: #e66686}.progress-table .table-row .percentage .progress .progress-bar.color-3 {    background-color: #f09359}.progress-table .table-row .percentage .progress .progress-bar.color-4 {    background-color: #73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-5 {    background-color: #73fbaf}.progress-table .table-row .percentage .progress .progress-bar.color-6 {    background-color: #6382e6}.progress-table .table-row .percentage .progress .progress-bar.color-7 {    background-color: #a367e7}.progress-table .table-row .percentage .progress .progress-bar.color-8 {    background-color: #e66686}.single-gallery-image {    margin-top: 30px;    background-repeat: no-repeat !important;    background-position: center center !important;    background-size: cover !important;    height: 200px}.list-style {    width: 14px;    height: 14px}.unordered-list li {    position: relative;    padding-left: 30px;    line-height: 1.82em !important}.unordered-list li:before {    content: "";    position: absolute;    width: 14px;    height: 14px;    border: 3px solid #fe982f;    background: #fff;    top: 4px;    left: 0;    border-radius: 50%}.ordered-list {    margin-left: 30px}.ordered-list li {    list-style-type: decimal-leading-zero;    color: #fe982f;    font-weight: 500;    line-height: 1.82em !important}.ordered-list li span {    font-weight: 300;    color: #828bb2}.ordered-list-alpha li {    margin-left: 30px;    list-style-type: lower-alpha;    color: #fe982f;    font-weight: 500;    line-height: 1.82em !important}.ordered-list-alpha li span {    font-weight: 300;    color: #828bb2}.ordered-list-roman li {    margin-left: 30px;    list-style-type: lower-roman;    color: #fe982f;    font-weight: 500;    line-height: 1.82em !important}.ordered-list-roman li span {    font-weight: 300;    color: #828bb2}.single-input {    display: block;    width: 100%;    line-height: 40px;    border: none;    outline: none;    background: #f9f9ff;    padding: 0 20px}.single-input:focus {    outline: none}.input-group-icon {    position: relative}.input-group-icon .icon {    position: absolute;    left: 20px;    top: 0;    line-height: 40px;    z-index: 3}.input-group-icon .icon i {    color: #797979}.input-group-icon .single-input {    padding-left: 45px}.single-textarea {    display: block;    width: 100%;    line-height: 40px;    border: none;    outline: none;    background: #f9f9ff;    padding: 0 20px;    height: 100px;    resize: none}.single-textarea:focus {    outline: none}.single-input-primary {    display: block;    width: 100%;    line-height: 40px;    border: 1px solid transparent;    outline: none;    background: #f9f9ff;    padding: 0 20px}.single-input-primary:focus {    outline: none;    border: 1px solid #fe982f}.single-input-accent {    display: block;    width: 100%;    line-height: 40px;    border: 1px solid transparent;    outline: none;    background: #f9f9ff;    padding: 0 20px}.single-input-accent:focus {    outline: none;    border: 1px solid #eb6b55}.single-input-secondary {    display: block;    width: 100%;    line-height: 40px;    border: 1px solid transparent;    outline: none;    background: #f9f9ff;    padding: 0 20px}.single-input-secondary:focus {    outline: none;    border: 1px solid #f09359}.default-switch {    width: 35px;    height: 17px;    border-radius: 8.5px;    background: #f9f9ff;    position: relative;    cursor: pointer}.default-switch input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0;    cursor: pointer}.default-switch input + label {    position: absolute;    top: 1px;    left: 1px;    width: 15px;    height: 15px;    border-radius: 50%;    background: #fe982f;    -webkit-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    cursor: pointer}.default-switch input:checked + label {    left: 19px}.primary-switch {    width: 35px;    height: 17px;    border-radius: 8.5px;    background: #f9f9ff;    position: relative;    cursor: pointer}.primary-switch input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.primary-switch input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%}.primary-switch input + label:before {    content: "";    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    background: transparent;    border-radius: 8.5px;    cursor: pointer;    -webkit-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s}.primary-switch input + label:after {    content: "";    position: absolute;    top: 1px;    left: 1px;    width: 15px;    height: 15px;    border-radius: 50%;    background: #fff;    -webkit-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    cursor: pointer}.primary-switch input:checked + label:after {    left: 19px}.primary-switch input:checked + label:before {    background: #fe982f}.confirm-switch {    width: 35px;    height: 17px;    border-radius: 8.5px;    background: #f9f9ff;    position: relative;    cursor: pointer}.confirm-switch input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.confirm-switch input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%}.confirm-switch input + label:before {    content: "";    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    background: transparent;    border-radius: 8.5px;    -webkit-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    cursor: pointer}.confirm-switch input + label:after {    content: "";    position: absolute;    top: 1px;    left: 1px;    width: 15px;    height: 15px;    border-radius: 50%;    background: #fff;    -webkit-transition: all 0.2s;    -o-transition: all 0.2s;    transition: all 0.2s;    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);    cursor: pointer}.confirm-switch input:checked + label:after {    left: 19px}.confirm-switch input:checked + label:before {    background: #4cd3e3}.primary-checkbox {    width: 16px;    height: 16px;    border-radius: 3px;    background: #f9f9ff;    position: relative;    cursor: pointer}.primary-checkbox input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.primary-checkbox input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 3px;    cursor: pointer;    border: 1px solid #f1f1f1}.primary-checkbox input:checked + label {    background: url(../img/elements/primary-check.png) no-repeat center center/cover;    border: none}.confirm-checkbox {    width: 16px;    height: 16px;    border-radius: 3px;    background: #f9f9ff;    position: relative;    cursor: pointer}.confirm-checkbox input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.confirm-checkbox input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 3px;    cursor: pointer;    border: 1px solid #f1f1f1}.confirm-checkbox input:checked + label {    background: url(../img/elements/success-check.png) no-repeat center center/cover;    border: none}.disabled-checkbox {    width: 16px;    height: 16px;    border-radius: 3px;    background: #f9f9ff;    position: relative;    cursor: pointer}.disabled-checkbox input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.disabled-checkbox input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 3px;    cursor: pointer;    border: 1px solid #f1f1f1}.disabled-checkbox input:disabled {    cursor: not-allowed;    z-index: 3}.disabled-checkbox input:checked + label {    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;    border: none}.primary-radio {    width: 16px;    height: 16px;    border-radius: 8px;    background: #f9f9ff;    position: relative;    cursor: pointer}.primary-radio input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.primary-radio input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 8px;    cursor: pointer;    border: 1px solid #f1f1f1}.primary-radio input:checked + label {    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;    border: none}.confirm-radio {    width: 16px;    height: 16px;    border-radius: 8px;    background: #f9f9ff;    position: relative;    cursor: pointer}.confirm-radio input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.confirm-radio input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 8px;    cursor: pointer;    border: 1px solid #f1f1f1}.confirm-radio input:checked + label {    background: url(../img/elements/success-radio.png) no-repeat center center/cover;    border: none}.disabled-radio {    width: 16px;    height: 16px;    border-radius: 8px;    background: #f9f9ff;    position: relative;    cursor: pointer}.disabled-radio input {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    opacity: 0}.disabled-radio input + label {    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    border-radius: 8px;    cursor: pointer;    border: 1px solid #f1f1f1}.disabled-radio input:disabled {    cursor: not-allowed;    z-index: 3}.disabled-radio input:checked + label {    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;    border: none}.default-select {    height: 40px}.default-select .nice-select {    border: none;    border-radius: 0px;    height: 40px;    background: #f9f9ff;    padding-left: 20px;    padding-right: 40px}.default-select .nice-select .list {    margin-top: 0;    border: none;    border-radius: 0px;    -webkit-box-shadow: none;    box-shadow: none;    width: 100%;    padding: 10px 0 10px 0px}.default-select .nice-select .list .option {    font-weight: 300;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    line-height: 28px;    min-height: 28px;    font-size: 12px;    padding-left: 20px}.default-select .nice-select .list .option.selected {    color: #fe982f;    background: transparent}.default-select .nice-select .list .option:hover {    color: #fe982f;    background: transparent}.default-select .current {    margin-right: 50px;    font-weight: 300}.default-select .nice-select::after {    right: 20px}.form-select {    height: 40px;    width: 100%}.form-select .nice-select {    border: none;    border-radius: 0px;    height: 40px;    background: #f9f9ff;    padding-left: 45px;    padding-right: 40px;    width: 100%}.form-select .nice-select .list {    margin-top: 0;    border: none;    border-radius: 0px;    -webkit-box-shadow: none;    box-shadow: none;    width: 100%;    padding: 10px 0 10px 0px}.form-select .nice-select .list .option {    font-weight: 300;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    line-height: 28px;    min-height: 28px;    font-size: 12px;    padding-left: 45px}.form-select .nice-select .list .option.selected {    color: #fe982f;    background: transparent}.form-select .nice-select .list .option:hover {    color: #fe982f;    background: transparent}.form-select .current {    margin-right: 50px;    font-weight: 300}.form-select .nice-select::after {    right: 20px}.mt-10 {    margin-top: 10px}.section-top-border {    padding: 50px 0;    border-top: 1px dotted #eee}.mb-30 {    margin-bottom: 30px}.mt-30 {    margin-top: 30px}.switch-wrap {    margin-bottom: 10px}.bg-gray-cu {    background-color: #eeeeee;}/* :: Blog Area CSS */.latest-blog-area .area-heading {    margin-bottom: 70px}.blog_area a {    color: #666 !important;    text-decoration: none;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.single-blog {    overflow: hidden;    margin-bottom: 30px}.single-blog:hover {    -webkit-box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);    box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1)}.single-blog .thumb {    overflow: hidden;    position: relative}.single-blog .thumb:after {    content: '';    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background: #000;    opacity: 0;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.single-blog h4 {    border-bottom: 1px solid #dfdfdf;    padding-bottom: 34px;    margin-bottom: 25px}.single-blog a {    font-size: 20px;    font-weight: 600}.single-blog .date {    color: #666666;    text-align: left;    display: inline-block;    font-size: 13px;    font-weight: 300}.single-blog .tag {    text-align: left;    display: inline-block;    float: left;    font-size: 13px;    font-weight: 300;    margin-right: 22px;    position: relative}.single-blog .tag:after {    content: '';    position: absolute;    width: 1px;    height: 10px;    background: #acacac;    right: -12px;    top: 7px}.blog-thumb img {    width: 100%;}@media (max-width: 1199px) {    .single-blog .tag {        margin-right: 8px    }    .single-blog .tag:after {        display: none    }}.single-blog .likes {    margin-right: 16px}@media (max-width: 800px) {    .single-blog {        margin-bottom: 30px    }}.single-blog .single-blog-content {    padding: 30px}.single-blog .single-blog-content .meta-bottom p {    font-size: 13px;    font-weight: 300}.single-blog .single-blog-content .meta-bottom i {    color: #fdcb9e;    font-size: 13px;    margin-right: 7px}@media (max-width: 1199px) {    .single-blog .single-blog-content {        padding: 15px    }}.single-blog:hover .thumb:after {    opacity: .7;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}@media (max-width: 1199px) {    .single-blog h4 {        -webkit-transition: all 300ms linear 0s;        -o-transition: all 300ms linear 0s;        transition: all 300ms linear 0s;        border-bottom: 1px solid #dfdfdf;        padding-bottom: 14px;        margin-bottom: 12px    }    .single-blog h4 a {        font-size: 18px    }}.full_image.single-blog {    position: relative}.full_image.single-blog .single-blog-content {    position: absolute;    left: 35px;    bottom: 0;    opacity: 0;    visibility: hidden;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}@media (min-width: 992px) {    .full_image.single-blog .single-blog-content {        bottom: 100px    }}.full_image.single-blog h4 {    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s;    border-bottom: none;    padding-bottom: 5px}.full_image.single-blog a {    font-size: 20px;    font-weight: 600}.full_image.single-blog .date {    color: #fff}.full_image.single-blog:hover .single-blog-content {    opacity: 1;    visibility: visible;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.l_blog_item .l_blog_text .date {    margin-top: 24px;    margin-bottom: 15px}.l_blog_item .l_blog_text .date a {    font-size: 12px}.l_blog_item .l_blog_text h4 {    font-size: 18px;    border-bottom: 1px solid #eeeeee;    margin-bottom: 0px;    padding-bottom: 20px;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.l_blog_item .l_blog_text p {    margin-bottom: 0px;    padding-top: 20px}.causes_slider .owl-dots {    text-align: center;    margin-top: 80px}.causes_slider .owl-dots .owl-dot {    height: 14px;    width: 14px;    background: #eeeeee;    display: inline-block;    margin-right: 7px}.causes_slider .owl-dots .owl-dot:last-child {    margin-right: 0px}.causes_item {    background: #fff}.causes_item .causes_img {    position: relative}.causes_item .causes_img .c_parcent {    position: absolute;    bottom: 0px;    width: 100%;    left: 0px;    height: 3px;    background: rgba(255, 255, 255, 0.5)}.causes_item .causes_img .c_parcent span {    width: 70%;    height: 3px;    position: absolute;    left: 0px;    bottom: 0px}.causes_item .causes_img .c_parcent span:before {    content: "75%";    position: absolute;    right: -10px;    bottom: 0px;    color: #fff;    padding: 0px 5px}.causes_item .causes_text {    padding: 30px 35px 40px 30px}.causes_item .causes_text h4 {    font-size: 18px;    font-weight: 600;    margin-bottom: 15px;    cursor: pointer}.causes_item .causes_text p {    font-size: 14px;    line-height: 24px;    font-weight: 300;    margin-bottom: 0px}.causes_item .causes_bottom a {    width: 50%;    border: 1px solid;    text-align: center;    float: left;    line-height: 50px;    color: #fff;    font-size: 14px;    font-weight: 500}.causes_item .causes_bottom a + a {    border-color: #eeeeee;    background: #fff;    font-size: 14px}.latest_blog_area {    background: #f9f9ff}.single-recent-blog-post {    margin-bottom: 30px}.single-recent-blog-post .thumb {    overflow: hidden}.single-recent-blog-post .thumb img {    -webkit-transition: all 0.7s linear;    -o-transition: all 0.7s linear;    transition: all 0.7s linear}.single-recent-blog-post .details {    padding-top: 30px}.single-recent-blog-post .details .sec_h4 {    line-height: 24px;    padding: 10px 0px 13px;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear}.single-recent-blog-post .date {    font-size: 14px;    line-height: 24px;    font-weight: 400}.single-recent-blog-post:hover img {    -webkit-transform: scale(1.23) rotate(10deg);    -ms-transform: scale(1.23) rotate(10deg);    transform: scale(1.23) rotate(10deg)}.tags .tag_btn {    font-size: 12px;    font-weight: 500;    line-height: 20px;    border: 1px solid #eeeeee;    display: inline-block;    padding: 1px 18px;    text-align: center}.tags .tag_btn + .tag_btn {    margin-left: 2px}.blog_categorie_area {    padding-top: 30px;    padding-bottom: 30px}@media (min-width: 900px) {    .blog_categorie_area {        padding-top: 80px;        padding-bottom: 80px    }}@media (min-width: 1100px) {    .blog_categorie_area {        padding-top: 120px;        padding-bottom: 120px    }}.categories_post {    position: relative;    text-align: center;    cursor: pointer}.categories_post img {    max-width: 100%}.categories_post .categories_details {    position: absolute;    top: 20px;    left: 20px;    right: 20px;    bottom: 20px;    background: rgba(34, 34, 34, 0.75);    color: #fff;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center}.categories_post .categories_details h5 {    margin-bottom: 0px;    font-size: 18px;    line-height: 26px;    text-transform: uppercase;    color: #fff;    position: relative}.categories_post .categories_details p {    font-weight: 300;    font-size: 14px;    line-height: 26px;    margin-bottom: 0px}.categories_post .categories_details .border_line {    margin: 10px 0px;    background: #fff;    width: 100%;    height: 1px}.categories_post:hover .categories_details {    background: rgba(222, 99, 32, 0.85)}.blog_item {    margin-bottom: 50px;}.blog_item_img {    overflow: hidden;}.blog_item_img img {    -webkit-transition-duration: 5000ms;    -o-transition-duration: 5000ms;    transition-duration: 5000ms;}.blog_item:hover .blog_item_img img {    -webkit-transform: scale(1.7);    -ms-transform: scale(1.7);    transform: scale(1.7);}.blog_details {    padding: 30px 0 20px 10px;    -webkit-box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.5);    box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.5)}@media (min-width: 768px) {    .blog_details {        padding: 60px 30px 35px 35px    }}.blog_details p {    margin-bottom: 30px}.blog_details a {    color: #ff8b23}.blog_details a:hover {    color: #fe5c24}.blog_details h2 {    font-size: 18px;    font-weight: 600;    margin-bottom: 8px}@media (min-width: 768px) {    .blog_details h2 {        font-size: 24px;        margin-bottom: 15px    }}.blog-info-link li {    float: left;    font-size: 14px}.blog-info-link li a {    color: #999999}.blog-info-link li i,.blog-info-link li span {    font-size: 13px;    margin-right: 5px}.blog-info-link li::after {    content: "|";    padding-left: 10px;    padding-right: 10px}.blog-info-link li:last-child::after {    display: none}.blog-info-link::after {    content: "";    display: block;    clear: both;    display: table}.blog_item_img {    position: relative}.blog_item_img .blog_item_date {    position: absolute;    top: 15px;    left: 15px;    display: block;    color: #fff;    background-color: #fe5c24;    padding: 13px 30px;    border-radius: 5px}.blog_item_img .blog_item_date h3 {    font-size: 22px;    font-weight: 600;    color: #fff;    margin-bottom: 0;    line-height: 1.2}@media (min-width: 768px) {    .blog_item_img .blog_item_date h3 {        font-size: 30px    }}.blog_item_img .blog_item_date p {    font-size: 18px;    margin-bottom: 0;    color: #fff}@media (min-width: 768px) {    .blog_item_img .blog_item_date p {        font-size: 18px    }}.blog_right_sidebar .widget_title {    font-size: 20px;    margin-bottom: 40px}.blog_right_sidebar .widget_title::after {    content: "";    display: block;    padding-top: 15px;    border-bottom: 1px solid #f0e9ff}.blog_right_sidebar .single_sidebar_widget {    background: #fbf9ff;    padding: 30px;    margin-bottom: 30px}.blog_right_sidebar .single_sidebar_widget .btn_1 {    margin-top: 0px}.blog_right_sidebar .search_widget .form-control {    height: 50px;    border-color: #f0e9ff;    font-size: 13px;    color: #999999;    padding-left: 20px;    border-radius: 0;    border-right: 0}.blog_right_sidebar .search_widget .form-control::-webkit-input-placeholder {    color: #999999}.blog_right_sidebar .search_widget .form-control::-moz-placeholder {    color: #999999}.blog_right_sidebar .search_widget .form-control:-ms-input-placeholder {    color: #999999}.blog_right_sidebar .search_widget .form-control::-ms-input-placeholder {    color: #999999}.blog_right_sidebar .search_widget .form-control::placeholder {    color: #999999}.blog_right_sidebar .search_widget .form-control:focus {    border-color: #f0e9ff;    outline: 0;    -webkit-box-shadow: none;    box-shadow: none}.blog_right_sidebar .search_widget .input-group button {    background: #fff;    border-left: 0;    border: 1px solid #f0e9ff;    padding: 4px 15px;    border-left: 0}.blog_right_sidebar .search_widget .input-group button i,.blog_right_sidebar .search_widget .input-group button span {    font-size: 14px;    color: #999999}.blog_right_sidebar .newsletter_widget .form-control {    height: 50px;    border-color: #f0e9ff;    font-size: 13px;    color: #999999;    padding-left: 20px;    border-radius: 0}.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {    color: #999999}.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {    color: #999999}.blog_right_sidebar .newsletter_widget .form-control:-ms-input-placeholder {    color: #999999}.blog_right_sidebar .newsletter_widget .form-control::-ms-input-placeholder {    color: #999999}.blog_right_sidebar .newsletter_widget .form-control::placeholder {    color: #999999}.blog_right_sidebar .newsletter_widget .form-control:focus {    border-color: #f0e9ff;    outline: 0;    -webkit-box-shadow: none;    box-shadow: none}.blog_right_sidebar .newsletter_widget .input-group button {    background: #fff;    border-left: 0;    border: 1px solid #f0e9ff;    padding: 4px 15px;    border-left: 0}.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span {    font-size: 14px;    color: #999999}.blog_right_sidebar .post_category_widget .cat-list li {    border-bottom: 1px solid #f0e9ff;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    padding-bottom: 12px}.blog_right_sidebar .post_category_widget .cat-list li:last-child {    border-bottom: 0}.blog_right_sidebar .post_category_widget .cat-list li a {    font-size: 14px;    line-height: 20px;    color: #888888}.blog_right_sidebar .post_category_widget .cat-list li a p {    margin-bottom: 0px}.blog_right_sidebar .post_category_widget .cat-list li + li {    padding-top: 15px}.blog_right_sidebar .popular_post_widget .post_item .media-body {    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    -ms-flex-item-align: center;    -ms-grid-row-align: center;    align-self: center;    padding-left: 20px}.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {    font-size: 16px;    line-height: 20px;    margin-bottom: 6px;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear}.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {    color: #fff}.blog_right_sidebar .popular_post_widget .post_item .media-body p {    font-size: 14px;    line-height: 21px;    margin-bottom: 0px}.blog_right_sidebar .popular_post_widget .post_item + .post_item {    margin-top: 20px}.blog_right_sidebar .tag_cloud_widget ul li {    display: inline-block}.blog_right_sidebar .tag_cloud_widget ul li a {    display: inline-block;    border: 1px solid #eeeeee;    background: #fff;    padding: 4px 20px;    margin-bottom: 8px;    margin-right: 3px;    -webkit-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    color: #888888;    font-size: 13px}.blog_right_sidebar .tag_cloud_widget ul li a:hover {    background: #fe5c24;    color: #fff !important;    -webkit-text-fill-color: #fff;    text-decoration: none;    -webkit-transition: 0.5s;    -o-transition: 0.5s;    transition: 0.5s}.blog_right_sidebar .instagram_feeds .instagram_row {    display: -webkit-box;    display: -ms-flexbox;    display: flex;    margin-right: -6px;    margin-left: -6px}.blog_right_sidebar .instagram_feeds .instagram_row li {    width: 33.33%;    float: left;    padding-right: 6px;    padding-left: 6px;    margin-bottom: 15px}.blog_right_sidebar .br {    width: 100%;    height: 1px;    background: #eee;    margin: 30px 0px}.blog-pagination {    margin-top: 80px}.blog-pagination .page-link {    font-size: 14px;    position: relative;    display: block;    padding: 0;    text-align: center;    margin-left: -1px;    line-height: 45px;    width: 45px;    height: 45px;    border-radius: 0 !important;    color: #8a8a8a;    border: 1px solid #f0e9ff;    margin-right: 10px}.blog-pagination .page-link i,.blog-pagination .page-link span {    font-size: 13px}.blog-pagination .page-item.active .page-link {    background-color: #fbf9ff;    border-color: #f0e9ff;    color: #888888}.blog-pagination .page-item:last-child .page-link {    margin-right: 0}.single-post-area .blog_details {    -webkit-box-shadow: none;    box-shadow: none;    padding: 0}.single-post-area .social-links {    padding-top: 10px}.single-post-area .social-links li {    display: inline-block;    margin-bottom: 10px}.single-post-area .social-links li a {    color: #cccccc;    padding: 7px;    font-size: 14px;    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    transition: all 0.2s linear}.single-post-area .blog_details {    padding-top: 26px}.single-post-area .blog_details p {    margin-bottom: 20px;    font-size: 15px}.single-post-area .quote-wrapper {    background: rgba(130, 139, 178, 0.1);    padding: 15px;    line-height: 1.733;    color: #888888;    font-style: italic;    margin-top: 25px;    margin-bottom: 25px}@media (min-width: 768px) {    .single-post-area .quote-wrapper {        padding: 30px    }}.single-post-area .quotes {    background: #fff;    padding: 15px 15px 15px 20px;    border-left: 2px solid}@media (min-width: 768px) {    .single-post-area .quotes {        padding: 25px 25px 25px 30px    }}.single-post-area .arrow {    position: absolute}.single-post-area .arrow .lnr {    font-size: 20px;    font-weight: 600}.single-post-area .thumb .overlay-bg {    background: rgba(0, 0, 0, 0.8)}.single-post-area .navigation-top {    padding-top: 15px;    border-top: 1px solid #f0e9ff}.single-post-area .navigation-top p {    margin-bottom: 0}.single-post-area .navigation-top .like-info {    font-size: 14px}.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span {    font-size: 16px;    margin-right: 5px}.single-post-area .navigation-top .comment-count {    font-size: 14px}.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span {    font-size: 16px;    margin-right: 5px}.single-post-area .navigation-top .social-icons li {    display: inline-block;    margin-right: 15px}.single-post-area .navigation-top .social-icons li:last-child {    margin: 0}.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span {    font-size: 14px;    color: #999999}.single-post-area .blog-author {    padding: 40px 30px;    background: #fbf9ff;    margin-top: 50px}@media (max-width: 600px) {    .single-post-area .blog-author {        padding: 20px 8px    }}.single-post-area .blog-author img {    width: 90px;    height: 90px;    border-radius: 50%;    margin-right: 30px}@media (max-width: 600px) {    .single-post-area .blog-author img {        margin-right: 15px;        width: 45px;        height: 45px    }}.single-post-area .blog-author a {    display: inline-block}.single-post-area .blog-author a:hover {    color: #fe5c24}.single-post-area .blog-author p {    margin-bottom: 0;    font-size: 15px}.single-post-area .blog-author h4 {    font-size: 16px}.single-post-area .navigation-area {    border-bottom: 1px solid #eee;    padding-bottom: 30px;    margin-top: 55px}.single-post-area .navigation-area p {    margin-bottom: 0px}.single-post-area .navigation-area h4 {    font-size: 18px;    line-height: 25px}.single-post-area .navigation-area .nav-left {    text-align: left}.single-post-area .navigation-area .nav-left .thumb {    margin-right: 20px;    background: #000}.single-post-area .navigation-area .nav-left .thumb img {    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.single-post-area .navigation-area .nav-left .lnr {    margin-left: 20px;    opacity: 0;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.single-post-area .navigation-area .nav-left:hover .lnr {    opacity: 1}.single-post-area .navigation-area .nav-left:hover .thumb img {    opacity: .5}@media (max-width: 767px) {    .single-post-area .navigation-area .nav-left {        margin-bottom: 30px    }}.single-post-area .navigation-area .nav-right {    text-align: right}.single-post-area .navigation-area .nav-right .thumb {    margin-left: 20px;    background: #000}.single-post-area .navigation-area .nav-right .thumb img {    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.single-post-area .navigation-area .nav-right .lnr {    margin-right: 20px;    opacity: 0;    -webkit-transition: .5s;    -o-transition: .5s;    transition: .5s}.single-post-area .navigation-area .nav-right:hover .lnr {    opacity: 1}.single-post-area .navigation-area .nav-right:hover .thumb img {    opacity: .5}@media (max-width: 991px) {    .single-post-area .sidebar-widgets {        padding-bottom: 0px    }}.single-blog-area {    position: relative;    z-index: 1;}.single-blog-area .blog-thumb {    position: relative;    z-index: 1;}.single-blog-area .blog-thumb .date {    position: absolute;    top: 15px;    left: 15px;    z-index: 22;    background-color: #fe982f;    color: #fff;    height: 60px;    width: 70px;    text-align: center;    line-height: 60px;    display: inline-block;    font-weight: 600;    -webkit-transition-duration: 500ms;    -o-transition-duration: 500ms;    transition-duration: 500ms;    border-radius: 2px;}.blog-content {    background-color: #fff;    padding: 20px;    margin: 0 15px;    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);    position: relative;    z-index: 22;    margin-top: -50px;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;}.blog-content a h3 {    line-height: 35px;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;    margin-bottom: 0;}.blog-content a h3:hover {    color: #fe982f;}.single-blog-area:hover .blog-content {    margin-left: 0;    margin-right: 0;}.single-blog-area:hover .blog-thumb .date {    -webkit-transform: rotateY(360deg);    transform: rotateY(360deg);}.blog-content .comment a {    font-size: 12px;    font-weight: 600;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;}.blog-content .comment a i {    color: #555;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;}.blog-content .comment a:hover {    color: #fe982f;}.blog-content .comment a:hover i {    color: #fe982f;}.blog-content a {    font-size: 14px;    font-weight: 600;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;}.blog-content a:hover {    color: #fe982f;}/* :: Comments Area CSS */.comments-area {    background: transparent;    border-top: 1px solid #eee;    padding: 45px 0;    margin-top: 50px}@media (max-width: 414px) {    .comments-area {        padding: 50px 8px    }}.comments-area h4 {    margin-bottom: 35px;    font-size: 18px}.comments-area h5 {    font-size: 16px;    margin-bottom: 0px}.comments-area .comment-list {    padding-bottom: 48px}.comments-area .comment-list:last-child {    padding-bottom: 0px}.comments-area .comment-list.left-padding {    padding-left: 25px}@media (max-width: 413px) {    .comments-area .comment-list .single-comment h5 {        font-size: 12px    }    .comments-area .comment-list .single-comment .date {        font-size: 12px    }    .comments-area .comment-list .single-comment .comment {        font-size: 13px    }}.comments-area .thumb {    margin-right: 20px}.comments-area .thumb img {    width: 70px;    border-radius: 50%}.comments-area .date {    font-size: 14px;    color: #999999;    margin-bottom: 0;    margin-left: 20px}.comments-area .comment {    margin-bottom: 10px;    color: #777777;    font-size: 15px}.comments-area .btn-reply {    background-color: transparent;    color: #888888;    padding: 5px 18px;    font-size: 14px;    display: block;    font-weight: 400}.comment-form {    border-top: 1px solid #eee;    padding-top: 45px;    margin-top: 50px;    margin-bottom: 20px}.comment-form .form-group {    margin-bottom: 30px}.comment-form h4 {    margin-bottom: 40px;    font-size: 18px;    line-height: 22px}.comment-form .name {    padding-left: 0px}@media (max-width: 767px) {    .comment-form .name {        padding-right: 0px;        margin-bottom: 1rem    }}.comment-form .email {    padding-right: 0px}@media (max-width: 991px) {    .comment-form .email {        padding-left: 0px    }}.comment-form .form-control {    border: 1px solid #f0e9ff;    border-radius: 5px;    height: 48px;    padding-left: 18px;    font-size: 13px;    background: transparent}.comment-form .form-control:focus {    outline: 0;    -webkit-box-shadow: none;    box-shadow: none}.comment-form .form-control::-webkit-input-placeholder {    font-weight: 300;    color: #999999}.comment-form .form-control::-moz-placeholder {    font-weight: 300;    color: #999999}.comment-form .form-control:-ms-input-placeholder {    font-weight: 300;    color: #999999}.comment-form .form-control::-ms-input-placeholder {    font-weight: 300;    color: #999999}.comment-form .form-control::placeholder {    font-weight: 300;    color: #999999}.comment-form .form-control::-webkit-input-placeholder {    color: #777777}.comment-form .form-control::-moz-placeholder {    color: #777777}.comment-form .form-control:-ms-input-placeholder {    color: #777777}.comment-form .form-control::-ms-input-placeholder {    color: #777777}.comment-form .form-control::placeholder {    color: #777777}.comment-form textarea {    padding-top: 18px;    border-radius: 12px;    height: 100% !important}.comment-form ::-webkit-input-placeholder {    font-size: 13px;    color: #777}.comment-form ::-moz-placeholder {    font-size: 13px;    color: #777}.comment-form :-ms-input-placeholder {    font-size: 13px;    color: #777}.comment-form :-moz-placeholder {    font-size: 13px;    color: #777}/* :: Blog Part Area CSS */.blog_part {    margin-bottom: 140px}@media (max-width: 576px) {    .blog_part {        margin-bottom: 0px;        padding: 0px 0px 70px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .blog_part {        margin-bottom: 0px;        padding: 0px 0px 70px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .blog_part {        margin-bottom: 0px;        padding: 0px 0px 70px    }}.blog_part .blog_right_sidebar .widget_title {    font-size: 20px;    margin-bottom: 40px;    font-style: inherit !important}@media (max-width: 576px) {    .blog_part .single-home-blog {        margin-bottom: 140px;        margin-top: 20px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .blog_part .single-home-blog {        margin-bottom: 140px;        margin-top: 20px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .blog_part .single-home-blog {        margin-bottom: 140px;        margin-top: 20px    }}.blog_part .single-home-blog .card-img-top {    border-radius: 0px}.blog_part .single-home-blog .card {    border: 0px solid transparent;    border-radius: 0px;    background-color: transparent;    position: relative}.blog_part .single-home-blog .card .card-body {    padding: 25px 10px 29px 40px;    background-color: #fff;    position: absolute;    left: 20px;    bottom: -140px;    -webkit-box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);    box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);    border-radius: 10px}@media (max-width: 576px) {    .blog_part .single-home-blog .card .card-body {        padding: 15px;        left: 10px;        bottom: -140px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .blog_part .single-home-blog .card .card-body {        padding: 15px;        left: 10px;        bottom: -140px    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog_part .single-home-blog .card .card-body {        padding: 20px    }}.blog_part .single-home-blog .card .card-body a {    color: #fe5c24;    text-transform: uppercase;    -webkit-transition: .8s;    -o-transition: .8s;    transition: .8s}.blog_part .single-home-blog .card .card-body a:hover {    background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent}.blog_part .single-home-blog .card .dot {    position: relative;    padding-left: 20px}.blog_part .single-home-blog .card .dot:after {    position: absolute;    content: "";    width: 10px;    height: 10px;    top: 5px;    left: 0;    background-color: #fe5c24;    border-radius: 50%}.blog_part .single-home-blog .card span {    color: #8a8a8a;    margin-bottom: 10px;    display: inline-block;    margin-top: 10px}@media (max-width: 576px) {    .blog_part .single-home-blog .card span {        margin-bottom: 5px;        margin-top: 5px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .blog_part .single-home-blog .card span {        margin-bottom: 5px;        margin-top: 5px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .blog_part .single-home-blog .card span {        margin-bottom: 5px;        margin-top: 5px    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog_part .single-home-blog .card span {        margin-bottom: 5px;        margin-top: 5px    }}.blog_part .single-home-blog .card h5 {    font-weight: 600;    line-height: 1.5;    font-size: 20px;    -webkit-transition: .8s;    -o-transition: .8s;    transition: .8s;    text-transform: capitalize;    margin-bottom: 22px}@media (max-width: 576px) {    .blog_part .single-home-blog .card h5 {        margin-bottom: 10px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .blog_part .single-home-blog .card h5 {        margin-bottom: 10px;        font-size: 16px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .blog_part .single-home-blog .card h5 {        margin-bottom: 10px    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog_part .single-home-blog .card h5 {        margin-bottom: 10px;        font-size: 18px    }}.blog_part .single-home-blog .card h5:hover {    -webkit-transition: .8s;    -o-transition: .8s;    transition: .8s;    background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    -webkit-animation: 1s}.blog_part .single-home-blog .card ul li {    display: inline-block;    color: #8a8a8a;    margin-right: 14px}@media (max-width: 576px) {    .blog_part .single-home-blog .card ul li {        margin-right: 10px    }}@media only screen and (min-width: 480px) and (max-width: 767px) {    .blog_part .single-home-blog .card ul li {        margin-right: 10px    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    .blog_part .single-home-blog .card ul li {        margin-right: 10px    }}@media only screen and (min-width: 992px) and (max-width: 1200px) {    .blog_part .single-home-blog .card ul li {        margin-right: 10px    }}.blog_part .single-home-blog .card ul li span {    margin-right: 10px;    font-size: 12px}.single-team-area {    position: relative;    overflow: hidden;    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);    -webkit-transition: all 0.5s linear;    -o-transition: all 0.5s linear;    transition: all 0.5s linear;    padding: 15px;}.single-team-area .member-pic {    padding: 15% 10% 0;    -webkit-transition: all 0.3s linear;    -o-transition: all 0.3s linear;    transition: all 0.3s linear;}.single-team-area .member-pic img {    max-width: 50%;    border-radius: 50%;}.member-info {    padding: 20px 15px;}.member-info h5 {    font-size: 20px;    margin-bottom: 10px;}.member-info h6 {    font-size: 14px;    margin-bottom: 20px;}.member-info p {    margin-bottom: 0;}.member-contact-icon {    margin-top: 20px;}.member-contact-icon a {    height: 25px;    width: 25px;    border: 1px solid #5c5c5c;    display: inline-block;    margin: 0 10px;    text-align: center;    line-height: 23px;    font-size: 12px;    color: #5c5c5c;    border-radius: 50%;    -webkit-transition-duration: 400ms;    -o-transition-duration: 400ms;    transition-duration: 400ms;}.member-contact-icon a:hover {    background-color: #fe982f;    border-color: #fe982f;    color: #fff;}.single-team-area:hover {    -webkit-transform: translateY(-10px);    -ms-transform: translateY(-10px);    transform: translateY(-10px);    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);}.single-team-area:hover .member-pic {    -webkit-transform: translateY(-5px);    -ms-transform: translateY(-5px);    transform: translateY(-5px);}/*����Դ��,���ɱ༭��Դ����Ψһ���ص�ַ: http://www.bootstrapmb.com/item/7141�����˱�עֻ��������ʾվ�����ص�Դ�벻��������*/