/* [Master Stylesheet - v1.0] */

/* =========== [ Index of CSS ] ============
:: 01.0 Base CSS
:: 02.0 Header Area CSS
:: 03.0 Wellcome Area CSS 
:: 04.0 Features Area CSS 
:: 05.0 About Us Area CSS 
:: 06.0 our Service Area CSS 
:: 07.0 Call To Action Area CSS 
:: 08.0 Our Gallery Area CSS
:: 09.0 Why Choose us And Callback Area CSS 
:: 10.0 Testimonial Area CSS 
:: 11.0 Our Team Area CSS 
:: 12.0 Our Blog Area CSS 
:: 13.0 Our Price Table Area CSS 
:: 14.0 Shop Area CSS 
:: 15.0 Shop Deatils Area CSS 
:: 16.0 Our Partner Area CSS 
:: 17.0 Video Area CSS 
:: 18.0  Fact Area CSS 
:: 19.0 Call Back Area CSS 
:: 20.0 Why Choose Us Area CSS
:: 21.0 Our Footer Contact Area CSS 
:: 22.0 Breadcumb Area CSS 
:: 23.0 FAQ Area CSS 
:: 24.0 Coming Soon Area CSS 
:: 25.0 404 Area CSS 
:: 26.0 Cart Page CSS
===================================== */

/* --------------------------------------------
:: Template Name: Consular - Consultancy & Business HTML Template 
:: Template Author : Designing-World 
:: Description: Consular Template can be used to create any type of business website like consultancy,  Attorney, business, Consultant, Creative, Corporate, Finance, Financial, Insurance, Investment.
:: Version: 1.0
:: Last Updated: 07/24/2018
-------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import 'css/bootstrap/bootstrap.min.css';
@import 'css/plugins/animate.css';
@import 'css/classy-nav.css';
@import 'css/plugins/owl.carousel.min.css';
@import 'css/font-awesome.min.css';
@import 'css/themify-icons.css';
@import 'css/icofont.css';
@import 'css/plugins/animated-headline.css';
@import 'css/plugins/magnific-popup.css';


/* ==================
:: 1.0 Base CSS Start
================== */

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: 600;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-weight: 400;
}

li {
    list-style: none;
}

p {
    text-align: justify ! important;
    line-height: 25px ! important;
    font-size: 15px ! important;
    color: #04293f ! important;
    font-family: 'Lato', sans-serif ! important;

}

img {
    width: 100%;
    height: auto;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

#preloader {
    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;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

#tomcat-load {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #0b5ca7;
    ;
    -webkit-animation: tomcatRotate 2400ms linear infinite;
    animation: tomcatRotate 2400ms linear infinite;
    z-index: 999;
}

#tomcat-load:before {
    content: "";
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    right: 7.5px;
    bottom: 7.5px;
    border-radius: 50%;
    border: 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #e66e22;
    -webkit-animation: tomcatRotate 2700ms linear infinite;
    animation: tomcatRotate 2700ms linear infinite
}

#tomcat-load:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    border: 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #0b5ca7;
    ;
    -webkit-animation: tomcatRotate 1800ms linear infinite;
    animation: tomcatRotate 1800ms linear infinite
}

@-webkit-keyframes tomcatRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes tomcatRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-150 {
    margin-top: 150px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-100 {
    margin-left: 100px;
}

.section_padding_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.section_padding_200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.section_padding_400 {
    padding-top: 400px;
    padding-bottom: 400px;
}

.section_padding_0_100 {
    padding-top: 0;
    padding-bottom: 100px;
}

.section_padding_100_0 {
    padding-top: 50px;
    padding-bottom: 0px;
}

.section_padding_100_70 {
    padding-top: 44px;
    padding-bottom: 26px;
}

.section_padding_100_50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.section_padding_0_70 {
    padding-top: 0px;
    padding-bottom: 70px;
}

.section_padding_50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section_padding_0_50 {
    padding-top: 0px;
    padding-bottom: 50px;
}

.section-heading > h2 {
    font-size: 34px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0;
    color: #000;
    border-left: 2px solid #0b5ca7;
    padding-left: 15px;
    display: inline-block;
    line-height: 1;
}

.section-heading {
    margin-bottom: 70px;
}

.section-heading-home-2 > h2 {
    font-size: 26px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 0;
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
    font-family: Roboto,sans-serif;
}

.section-heading-home-3 > h2 {
    font-weight: 600;
}

.section-heading-home-3 > p {
    max-width: 800px;
    margin: auto;
    margin-bottom: 15px;
}

.section-heading-home-2 {
    margin-bottom: 36px;
}

.section-heading-home-3 {
    margin-bottom: 50px;
}

.line {
    height: 2px;
    width: 48px;
    background-color: #00a1c8;
    margin: auto;
}

.line-3 {
    width: 20px;
    height: 2px;
    background-color: #0b5ca7;
    margin: auto;
}

.line-4 {
    height: 2px;
    width: 25px;
    background-color: #0b5ca7;
    margin: auto;
    margin-bottom: 5px;
}

.section-heading-home-4 {
    margin-bottom: 50px;
}

.fullwidth {
    height: 100vh;
}

.btn {
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
}

.welcome-btn {
    background-color: #0b5ca7;
    height: 60px;
    min-width: 250px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    letter-spacing: 1px;
}

.welcome-btn.home-2 {
    min-width: 260px;
}

.consalting-btn {
    background-color: #00a1c8;
    height: 40px;
    min-width: 150px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.welcome-btn:hover,
.consalting-btn:hover {
    background-color: #0b5ca7;
    color: #fff;
    -webkit-box-shadow: 1px 31px 71px rgba(0, 0, 0, 0.10);
    box-shadow: 1px 31px 71px rgba(0, 0, 0, 0.10);
    font-weight: 600;
}

.consalting-table {
    display: table;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 2;
}

.consalting-table-cell {
    display: table-cell;
    vertical-align: middle;
}

#scrollUp {
    bottom: 50px;
    font-size: 24px;
    line-height: 38px;
    right: 50px;
    width: 40px;
    background-color: #0b5ca7;
    color: #fff;
    text-align: center;
    height: 40px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    border-radius: 2px 0 0 2px;
}

#scrollUp:hover {
    background-color: #333;
    color: #fff;
}

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-w-overlay1by1 {
    position: relative;
    z-index: 1;
}

.bg-w-overlay1by2 {
    position: relative;
    z-index: 1;
}

.bg-w-overlay1by1::after,
.bg-w-overlay1by2::after,
.bg-w-overlay1by3::after,
.bg-w-overlay1by4::after,
.bg-b-overlay1by5::after,
.bg-b-overlay1by6::after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-w-overlay1by1::after {
    background-color: rgba(0, 0, 0, 0.58);
}

.bg-w-overlay1by5::after {
    background-color: rgba(0, 0, 0, 0.60);
}

.bg-w-overlay1by2::after {
    background-color: rgba(255, 255, 255, 0.7);
}

.bg-w-overlay1by3::after {
    background-color: rgba(255, 255, 255, 0.6);
}

.bg-b-overlay1by4::after {
    background-color: rgba(46, 204, 113, 0.85);
}

.height-400 {
    height: 400px;
}

.height-600 {
    height: 600px;
}

.height-700 {
    height: 700px;
}

.height-750 {
    height: 750px;
}

.height-800 {
    height: 800px;
}

.height-900 {
    height: 900px;
}

.owl-prev > i {
    line-height: 50px;
}

/* -------------------
:: 2.0 Header Area CSS
------------------ */

.top-header-area {
    position: relative;
    z-index: 99;
    background-color: #0b5ca7;
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.top-header-content {
    height: 42px;
}

.top-header-area.home-2 {
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
}

.top-header-content.home-2 {
    height: 70px;
}

.top-info-area.home-2 > a {
    color: #222;
}

.top-info-area > a {
    color: #fff;
}

.classy-navbar {
    padding: 50px 0;
}

.top-header-content {
    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;
}

.top-info-area > a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
	font-family: sans-serif;
}

.top-info-area > a > i {
    margin-right: 5px;
    color: #fff;
}

.header-area {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
}

.classynav ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: sans-serif;
}

.classy-nav-container a:hover {
    background-color: #0b5ca7;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.breakpoint-off .classynav ul li .megamenu {
    background-color: #fdfdfd;
}

.classynav ul li .megamenu .single-mega.cn-col-4 {
    border-right: 1px solid #ebebeb;
}

.classynav ul li .megamenu li a {
    font-size: 15px;
}

.classynav ul li .dropdown li a {
    border-bottom: 1px solid #ebebeb;
    font-size: 13px;
    font-weight: 600;
}

.classynav ul li .dropdown li .dropdown li a {
    border-bottom: 1px solid #ebebeb;
}

.classy-nav-container {
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15);
}

.is-sticky .classy-nav-container.breakpoint-off {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15);
}

.classy-nav-container .nav-brand-logo:hover,
.classy-nav-container .nav-brand-logo:focus {
    background-color: transparent;
}

.breakpoint-on .classynav > ul > li > a:hover {
    color: #111;
}

.header-cart-btn:hover,
.header-cart-btn:focus {
    background-color: transparent;
}

.nav-brand-logo:hover {
    background-color: transparent;
}

.classynav ul li.megamenu-item > a:hover::after,
.classynav ul li.has-down > a:hover::after {
    color: #fff;
}

.classynav ul li .megamenu li a {
    font-size: 13px;
    font-weight: 600;
}

/*----------------------------*\
	search
\*----------------------------*/

.search-btns > button {
    padding: 25px 25px;
    border: none;
    line-height: 20px;
    background: transparent;
    cursor: pointer;
}

button:focus {
    outline: none;
}

.search-btns .search-form {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px;
    padding: 0 10%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 999999;
}

.search-btns .search-form.active {
    opacity: 1;
    visibility: visible;
    background-color: #fff;
}

.search-btns .search-form .search-input {
    height: 100%;
    width: 100%;
    border: none;
    background: #FFF;
    padding: 0px;
    font-weight: 600;
}

.search-btns .search-form .search-close {
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    line-height: 20px;
    color: #0b5ca7;
    font-size: 22px;
    padding: 0;
    cursor: pointer;
    z-index: 9999;
}


:focus {
    outline: -webkit-focus-ring-color auto 0;
}

/* ----- Cart ----- */

.lighter-text {
    color: #ABB0BE;
}

.main-color-text {
    color: #00c0cb;
}

.header-cart {
    position: relative;
    z-index: 1;
}

.header-cart > a {
    display: block;
    background-color: transparent;
    font-size: 20px;
    line-height: 1;
    color: #212529;
}

.header-cart > a:hover,
.header-cart > a:focus {
    background-color: transparent;
    font-size: 20px;
    color: #0b5ca7;
}

.shopping-cart-items .clearfix {
    width: 100%;
}

#addtocart {
    width: 250px;
}

.badge {
    background-color: red;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
}

.shopping-cart {
    background-color: #fff;
    width: 320px;
    position: absolute;
    top: 40px;
    right: 0;
    border-radius: 3px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    opacity: 0;
    visibility: hidden;
}

.shopping-cart.active {
    opacity: 1;
    visibility: visible;
}

.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}

.shopping-cart .shopping-cart-items {
    padding-top: 20px;
}

.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
}

.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
    max-width: 50px;
    max-height: auto;
}

.shopping-cart .shopping-cart-items .item-name {
    display: block;
    font-size: 16px;
}

.shopping-cart .shopping-cart-items .item-detail {
    display: block;
    font-size: 12px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.shopping-cart .shopping-cart-items .item-price {
    color: #00c0cb;
    margin-right: 8px;
}

.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.button-cart {
    height: 30px;
    width: 100px;
    display: inline-block;
    background-color: #0b5ca7;
    line-height: 30px;
    color: #fff !important;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-weight: 400 !important;
    font-size: 14px !important;
    text-align: center;
    border: none;
}

.button-cart:hover {
    background-color: #212121 !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* =====================
:: 3.0 Wellcome Area CSS 
===================== */

.welcome-text {
    margin-top: 110px;
}

.welcome-text > h2 {
    font-size: 58px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

.welcome-text.home-2 > h2 {
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 30px;
    font-size: 70px;
}

/* The outermost element*/

.banner {
    position: relative;
    width: 100%;
    height: 900px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

.banner::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.banner::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* welcome img */
    background-image: url(img/bg-img/bg-1.jpg);
    background-size: cover;
    background-attachment: fixed;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0) scale(1.0, 1.0);
    -webkit-animation: increase 60s linear 10ms infinite;
    animation: increase 60s linear 10ms infinite;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: -2;
    background-position: center center;
    width: 100%;
    height: 900px;
}

@-webkit-keyframes increase {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}

@keyframes increase {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}

/* ----- Home-2 Area Css ----- */

.welcome-text.home-2 {
    margin-top: 70px;
}

/* ----- Home-3 Area Css ----- */

.welcome-text.home-3 > h5 {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 400;
}

.welcome-text.home-3 > h2 {
    font-size: 48px;
    color: #0b5ca7;
    margin-bottom: 30px;
}

/* ----- Home-4 Area Css ----- */

/* ----- Animated Headline CSS ----- */

.cd-headline {
    font-size: 72px;
}

.default-title h2.cd-headline span {
    color: #fff;
}

.cd-headline.clip .cd-words-wrapper:after {
    background-color: #777;
}

.cd-headline.clip b {
    font-weight: 400;
}

.text-typed .cd-intro {
    margin: 0 auto;
}

.cd-headline.clip b {
    color: #0b5ca7;
}

.text-typed .cd-headline {
    font-size: 42px;
    color: #fff;
}

.cd-intro.default-title > p {
    font-size: 16px;
    color: #fff;
}

.welcome-text.home-4 {
    margin-top: 70px;
}

.welcome-text.home-4 > h2 {
    color: #0b5ca7;
    font-size: 60px;
    margin-bottom: 0;
}

.welcome-text.home-4 > h5 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
}

/* =====================
:: 4.0 Features Area CSS 
===================== */

.single_feature_content {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.single_feature_text.active {
    background-color: #0b5ca7;
}

.single_feature_text {
    background-color: #000;
    padding: 50px 20px;
    position: relative;
    z-index: 1;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
}

.single_feature_content:hover .single_feature_text {
    background-color: #0b5ca7;
}

.single_feature_text > h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.single_feature_text > p {
    color: #fff !important;
    margin-bottom: 0;
    text-align: justify !important;
    font-size: 15px !important;
    margin-top: 10px;
}

.feature_number {
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.feature_number > h2 {
    font-size: 150px;
    color: rgba(255, 255, 255, 0.15);
}

/* ----- Home-2 Area Css ----- */

.features_area.home-2 {
    position: relative;
    top: -7px;
    z-index: 999;
}

.single_feature_content.home-2 {
    margin-bottom: 0;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_feature_content.home-2:hover .single_feature_text {
    background-color: #0b5ca7;
}

.single_feature_text.home-2.four,
.single_feature_text.home-2 {
    background-color: #212121;
}

.single_feature_text.home-2.second {
    background-color: #0b5ca7;
}

.single_feature_text.home-2.third {
    background-color: #000000;
}

/* ----- Home-3 Area Css ----- */

.single_feature_content_home_3 {
    border: 1px solid #ebebeb;
    padding: 50px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_feature_content_home_3:first-child {
    border-right: none;
}

.content_home_3 .col-12 .single_feature_content_home_3:nth-child(4) {
    border: 1px solid #ebebeb;
}

.feature-icon_home_3 {
    margin-bottom: 20px;
}

.feature-icon_home_3 > i {
    color: #0b5ca7;
    font-size: 18px;
    line-height: 28px;
    height: 30px;
    width: 30px;
    border: 1px solid #ebebeb;
}

.single_feature_text_home_3 > p {
    color: #222;
    margin-bottom: 5px;
}

.single_feature_text_home_3 > p:last-child {
    margin-bottom: 0;
}

.single_feature_content_home_3:hover {
    -webkit-box-shadow: 0 2px 120px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 120px rgba(0, 0, 0, .2);
}

/* ----- Home-4 Area Css ----- */

.single_feature_content_home_3.home_4:hover {
    background-color: #0b5ca7;
    border-color: transparent;
}

.feature-icon_home_3.home_4 > i,
.single_feature_text_home_3.home_4 > p {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_feature_content_home_3.home_4.active {
    background-color: #0b5ca7;
    border-color: transparent;
}

.feature-icon_home_3.home_4.active > i,
.single_feature_text_home_3.home_4.active > p {
    color: #fff;
}

.single_feature_content_home_3.home_4:hover .feature-icon_home_3.home_4 > i,
.single_feature_content_home_3.home_4:hover .single_feature_text_home_3.home_4 > p {
    color: #fff;
}

.row.no-gutters.content_home_3 .col-12:nth-child(4) .single_feature_content_home_3 {
    border-right: 1px solid #ddd;
}

/* =====================
:: 5.0 About Us Area CSS 
===================== */

.about_content_area,
.about_thumbnail_area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.about_content_area {
    position: relative;
    z-index: 2;
}

.about_text.home_1 {
    width: 100%;
    max-width: 570px;
    float: right;
    padding-right: 50px;
    padding-left: 15px;
}

.section-heading.home-1 {
    margin-bottom: 40px;
}

.about_text > h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.about_text > p {
    margin-bottom: 25px;
}

.about_thumbnail_area {
    position: relative;
    z-index: 1;
}

/* ----- Home-2 Area Css ----- */

.about_titile_home_2 > h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}

.about_text.home-2 > h2 {
    font-size: 18px;
    letter-spacing: 3px;
    color: #222;
    font-weight: 400;
}

/* ----- Home-3 Area Css ----- */

.about_content_home_3 > h2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}


/* Table */

#data-table {
    border: none;
    border-top: 1px solid #ccc;
    width: 60%;
}

#data-table th,
#data-table td {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 10px;
    text-align: left;
}

/* Toggle */

.toggles {
    background: #ebebeb;
    color: #545454;
    height: 20px;
    padding: 15px;
}

.toggles p {
    margin: 0;
}

.toggles a {
    background: #222;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 6px;
    text-decoration: none;
}

.toggles a:hover {
    background: #666;
}

#reset-graph-button {
    float: right;
}

/* Containers */

#wrapper {
    margin: 25px auto;
    width: 60%;
}

#figure {
    height: 250px;
    position: relative;
}

.graph {
    height: 283px;
    position: relative;
}

/* Legend */

.legend {
    background: #f0f0f0;
    border-radius: 4px;
    bottom: 0;
    position: absolute;
    text-align: left;
    width: 540px;
}

.legend li {
    display: block;
    float: left;
    height: 20px;
    margin: 0;
    padding: 10px 30px;
    width: 120px;
}

.legend span.icon {
    background-position: 50% 0;
    border-radius: 2px;
    display: block;
    float: left;
    height: 16px;
    margin: 2px 10px 0 0;
    width: 16px;
}

/* X-Axis */

.x-axis {
    bottom: 0;
    color: #555;
    position: absolute;
    text-align: center;
    width: 100%;
}

.x-axis li {
    float: left;
    margin: 0 12px;
    padding: 5px 0;
    width: 10%;
}

.x-axis li span {
    float: left;
}

/* Y-Axis */

.y-axis {
    color: #555;
    position: absolute;
    text-align: right;
    width: 100%;
}

.y-axis li {
    border-top: 1px solid #ccc;
    display: block;
    height: 62px;
    width: 100%;
}

.y-axis li span {
    display: block;
    margin: -10px 0 0 -60px;
    padding: 0 10px;
    width: 40px;
}

/* Graph Bars */

.bars {
    height: 253px;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.bar-group {
    float: left;
    height: 100%;
    margin: 0 15px;
    position: relative;
    width: 8%;
}

.bar {
    border-radius: 0;
    bottom: 0;
    cursor: pointer;
    height: 0;
    position: absolute;
    text-align: center;
    width: 50px;
    bottom: 4px;
}

.bar span {
    background: #fefefe;
    border-radius: 3px;
    left: -8px;
    display: none;
    margin: 0;
    position: relative;
    text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
    width: 40px;
    z-index: 20;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
    box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
}

.bar:hover span {
    display: block;
    margin-top: -25px;
}

#data-table.js {
    display: none;
}

.bar span {
    background: #fefefe;
}

.fig0 {
    background: #0b5ca7;
    ;
}

/* ----- Home-4 Area Css ----- */

.about_content_home_4 > h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
}

.about_content_home_4 > p {
    margin-bottom: 0;
}

.about_us_box {
    border-left: 1px solid #ddd;
    height: 100%;
    border-bottom: 1px solid #ddd;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.about_us_box::after {
    position: absolute;
    content: "";
    background-color: #0b5ca7;
    height: 12px;
    width: 160px;
    top: 0;
    left: 0;
}

.about_us_box::before {
    position: absolute;
    content: "";
    background-color: #0b5ca7;
    height: 190px;
    width: 12px;
    left: 0;
    top: 0;
}

.about_border_box_content {
    border: 1px solid #ddd;
    padding: 100px 15px;
    text-align: center;
}

.about_border_box_content > h2 {
    font-size: 50px;
    color: #222;
    margin-bottom: 0;
}

.about_border_box_content > h6 {
    font-size: 18px;
    font-weight: 400;
    color: #8c8c8c;
    letter-spacing: 3px;
    line-height: 1.6;
    margin-bottom: 0;
}

/* =========================
:: 6.0 our Service Area CSS 
===================== */

.nav-tabs {
    margin-bottom: 30px;
    border: transparent;
}

.nav-tabs .nav-link {
    color: #111;
    text-transform: capitalize;
    font-size: 15px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-weight: 600;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #0b5ca7;
    border-color: transparent;
    color: #fff;
    border-radius: 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.tab-content-text > p {
    margin-bottom: 0;
}

/* ----- Home-2 Area Css ----- */

.single-service-content {
    background-color: #e8e8e8;
    padding: 30px 25px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.single-service-content.active {
    -webkit-box-shadow: -2px 4px 50px 2px rgba(0, 0, 0, 0.10);
    box-shadow: -2px 4px 50px 2px rgba(0, 0, 0, 0.10);
}

.single-service-content:hover {
    -webkit-box-shadow: 0 2px 120px rgba(1, 161, 200, 0.32);
    box-shadow: 0 2px 120px rgba(0, 0, 0, .2);
    border-radius: 10px 0 10px 0;
}

.side-border-service {
    height: 30px;
    width: 5px;
    background-color: #fad314;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.service-icon {
    width: 60px;
    margin: auto;
}

.service-icon > i {
    font-size: 30px;
    color: #0b5ca7;
}

.single-service-text > h5 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #000;
}

.single-service-text > p {
    margin-bottom: 20px;
    text-align: center !important;
}

.single-service-text > a {
    font-size: 16px;
    letter-spacing: 0px;
    color: #0b5ca7;
    font-weight: bold;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-service-text > a:hover {
    color: #222;
}

.service-number > h2 {
    font-size: 150px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.03);
}

.service-number {
    position: absolute;
    top: 8%;
    z-index: 999;
    left: 10%;
}

/* ----- Home-3 Area Css ----- */

.single_service_content_home_3 {
    margin-bottom: 30px;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
}

.single_service_content_home_3:hover {
    -webkit-box-shadow: 0 2px 120px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 120px rgba(0, 0, 0, .2);
}

.service_icon_home_3 > i {
    font-size: 30px;
    color: #0b5ca7;
}

.service_icon_text_home_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.service_text_home_3 {
    background-color: #f9f9f9;
    padding: 30px;
    position: relative;
    z-index: 1;
}

.service_title_home_3 {
    margin-left: 15px;
}

.service_text_home_3 > p {
    margin-bottom: 20px;
}

/* ----- Home-4 Area Css ----- */

.row.no-gutters.service_content_home_4 .col-12:first-child .single_service_content_home_4 {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.row.no-gutters.service_content_home_4 .col-12:nth-child(2) .single_service_content_home_4 {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.row.no-gutters.service_content_home_4 .col-12:nth-child(3) .single_service_content_home_4 {
    border-bottom: 1px solid #ddd;
}

.row.no-gutters.service_content_home_4 .col-12:nth-child(4) .single_service_content_home_4 {
    border-right: 1px solid #ddd;
}

.row.no-gutters.service_content_home_4 .col-12:nth-child(5) .single_service_content_home_4 {
    border-right: 1px solid #ddd;
}

.service_icon_home_4 > i {
    font-size: 30px;
    color: #0b5ca7;
}

.single_service_content_home_4 {
    padding: 30px;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
}

.single_service_content_home_4:hover {
    -webkit-box-shadow: 2px 3px 50px 9px rgba(0, 0, 0, 0.10);
    box-shadow: 2px 3px 50px 9px rgba(0, 0, 0, 0.10);
}

.single_service_content_home_4 > h5 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.single_service_content_home_4 > a {
    color: #0b5ca7;
}

.single_service_content_home_4 > p {
    margin-bottom: 10px;
}

/* =========================
:: 7.0 Call To Action Area CSS 
===================== */

.call_to_action {
    background-color: #0b5ca7;
}

.call_to_action_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.call_to_icon {
    margin-right: 30px;
}

.call_to_icon > i {
    font-size: 100px;
    color: #fff;
}

.call_to_action_text > h4 {
    color: #fff;
    font-size: 35px;
    text-transform: capitalize;
    margin-bottom: 0;
    font-weight: 400;
}

.call_to_action_text > h2 {
    color: #fff;
    font-size: 70px;
    margin-bottom: 0;
}

/* ----- Home-2 Area Css ----- */

.call_to_action_home_2 {
    background-color: #f4f4f4;
}

.call_to_title_home_2 > h2 {
    font-size: 30px;
    color: #0b5ca7;
    margin-bottom: 0;
}

.contact_btn-home_2 > a {
    background-color: #00a1c8;
    height: 45px;
    min-width: 190px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.contact_btn-home_2 > a:hover {
    background-color: #222;
    color: #fff;
}

.call_to_title_home_2 {
    text-align: center;
}

.contact_btn-home_2 {
    text-align: center;
}

/* =========================
:: 8.0 Our Gallery Area CSS 
======================= */

.studies_gallery_thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 30px;
}

.hover_content_gallery {
    position: absolute;
    z-index: 3;
    content: "";
    background-color: #0b5ca7;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    opacity: 0;
}

.studies_gallery_thumb:hover .hover_content_gallery {
    opacity: 0.95;
}

.project_title > a > h5 {
    color: #fff;
    font-size: 18px;
}

.project_title > a {
    color: #fff;
    font-size: 16px;
}


/* ----- Home-3 Area Css ----- */

.single_case_content_home_3 {
    margin-bottom: 50px;
}

.studies_gallery_thumb.home_3 {
    margin-bottom: 0;
}

.project_title_home_3 > h5 {
    font-weight: 400;
    font-size: 18px;
    margin-top: 20px;
}

.image_zoom_in > a > i {
    color: #fff;
    font-size: 24px;
}

.project_title_home_3 > a {
    font-size: 15px;
    font-weight: 600;
    color: #222;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.project_title_home_3 > a:hover {
    color: #0b5ca7;
}


/* ----- Home-4 ----- */

.project_search_text.home_4 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 30px;
}

.project_text_home_4 > h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
}

.project_text_home_4 > a {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.line-gallery {
    height: 1px;
    width: 80px;
    background-color: #fff;
    margin-top: 14px;
    margin-bottom: 7px;
}

.portfolio_gallery_iteam {
    width: 20%;
    float: left;
    overflow: hidden;
}

.gallery_menu {
    margin-bottom: 30px;
}

.btn.btn-md {
    background-color: transparent;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.btn.btn-md:hover {
    color: #0b5ca7;
}

.gallery_menu .portfolio-menu button.active {
    color: #0b5ca7;
}

.btn.focus,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio_gallery_iteam:hover .hover_content_gallery {
    opacity: 0.95;
}

/* ========================================
:: 9.0 Why Choose us And Callback Area CSS 
==================================== */

.why_choose_content_area,
.call_back_and_thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
}

.why_choose_text {
    max-width: 600px;
    float: right;
    padding-left: 15px;
    padding-right: 227px;
}

.why_choose_text > h2 {
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.why_choose_text > p > i {
    color: #0b5ca7;
    margin-right: 10px;
    font-size: 13px;
}

.call_back_and_thumb {
    position: relative;
    z-index: 1;
}

.call_back_thumb {
    position: relative;
    z-index: 1;
}

.quote-form-heading {
    margin-bottom: 30px;
}

.quote-form-heading > h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.quote-form-heading > h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
    margin-top: -33px;
    font-weight: 500;
    font-family: Roboto,sans-serif;
}

.get-quote-form {
    width: 450px;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 50px;
    position: absolute;
    bottom: 0px;
    margin-bottom: 38px;
    z-index: 999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.form-control {
    background-color: transparent;
    border: transparent;
    border-bottom: 1px solid #e1d8d8;
    margin-bottom: 18px;
    border-radius: 0;
    font-size: 14px;
}

.form-control:focus {
    background: transparent;
    border-color: transparent;
    border-bottom: 1px solid;
    font-size: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#btn_submit {
    border: transparent;
    cursor: pointer;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-size: 14px;
}

/* ----- Home- 2 Area Css ----- */

.why_choose_text.home-2 {
    padding-bottom: 100px;
}

.why_choose_text.home-2 {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

/* ----- Home- 3 Area Css ----- */

.why_choose_text.home_3 {
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

.heading-text-home-3 > h3 {
    color: #fff;
    font-size: 34px;
}

.why_choose_text.home_3 > p {
    color: #fff;
    font-size: 18px;
}

/* ----- Home - 4 Area Css ----- */

.choose_us_thumbnail_home_4,
.choose_us_content_home_4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
}

.choose_us_thumbnail_home_4 > img {
    border-radius: 0 50px 50px 0;
}

.why_choose_text.home_4 {
    padding-left: 0;
    padding-right: 0;
}

.choose_us_content_home_4 {
    max-width: 500px;
    padding-left: 50px;
    padding-right: 15px;
}

.why_choose_text.home_4 > p {
    margin-bottom: 2px;
}

.choose_us_text_home_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.why_choose_text.second.home_4 {
    -ms-grid-column-align: end;
    justify-self: end;
    margin-left: auto;
}

/* ===========================
:: 10.0 Testimonial Area CSS 
========================= */

.single-testimonial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: c;
    -ms-flex-pack: c;
    justify-content: c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f1f1f1;
    padding: 30px;
    -webkit-box-shadow: 0 2px 88px rgba(0, 0, 0, 0.10);
    box-shadow: 0 2px 88px rgba(0, 0, 0, 0.10);
    margin: 5px;
}

.quotes_mark_icon {
    width: 27px;
    height: auto;
    margin-bottom: 10px;
}

.testimonial_image > img {
    border-radius: 50%;
}

.testimonial-description {
    padding-left: 20px;
}

.testimonial-description > p {
    margin-bottom: 20px;
}

.testimonial-description > h5 {
    color: #0b5ca7;
    font-size: 18px;
}

.testimonial-description > h6 {
    font-size: 14px;
    margin-bottom: 0;
}

.testimonials-area .owl-dots {
    position: absolute;
    top: 50%;
    right: -30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.testimonials-area .owl-dot {
    height: 15px;
    width: 5px;
    background-color: #000;
    display: block;
    margin: 5px 0;
    border-radius: 2.25px;
}

.testimonials-area .owl-dot.active {
    background-color: #0b5ca7;
    height: 25px;
}

/* ----- testimonial Area Css ----- */

.single-testimonial-home-2 {
    background-color: #e8eaea;
    border-color: transparent;
    margin: 10px;
}

.testimonial-description-home-2 {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #d4d4d4;
    padding: 22px;
}

.testimonial_imgage.home-2 {
    width: 50px;
}

.testimonial-description-home-2 > p {
    margin-bottom: 0;
}

.testimonial_imgage.home-2 > img {
    border-radius: 50%;
}

.quotes_mark_icon.home-2 {
    width: 90px;
    position: absolute;
    top: 15px;
    z-index: 5;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonial_image_client_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px;
    padding-top: 13px;
    padding-bottom: 11px;
}

.client_details {
    margin-left: 0px;
}

.client_details > h5 {
    font-size: 15px;
    color: #0b5ca7;
    margin-bottom: 5px;
}

.client_details > h6 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
}

.testimonials-area-home-2 .owl-dots {
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: 13px;
}

.testimonials-area-home-2 .owl-dot {
    height: 5px;
    width: 15px;
    background-color: #000;
    display: inline-block;
    margin: 0 5px;
    border-radius: 2.25px;
}

.testimonials-area-home-2 .owl-dot.active {
    background-color: #0b5ca7;
    width: 25px;
}

/* ----- Home-3 ----- */

.testimonial_image_home_3 {
    width: 60px;
    margin: auto;
    margin-top: 30px;
}

.testimonial_image_home_3 > img {
    border-radius: 50%;
}

.testimonials-area-home-3 .owl-prev,
.testimonials-area-home-3 .owl-next {
    color: #222;
    font-size: 24px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    z-index: 99;
    opacity: 0;
}

.testimonials-area-home-3 .owl-next {
    right: 0;
    left: auto;
}

.testimonials-area-home-3:hover .owl-next {
    opacity: 1;
}

.testimonials-area-home-3:hover .owl-prev {
    opacity: 1;
}

.owl-prev,
.owl-next {
    background-color: transparent;
    height: 50px;
    width: 50px;
    display: inline-block;
    border-radius: 50%;
    line-height: 50px;
    color: #fff;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.owl-prev:hover,
.owl-next:hover {
    background-color: #0b5ca7;
    color: #fff;
}

/* ----- Home-4 ----- */

.testimonial_image_home_4 {
    width: 50px;
    margin: auto;
}

.testimonial_image_home_4 > img {
    border-radius: 50%;
}

.testimonial-description-home-4 > p {
    max-width: 800px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 20px;
}

.testimonial-description-home-4 > h5 {
    color: #0b5ca7;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}

.testimonial-description-home-4 > h6 {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.testimonials-area-home-4 .owl-prev,
.testimonials-area-home-4 .owl-next {
    color: #8c8c8c;
    font-size: 24px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    z-index: 99;
    opacity: 0;
}

.testimonials-area-home-4 .owl-next {
    right: 0;
    left: auto;
}

.testimonials-area-home-4:hover .owl-next {
    opacity: 1;
}

.testimonials-area-home-4:hover .owl-prev {
    opacity: 1;
}

.owl-prev:hover,
.owl-next:hover {
    color: #fff;
}

/* =======================
:: 11.0 Our Team Area CSS 
===================== */

.single_team_content {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.team_image {
    position: relative;
    z-index: 1;
}

.team_hover_effect {
    background-color: #0b5ca7;
    padding: 30px 15px 30px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.team_text > h5 {
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 0;
}

.team_text > p {
    color: #fff;
    margin-bottom: 0;
}

.team_icon ul li > a > i {
    font-size: 14px;
    color: #fff;
}

.team_hover_effect {
    background-color: #0b5ca7;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-bottom: -170px;
    -webkit-transition: all 0.50s;
    -o-transition: all 0.50s;
    transition: all 0.50s;
    opacity: 1;
    justify-content: space-between;
}

.single_team_content:hover .team_hover_effect {
    margin-bottom: 0;
    opacity: 1;
}

.team_image img {
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.single_team_content:hover .team_image img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* ----- Home-2 Area Css ----- */

.team_hover_effect_home-2 {
    background-color: #0b5ca7;
    height: calc(100% - 30px);
    left: 15px;
    opacity: 0;
    position: absolute;
    top: 15px;
    -webkit-transition: all 0.50s;
    -o-transition: all 0.50s;
    transition: all 0.50s;
    width: calc(100% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.single_team_content:hover .team_hover_effect_home-2 {
    opacity: 0.9;
}

.team_text_home_2 {
    left: 25px;
    bottom: 25px;
    position: absolute;
    z-index: 1;
}

.team_text_home_2 > h5 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 2px;
}

.team_text_home_2 > p {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

.team_icon_home_2 > a > i {
    font-size: 14px;
    color: #fff;
    margin-right: 8px;
}

/* ----- Home-3 Area Css ----- */

.team_text_home_3 > h5 {
    font-weight: 400;
    font-size: 24px;
    color: #0b5ca7;
    margin-bottom: 0;
}

.team_image_home_3 {
    position: relative;
    z-index: 1;
    margin-bottom: 25px;
    overflow: hidden;
}

.team_text_home_3 > p {
    font-weight: 600;
    font-size: 14;
    margin-bottom: 10px;
}

.team_icon_home_3 > a > i {
    color: #222;
    font-size: 14px;
    margin-right: 10px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.team_icon_home_3 > a > i:hover {
    color: #0b5ca7;
}

.team_text_home_3 > p {
    margin-bottom: 5px;
}

.team_icon_home_3 {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

.team_text_home_3 > a {
    color: #333;
    margin-top: 10px;
    display: inline-block;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.team_text_home_3 > a:hover {
    color: #0b5ca7;
}

.team_image_home_3 img {
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.single_team_content:hover .team_image_home_3 img {
    -webkit-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg)
}

/* =======================
:: 12.0 Our Blog Area CSS 
===================== */

.single-blog-area {
    border: 1px solid #ebebeb;
    margin-bottom: 30px;
    -webkit-transition-duration: 800ms;
    -o-transition-duration: 800ms;
    transition-duration: 800ms;
}

.single-blog-area:hover {
    -webkit-box-shadow: 0 2px 120px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 120px rgba(0, 0, 0, 0.15);
}

.single-blog-area-single-page {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.blog_thumbnail_single_page {
    position: relative;
    z-index: 1;
}

.blog_thumbnail {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.blog_thumbnail img {
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms;
}

.single-blog-area:hover .blog_thumbnail img {
    -webkit-transform: scale(1.1) rotate(0deg);
    -ms-transform: scale(1.1) rotate(0deg);
    transform: scale(1.1) rotate(0deg)
}

.post_meta_date {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    left: 20px;
}

.blog-content {
    padding: 30px 20px;
}

.post_meta_date > a {
    background-color: #0b5ca7;
    height: 45px;
    min-width: 150px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.latest_post_thumb {
    width: 70px;
    flex: 0 0 70px;
}

.single-blog-area:hover .post_meta_date > a {
    background-color: #333;
}

.post-meta {
    margin-bottom: 20px;
}

.post-meta > a {
    font-size: 14px;
    margin: 0 30px 0 0;
    color: #000;
    font-weight: 600;
}

.post-meta > a > i {
    font-size: 14px;
    margin-right: 6px;
    color: #0b5ca7;
}

.post-title > h4 {
    font-size: 18px;
    margin-bottom: 15px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    margin-top: -11px;
	color: #000;
    font-weight: bold;
}

.post-title > h4:hover {
    color: #0b5ca7;
}

.blog-content > p {
    margin-bottom: 15px;
}

.blog-content > a {
    font-size: 16px;
    color: #0b5ca7;
	font-family: sans-serif;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.blog-content > a:hover {
    color: #222;
}

/* ----- Home- 3 area Css ----- */

.single-blog-area.home-3 {
    border: none;
    margin-bottom: 50px;
}

.blog-content.home-3 {
    padding: 15px;
    border: 1px solid #ebebeb;
}

.post_meta_button {
    margin-bottom: 20px;
}

.post_meta_button > a {
    height: 30px;
    min-width: 140px;
    background-color: #0b5ca7;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.post_meta_button {
    margin-bottom: 25px;
}

.blog-content.home-3 > a {
    color: #222;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    font-size: 14px;
}

.single-blog-area.home-3:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blog-content.home-3 > a:hover {
    color: #0b5ca7;
}

/* =============================
:: 13.0 Our Price Table Area CSS 
========================= */

.single_price_table_content {
    border: 1px solid #ebebeb;
    padding: 40px 0;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
    margin-bottom: 30px;
}

.single_price_table_content.active {
    background-color: #0b5ca7;
}

.price_table_heading > h5 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
}

.price_table_details > p {
    color: #8c8c8c;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
}

.price > h3 {
    font-size: 26px;
    margin-bottom: 35px;
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
}

.single_price_table_content.active .price > h3,
.single_price_table_content.active .price_table_details > p,
.single_price_table_content.active .price_table_heading > h5 {
    color: #fff;
}

.single_price_table_content.active .consalting-btn.price {
    background-color: #fff;
    color: #0b5ca7;
}

.single_price_table_content:hover,
.single_price_table_content:focus {
    -webkit-box-shadow: 0 1px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 120px rgba(0, 0, 0, .2);
}

/* ====================
:: 14.0 Shop Area CSS 
================== */

.single_product_area {
    border: 1px solid #ebebeb;
    padding: 25px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.single_product_area:hover {
    -webkit-box-shadow: 0 2px 120px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 120px rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    border-color: transparent;
}

.product_image {
    margin-bottom: 15px;
}

.product_description > h4 {
    margin-bottom: 5px;
}

.product_description > h4 > a {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.product_description > h5 {
    margin-bottom: 5px;
}

.product_description > h5 > a {
    color: #222;
    font-size: 14px;
}

.product_description > h6 {
    font-size: 15px;
}

.product_rating_icon {
    margin-bottom: 20px;
}

.product_rating_icon > i {
    color: #f7b810;
    font-size: 12px;
}

.add_to_cart > a {
    height: 40px;
    min-width: 150px;
    border: 1px solid #ebebeb;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    font-weight: 600;
    color: #0b5ca7;
    text-transform: capitalize;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.add_to_cart > a:hover {
    -webkit-box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.15);
}

/* ==========================
:: 15.0 Shop Deatils Area CSS 
========================= */

.product_image.shop_details {
    border: 1px solid #ebebeb;
    padding: 25px;
    width: 350px;
    margin-right: 30px;
}

.product_info_btn > a {
    height: 40px;
    min-width: 150px;
    display: inline-block;
    -webkit-box-shadow: 16px 2px 33px rgba(0, 0, 0, 0.10);
    box-shadow: 16px 2px 33px rgba(0, 0, 0, 0.10);
    text-align: center;
    line-height: 40px;
    color: #0b5ca7;
    font-weight: 600;
}

.product_description.shop_details > h4 > a {
    font-size: 30px;
}

.product_information > p {
    margin-bottom: 0;
}

.info_btn_2 {
    color: #000 !important;
}

.related_product_area > h5 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}

.product_category > h6 {
    margin-bottom: 20px;
    font-size: 20px;
}

.product_category_link li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.product_category_link li > a:hover {
    color: #0b5ca7;
}

.product_category_link li {
    margin-bottom: 10px;
}

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

.popular_heading {
    margin-bottom: 30px !important;
}

.product_image.shop_side {
    width: 80px;
    margin-right: 20px;
    margin-bottom: 0;
}

.product_description.shop_side > h4 > a {
    font-size: 22px;
}

.tag_section.single_page ul li {
    display: inline-block;
}

/* ==========================
:: 16.0 Our Partner Area CSS 
========================= */

.our_partner_area {
    background-color: #f4f4f4;
}

.partner_image {
    width: 190px;
}

.our_partner {
    width: 170px;
}

.our_partner_area .owl-dots {
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.our_partner_area .owl-dot {
    height: 15px;
    width: 5px;
    background-color: #000;
    display: block;
    margin: 5px 0;
    border-radius: 2.25px;
}

.our_partner_area .owl-dot.active {
    background-color: #0b5ca7;
    height: 25px;
}

/* ----- Home-2 Area Css ----- */

.our_partner_area_home_2 {
    background-color: #f2f4f8;
}

.our_partner_area_home_2 .owl-dots {
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.our_partner_area_home_2 .owl-dot {
    height: 5px;
    width: 15px;
    background-color: #000;
    display: inline-block;
    margin: 0 5px;
    border-radius: 2.25px;
}

.our_partner_area_home_2 .owl-dot.active {
    background-color: #0b5ca7;
    width: 25px;
}

/* ----- Home-3 Area Css ----- */

.row.no-gutters.parnet_content {
    padding: 0 100px;
}

.our_partner_content {
    padding: 74px 30px;
}

.parnet_content .col-12:first-child .our_partner_content {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.parnet_content .col-12:nth-child(2) .our_partner_content {
    border-bottom: 1px solid #ddd;
}

.parnet_content .col-12:nth-child(3) .our_partner_content {
    border-right: 1px solid #ddd;
}


/* ========================
:: 17.0 Video Area CSS 
====================== */

.video-text > a > i {
    color: #fff;
    font-size: 40px;
    margin-bottom: 15px;
}

.video-text > h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

/* ========================
:: 18.0  Fact Area CSS 
====================== */

.single_cool_fact {
    margin-bottom: 30px;
}

.cool_fact_detail > h3 {
    font-size: 34px;
    font-weight: 400;
	color: #0b5ca7;
}

.cool_fact_detail > h2 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
	color: #000;
}

.line-2 {
    height: 1px;
    width: 150px;
    background-color: #0b5ca7;
    margin: auto;
}

/* ----- Home-3 Css Area ----- */

.row.no-gutters.cool_facts_content {
    padding: 0 100px;
}

.single_cool_fact.home-3 {
    padding: 40px 15px;
    margin-bottom: 0;
}

.cool_fact_detail.home_3 > h3 {
    font-size: 34px;
}

.cool_fact_icon_home_4 > i {
    font-size: 30px;
    margin-bottom: 15px;
    display: inline-block;
    color: #0b5ca7;
}

.cool_fact_detail.home_3 > h2 {
    font-size: 20px;
}

.cool_facts_content .col-12:first-child .single_cool_fact.home-3 {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.cool_facts_content .col-12:nth-child(2) .single_cool_fact.home-3 {
    border-bottom: 1px solid #ddd;
}

.cool_facts_content .col-12:nth-child(3) .single_cool_fact.home-3 {
    border-right: 1px solid #ddd;
}

.partners-slides-home-3 {
    cursor: move;
}

/* ========================
:: 19.0 Call Back Area CSS 
====================== */

.call_back_thumb_home_2 {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 1px;
    padding: 50px 100px 0;
    border: 1px solid #0b5ca7;
}

.get-quote-form-home-2 {
    background-color: #000;
    padding: 60px 100px;
    position: relative;
    z-index: 1;
}

.form-control.home-2 {
    text-align: center;
}

/* ----- Home-3 Area Css ----- */

.get-quote-form-home-2.home-3 {
    border-radius: 25px;
}

/* ----- Home-4 Area Css ----- */

.form-control-home-4 {
    padding: 10px 30px;
    color: #0b5ca7;
    font-size: 14px;
    font-weight: 600;
    border: none;
    font-style: italic;
    width: 100%;
    margin-bottom: 30px;
}

.consalting-btn.submit {
    width: 100%;
}

/* ============================
:: 20.0 Why Choose Us Area CSS 
====================== */

.why_choose_us_home_2 {
    background-color: #f4f4f4;
}

.heading-text-home-2 > h3 {
    font-size: 30px;
    color: #0b5ca7;
}

.why_choose_text > p:last-child {
    margin-bottom: 0;
}

/* =================================
:: 21.0 Our Footer Contact Area CSS 
============================== */

.footer-widget-area {
    margin-bottom: 37px;
}

.widget-logo {
    width: 180px;
    margin-bottom: 50px;
}

.post-text > p {
    color: #fff;
}

.post-details > p {
    text-align: justify ! important;
    line-height: 26px ! important;
    font-size: 15px ! important;
    color: #04293f ! important;
    font-family: 'Lato', sans-serif ! important;
}

.post-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.post-address > p {
    color: #fff;
    margin-bottom: 0;
}

.post-address-icon > i {
    color: #0b5ca7;
    margin-right: 15px;
    font-size: 20px;
}

.subscribe-form .email {
    height: 40px;
    width: 100%;
    padding: 15px;
    border: transparent;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-style: italic;
}

.consalting-btn.submit-footer {
    border: none;
    z-index: 5;
    cursor: pointer;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.widget-title > h5 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 32px;
}

.important-link li > a {
    color: #fff;
}

.important-link li > a > i {
    margin-right: 10px;
    color: #0b5ca7;
}

.important-link li {
    margin-bottom: 15px;
    font-size: 15px;
}

.important-link li:last-child {
    margin-bottom: 0;
}

.single-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.recent-posts-wrapper .single-post:first-child {
    margin-bottom: 30px;
}

.post-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    width: 158px;
    margin-top: 0;
}

.post-date > a {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.post-text > a > h6 {
    color: #0b5ca7;
    font-size: 18px;
    margin-bottom: 5px;
}

.post-text > p {
    font-size: 13px;
    margin-bottom: 0;
}

.post-text {
    margin-bottom: 30px;
    margin-left: 20px;
}

.post-text:last-child {
    margin-bottom: 0px;
}

.bottom-footer-area {
    background-color: #202020;
    padding: 15px 0px 5px;
}

.copywrite_text > p {
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
    color: #fff;
}

.copywrite_text > p > i {
    color: #0b5ca7;
}

.copywrite_text > p > a {
    color: #fff;
}

.tag_section ul li {
    display: inline-block;
    margin: 4px 2px;
}

.tag_section ul li a {
    font-size: 14px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 5px 15px;
    display: inline-block;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.tag_section ul li a:hover {
    background-color: #444444;
    border-color: #444444;
}

.footer_icon > a > i {
    font-size: 16px;
    margin-right: 26px;
    color: #fff;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.footer_icon > a > i:hover {
    color: #00a1c8;
}

/* ========================
:: 22.0 Breadcumb Area CSS 
====================== */

.breadcumb-area {
    position: relative;
    z-index: 1;
    height: 160px !important;
	margin-top: 112px;
}

.breadcumb-content {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.breadcumb--con {
    padding-top: 0px;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.breadcumb--con .title {
    font-size: 42px;
    margin-bottom: 15px;
    margin-left: 0;
}

.breadcumb--con > h2 {
    color: #fff;
    font-size: 36px;
}

.breadcrumb-item,
.breadcrumb-item.active,
.breadcrumb-item > a {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
}

/* ----- Blog Details Area Css ----- */

.post_meta_date.single_page {
    left: 100px;
    top: 20px;
}

.post-title-single-page {
    font-size: 30px;
    color: #222;
    margin-bottom: 25px;
}

.comment_area > h5 {
    font-size: 24px;
    color: #192a56;
}

.consalting-pagination {
    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;
}

.social-media-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-link {
    padding: 0;
    margin-left: 0;
    line-height: 0;
    border: none;
}

.page-item > a > i {
    background-color: #0b5ca7;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.page-item > a > i:hover {
    background-color: #222;
}

.media-title-single-page > h5 {
    font-size: 16px;
    font-weight: 400;
    margin-right: 25px;
    margin-bottom: 0;
}

.social-icon-single-page > a > i {
    color: #0b5ca7;
    font-size: 14px;
    margin: 0 5px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.social-icon-single-page > a > i:hover {
    color: #222;
}

.comment_area .comment-content .comment-author {
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    margin-top: 15px;
}

.children .single_comment_area {
    margin-left: 90px;
}

.comment-meta > a {
    font-size: 16px;
    color: #0b5ca7;
    margin-bottom: 8px;
    display: inline-block;
}

.comment-meta > p {
    margin-bottom: 5px;
}

.comment-meta .comment-reply {
    color: #222 !important;
    margin-bottom: 0;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.comment-meta .comment-reply:hover {
    color: #0b5ca7 !important;
}

.widget-title-single-page > h5 {
    font-size: 24px;
    margin-bottom: 20px;
}

.form-control.single-page {
    border: 1px solid #ebebeb;
    width: 50%;
    padding: 15px 30px;
}

.search-widget-area form input {
    width: 100%;
    height: 45px;
    border: 1px solid #dadada;
    background-color: transparent;
    padding: 0 15px;
    color: #333;
    font-size: 12px;
    border-radius: 0;
}

.search-widget-area form button {
    width: 60px;
    height: 45px;
    background-color: #0b5ca7;
    padding: 0 15px;
    color: #FFF;
    font-size: 14px;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 2%;
    z-index: 100;
}

.about_us_single_page > h6 {
    font-size: 20px;
    margin-bottom: 10px;
}

.about_us_single_page > p {
    margin-bottom: 0;
}

.latest_post > h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.single_latest_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single_latest_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.post_text_single_page > a > h5 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.8;
}

.post_text_single_page {
    margin-left: 20px;
}

.tag_section.single_page ul li > a {
    border: 1px solid #ebebeb;
    color: #606060;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: auto;
    width: 100%;
    padding: 8px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

.tag_section.single_page > h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.tag_section.single_page ul li {
    display: inline-block;
    margin: 4px 0px;
}

.tag_section.single_page ul li > a:hover {
    background-color: #0b5ca7;
    color: #fff;
}

.advert-thumb {
    position: relative;
    z-index: 1;
    padding: 25px;
    -webkit-box-shadow: -1px -1px 14px rgba(0, 0, 0, 0.15);
    box-shadow: -1px -1px 14px rgba(0, 0, 0, 0.15);
}

.advert-widget {
    position: relative;
    z-index: 1;
}

.our_offer {
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -37%);
    -ms-transform: translate(-50%, -37%);
    transform: translate(-50%, -37%);
    z-index: 999;
    height: 170px;
    width: 170px;
    text-align: center;
    padding: 20px 10px;
}

.consalting-btn.single-page {
    min-width: 100px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.our_offer > h2 {
    font-size: 24px;
    color: #fff;
    line-height: 1.7;
    margin-bottom: 15px;
    font-weight: 900;
}

.widget-title.single_page > h5 {
    color: #222;
    font-size: 20px;
}

/* ===================
:: 23.0 FAQ Area CSS 
================= */

.faq-heading > h2 {
    color: #222;
    font-size: 30px;
    margin-bottom: 40px;
}

.faq-heading > h5 {
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    color: #222;
    margin-bottom: 0;
}

.faq-heading > h5 > a {
    color: #0b5ca7;
}

.dream-faq-area dl dt {
    cursor: pointer;
    font-size: 20px;
    color: #606060;
    font-weight: 600;
    margin-bottom: 0;
    padding: 10px 0;
}

.faq-number {
    color: #222;
}

/* ----- Our Case Studies Single Area Css ----- */

.case-studies_title > h2 {
    color: #0b5ca7;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.case-studies-details {
    -webkit-box-shadow: -2px 2px 11px 2px rgba(0, 0, 0, 0.10);
    box-shadow: -2px 2px 11px 2px rgba(0, 0, 0, 0.10);
    padding: 25px 30px;
}

.case-studies-details > p {
    color: #222;
    font-weight: 600;
    margin-bottom: 5px;
}

.case-studies-details > p:last-child {
    margin-bottom: 0;
}

.case-studies-description > p {
    margin-bottom: 0;
}

.information_case_title > h5 {
    color: #0b5ca7;
    font-size: 30px;
    margin-bottom: 20px;
}

.extra_information_text > p {
    font-size: 15px;
    color: #222;
    margin-bottom: 5px;
}

.extra_information_text > p:last-child {
    margin-bottom: 0;
}

.extra_information_text > p > i {
    color: #0b5ca7;
    margin-right: 3px;
}

.information_case_title > p {
    margin-bottom: 25px;
}

/* ==========================
:: 24.0 Coming Soon Area CSS 
======================= */

.comingsoon_area {
    padding-top: 300px;
    padding-bottom: 300px;
}

.cooming_soon_content {
    background-color: rgba(0, 0, 0, 0.85);
    padding: 80px 30px;
    display: block;
}

#clock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #fff;
    font-size: 60px;
}

#clock span {
    font-size: 24px;
    display: block;
}

.subscribe_bar > p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 40px;
}

.social_share_area > a > i {
    color: #fff;
    font-size: 24px;
    margin: 0 20px;
    height: 60px;
    width: 60px;
    display: inline-block;
    border-radius: 50%;
    line-height: 60px;
    -webkit-transition-duration: 1500ms;
    -o-transition-duration: 1500ms;
    transition-duration: 1500ms;
}

.social_share_area > a > i:hover {
    background-color: #0b5ca7;
}

/* ===================
:: 25.0 404 Area CSS 
================= */

.not-found-text > h2 {
    font-size: 300px;
    color: #0b5ca7;
    margin-bottom: 0;
    line-height: 1;
}

.not-found-text > h3 {
    font-size: 24px;
    color: #222;
    margin-bottom: 15px;
}

.not-found-text > p {
    max-width: 800px;
    margin: auto;
    margin-bottom: 20px;
}

.not-found-text > a {
    height: 40px;
    min-width: 150px;
    border: 2px solid #0b5ca7;
    display: inline-block;
    border-radius: 20px;
    line-height: 36px;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.not-found-text > a:hover {
    background-color: #0b5ca7;
    border-color: transparent;
    color: #fff;
}

/* ----- Career Area Css ----- */

.video_text > h5 {
    font-size: 30px;
    color: #222;
    margin-bottom: 15px;
}

.video_text > p {
    margin-bottom: 20px;
}

.video_area_text {
    position: relative;
    z-index: 1;
}

.video_play_btn_text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.video_btn > i {
    font-size: 40px;
    color: #0b5ca7;
}

.video_details {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
    margin-top: 5px;
}

.job_search_box {
    margin-bottom: 60px;
}

.custom-select.widget-title {
    border: 1px solid #ebebeb;
    font-size: 16px;
    color: #9d9d9d;
    padding: 15px;
    height: auto;
    border-radius: 0;
    -webkit-transition-duration: 1000ms;
    -o-transition-duration: 1000ms;
    transition-duration: 1000ms;
    cursor: pointer;
}

.btn.search-jobs {
    background-color: #0b5ca7;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    height: 54px;
    border-radius: 0;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.btn.search-jobs:hover {
    background-color: #222;
    color: #fff;
}

.custom-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search_box_title > h2 {
    font-size: 30px;
    color: #222;
    margin-bottom: 40px;
}

.info_apply > h2 {
    color: #0b5ca7;
    font-size: 30px;
    margin-bottom: 10px;
}

.info_apply > p {
    margin-bottom: 30px;
}

.info_apply {
    margin-bottom: 50px;
}

.info_apply:last-child {
    margin-bottom: 0;
}

.consalting-btn.apply {
    font-weight: 600;
}

/* ----- Case Studies -1 Area Css ----- */

.page-item > a {
    background-color: #0b5ca7;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.page-item.white > a {
    background-color: transparent;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #ebebeb;
    line-height: 26px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.page-item.white > a:hover {
    background-color: #0b5ca7;
    border-color: #0b5ca7;
    color: #fff;
}

.page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* ----- Client Area Css ----- */

.client_single_page {
	margin-bottom: 100px;
	width: 200px;
	border: 1px solid #ddd;
	padding: 30px;
}

/* ----- Contact Us Area Css ----- */

.contact_us_heading > h5 {
    font-size: 36px;
    color: #222;
}

.contact_us_heading > p {
    margin-bottom: 0;
    max-width: 800px;
    margin: auto;
}

/* ----- Contact Info Area Css ----- */

.contact_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}

.contact_text_single > a {
    color: #222;
    font-size: 15px;
}

.contact_icon_single > i {
    margin-right: 10px;
    color: #0b5ca7;
}

.contact_section_heading > h2 {
    margin-bottom: 30px;
    font-size: 30px;
}

.form-control-single {
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #d2d2d2;
    font-size: 15px;
    margin-bottom: 7px;
	font-family: 'Lato', sans-serif ! important;
}

/* ----- 2 Column Blog Area Css ----- */

.single-blog-area.single {
    margin-bottom: 50px;
}

/* ----- Service Details Area Css ----- */

.tag_section.service-details > h4 {
    margin-bottom: 30px;
}

.tag_section.service-details ul li {
    display: block;
}

.ads_text {
    padding: 15px;
}

.tag_section.service-details ul li a {
    color: #222;
    padding: 10px;
    border: 1px solid #f3f3f3;
    text-align: center;
    display: block;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.tag_section.service-details ul li a:hover {
    -webkit-box-shadow: 1px 5px 24px rgba(0, 0, 0, 0.10);
    box-shadow: 1px 5px 24px rgba(0, 0, 0, 0.10);
    background-color: transparent;
}

.consulting_ads {
    position: relative;
    z-index: 1;
    margin-top: 100px;
}

.consulting_thumb {
    position: relative;
    z-index: 1;
}

.case-studies-thumb.service {
    -webkit-box-shadow: 6px 3px 30px 12px rgba(0, 0, 0, 0.10);
    box-shadow: 6px 3px 30px 12px rgba(0, 0, 0, 0.10);
    border-radius: 10px;
}

.case-studies-thumb.service > img {
    border-radius: 10px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #0b5ca7;
    border-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0;
    color: #222;
    font-size: 15px;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.ads_text_details {
    background-color: rgba(46, 204, 113, 0.9);
    position: absolute;
    top: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    text-align: center;
}

.ads_text > h5 {
    color: #f9f9f9;
    font-size: 26px;
    padding: 0;
    margin-bottom: 15px;
}

.ads_text > a {
    color: #f9f9f9;
    font-weight: 600;
    font-size: 18px;
}

.information_case_thumb.service > img {
    border-radius: 10px;
    -webkit-box-shadow: -2px 9px 11px rgba(0, 0, 0, 0.10);
    box-shadow: -2px 9px 11px rgba(0, 0, 0, 0.10);
}

/* ----- Service-2 Area Css ----- */

.single_service_content_home_3.single_page {
    margin-bottom: 50px;
}

/* ----- Blog Single Area Css ----- */

.blog-content.single-page {
    padding: 0;
}

/* -------------------
:: 26.0 Cart Page CSS
------------------- *