/************************************************
[Master Stylesheet]
Project Name    : StartUp
Team & Company  : Fairdeal Lab
Desgined By     : Faridul Haq
Developed By    : AB Belal
Date            : 18th April 2017


Css Table Of Content
-----------------------
01. Resset Css
02. Typogrpahy
03. Scroll Top CSS
04. Color Typogrpahy
05. Hedding Tag Typogrpahy
05. Global Style
06. Flex alignment Css
07. Home Page Style
    7.1 Header Section Style
    7.2 Customer Brand Section Style
    7.3 About Section Style
    7.4 Testimonial Section Style
    7.5 Service Section Style
    7.6 Case Study Section Style
    7.7 Social Icon Section Style
    7.8 Footer Widget Section Style
    7.9 Footer Section
08. Service Page Style
    8.1 Service Banner Style
    8.2 All Services Style
    8.3 Service Page Version-2 Style
      8.3.1 Tesimonial Section Style
      8.3.2 Service Message Section Style
    8.4 Service Page Version-3 Style
    8.5 Service Page Version-4 Style
09. Service Details Page Style
    9.1 Breadcrumb Style
    9.2 Service Details Style
    9.3 FAQ Section Style
10. Home Page Version-2 Style
    10.1 Hero area version-2
    10.2 About Section version-2
    10.3 State Section 
    10.4 Call to Action Section
    10.5 Testimonial & Client Section
    10.6 Fotoer Widget version-2
11. Home Page Version-3 Style
12. Home page Version-4 Style
13. Home page Version-5 Style
14. Home page Version-6 Style
15. Home page Version-7 Style
16. Home page Version-8 Style
17. About Us Page Style
18. Feature Page Style
19. Contat Page-1 Style
20. Contat Page-2 Style
21. Contat Page-3 Style
22. How it work page Style
23. Cleaning Page Style
24. Realstare Page Style
25. Ecommerce Page Style
26. Pricing Page Style
27. Pricing_2 Page Style
28. Team Page Style
29. Team_2 Page Style
30. FAQ Page Style
31. FAQ Page-2 Style
32. Career Page Style

*************************************************/


/*--------------01.Start Resset Css------------------*/

body {
    margin: 0px;
    padding: 0px;
    /*font-size: 18px;*/
    margin: 0px auto;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figur,
a {
    margin: 0px;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    -webkit-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
}

P,
.p {
    font-size: 15px;
    line-height: 26px;
    color: #706565;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
}

a:hover,
a:focus,
button:focus,
a:active {
    text-decoration: none;
    outline: none;
    outline-offset: 0px;
}

.no_margin {
    margin: 0px;
}

.no_padding {
    padding: 0!important
}


/*------------End Resset Css----------------------*/


/*------------font weight Typogrpahy------------*/

.fw_300 {
    font-weight: 300;
}

.fw_400 {
    font-weight: 400;
}

.fw_500 {
    font-weight: 500;
}

.fw_600 {
    font-weight: 600;
}

.fw_700 {
    font-weight: 700;
}

.fw_900 {
    font-weight: 900;
}


/*-------------scroll top css-----------*/

.scroll_top {
    background: #2075f4;
    border-radius: 3px;
    bottom: 50px;
    cursor: pointer;
    height: 40px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
    z-index: 999;
}

.not_visible {
    visibility: hidden;
    display: none;
}

.scroll_top i {
    color: #fff;
    font-size: 24px;
    line-height: 38px;
}


/*------------color Typogrpahy----------*/

.color_70 {
    color: #706565;
}

.color_dd {
    color: #dddddd;
}

.color_50 {
    color: #50555e;
}

.color_16 {
    color: #161414;
}

.color_87 {
    color: #877777;
}

.color_ee {
    color: #eeeeee;
}

.color_99 {
    color: #999999;
}

.color_20 {
    color: #2075f4;
}

.color_22 {
    color: #222222;
}

.color_33 {
    color: #333333;
}

.color_44 {
    color: #444444;
}

.color_aa {
    color: #aaaaaa;
}

.color_66 {
    color: #666666;
}

.color_white {
    color: #ffffff;
}


/*-----------hedding tag Typogrpahy------------*/

h1,
.h1 {
    font-size: 60px;
    line-height: 70px;
}

h2,
.h2 {
    font-size: 44px;
    line-height: 55px;
}

h3,
.h3 {
    font-size: 36px;
    line-height: 48px;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 30px;
}

h5,
.h5 {
    font-size: 20px;
    line-height: 30px;
}

h6,
.h6 {
    font-size: 18px;
    line-height: 26px;
}


/*-------------Global style---------------*/

.oswald {
    font-family: 'Oswald', sans-serif;
}

.pos_relative {
    position: relative;
}

.section_tbl {
    display: table;
    width: 100%;
    height: 100%;
}

.section_tbl_cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
input:focus {
    outline: 0;
    border: 0;
    box-shadow: none;
}
a,
img,
header,
button,
input,
textarea,
.catagory_section,
.client_page_v1 ul li,
.menuzord .showhide em,
.startUp_menu .menuzord-brand,
.startUp_menu .menuzord-menu>li>a,
.team_section_2 .member_details h5,
.cleaning_service_section .single_service,
.all_service_section_v2 .single_service {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

i{
    transition: right 0.3s linear, padding 0.3s linear, scale 0.3s linear;
}

/* --------End GLOBAL style css ------**/


/*----------flex alignment Css-----------*/

.alignment_middle {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.alignment_middleLeft {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.alignment_center {
    align-items: flex-start;
    display: flex;
    justify-content: center;
}

.alignment_row {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.alignment_col {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}


/*----------end Alignment Css-----------*/


/*================================================================
                        Start Home page style
==================================================================*/


/*-----------header top---------*/

.header_top {
    background: #100f0f none repeat scroll 0 0;
}

.header_top ul li {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-right: 20px;
}

.header_top ul li:last-child {
    margin-right: 0px;
}

.header_top .block2 a {
    background: #2075f4 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 0 22px;
}

.header_v5 {
    background: url(images/header5bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 15px 0;
}

.header_v5 .startUp_menu li a {
    color: #2f2e2e!important;
    font-weight: 700;
}

.header_v5 .startUp_menu .nav-dropdown li a {
    font-weight: normal!important;
}

.header_v5 .startUp_menu .submenu-indicator-chevron {
    border-color: transparent #2f2e2e #2f2e2e transparent;
}


/*------------------- start header section style ------------------*/


/*============== Main Navigation ==============*/


/*---Default Nav Style---*/

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

header.pixinav * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    list-style: none;
    text-decoration: none;
    -webkit-transition: visibility .0s, opacity 0.3s linear;
    transition: visibility .0s, opacity 0.3s linear;
    /*
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    */
}

header.pixinav {
    position: relative;
    height: 80px;
    background: #fff;
}

.brand-logo {
    float: left;
}

.brand-logo a {
    display: block;
    height: 80px;
    line-height: 80px;
}

.nav-icon,
.nav-button-close {
    display: none;
}

.nav-wrapper {
    float: right;
    position: relative;
}

.nav-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.nav-wrapper>ul>li:before,
.nav-wrapper>ul>li.active>a:before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: #2075f4;
    left: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

ul.dropdown li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: #2075f4;
    z-index: 11;
    -webkit-transition: .4s;
    transition: .4s;
}

.nav-wrapper>ul>li:hover:before,
.nav-wrapper>ul>li.active>a:before,
ul.dropdown li:hover:after {
    width: 100%;
}

ul.dropdown li a:hover,
.nav-wrapper>ul>li.active>a,
.nav-wrapper>ul>li.active>a>i,
.nav-wrapper ul li a:hover {
    color: #2075f4;
    transition: color .3s;
}

.nav-wrapper>ul>li>a {
    line-height: 80px;
    padding: 0px 20px;
}

.nav-wrapper ul li a {
    display: block;
    font-size: 15px;
    color: #333;
    position: relative;
}

.mega_menu_item a {
    text-transform: capitalize;
}

.nav-wrapper>ul>li>a>i {
    position: relative;
    left: 5px;
    top: 1px;
}


/*---Search Button---*/

.search_button {
    float: right;
    line-height: 80px;
    padding: 0 25px;
    cursor: pointer;
}

.search_button i {
    color: #333
}

.search-form {
    background: #fff;
    position: absolute;
    top: -800px;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1001;
    width: 60%;
    height: 200px;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
    -webkit-transition: .6s;
    transition: .6s;
    transition: .6s!important;
}

.search-form.search-open {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.search-form form {
    position: absolute;
    width: 100%;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.search-form form input {
    background: transparent;
    border: 1px solid #ddd;
    font-size: 16px;
    padding: 10px 10px;
    width: 70%;
    height: 45px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    border-radius: 5px 0 0 5px;
}

.search-form form button.search-submit {
    background: #2075f4;
    color: #fff;
    height: 45px;
    line-height: 45px;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    position: relative;
    top: -1px;
    left: -5px;
    border-radius: 0 5px 5px 0;
}

.search-form .search-close {
    position: absolute;
    top: 10px;
    font-size: 20px;
    color: #000;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    cursor: pointer;
    padding: 10px;
}


/*============== Navigation Options ==============*/


/*---------------------------------------
        ==Green color Style=
---------------------------------------*/

.pixinav.green ul.dropdown li a:hover,
.pixinav.green .nav-wrapper>ul>li.active>a,
.pixinav.green .nav-wrapper>ul>li.active>a>i,
.pixinav.green .nav-wrapper ul li a:hover {
    color: #8BC43F;
}
.pixinav.green .nav-wrapper>ul>li:before,
.pixinav.green .nav-wrapper>ul>li.active>a:before,
.pixinav.green ul.dropdown li:after,
.pixinav.green .search-form form button.search-submit {
    background: #8BC43F;
}
/*---------------------------------------
        ==Green color Style=
---------------------------------------*/

.pixinav.navy-blue ul.dropdown li a:hover,
.pixinav.navy-blue .nav-wrapper>ul>li.active>a,
.pixinav.navy-blue .nav-wrapper>ul>li.active>a>i,
.pixinav.navy-blue .nav-wrapper ul li a:hover {
    color: #204DBF;
}
.pixinav.navy-blue .nav-wrapper>ul>li:before,
.pixinav.navy-blue .nav-wrapper>ul>li.active>a:before,
.pixinav.navy-blue ul.dropdown li:after,
.pixinav.navy-blue .search-form form button.search-submit {
    background: #204DBF;
}

/*---------------------------------------
        ==Car Menu Style=
---------------------------------------*/

.pixinav.car {
    background-image: url(images/car-nav-bg.png);
    background-repeat: repeat;
}
/*---------------------------------------
        ==Transparent Menu Style=
---------------------------------------*/

.pixinav.transparent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
}
.pixinav.transparent .nav-wrapper>ul>li:before, 
.pixinav.transparent .nav-wrapper>ul>li.active>a:before {
    position: initial;
}
.pixinav.transparent.dark .nav-wrapper ul li a:hover,
.pixinav.transparent.dark .nav-wrapper ul li a:hover i{
    color: #2075f4;
}

/*--- ==Transparent Menu Style= -----*/

.pixinav.transparent.dark .search_button i,
.pixinav.transparent.dark .nav-wrapper ul li a i,
.pixinav.transparent.dark .nav-wrapper>ul>li>a {
    color: #fff;
    transition: .3s;
}

@media (max-width: 992px) {
    .pixinav.responsive-nav.transparent.dark .nav-wrapper ul li a i,
    .pixinav.responsive-nav.transparent.dark .nav-wrapper>ul>li>a {
        color: #222;
    }
    .pixinav.transparent .nav-wrapper>ul>li:before, 
    .pixinav.transparent .nav-wrapper>ul>li.active>a:before {
        position: absolute;
    }
    .pixinav.responsive-nav.transparent.dark .nav-icon:after {
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff;
        z-index: 12;
    }
}


/*---------------------------------------
        ==Sticky Menu Style=
---------------------------------------*/

.sticky-header {
    position: fixed;
    padding: 0;
    z-index: 999;
    top: 0;
    background: #222;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0px 1px 6px;
    box-shadow: rgba(0, 0, 0, .15) 0px 1px 6px;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


/*============== Dropdown addon ==============*/

ul.dropdown {
    position: absolute;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    visibility: hidden;
    opacity: 0;
    min-width: 230px
}

li.dropdwon>ul.dropdown {
    visibility: visible;
    opacity: 1;
}

ul.dropdown li {
    position: relative;
    border-bottom: 1px solid #eee;
}

ul.dropdown li:last-child {
    border-bottom: none;
}

ul.dropdown li:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: #2075f4;
    z-index: 11;
    -webkit-transition: .4s;
    transition: .4s;
}

ul.dropdown li:hover:after {
    width: 100%;
}

ul.dropdown li a {
    display: block;
    padding: 13px 30px 13px 30px;
    position: relative;
}

ul.dropdown li a i {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

ul.dropdown {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}


/* --------Right Align-------- */

.dropdown .right,
.right .dropdown {
    left: 100%;
}


/*-------- Left Align-------- */

.dropdown .left,
.left .dropdown {
    right: 100%;
}


/* --------dropdown hover-------- */

ul.dropdown>li.dropdwon>ul.dropdown {
    visibility: visible;
    opacity: 1;
    top: 0;
}


/*============== Megamenu addon ==============*/

.mega_menu {
    position: fixed;
    width: 1170px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: white;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    padding: 20px 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1005;
}

.dropdwon>.mega_menu {
    visibility: visible;
    opacity: 1;
}

ul.mega_menu_item {
    display: inline-block;
    border-right: 1px solid #eee;
    float: left;
}

ul.mega_menu_item li.mega-menu-title {
    padding-bottom: 20px;
    font-weight: 600;
}

ul.mega_menu_item li {
    padding: 13px 30px;
}

ul.mega_menu_item.col_2 {
    width: 50%;
}

ul.mega_menu_item.col_3 {
    width: 33%;
}

ul.mega_menu_item.col_4 {
    width: 25%;
}

ul.mega_menu_item:last-child {
    border-right: 0;
}


/*============== Responsive ==============*/

@media (min-width: 993px) {
    .dropdown,
    .mega_menu {
        display: block!important;
        height: auto!important;
    }
    .mega_menu {
        padding: 20px 0!important;
    }
}

@media (max-width: 1200px) {
    /*---Responsive Megamenu Style---*/
    .mega_menu {
        width: 970px;
    }
}

@media (max-width: 992px) {
    header.pixinav.responsive-nav {
        height: 60px;
    }
    .responsive-nav .nav-icon {
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 15px;
        padding: 22px 0px 37px 0px;
        cursor: pointer;
    }
    .responsive-nav .nav-icon:after {
        content: "";
        position: absolute;
        width: 24px;
        height: 2px;
        background-color: #444;
        border-radius: 10px;
        -webkit-box-shadow: 0 0.5em 0 0 #444, 0 1em 0 0 #444;
        box-shadow: 0 0.5em 0 0 #444, 0 1em 0 0 #444;
        z-index: 12;
    }
    .responsive-nav .nav-button-close {
        position: absolute;
        top: 25px;
        right: 25px;
        font-size: 24px;
        display: inline-block;
        cursor: pointer;
    }
    .responsive-nav .brand-logo {
        position: absolute;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%);
        float: none;
    }
    .responsive-nav .brand-logo a {
        height: 60px;
        line-height: 60px;
    }
    .responsive-nav .brand-logo a img {
        height: 30px;
    }
    .responsive-nav .nav-wrapper {
        position: fixed;
        background: #fff;
        z-index: 999;
        height: 100vh;
        left: -550px;
        top: 0;
        width: 320px;
        padding-top: 70px;
        overflow-y: auto;
        -webkit-transition: .4s;
        transition: .4s;
        box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.1);
    }
    .responsive-nav .nav-wrapper.right-canvas {
        left: 0;
    }
    .responsive-nav .nav-wrapper>ul {
        border-top: 1px solid #eee;
    }
    .responsive-nav .nav-wrapper>ul>li {
        display: block;
        border-bottom: 1px solid #eee;
    }
    .responsive-nav .nav-wrapper>ul>li>a {
        line-height: 50px;
        padding-left: 30px;
    }
    /*---Search---*/
    .responsive-nav .search_button {
        height: 60px;
        line-height: 60px;
        padding: 0px 10px 0 20px;
    }
    /*---Responsive Dropdown Style---*/
    .responsive-nav ul.dropdown li a {
        padding-left: 45px;
        opacity: .75;
    }
    .responsive-nav .nav-wrapper>ul>li>a>i {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transition: .4s;
        transition: .4s;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
        left: initial;
    }
    .responsive-nav .icon_rotated>i.fa-angle-down {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        top: 40%;
    }
    .responsive-nav .icon_rotated>i.fa.fa-angle-right {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 40%;
    }
    .responsive-nav i {
        -webkit-transition: .4s;
        transition: .4s;
    }
    .responsive-nav .icon_rotated>i.fa.fa-angle-left {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    .responsive-nav ul.dropdown li ul.dropdown a {
        padding-left: 55px;
        opacity: .6;
    }
    .responsive-nav ul.dropdown li a ul.dropdown {
        padding-left: 55px;
    }
    .responsive-nav ul.dropdown {
        position: relative;
        visibility: visible;
        opacity: 1;
        left: 0;
    }
    .responsive-nav .nav-wrapper ul li:hover ul.dropdown {
        visibility: visible;
        opacity: 1;
    }
    .nav-wrapper>ul>li:before,
    .responsive-nav ul.dropdown li:after {
        content: none;
    }
    .responsive-nav ul.dropdown {
        -webkit-transition: none;
        transition: none;
    }
    .responsive-nav ul.dropdown {
        display: none;
        background: rgba(0, 0, 0, 0.01);
    }
    .responsive-nav .dropdown {
        background: rgba(0, 0, 0, 0.02);
    }
    /*---Responsive Megamenu Style---*/
    .responsive-nav .mega_menu {
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 100%;
        padding: 0;
        display: none;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        background: rgba(0, 0, 0, 0.01);
        box-shadow: none;
        flex-wrap: wrap;
    }
    .responsive-nav ul.mega_menu_item {
        background: rgba(0, 0, 0, 0.01);
    }
    .responsive-nav ul.mega_menu_item li {
        border-bottom: 1px solid #eee;
        padding-left: 45px;
    }
    .responsive-nav ul.mega_menu_item {
        width: 100%;
    }
    .responsive-nav ul.mega_menu_item li.mega-menu-title {
        border-bottom: 0;
    }
}

@media (max-width: 500px) {
    .responsive-nav .nav-wrapper,
    .single_canvas.offcanvas1,
    .single_canvas.offcanvas1.close {
        width: 100%;
    }
    .search-form {
        width: 100%;
        height: 150px;
    }
}


/*------------------- end header section style --------------------*/


/*------------------- start customer brand section style ------------------*/

.customer_brand_section {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 2px solid #dcdcdc;
}

.customer_brand_section .brand_txt {
    font-size: 30px;
    line-height: 45px;
}


/*------------------- end customer brand section style --------------------*/


/*---------------hero area version-5------------*/

.hero_area_v5 {
    background: url(images/home_5bammer.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}

.hero_area_v5 .content {
    align-items: left;
    display: flex;
    flex-flow: column nowrap;
    height: 530px;
    justify-content: center;
}

.hero_area_v5 .overlay {
    background: rgba(34, 34, 34, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hero_area_v5 .content h2 {
    font-size: 48px;
    line-height: 64px;
}

.hero_area_v5 .content li {
    display: inline-block;
    margin-right: 30px;
}

.hero_area_v5 .content li a.fw_500 {
    background: #2574f3 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 14px 32px;
}

.hero_area_v5 .content li a.fw_500:hover {
    background: #0453d2;
}

.hero_area_v5 .content li a {
    color: #fff;
}

.hero_area_v5 .content li a i {
    font-size: 27px;
    margin-right: 10px;
    vertical-align: middle;
}


/*---------------end hero area version-5------------*/


/*------------------- start about section style ------------------*/

.about_section .single_box {
    padding: 0 45px;
}

.about_section .single_box i:not(.fa-angle-right) {
    color: #2075f4;
    display: block;
    font-size: 50px;
    margin-bottom: 6px;
}

.about_section .title_border {
    background: #dedede none repeat scroll 0 0;
    height: 2px;
    margin: 10px auto 22px;
    width: 30px;
}

.about_section .single_box a.color_33 {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 7px;
    position: relative;
}

.about_section a i.fa-angle-right {
    font-size: 16px;
    position: absolute;
    right: -12px;
    top: 3px;
}

.about_section .single_box a:hover {
    color: #2075f4;
}

.about_section a:hover i.fa-angle-right {
    right: -15px;
}


/*------------------- end about section style --------------------*/


/*------------------- start testimonial section style ------------------*/

.testimonial_section {
    background: url(images/testimonial_bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.testimonial_section .single_testimonial>p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
}

.testimonial_section .single_testimonial h6 a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

.testimonial_section .single_testimonial span {
    color: #999999;
    font-size: 12px;
    display: block;
}


/*------------------- end testimonial section style --------------------*/


/*------------------- start service section style ------------------*/

.service_section {
    position: relative;
    overflow-y: hidden;
}

.project_collups_wrapper {
    align-items: flex-end;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0.6), rgb(255, 255, 255)) repeat scroll 0 0;
    bottom: 0;
    display: flex;
    height: 50%;
    justify-content: flex-end;
    padding-bottom: 100px;
    position: absolute;
    transition: all .40s linear;
    width: 100%;
}

.single_service p {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 8px;
}

.single_service i.service_icon {
    border: 2px solid #dfdfdf;
    display: block;
    height: 150px;
    margin: 0 auto;
    width: 150px;
}

.single_service i.service_icon {
    border: 2px solid #dfdfdf;
    border-radius: 100%;
    display: block;
    font-size: 50px;
    height: 150px;
    margin: 0 auto;
    padding: 38px;
    width: 150px;
    position: relative;
}

.single_service i.service_icon::after {
    border: 2px solid transparent;
    border-radius: 100%;
    content: "";
    height: 150px;
    left: -2px;
    position: absolute;
    top: -1px;
    transform: scale(1, 1);
    width: 150px;
    opacity: 1;
    transition: 0.8s all linear;
}

.single_service:hover i.service_icon::after {
    transform: scale(1.3);
    border-color: #dfdfdf;
    opacity: 0;
}

.read_more {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: block;
}

.single_service h4 a:hover,
.single_service .read_more:hover {
    color: #2075f4;
}

.single_service a.read_more i {
    display: block;
    left: 63%;
    position: absolute;
    top: 4px;
}

.single_service a.read_more:hover i {
    left: 64%;
}

.see_all_service.text-center>li {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
}

.see_all_service a.view_project {
    border: 2px solid #363636;
    font-size: 14px;
    line-height: 24px;
    margin-left: 40px;
    padding: 12px 30px;
    border-radius: 3px;
}

.see_all_service.text-center>li a:hover {
    color: #2075f4;
    border-color: #2075f4;
}


/*------------------- end service section style --------------------*/


/*------------------- start case study section style ------------------*/

.case_study_section {
    background: #f8f8f8 none repeat scroll 0 0;
}

.case_study_section .title_border {
    background: #dcdcdc none repeat scroll 0 0;
    height: 2px;
    width: 70px;
}

.case_study_section .view_case_details {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

.case_study_section .view_case_details:hover {
    color: #2075f4;
}

.case_study_section .view_case_details i {
    position: relative;
    right: -10px;
    top: 0px;
}

.case_study_section .view_case_details:hover i {
    right: -20px;
}

.case_study_img {
    position: absolute;
    top: -170px;
}


/*------------------- end case study section style --------------------*/


/*------------------- start social icon section style ------------------*/

.social_icon_section {
    background: #f8f8f8;
    border-top: 1px solid #ddd;
}

.social_icon_section .icon_wrapper li {
    display: inline-block;
}

.social_icon_section .icon_wrapper a {
    color: #aaaaaa;
    display: inline-block;
    font-size: 35px;
    margin: 10px 67px;
}

.social_icon_section .icon_wrapper a i:hover {
    color: #2075f4;
}

/*TT Animate CSS*/
.icon-animate i {
    text-align         : center;
    overflow           : hidden;
}

.icon-animate i::before {
    speak                       : none;
    display                     : block;
    -webkit-font-smoothing      : subpixel-antialiased !important;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -ms-backface-visibility     : hidden;
}


/*Left To Right*/
.icon-animate.ltr i:hover::before {
    -webkit-animation : LeftToRight 0.4s forwards;
    -moz-animation    : LeftToRight 0.4s forwards;
    animation         : LeftToRight 0.4s forwards;
}

.icon-animate.ltr i:before {
    -webkit-animation : RightToLeft 0.4s forwards;
    -moz-animation    : RightToLeft 0.4s forwards;
    animation         : RightToLeft 0.4s forwards;
}


/*Right To Left*/
.icon-animate.btt i:hover::before {
    -webkit-animation : BottomToTop 0.4s forwards;
    -moz-animation    : BottomToTop 0.4s forwards;
    animation         : BottomToTop 0.4s forwards;
}

.icon-animate.btt i:before {
    -webkit-animation : TopToBottom 0.4s forwards;
    -moz-animation    : TopToBottom 0.4s forwards;
    animation         : TopToBottom 0.4s forwards;
}


/*---------------------------------------------------------
KEY FRAME 
-----------------------------------------------------------*/

/* Left to Right key frame*/

@-webkit-keyframes LeftToRight {
    49% {
        -webkit-transform : translate(100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

@-moz-keyframes LeftToRight {
    49% {
        -moz-transform : translate(100%);
    }
    50% {
        opacity        : 0;
        -moz-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

@keyframes LeftToRight {
    49% {
        transform : translate(100%);
    }
    50% {
        opacity   : 0;
        transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

/* Right to Left key frame*/

@-webkit-keyframes RightToLeft {

    49% {
        -webkit-transform : translate(100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }

}

@-moz-keyframes RightToLeft {
    49% {
        -webkit-transform : translate(-100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(100%);
    }
    51% {
        opacity : 1;
    }
}

@keyframes RightToLeft {
    49% {
        -webkit-transform : translate(100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

/* Bottom to Top key frame*/

@-webkit-keyframes BottomToTop {
    49% {
        -webkit-transform : translateY(-100%);
        }
    50% {
        opacity           : 0;
        -webkit-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@-moz-keyframes BottomToTop {
    49% {
        -moz-transform : translateY(-100%);
        }
    50% {
        opacity        : 0;
        -moz-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@keyframes BottomToTop {
    49% {
        transform : translateY(-100%);
    }
    50% {
        opacity   : 0;
        transform : translateY(100%);
    }
    51% {
        opacity : 1;
    }
}


/* Top to Bottom key frame*/
@-webkit-keyframes TopToBottom {
    49% {
        -webkit-transform : translateY(-100%);
        }
    50% {
        opacity           : 0;
        -webkit-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@-moz-keyframes TopToBottom {
    49% {
        -moz-transform : translateY(-100%);
        }
    50% {
        opacity        : 0;
        -moz-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@keyframes TopToBottom {
    49% {
        transform : translateY(-100%);
    }
    50% {
        opacity   : 0;
        transform : translateY(100%);
    }
    51% {
        opacity : 1;
    }
}


/*------------------- end social icon section style --------------------*/


/*------------------- start footer widget section style ------------------*/

.footer_widget {
    background: #1c1b1b none repeat scroll 0 0;
}

.single_widget li {
    color: #aaaaaa;
    font-size: 16px;
    line-height: 38px;
}

.footer_widget .single_widget li a {
    color: #aaaaaa;
}

.footer_widget .single_widget li a:hover {
    color: #2075f4;
}

.footer_widget_v2 .social_icon a i {
    display: inline-block;
    transition: all 0.3s;
}

.footer_widget_v2 .social_icon a i:hover {
    transform: translateY(-3px);
    color: #2075f4;
}

.footer_widget .single_widget h5 {
    border-bottom: 1px solid #313030;
    color: #fff;
    margin-bottom: 22px;
    padding-bottom: 16px;
}

.single_widget.footer_contact li:hover:not(:last-child) {
    text-decoration: underline;
}


/*footer*/

.footer_section {
    background: #181717;
}

.footer_section p a:hover {
    color: rgba(255, 255, 255, 0.21);
}


/*------------------- end footer widget section style --------------------*/


/*================================================================
                        End Home page style
==================================================================*/


/*================================================================
                        Start Service page style
==================================================================*/


/*------------------- start service banner section style ------------------*/

.header_v2 {
    top: 0;
}

.header_v2 ul li a {
    color: #444;
}

.header_v2 {
    top: 0;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
}

.service_page_banner {
    background: url(images/testimonial_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner_content {
    padding: 90px 0;
}


/*------------------- end service section style --------------------*/


/*------------------- start all service section style --------------------*/

.all_service_section .single_service {
    margin-bottom: 42px;
}

.all_service_section .single_service:last-child {
    margin-bottom: 0px;
}

.all_service_section .single_service i:not(.fa) {
    color: #2075f4;
    font-size: 72px;
    line-height: normal;
    margin-top: -8px;
}

.all_service_section .service_content>p {
    font-size: 15px;
    line-height: 26px;
    padding: 20px 0 13px;
}

.all_service_section .service_content>a {
    color: #333333;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
}

.all_service_section .service_content a i {
    position: absolute;
    right: -13px;
    top: 5px;
}

.all_service_section .service_content a:hover {
    color: #2075f4;
}

.all_service_section .service_content a:hover i {
    right: -15px;
}

.all_service_section .single_service {
    display: flex;
    flex-flow: row nowrap;
}


/*----support area-----*/

.support_wrapper {
    border-radius: 5px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.29);
}

.support_wrapper>h5 {
    background: #2574f3 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 20px;
}

.support_form {
    padding: 30px 20px;
}

.support_wrapper input[type=email],
.support_wrapper input[type=text],
.support_wrapper textarea {
    border: 1px solid #dcdcdc;
    display: block;
    font-size: 14px;
    height: 40px;
    margin-bottom: 20px;
    padding: 7px 12px;
    width: 100%;
    border-radius: 3px;
    color: #706565;
}

.support_wrapper input[type=email]:focus,
.support_wrapper input[type=text]:focus,
.support_wrapper textarea:focus {
    border-color: #2574F3;
}

.support_wrapper textarea {
    height: 120px;
    resize: none;
}

.support_wrapper input[type="submit"] {
    background: #2574f3 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    height: 40px;
    width: 120px;
    border-radius: 3px;
    text-align: center;
}

.support_wrapper input[type="submit"]:hover {
    width: 100%;
}


/*------------------- end all service section style --------------------*/


/*------------------- start demo link section style --------------------*/

.demolink_section,
.c2action_section {
    background: #f8f8f8 none repeat scroll 0 0;
}

.demolink_section .alignment_row h3 {
    width: 40%;
}

.demo_link {
    background: #2574f3 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    width: 210px;
    padding: 18px 35px;
    border: 2px solid;
}

.demolink_section .demo_link i {
    margin-left: 4px;
}

.demo_link:hover {
    border-color: #2574f3;
    background: none;
    color: #2574f3;
}


/*------------------- end demo section style --------------------*/


/*--------------servicee page version-2 style--------------------*/

.all_service_section_v2 .single_service.bg_1 {
    background: #2574f3 none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_2 {
    background: #F4A938 none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_3 {
    background: #366D7A none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_4 {
    background: #6C7988 none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_5 {
    background: #0BC7A7 none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_6 {
    background: #53B1D8 none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_7 {
    background: #E36055 none repeat scroll 0 0;
}

.all_service_section_v2 .single_service.bg_8 {
    background: #784F85 none repeat scroll 0 0;
}

.all_service_section_v2 .service_wrapper {
    margin-left: -30px;
}

.all_service_section_v2 .single_service {
    display: inline-block !important;
    float: left;
    padding: 45px 30px;
    text-align: center;
    width: 30.7693%;
    margin-left: 30px;
    margin-bottom: 30px !important;
    border-radius: 5px;
}

.all_service_section_v2 .single_service:hover {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
}

.all_service_section_v2 .single_service i:not(.fa) {
    color: #fff;
    font-size: 96px;
    margin-top: 0px;
    display: block;
}

.all_service_section_v2 .single_service span {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 26px;
    padding-top: 20px;
}


/*------------testimonial section------------*/

.testimonial_section_v2 {
    box-shadow: 0 -8px 10px rgba(0, 0, 0, 0.05);
}

.testimonial_section_v2 i.fa-quote-left {
    display: block;
    font-size: 40px;
}

.testimonial_section_v2 .single_carousel p {
    font-size: 18px;
    line-height: 30px;
}

.testimonial_section_v2 .author_img {
    border-radius: 100%;
    height: 90px;
    margin: 0 auto;
    width: 90px !important;
}

.testimonial_section_v2 .single_carousel h5 {
    color: #222;
    font-size: 18px;
    line-height: 18px;
}

.testimonial_section_v2 .single_carousel span {
    color: #888;
    font-size: 12px;
    line-height: 22px;
}


/*------------service message section-------------*/

.service_msg_section {
    box-shadow: 0 6px 16px -5px rgba(0, 0, 0, 0.11) inset;
    background: #F8F8F8;
}

.service_msg_section input[type="text"],
.service_msg_section input[type="email"],
.service_msg_section textarea {
    border: 1px solid #dcdcdc;
    display: block;
    padding: 12px 20px;
    color: #888888;
}

.service_msg_section input[type="text"] {
    margin-right: 30px
}

.service_msg_section input[type="text"],
.service_msg_section input[type="email"] {
    float: left;
    margin-bottom: 30px;
    padding: 12px 20px;
    width: 48%;
}

.service_msg_section textarea {
    width: 100%;
    resize: none;
}

.service_msg_section input[type="submit"] {
    background: #2574f3 none repeat scroll 0 0;
    border: 2px solid #2574f3;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    height: 55px;
    line-height: 26px;
    margin: 30px auto 0;
    display: block;
    width: 200px;
}

.service_msg_section input[type="submit"]:hover {
    background: none;
    color: #2574f3;
}


/*--------------Service page version-3 style--------------------*/

.all_service_section_v3 .service_wrapper {
    margin-left: 0px;
}

.all_service_section_v3 .single_service {
    background: #303033 none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0 !important;
    margin-left: 0;
    width: 33.333333333%;
}

.service_page_banner .banner_content span {
    font-size: 16px;
}

.all_service_section_v3 .single_service:hover {
    box-shadow: none;
}

.all_service_section_v3 .single_service a {
    padding-top: 0px;
}

.all_service_section_v3 .service_content {
    padding: 50px 40px;
}

.all_service_section_v3 .service_content>p {
    padding-bottom: 0px;
    color: #eeeeee;
}

.service_image {
    overflow: hidden;
}

.service_image img.img {
    -webkit-transition: 0.9s all;
    -moz-transition: 0.9s all;
    -ms-transition: 0.9s all;
    -o-transition: 0.9s all;
    transition: 0.9s all;
}

.single_service:hover img.img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}


/*------call to action---------*/

.c2action_section .demo_link {
    margin: 0 auto;
}

.c2action_section h3 {
    margin: 0 auto 45px;
    text-align: center;
    width: 60%;
}


/*-----------------service page version-4 style----------------------*/

.all_service_section_v4 {
    background: #f8f8f8 none repeat scroll 0 0;
}

.all_service_section_v4 .single_service {
    width: 22.369%;
    padding: 80px 30px;
    position: relative;
}

.all_service_section_v4 .single_service:hover {
    box-shadow: none;
}

.all_service_section_v4 .single_service::before {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0 0 5px 5px;
    bottom: 0;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 0%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.all_service_section_v4 .single_service:hover:before {
    width: 100%;
}


/*--------service details section----------*/

.service_details_section .container {
    padding: 87px 0 100px;
}

.service_details_section .border {
    border-bottom: 1px solid #dddddd;
}

.service_details_wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.service_details_section .sigle_block {
    align-items: center;
    background: #f8f8f8 none repeat scroll 0 0;
    border-radius: 5px;
    display: flex;
    flex-flow: column nowrap;
    height: 215px;
    justify-content: center;
    padding: 20px;
    width: 215px;
    transition: all 0.5s linear;
}

.service_details_section .sigle_block i {
    color: #2075f4;
    transition: all 0.5s;
}

.service_details_section .sigle_block h5 {
    transition: all 0.5s;
}

.service_details_section .sigle_block:hover {
    background: #2075f4;
}

.service_details_section .sigle_block:hover i,
.service_details_section .sigle_block:hover h5 {
    color: #fff;
}

.service_details_section .sigle_block i {
    font-size: 36px;
}

.service_details_wrapper>a {
    margin-right: 35px;
}

.service_details_wrapper>a:last-child {
    margin-right: 0;
}

.service_details_section_v2 .sigle_block:hover {
    background: #f5ab35;
}

.service_details_section_v2 .sigle_block i {
    color: #f5ab35;
}

.service_details_section_v3 .sigle_block:hover {
    background: #336e7b;
}

.service_details_section_v3 .sigle_block i {
    color: #336e7b;
}

.service_details_section_v4 .sigle_block:hover {
    background: #e46054;
}

.service_details_section_v4 .sigle_block i {
    color: #e46054;
}


/*================================================================
                        End service page style
==================================================================*/


/*================================================================
                        Start Service Details page style
==================================================================*/


/*----------banner area with breadcrumb-----------*/

.breadcrumb_area {
    bottom: 10px;
    position: absolute;
}

.breadcrumb_area .breadcrumb {
    background-color: transparent;
    padding: 0;
}

.breadcrumb_area .breadcrumb li {
    font-size: 14px;
}

.breadcrumb_area .breadcrumb a {
    color: #fff;
}


/*----------service details block--------------*/

.content_block h3 {
    text-decoration: underline;
}

.content_block4 {
    background: url(images/service_details_contentBG.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.content_block4 .content_wrapper {
    background: #fff none repeat scroll 0 0;
}

.content_block4 .content_wrapper h6 {
    width: 57%;
}


/*================================================================
                        End Service Details page style
==================================================================*/


/*================================================================
                        Start Home page version-2 style
==================================================================*/


/*-----------Hero area version-2----------*/

.hero_area_v2 {
    background: url(images/home_2bg1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}

.hero_area_v2 .alignment_middleLeft {
    height: 100vh;
}

.hero_area_v2 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.3)
}

.hero_content_v2 p.color_white {
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    width: 80%;
}

.hero_area_v2 .hero_content_v2 {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    padding: 67px 50px;
}


/*-----------Start about section----------*/

.about_section_v2 .section_title h3 {
    width: 90%;
}

.about_section_v2 .single_block {
    margin-bottom: 45px;
}

.about_section_v2 .single_block:first-child {
    margin-top: 15px;
}

.about_section_v2 .single_block:last-child {
    margin-bottom: 0px;
}


/*-----------start stats section----------*/

.stats_section {
    background: #F8F8F8;
}

.stats_section .section_title h3 {
    margin: 0 auto 75px;
    width: 40%;
    position: relative;
}

.stats_section .section_title h3::before {
    background: #161414 none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 80px;
}

.stats_section .single_state_wrapper .stats {
    float: left;
    width: 44.6%;
    margin-bottom: 45px;
}

.stats_section .facts_wrapper {
    padding: 50px 30px 10px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.stats_section .single_state_wrapper .stats:nth-child(even) {
    margin-left: 70px;
}

.stats_section .single_facts {
    width: 50%;
    margin-bottom: 40px;
}


/*------------CTA Section-------------*/

.cta_section {
    background: #2574f3 none repeat scroll 0 0;
}

.cta_section .content_wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.cta_section .content_wrapper .cta_content {
    width: 50%;
}

.cta_section .get_start {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    padding: 0 35px;
}
.testimonial_section_v3 .testimonial_text a:hover {
    color: #2075f4;
}

.cta_section .get_start i {
    font-size: 17px;
    margin-left: 10px;
}

.cta_section .get_start:hover {
    color: #2574f3;
}

.content_block4_V2 {
    background: url(images/service_details_contentBG2.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}


/*------------testimonial version 3-------------*/

.testimonial_section_v3 .single_testimonial {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: start;
}

.testimonial_section_v3 .testimonial_text span {
    font-size: 15px;
}

.testimonial_section_v3 .single_testimonial img {
    border-radius: 100%;
    height: 130px;
    width: 175px;
}

.testimonial_section_v3 .testimonial_text p {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 18px;
}

.testimonial_section_v3 .testimonial_text p::before {
    color: #dfdfdf;
    content: "\f10d";
    font-family: fontawesome;
    left: -30px;
    position: absolute;
    top: 15px;
}

.testimonial_section_v3 .testimonial_text a {
    text-decoration: underline;
}


/*---------footer version 2-----------*/

.footer_widget_v2 .single_widget ul li {
    display: inline-block;
}

.footer_widget_v2 .social_icon a {
    color: #fff !important;
    font-size: 21px;
    margin: 0 16px;
    padding: 5px 10px;
}

.footer_widget_v2 .social_icon a:hover {
    color: #2075F4 !important;
}

.footer_widget_v2 .social_icon li:first-child a {
    margin-right: 0;
}

.footer_widget_v2 .contact li {
    margin: 0 27px;
}

.footer_widget_v2 .contact li i {
    margin-right: 15px;
}

.footer_menu li {
    margin-bottom: 20px;
    margin-left: 40px;
}


/*================================================================
                        End Home page version-2 style
==================================================================*/


/*================================================================
                        Start Home page version-3 style
==================================================================*/

.hero_area_v3 {
    background-image: none;
    background-color: #fff;
}

.hero_area_v3 .alignment_middleLeft {
    align-items: start;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.hero_area_v3 .iPhone img {
    margin-top: 70px;
}

.hero_area_v3 .alignment_middleLeft>p {
    color: #161414;
    font-size: 20px;
    font-weight: 300;
}

.hero_area_v3 .alignment_middleLeft li {
    display: inline-block;
    margin-right: 12px;
}

.hero_area_v3 .alignment_middleLeft li:last-child {
    margin-right: 0px;
}

.hero_area_v3 .alignment_middleLeft h1 {
    margin: 80px 0 15px;
}

.hero_area_v3 .app_icon a {
    display: inline-block;
}

.hero_area_v3 .app_icon a img {
    border-radius: 6px;
}

.hero_area_v3 .app_icon a:hover img {
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.28);
}


/*================================================================
                        End Home page version-3 style
==================================================================*/


/*================================================================
                        Start Home page version-4 style
==================================================================*/

.header_v4 {
    position: relative !important;
    padding: 17px 0;
}

.header_v4.service {
    padding: 0;
}

.header_v4.sticked {
    background: initial!important;
}

.header_v4 .access_link li {
    display: inline-block;
    border-right: 1px solid #222;
    line-height: 13px;
}

.header_v4 .startUp_menu .nav-menu>li>a {
    color: #222;
}

.header_v4.service .startUp_menu li>a:hover,
.header_v4.service .startUp_menu li.active>a {
    border-bottom: 2px solid #2574F3;
}

.header_v4.service .startUp_menu .nav-dropdown li>a:hover,
.header_v4.service .startUp_menu .nav-dropdown li.active>a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.header_v4.service .startUp_menu .nav-dropdown li:last-child>a:hover {
    border-bottom: none;
}

.header_v4.service .startUp_menu .nav-menu>li {
    padding: 0 15px;
}

.header_v4.service .startUp_menu .nav-menu>li>a {
    padding: 26px 0;
}

.header_v4 .startUp_menu .submenu-indicator-chevron {
    border-color: transparent #222 #222 transparent;
}

.header_v4 .access_link.pull-right li:last-child {
    border-right: none;
}

.header_v4 .access_link a {
    color: #222222;
    font-size: 16px;
    padding: 0 13px;
}

.header_v4 .access_link a:hover {
    color: #2574F3;
}


/*-------------hero area-----------*/

.hero_area_v4 {
    background: rgba(0, 0, 0, 0) url("images/home_4.jpg") no-repeat scroll center center / cover;
    height: 93vh;
}

.hero_area_v4 .banner_content {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    height: 93vh;
    justify-content: center;
}

.hero_area_v4 .banner_content.text-center a {
    background: #2574f3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding: 16px 45px;
}

.hero_area_v4 .banner_content.text-center a:hover {
    background: #004dcc;
}

.hero_area_v4 .overlay {
    background: rgba(34, 34, 34, 0.8) none repeat scroll 0 0;
}


/*---------catagory section-------------*/

#category_fixed.sticked {
    background: #FFFFFF;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    padding: 30px 0;
    z-index: 999;
}

.catagory_section {
    background: #fff;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 100%;
}

.catagory_section .catagory_wrapper a {
    color: #706565;
    font-size: 18px;
    font-weight: 300;
}

.catagory_section .catagory_wrapper a:hover {
    color: #2075f4;
}

.catagory_section .catagory_wrapper a i {
    margin-right: 13px;
}

.catagory_section .catagory_wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
}


/*-----------------top course section------------*/

.topCourse_section {
    background: #f8f8f8;
    margin-top: 127px;
    transition: margin 0.3s linear;
}

.courseTab_section.topCourse_section {
    margin-top: 0;
}

.stickMargin {
    margin-top: 86px;
}

.topCourse_section .single_course {
    border-radius: 5px;
    overflow: hidden;
}

.topCourse_section .course_img img {
    border-radius: 5px 5px 0 0;
}

.topCourse_section .course_content {
    background: #fff none repeat scroll 0 0;
    padding: 34px 22px;
}

.topCourse_section .course_content h5 {
    line-height: 26px;
}

.topCourse_section .course_content h5 a:hover {
    color: #2574f3;
}

.topCourse_section .duration {
    color: #888888;
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 0;
}

.topCourse_section .rating i {
    color: #dfa800;
    display: inline-block;
    font-size: 14px;
}

.topCourse_section .start_lesson {
    background: #2574f3 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 30px;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
}

.topCourse_section .start_lesson:hover {
    background: #004dcc none repeat scroll 0 0;
    color: #fff;
}

.topCourse_section .start_lesson i {
    font-size: 14px;
    margin-left: 15px;
}


/*-----nav------*/

.topCourse_section .owl-carousel .owl-nav.disabled {
    display: none;
    width: 100%;
}

.topCourse_section .owl-nav i {
    font-size: 25px;
    font-weight: 700;
    color: #878787;
    padding: 13px 20px;
    background: #fff;
}

.topCourse_section .owl-prev,
.topCourse_section .owl-nav {
    margin-top: -15px;
    position: absolute;
    top: 50%;
}

.topCourse_section .owl-prev {
    left: -80px;
}

.topCourse_section .owl-next {
    position: absolute;
    right: -80px;
}


/*--------------different section--------------*/

.diffrent_section {
    background: url(images/differentBG.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.diffrent_section .overlay {
    background: rgba(34, 34, 34, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.diffrent_section .section_title {
    position: relative;
    z-index: 1;
}

.diffrent_section .online_training h6 {
    font-size: 20px;
}

.diffrent_section .online_training p {
    color: #eeeeee;
}

.online_training ul {
    list-style: disc;
    padding-left: 20px;
}

.diffrent_section .online_training li {
    color: #aaaaaa;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    list-style: inside none disc;
}


/*------------tab course section----------*/

.courseTab_section .tabNav {
    background: #fff none repeat scroll 0 0;
    padding: 0 30px;
    width: 60%;
}

.courseTab_section .tabNav li {
    display: inline-block;
    margin: 0 10px;
}

.courseTab_section .tabNav li a {
    color: #888888;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
    padding: 20px;
    position: relative;
    text-transform: capitalize;
}

.courseTab_section .tabNav li.active a:before,
.courseTab_section .tabNav li a:hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #2075f4
}

.courseTab_section .tabNav li.active a,
.courseTab_section .tabNav li a:hover {
    color: #161414;
}


/*---------------course facts section-----------------*/

.course_fact_section {
    background: #ededed none repeat scroll 0 0;
}

.course_fact_section .single_course_fact {
    align-items: start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.course_fact_section .single_course_fact i {
    font-size: 36px;
    margin-top: 6px;
}

.course_fact_section .facts_content {
    padding-left: 20px;
}

.course_fact_section .facts_content span {
    display: block;
}


/*--------------footer widget------------*/

.footer_widget_v3 .footer_menu li {
    margin-bottom: 0;
    margin-left: 28px;
}


/*================================================================
                        End Home page version-4 style
==================================================================*/


/*================================================================
                        start Home page version-5 style
==================================================================*/


/*-----------car feature section-----------*/

.car_feature_section {
    background: url(images/feature_bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center right;
}

.car_feature_section ul li {
    color: #444444;
    font-weight: 300;
    line-height: 34px;
    padding-left: 32px;
}

.car_feature_section ul li::before {
    color: #004443;
    content: "\f00c";
    font-family: fontawesome;
    left: 0;
    position: absolute;
}


/*-------------car serviceing section-----------*/

.car_servicing_section {
    background: #f7f9fb none repeat scroll 0 0;
}

.car_servicing_section .single_service h6 a {
    font-size: 20px;
    line-height: 30px;
}

.car_servicing_section .single_service h6 a:hover {
    color: #2574F3;
}

.car_servicing_section .single_service {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-flow: column nowrap;
    height: 270px;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%;
}

.single_service.diesel_repair.text-center {
    margin-top: 120px;
}


/*------------product buy section-------------*/

.product_buy_section {
    background: url(images/buy_bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom right;
}

.product_buy_section p.fw_300 {
    font-size: 24px;
}

.product_buy_section .buy_product {
    background: #2574f3 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 29px;
    padding: 13px 40px 10px;
    text-transform: uppercase;
}

.product_buy_section .buy_product:hover {
    background: #0453d2;
}


/*-------------video section--------------*/

.video_section {
    background: url(images/video_bg.jpg) no-repeat;
    background-size: cover;
    background-position: left center;
    height: 500px;
    padding: 90px 0 100px;
    position: relative;
}

.video_overlay {
    background: rgba(37, 116, 244, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video_section a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    font-size: 22px;
    height: 72px;
    margin: 30px auto 0;
    padding: 22px 30px;
    text-align: center;
    width: 72px;
    color: #2075f4;
}


/*------------testimonial section------------*/

.testimonial_section_v5 {
    padding: 90px 0 30px;
}

.testimonial_wrapper_v5.text-center {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    margin-top: -220px;
    padding: 80px 150px;
}

.testimonial_wrapper_v5 .rating i {
    color: #dfa800;
    font-size: 15px;
}

.testimonial_wrapper_v5 .rating {
    margin: 15px 0;
}

.testimonial_wrapper_v5 .testmonial_txt {
    font-size: 18px;
    font-style: italic;
}

.testimonial_wrapper_v5 .readmore {
    display: inline-block;
    font-size: 15px;
    margin-top: 35px;
}

.testimonial_wrapper_v5 .readmore:hover {
    text-decoration: underline;
    color: #2075f4;
}

.testimonial_wrapper_v5 .readmore i {
    margin-left: 15px;
}


/*--------------contact section---------------*/

.contact_section .contact_title p.fw_300 {
    font-size: 20px;
    margin-top: 20px;
}

.contact_section .contact_address li {
    align-items: center;
    color: #161414;
    display: flex;
    line-height: 28px;
    margin-bottom: 20px;
}

.contact_section .contact_address li i {
    border: 1px solid #a8a8a8;
    border-radius: 100%;
    color: #a8a8a8;
    height: 40px;
    line-height: 37px;
    margin-right: 17px;
    text-align: center;
    width: 40px;
}

.contact_section .contact_form input,
.contact_section .contact_form select,
.contact_section .contact_form textarea {
    box-shadow: none;
    border: 1px solid #DCDCDC;
    font-size: 15px;
    font-weight: 300;
    height: 40px;
    padding: 7px 17px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.contact_section .contact_form .nice-select {
    padding-top: 7px;
    border-radius: 3px;
    padding-bottom: 8px;
}

.contact_section .contact_form input {
    float: left;
    margin-right: 15px;
    width: 48.6%;
}

.contact_section .contact_form input:nth-child(2n) {
    margin-right: 0;
}

.contact_section .contact_form textarea {
    height: 150px!important;
    width: 100%;
    resize: none;
}

.contact_section .contact_form input:focus,
.contact_section .contact_form .nice-select:focus,
.contact_section .contact_form textarea:focus {
    border-color: #2075F4;
    box-shadow: none;
    outline: none;
}

.contact_section .contact_form button {
    background: #2075F4;
    border: none;
    color: #fff;
    padding: 10px 47px;
    text-transform: capitalize;
    border-radius: 3px;
    margin-top: 10px;
}

.contact_section .contact_form button:hover {
    background: #0453d2;
}


/*-----------footer widget section------------*/

.footer_widget .social_link.text-center li,
.payment_method li,
.widget_menu.text-center li {
    display: inline-block;
}

.footer_widget .social_link a {
    color: #161414;
    background: #ddd;
    width: 40px;
    display: inline-block;
    height: 40px;
    font-size: 20px;
    text-align: center;
    padding: 6px;
    border-radius: 100%;
    margin: 0 5px;
}

.footer_widget .social_link a:hover {
    color: #fff;
    background: #2075F4;
}

.widget_menu.text-center a {
    color: #dddddd;
    margin: 0 20px;
}

.widget_menu.text-center a:hover {
    color: #2075F4;
}

.payment_method li a {
    margin: 0 5px;
}


/* 
Google Map Css 
-------------------------------*/

#google_map {
    height: 450px;
}


/*================================================================
                        End Home page version-5 style
==================================================================*/


/*================================================================
                        Start Home page version-6 style
==================================================================*/


/*-----hero area v-5----------*/

.hero_area_v6 {
    background: url(images/drone_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
}

.hero_area_v6 .drone_content {
    height: 100vh;
}

.drone_overlay {
    background: -moz-linear-gradient(130deg, rgba(48, 212, 185, 0.8) 0%, rgba(69, 122, 255, .8) 80%);
    background: -webkit-linear-gradient(130deg, rgba(48, 212, 185, 0.8) 0%, rgba(69, 122, 255, .8) 80%);
    background: linear-gradient(130deg, rgba(48, 212, 185, 0.8) 0%, rgba(69, 122, 255, .8) 80%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playfair {
    font-family: 'Playfair Display', serif;
}

.drone_content a,
.drone_video_section a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    font-size: 20px;
    height: 50px;
    padding: 12px 10px 12px 15px;
    width: 50px;
    margin-bottom: 40px;
}

.drone_move {
    position: relative;
    bottom: 30px;
    left: 0;
    cursor: pointer;
    -webkit-animation: mouseMove 3s infinite linear;
    animation: mouseMove 3s infinite linear;
}

@-webkit-keyframes mouseMove {
    0% {
        bottom: 30px;
    }
    50% {
        bottom: 00px;
    }
}

@keyframes mouseMove {
    0% {
        bottom: 30px;
    }
    50% {
        bottom: 0px;
    }
}


/*---------------drone feature section-------------*/

.drone_service_section {
    background: url(images/drone_service_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    background-attachment: fixed;
    padding: 135px 0;
    z-index: 2;
}

.drone_service_overlay,
.drone_video_overlay,
.newsletter_overlay,
.drone_feature_overlay {
    background: rgba(0, 0, 39, 0.3) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.drone_service_section p.brand_txt {
    font-size: 18px;
    line-height: 28px;
}

.drone_service_wrapper {
    margin-top: 120px;
}

.drone_service_section h3.color_white {
    font-size: 35px;
}

.drone_service_section .single_service {
    background: rgba(38, 38, 38, 0.3) none repeat scroll 0 0;
    padding: 70px 40px;
    margin-bottom: 30px;
}

.drone_service_wrapper .single_service i {
    display: block;
    font-size: 60px;
    margin: 0px!important;
    text-align: left !important;
    margin-left: -0.2em;
}

.drone_service_wrapper .single_service p {
    color: #eeeeee;
    font-weight: 300;
}

.drone_service_wrapper .single_service img {
    margin: 17px 0 28px;
}


/*------------drone feature section------------*/

.drone_feature_section {
    background: url(images/drone_feature_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
}

.drone_feature_section .feature_content {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
    justify-content: center;
    padding-right: 30px;
}

.drone_feature_section .feature_content li {
    font-size: 15px;
    margin-bottom: 25px;
    font-weight: 300;
}

.drone_feature_section .feature_content li:last-child {
    margin-bottom: 0px;
}

.drone_feature_section .feature_content li i {
    font-size: 11px;
    margin-right: 13px;
}


/*------------drone video overlay----------*/

.drone_video_section {
    background: url(images/drone_video_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
}

.drone_video_section .video_content {
    height: 100vh;
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.drone_video_section .video_content a {
    padding: 12px 10px 12px 19px;
    margin-top: 47px;
    margin-bottom: 0;
    color: #2075f4;
}


/*-------------newsletter section-----------*/

.newsletter_section {
    background: url(images/newsletter_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}

.newsletter_section .newsletter_content {
    align-items: left;
    display: flex;
    flex-flow: column nowrap;
    height: 100vh;
    justify-content: center;
}

.newsletter_section .newsletter_content a {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #161414;
    display: inline-block;
    font-weight: 500;
    margin: 50px 0 22px;
    padding: 12px 40px;
}

.newsletter_section .newsletter_content a:hover {
    background: #2075F4;
    color: #fff;
}

.fixed_footer {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.cmn_z {
    margin-bottom: 286px;
    z-index: 2;
}


/*================================================================
                        End Home page version-6 style
==================================================================*/


/*================================================================
                        Start Home page version-7 style
==================================================================*/

.fairplay {
    font-family: Playfair Display;
}

.header_v7 .startUp_menu .nav-menu li a {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.header_v7,
.hero_area_v7 {
    background: #f8f8f8 none repeat scroll 0 0;
}

.hero_area_v7 {
    height: 93vh;
}

.hero_area_v7 .banner_content h2 {
    font-family: Playfair Display;
}

.hero_area_v7 .banner_content {
    height: 75vh;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}

.hero_area_v7 .banner_content a {
    background: #0c4be9 none repeat scroll 0 0;
    border: 2px solid #0c4be9;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 50px;
    padding: 15px 34px;
}

.hero_area_v7 .banner_content a:hover {
    background: transparent;
    color: #000;
}


/*---------------service section version-7----------------*/

.service_section_v7 .service_wrapper {
    background: #0c4be9 none repeat scroll 0 0;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);
    margin-bottom: 150px;
    margin-top: -185px;
    padding: 65px;
    position: relative;
}

.service_section_v7 .single_service {
    padding-right: 60px;
}

.service_section_v7 .single_service h4 {
    font-size: 28px;
    line-height: 33px;
    font-family: roboto;
}

.service_section_v7 .single_service a i {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    transition: all 0.3s;
}

.service_section_v7 .single_service a:hover i {
    margin-left: 10px;
}

.service_section_v7 .single_service .divider {
    background: #fff none repeat scroll 0 0;
    height: 3px;
    margin: 25px 0 40px;
    width: 100px;
}


/*-------------experience section------------*/

.experience_section .title {
    margin: 0 auto;
    width: 57%;
}

.experience_section .tab_area ul.nav {
    align-items: start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.experience_section .tab_area ul.nav li {
    border: 1px solid #dddddd;
    flex: 1 1 0;
    height: 60px;
    line-height: 38px;
    margin-right: 12px;
    text-align: center;
}

.experience_section .tab_area ul li:last-child {
    margin-right: 0px;
}

.experience_section .tab_area .nav>li>a:focus,
.experience_section .tab_area .nav>li>a:hover,
.experience_section .tab_area ul li.active {
    background: #044aea none repeat scroll 0 0;
}

.experience_section .tab_area ul li:hover a,
.experience_section .tab_area ul li.active a {
    color: #fff;
}

.experience_section .tab-pane>img {
    display: inline-block;
}

.experience_section .tab-pane .tab_text {
    display: inline-block;
    padding: 0 55px;
    vertical-align: top;
    width: calc(100% - 246px);
}

.experience_section .tab-pane .tab_text ul li {
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 12px;
    margin-right: 5%;
    position: relative;
    padding-left: 25px;
    text-transform: uppercase;
    width: 47%;
}

.experience_section .tab-pane .tab_text ul li::before {
    background: #222 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 6px;
}

.experience_section .tab-pane .tab_text ul li:nth-child(2n) {
    margin-right: 0;
}


/*------------------client section--------------*/

.client_section_v7 {
    background: #f5f5f5 none repeat scroll 0 0;
}

.client_section_v7 h3.title {
    margin: 0 auto 120px;
    width: 70%;
}

.client_section_v7 ul.clients {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}


/*----------------our work section-------------*/

.work_section .title {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.work_section .title>a {
    color: #222;
    font-size: 16px;
}

.work_section .work_wrapper .single_work span {
    font-size: 14px;
}

.work_section .title>a:hover {
    color: #2075F4;
}

.work_section .work_wrapper .divider {
    background: #000 none repeat scroll 0 0;
    height: 2px;
    margin: 14px 0 32px;
    width: 100px;
}

.work_section .work_wrapper .work_img {
    overflow: hidden;
}

.work_section .work_wrapper .work_img:hover img {
    transform: scale(0.9, 0.9);
}

.work_section .work_wrapper .single_work h4 a {
    font-family: roboto;
    display: block;
}

.work_section .work_wrapper .single_work h4 a:hover {
    color: #2075F4;
}

.work_section .work_wrapper .single_work {
    margin-left: 230px;
    width: 33.23%;
    margin-bottom: 114px;
}

.work_section .work_wrapper {
    margin-left: -230px;
}

.work_section .work_wrapper .single_work:nth-child(2) {
    margin-top: 39px;
}


/*-----------------portfolio_2.html style-----------*/

.portfolio_v2 .work_wrapper .single_work:nth-child(2) {
    margin-top: 0;
}

.portfolio_v2 .work_wrapper {
    margin-left: -30px;
}

.portfolio_v2 .work_wrapper .single_work {
    margin-bottom: 74px;
    margin-left: 30px;
    width: 46.83%;
}

.portfolio_v2 .video_area {
    box-shadow: 0 15px 20px rgba(11, 11, 11, 0.2);
}

.portfolio_v2 .video_overtlay {
    align-items: center;
    background: rgba(11, 11, 11, 0.6) none repeat scroll 0 0;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.video_overtlay a i.fa-play {
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    height: 55px;
    padding: 16px 16px 16px 19px;
    width: 55px;
}


/*---------portfolio_3.html----------*/

.portfolio_v3 .work_wrapper {
    margin-left: 0px;
}

.portfolio_v3 .work_wrapper .single_work {
    margin-bottom: 94px;
    margin-left: 0px;
    width: 100%;
}

.portfolio_v3 .work_wrapper .single_work h4 a {
    width: 40%;
}


/*----------------cta v7 section------------*/

.cta_v7_section {
    background: #1b1b1b none repeat scroll 0 0;
    padding: 90px 0 100px;
    text-align: center;
}

.cta_v7_section .hire {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 67px;
    text-transform: uppercase;
}

.cta_v7_section .hire:hover {
    color: #2075F4;
}


/*--------------footer v7-------------*/

.footer_v7 .main_ul {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.footer_v7 .main_ul li {
    display: inline-block;
    margin-right: 30px;
}

.footer_v7 .main_ul li:last-child {
    margin-right: 0;
}

.footer_v7 .main_ul a {
    color: #222222;
    font-size: 16px;
}
.footer_v7 .main_ul a i{
    padding: 4px;
}

.footer_v7 .main_ul a i:hover {
    color: #2075F4;
}

.footer_v7 .main_ul .mail a i {
    margin-right: 15px;
}


/*================================================================
                        End Home page version-7 style
==================================================================*/


/*================================================================
                        Start Home page version-8 style
==================================================================*/

.hero_area_v8 {
    background: url(images/portfolio_banner.jpg) no-repeat;
    background-position: center center;
    padding: 30px 0 40px;
    background-size: 105%;
}

.hero_area_v8 .banner_content_v8 {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    height: 92.6vh;
    justify-content: space-between;
}

.banner_content_v8 .title h2 {
    font-size: 40px;
}

.banner_content_v8 .title h1 {
    font-size: 160px;
    font-weight: 600;
    line-height: 98px;
}

.banner_content_v8 .title h1 span {
    font-size: 90px;
}

.banner_content_v8 .navigation {
    background-color: transparent;
    height: auto;
}

.banner_content_v8 .navigation ul li {
    display: inline-block;
}

.about_section_v8 .navigation ul li a,
.banner_content_v8 .navigation ul li a {
    color: #fff;
    font-family: roboto;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    padding: 0 20px;
    text-transform: capitalize;
    position: relative;
}

.banner_content_v8 .navigation ul li a:hover {
    color: #044aea;
}

.about_section_v8 .navigation ul li a:after,
.banner_content_v8 .navigation ul li a:after {
    content: "";
    position: absolute;
    right: -2px;
    height: 14px;
    width: 2px;
    background: #fff;
    top: 5px;
    transform: rotate(16deg);
}

.about_section_v8 .navigation ul li:last-child a:after,
.banner_content_v8 .navigation ul li:last-child a:after {
    display: none;
}


/*-------------about section v8-----------*/

.about_section_v8 {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 112px 0;
}

.about_section_v8 .about_title h3::before {
    border: 10px solid #fff;
    content: "";
    height: 250px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    z-index: -1;
}

.about_section_v8 .about_title h3 {
    z-index: 1;
}

.about_section_v8 .about_title {
    align-items: center;
    display: flex;
    height: 66vh;
    flex-flow: column nowrap;
    justify-content: center;
}

.about_section_v8 .about_content h4 {
    font-size: 28px;
    line-height: 32px;
}

.about_section_v8 .about_content ul li {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 3px;
}

.about_section_v8 .navigation {
    background-color: transparent;
    bottom: 0;
    height: auto;
    position: absolute;
}
.about_section_v8 ul.nav-menu a:hover {
    color: #2075f4;
}
.about_section_v8 .navigation ul li a {
    color: #222;
}
.about_section_v8 ul.nav-menu li {
    display: inline-block;
}
.about_section_v8 .navigation ul li a:after {
    background: #222;
}


/*--------------case study version-4-------------*/

.case_study_section_v8 {
    padding: 110px 0 88px;
}

.case_study_section_v8 .left_content .ul_list {
    align-items: start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.case_study_section_v8 .left_content .ul_list li span {
    font-size: 15px;
}

.case_study_section_v8 .left_content .ul_list li {
    font-size: 15px;
    font-weight: 300;
}

.case_study_section_v8 .left_content .readmore {
    font-size: 13px;
    color: #044aea;
}

.case_study_wrapper_8 .owl-dot {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px;
}

.case_study_wrapper_8 .owl-dot.active {
    background: #044aea;
}


/*---------footer section------------*/

.footer_v8 {
    padding-bottom: 120px;
}

.footer_v8 .footer_content h3 {
    color: #044aea;
}

.footer_v8 .footer_content p {
    font-size: 18px;
    padding: 30px 0 40px;
}

.footer_v8 .footer_content p a {
    color: #044aea;
}

.footer_v8 .footer_content p a:hover {
    text-decoration: underline;
}

.footer_v8 .social_connect li {
    display: inline-block;
}

.footer_v8 .social_connect li a {
    display: inline-block;
}

.footer_v8 .social_connect li a i {
    color: #222;
    padding: 6px 15px;
    font-size: 22px;
    transition: all 0.3s;
}

.footer_v8 .social_connect li a i:hover {
    color: #044aea;
    transform: translateY(-6px);
}


/*================================================================
                        End Home page version-8 style
==================================================================*/


/*================================================================
                        Start about us page version-1 style
==================================================================*/

.about_block1_section h3 {
    width: 65%;
}

.about_block1_section .block_wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-left: -30px;
}

.about_block1_section .single_block {
    margin-left: 30px;
}

.about_block2_section {
    background: #f8f8f8 none repeat scroll 0 0;
}

.about_block2_section h3 {
    width: 55%;
}

.about_block2_section .block_wrapper {
    margin-left: -80px;
}

.about_block2_section .single_block {
    float: left;
    margin-bottom: 45px;
    margin-left: 80px;
    width: 42.1%;
}

.client_section_v2 .client_logo_wrapper li {
    float: left;
    padding: 10px;
    vertical-align: middle;
    width: 25%;
    margin-bottom: 70px;
    display: inline-block;
}

.client_section_v2 .client_logo_wrapper li a {
    display: inline-block;
}

.client_section_v2 .client_logo_wrapper li a:hover {
    transform: scale(1.2);
}


/*----------about page version-2 style---------*/

.capability_section {
    background: #2075f4 none repeat scroll 0 0;
    padding: 50px 0;
}


/*================================================================
                        End about us page version-1 style
==================================================================*/


/*================================================================
                        Start Feature page style
==================================================================*/

.banner_content p.color_dd {
    margin: 0 auto;
    width: 38%;
}

.feature_tab_menu {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 2px solid #ddd;
    padding: 50px 0 42px;
}

.feature_tab_content {
    padding: 90px 0 55px;
}

.feature_tab_menu li,
.feature_tab_menu li a {
    display: inline-block;
    position: relative;
}

.feature_tab_menu li {
    display: inline-block;
    padding: 0 30px;
    width: 24.7%;
}

.feature_tab_menu li:first-child {
    padding-left: 0px;
}

.feature_tab_menu li:last-child {
    padding-right: 0px;
}

.feature_tab_menu li.active a:before {
    background: #fff none repeat scroll 0 0;
    border-left: 2px solid #ddd;
    border-top: 2px solid #ddd;
    bottom: -53px;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    transform: rotate(45deg);
    width: 20px;
}

.feature_tab_menu li a i {
    background: #2075f4 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 48px;
    height: 120px;
    margin-bottom: 20px;
    padding: 26px;
    width: 120px;
    transition: all 0.3s;
}

.feature_tab_menu li.active a i,
.feature_tab_menu li a:hover i {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
}

.feature_tab_menu li a.telephone i {
    padding: 26px 28px 26px 17px;
}

.feature_tab_menu li a h5 {
    color: #0b0909;
}

.feature_content_wrapper.twoCol {
    margin-left: -145px;
}

.feature_content_wrapper.threeCol {
    margin-left: -30px;
}

.feature_content_wrapper .single_feature_content h4 {
    color: #161414;
    padding-bottom: 25px;
}

.twoCol .single_feature_content {
    float: left;
    margin-bottom: 35px;
    margin-left: 145px;
    width: 38.7%;
}

.oneCol .single_feature_content {
    float: none;
    margin-bottom: 35px;
    margin-left: 0;
    width: 100%;
}

.threeCol .single_feature_content {
    float: left;
    margin-bottom: 35px;
    margin-left: 30px;
    width: 30.7%;
}


/*================================================================
                        End Feature page style
==================================================================*/


/*================================================================
                        Start client page v1 style
==================================================================*/

.client_page_v1 ul {
    align-items: center;
    margin-left: -25px;
}

.client_page_v1 ul li {
    border: 1px solid #dddddd;
    border-radius: 3px;
    float: left;
    height: 148px;
    margin-bottom: 25px;
    margin-left: 25px;
    width: 17.8%;
}

.client_page_v1 ul li a {
    display: inline-block;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
}

.client_page_v1 ul li:hover {
    border-color: #2075f4;
}

.client_page_v2 ul li {
    border: none;
    background: #f5f5f5;
    height: 180px;
    width: 31.1%;
}

.client_page_v2 ul li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}


/*-----------testimonial page----------*/

.clientTestimonial_section {
    background: url(images/clientTestimonialbg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.clientTestimonial_section .overlay {
    background: rgba(34, 34, 34, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clientTestimonial_section .testimonial_content {
    width: 58%;
    margin: 0 auto;
}

.clientTestimonial_section .testimonial_content h6 a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.clientTestimonial_section .testimonial_content span {
    font-size: 14px;
}

.clientTestimonial_section .testimonial_content p {
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 35px;
}

.clientTestimonial_section .testimonial_content a {
    color: #2075f4;
    font-size: 15px;
    font-weight: 500;
}

.clientTestimonial_section .testimonial_content a i {
    margin-left: 8px;
    vertical-align: middle;
}

.clientTestimonial_section .testimonial_content a:hover {
    color: #fff;
}


/*-------contact-------*/

.clientPcontact {
    padding: 87px 0 97px;
}

.clientPcontact .footer_content h3 {
    color: #2075f4;
}

.clientPcontact .footer_content p {
    font-size: 18px;
    padding: 30px 0 0;
}


/*================================================================
                        End client page v1 style
==================================================================*/


/*================================================================
                        Start Contact page v1 style
==================================================================*/

.contactPage_section {
    padding: 87px 0 100px;
}

.contact_breadcrumb .breadcrumb_area {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.contactPage_section .sub_title {
    color: #888;
    font-size: 20px;
    margin-top: 5px;
}

.contactPage_section form input,
.contactPage_section form textarea {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
    padding: 10px 20px;
    resize: none;
    width: 100%;
}

.contactPage_section form input:focus,
.contactPage_section form textarea:focus {
    border-color: #2075f4;
}

.contactPage_section form .name,
.contactPage_section form .email {
    float: left;
    width: 70%;
}

.contactPage_section form .partecipanti
 {
    float: left;
    width: 30%;
}

.contactPage_section form .name {
    margin-right: 25px;
}

.contactPage_section input[type="submit"] {
    background: #2075f4 none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin: 50px auto 0;
    width: 180px;
    padding: 12px 20px;
    border: none;
}

.contactPage_section input[type="submit"]:hover {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}


/*--------office info-------*/

.office_info_section .single_info h4 {
    font-size: 30px;
    line-height: 36px;
}

.office_info_section .info_wrapper {
    align-items: center;
    border-top: 1px solid #dddddd;
    display: flex;
    justify-content: space-between;
    padding: 92px 0;
}

.office_info_section .single_info address {
    font-size: 20px;
    line-height: 35px;
    margin: 0;
}


/*--------cta section------*/

.contactCTA_section .cta_content {
    border-top: 1px solid #ddd;
    padding: 90px 0 100px;
}

.contactCTA_section .cta_content p.text-center {
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
}

.contactCTA_section .cta_content a.resume_send {
    background: #161414 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin: 48px auto 0;
    padding: 12px 20px;
    width: 200px;
}

.contactCTA_section .cta_content a.resume_send:hover {
    background: #2075f4;
}


/*================================================================
                        End Contact page v1 style
==================================================================*/


/*================================================================
                        Start Contact page v2 style
==================================================================*/

.contact2_breadcrumb .breadcrumb_area {
    bottom: 0;
    left: 17px;
    position: absolute;
    transform: initial;
}

.contactPage2_section form .name,
.contactPage2_section form .email {
    float: left;
    width: 47.7%;
}

.contactPage2_section input[type="submit"] {
    margin: 50px 0 0;
}

.contactPage2_section .office_info2_wrapper h4 {
    color: #161414;
    font-size: 30px;
    line-height: 26px;
}

.contactPage2_section .office_info2_wrapper>p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    padding: 20px 0 30px;
}

.contactPage2_section .office_info2_wrapper address p {
    font-size: 16px;
    line-height: 35px;
}

.contactPage2_section .office_info2_wrapper address p span {
    margin-right: 5px;
}


/*================================================================
                        End Contact page v2 style
==================================================================*/


/*================================================================
                        Start Contact page v3 style
==================================================================*/

.office_info3_wrapper>ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.office_info3_wrapper>ul.nav_tabs {
    border-bottom: none;
}

.office_info3_wrapper>ul>li {
    margin: 0 2px;
}

.office_info3_wrapper>ul>li:last-child {
    margin-right: 0px;
}

.office_info3_wrapper>ul>li:first-child {
    margin-left: 0px;
}

.contactPage3_section ul.nav_tabs li a {
    display: block;
    overflow: hidden;
}

.contactPage3_section ul li a .office_name {
    background: rgba(34, 34, 34, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    top: 0;
    padding: 30px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.contactPage3_section ul li.active a .office_name {
    background: none;
}

.contactPage3_section ul.nav_tabs li a:hover img {
    transform: scale(1.1);
}

.contactPage3_section .tab-pane .office_name ul {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.contactPage3_section .tab-pane .office_name ul>li:first-child {
    width: 65%;
}

.contactPage3_section .tab-pane .flex_content {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding-top: 80px;
}

.contactPage3_section .tab-pane .office_name,
.contactPage3_section .tab-pane .map_area {
    flex: 1 1 0;
}

.contactPage3_section .tab-pane .map_area {
    margin-left: 100px;
}

.contactPage3_section .tab-pane .map_area #map-city,
.contactPage3_section .tab-pane .map_area #map-box,
.contactPage3_section .tab-pane .map_area #map-forest,
.contactPage3_section .tab-pane .map_area #map-forest1 {
    height: 280px;
}


/*================================================================
                        Ende Contact page v3 style
==================================================================*/


/*================================================================
                        Start how it work page style
==================================================================*/

.working_step_section .single_step {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 48px 0 60px;
    position: relative;
    margin-bottom: 20px;
}

.work_step_bread .banner_content p.color_dd {
    margin: 0;
    width: 60%;
}

.working_step_section .step_content a.btnn {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #706565;
    display: block;
    font-size: 15px;
    padding: 12px;
    text-align: center;
    width: 170px;
}

.working_step_section .step_content a.btnn:hover {
    border-color: #2075f4;
    color: #2075f4;
}

.working_step_section .step_content a.btnn2 {
    background: #2075f4;
    color: #fff;
    border-color: #2075f4;
}

.working_step_section .step_content a.btnn2:hover {
    background: none;
}

.working_step_section .step_content p {
    padding: 30px 0 35px;
}

.working_step_section .single_step .step_img,
.working_step_section .single_step .step_content {
    width: 50%;
    position: relative;
}

.single_step.right_img {
    flex-flow: row-reverse nowrap;
}

.working_step_section .right_img .step_img {
    -webkit-align-items: flex-end;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
}

.working_step_section .single_step .step_img img {
    width: 270px;
}

.working_step_section .single_step .step_content li {
    color: #706565;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    list-style: initial;
    margin-bottom: 3px;
    margin-left: 15px;
}

.working_step_section .goals .step_content p {
    padding: 30px 0 25px;
}


/*-------line style--------*/

.working_step_section .single_step.left_img:before,
.working_step_section .single_step.right_img:after {
    background: #2075f4;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 2px;
}

.working_step_section .single_step.left_img:before {
    left: 39.4%;
}

.working_step_section .single_step.right_img:after {
    right: 39.4%;
}

.middle_line {
    background: #2075f4;
    bottom: -11px;
    height: 2px;
    left: 40.5%;
    position: absolute;
    width: 180px;
}

.single_step .middle_line:before {
    border-bottom: 2px solid #2075f4;
    border-bottom-left-radius: 10px;
    border-left: 2px solid #2075f4;
    bottom: 0;
    content: "";
    height: 30px;
    left: -10px;
    position: absolute;
    width: 30px;
}

.single_step .middle_line:after {
    border-right: 2px solid #2075f4;
    border-top: 2px solid #2075f4;
    border-top-right-radius: 10px;
    bottom: -28px;
    content: "";
    height: 30px;
    position: absolute;
    right: -10px;
    width: 30px;
}

.single_step.right_img .middle_line::before {
    bottom: -28px;
    transform: rotate(90deg);
}

.single_step.right_img .middle_line::after {
    bottom: 0;
    transform: rotate(90deg);
}

.left_img .step_counter,
.right_img .step_counter {
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border: 2px solid #2075f4;
    border-radius: 100%;
    color: #222222;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 56px;
    justify-content: center;
    margin-top: -28px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 56px;
    z-index: 1;
}

.left_img .step_counter {
    left: 36.6%;
}

.right_img .step_counter {
    right: 36.6%;
}


/*================================================================
                        Ende how it work page style
==================================================================*/


/*================================================================
                        Start Cleaning page style
==================================================================*/


/*-------header top------*/

.header_top2 {
    background: #8bc43f none repeat scroll 0 0;
}

.header_top2 .top_p {
    color: #fff;
    font-size: 16px;
    padding: 7px 0;
}

.header_top2 ul>li {
    display: inline-block;
}

.header_top2 ul>li.estimate_btn a {
    background: #161414 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 22px;
}
.header_top2 ul>li.estimate_btn a:hover {
    color: #8BC43F;
}
.header_top2 ul li a {
    border-left: 1px solid #9bd154;
    color: #fff;
}

.header_top2 ul li a i {
    padding: 0 16px;
}

.header_top2 ul li a:hover {
    color: #161414;
}


/*---------menu---------*/

#header9 {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    padding: 12px 0;
}

#header9 .startUp_menu .nav-menu>li>a {
    color: #000;
}

#header9 .startUp_menu .submenu-indicator-chevron {
    border-color: transparent #000 #000 transparent;
}

#header9 .startUp_menu .nav-menu>li {
    margin: 0 6px;
}

#header9 .startUp_menu .nav-menu>li:last-child {
    margin-right: 0px;
}


/*------------slider section----------*/

.cleaning_hero_area .slider_content {
    margin: initial;
    width: 52%;
}

.cleaning_hero_area .Modern-Slider .item .img-fill {
    height: 730px;
}

.cleaning_hero_area .Modern-Slider .item h3 {
    color: #161616;
    font-size: 48px;
    font-weight: 300;
    line-height: 55px;
    padding: 0;
    text-align: left;
    -webkit-animation: slideOutLeft 1s both;
    animation: slideOutLeft 1s both;
}

.cleaning_hero_area .Modern-Slider .item h5 {
    color: #706565;
    font-family: roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding: 25px 0 40px;
    -webkit-animation: slideOutRight 1s both;
    animation: slideOutRight 1s both;
}

.cleaning_hero_area .Modern-Slider .slider_button a.blue_btn {
    background: #8bc43f none repeat scroll 0 0;
    border-color: #8bc43f;
    color: #fff;
    -webkit-animation: slideOutLeft 1s both;
    animation: slideOutLeft 1s both;
}

.cleaning_hero_area .Modern-Slider .slider_button a.blue_btn:hover {
    color: #8bc43f;
}

.cleaning_hero_area .Modern-Slider .PrevArrow,
.cleaning_hero_area .Modern-Slider .NextArrow {
    border: 2px solid #8bc43f;
    color: #8bc43f;
}

.cleaning_hero_area .Modern-Slider .NextArrow:hover,
.cleaning_hero_area .Modern-Slider .PrevArrow:hover {
    background: #8bc43f none repeat scroll 0 0;
    color: #fff;
}


/*--------caption In transition--------*/

.cleaning_hero_area .Modern-Slider .item.slick-active h3 {
    -webkit-animation: zoomIn 0.6s both;
    animation: zoomIn 0.6s both;
}

.cleaning_hero_area .Modern-Slider .item.slick-active h5 {
    -webkit-animation: zoomIn 0.8s both;
    animation: zoomIn 0.8s both;
}

.cleaning_hero_area .Modern-Slider .item.slick-active .slider_button a.blue_btn {
    -webkit-animation: zoomIn 1s both;
    animation: zoomIn 1s both;
}


/*----------slider bottom section-------*/

.slider_bottom_section {
    background: #8bc43f none repeat scroll 0 0;
}

.slider_bottom_section .brand_txt {
    font-size: 24px;
    line-height: 30px;
}


/*------------service section-----------*/

.cleaning_service_section .section_title::before,
.cleaning_about_section .section_title::before {
    background: rgba(0, 0, 0, 0) url("images/title_shap.png") no-repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 8px;
    left: 50%;
    margin-left: -59px;
    position: absolute;
    width: 118px;
}

.cleaning_about_section .feature_content .single_feature_content {
    padding-left: 110px;
    margin-bottom: 27px;
}

.cleaning_about_section .feature_content .single_feature_content:last-child {
    margin-bottom: 0px;
}

.cleaning_about_section .feature_content .single_feature_content i {
    background: #8bc43f none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 30px;
    height: 80px;
    left: 0;
    line-height: 80px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 80px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}


/*--------cleaning service section---------*/

.cleaning_service_section p.title_details {
    margin: 30px auto 0;
    width: 68%;
}

.cleaning_service_section .service_wrapper {
    border: 1px solid #dddddd;
    border-top: none;
    border-right: none;
}

.cleaning_service_section .service_wrapper .single_service {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    width: 33.3%;
}

.cleaning_service_section .service_wrapper .single_service a {
    padding: 30px;
    display: block;
}

.cleaning_service_section .service_wrapper .single_service:hover {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
}

.cleaning_service_section .single_service a i {
    color: #8bc43f;
    font-size: 48px;
}

.cleaning_service_section .single_service a i.fa-long-arrow-right {
    border: 3px solid;
    border-radius: 100%;
    color: #444444;
    font-size: 16px !important;
    height: 30px;    
    width: 30px;
    line-height: 25px;
}

.cleaning_service_section .single_service a h4 {
    padding: 15px 0;
}


/*-----------clear authority section----------*/

.clr_author_section {
    background: #8bc43f;
    position: relative;
}

.clr_img_area {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

.clr_author_section .clr_author_content .price_calc {
    background: #1b1b1b none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    border: 2px solid #1b1b1b;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    padding: 12px 12px;
    text-align: center;
    width: 180px;
}

.clr_author_section .clr_author_content .price_calc:hover {
    background: transparent;
    border: 2px solid #fff;
}


/*---------testimonial section------------*/

.cleaning_testimonial_section {
    background: #fbfbfb none repeat scroll 0 0;
    padding: 100px 0;
}

.cln_testimonial_wrapper {
    background: #8bc43f none repeat scroll 0 0;
}
.cln-testimonial-img{
    background-image: url(images/clrn_testimonial.jpg);
    background-size: cover;
    width: 40%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
.cln_testimonial_wrapper img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
}
.cln_testimonial_wrapper .content {
    padding-left: 43%;
    padding-right: 30px;
    padding-top: 45px;
    padding-bottom: 44px;
}

.single_testimonial{
    position: relative;
}
.single_testimonial p {
    font-size: 18px;
    line-height: 30px;
}

.single_testimonial i {
    font-size: 35px;
    margin-bottom: 10px;
    opacity: 0.5;
}

/*-----------contact section-----------*/

.cln_contact_section {
    background: url(images/cln_contact_bg.jpg) no-repeat;
    background-position: bottom left;
    padding: 90px 0 100px;
}

.cln_contact_section .contact_from textarea,
.cln_contact_section .contact_from input {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #ddd;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 9px 20px;
}

.cln_contact_section .contact_from textarea:focus,
.cln_contact_section .contact_from input:focus {
    box-shadow: none;
    outline: none;
}

.cln_contact_section .contact_from input {
    float: left;
    margin-left: 20px;
    width: 48.2%;
}

.cln_contact_section .contact_from textarea {
    width: 100%;
    resize: none;
}

.cln_contact_section .contact_from input:first-child {
    margin-left: 0;
}

.cln_contact_section .contact_from button {
    background: #8bc43f none repeat scroll 0 0;
    border: 2px solid #8bc43f;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: center;
    width: 180px;
    margin-top: 10px;
}

.cln_contact_section .contact_from button:hover {
    background: transparent;
    border: 2px solid #8bc43f;
    color: #8bc43f;
}

.cleaning_top {
    background: #72ab26;
}


/*================================================================
                        End cleaning page style
==================================================================*/


/*================================================================
                        Start realstate page style
==================================================================*/

.realStare_header_top {
    background: #204dbf none repeat scroll 0 0;
}

.realStare_header_top ul>li {
    float: left;
}

.realStare_header_top ul li:last-child a {
    border-right: 1px solid #375fc6;
}

.realStare_header_top ul.quck_contact li a {
    padding: 10px 25px;
}

.realStare_header_top ul.quck_contact li.pNumber {
    background: rgba(255, 255, 255, 0.1);
}

.realStare_header_top ul li a {
    border-left: 1px solid #375fc6;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0;
}

.realStare_header_top ul.quck_contact li a:hover {
    text-decoration: underline;
    color: #fff;
}

.realStare_header_top ul:not(.quck_contact) li a:hover {
    color: #204dbf;
    background: #fff;
}


/*----------------hero area-------------*/

.realState_hero_area {
    background: url(images/realState_bnner.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.realState_hero_area .hero_content_wrapper {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    height: 700px;
    justify-content: space-between;
}

.realState_hero_area .hero_content_wrapper .hero_form {
    width: 370px;
}

.realState_hero_area .hero_content_wrapper .hero_carousel {
    width: 670px;
}

.realState_hero_area .hero_carousel .single_hero_carousel {
    display: flex;
}

.realState_hero_area .overlay {
    background: rgba(34, 34, 34, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.realState_hero_area .single_hero_carousel .content {
    background: rgba(53, 77, 255, 0.6);
    padding: 20px 23px 71px;
    position: relative;
    width: 55.2%;
}

.realState_hero_area .single_hero_carousel .content h4 span {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #020202;
    float: right;
    font-size: 16px;
    padding: 0 13px;
}

.realState_hero_area .single_hero_carousel .content small {
    color: #bbbbbb;
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin-top: 7px;
    margin-bottom: 16px;
}

.realState_hero_area .single_hero_carousel .content li {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    margin-right: 30px;
}

.realState_hero_area .single_hero_carousel .content li:last-child {
    margin-right: 0px;
}

.realState_hero_area .single_hero_carousel .content li i {
    margin-right: 8px;
}

.realState_hero_area .single_hero_carousel .content .price {
    font-size: 30px;
    margin-top: 20px;
}

.realState_hero_area .single_hero_carousel .content .details {
    background: #02cd32 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: 700;
    left: 0;
    padding: 10px 12px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.realState_hero_area .single_hero_carousel .carousel_img {
    width: 44.8%;
    height: 100%;
}

.realState_hero_area #hero_carousel .owl-nav i {
    color: #fff;
    font-size: 37px;
    opacity: 0.29;
}

.realState_hero_area #hero_carousel .owl-prev,
.realState_hero_area #hero_carousel .owl-next {
    margin-top: -22px;
    position: absolute;
    top: 50%;
}

.realState_hero_area #hero_carousel .owl-prev {
    left: -30px;
}

.realState_hero_area #hero_carousel .owl-next {
    right: -30px;
}

.realState_hero_area .owl-carousel {
    z-index: 0;
}


/*---------form design---------*/

.realState_hero_area .hero_form>form {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 40px 25px;
    margin-top: 22px;
}

.realState_hero_area .hero_form ul li {
    display: block;
    height: 40px;
    margin-bottom: 20px;
}

.realState_hero_area .hero_form ul li:last-child {
    margin-bottom: 0;
}

.realState_hero_area .hero_form li>span {
    color: #161414;
    font-size: 14px;
    margin-top: 10px;
}

.realState_hero_area .hero_form input {
    padding: 5px 16px;
}

.realState_hero_area .hero_form ul li input,
.realState_hero_area .hero_form ul li span {
    display: inline-block;
    vertical-align: middle;
}

.realState_hero_area .hero_form ul input,
.realState_hero_area .hero_form ul .nice-select {
    border: 1px solid #ddd;
    border-radius: 3px;
    float: right;
    height: 100%;
    width: 75%;
}

.realState_hero_area .nice-select .current {
    line-height: 38px;
}

.realState_hero_area .nice-select li {
    margin-bottom: 0!important;
}

.realState_hero_area .hero_form button {
    background: #204dbf none repeat scroll 0 0;
    border: 2px solid #204dbf;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 18px;
    margin-top: 8px;
    padding: 11px 12px;
    text-align: center;
    text-transform: capitalize;
    width: 230px;
}

.realState_hero_area .hero_form button:hover {
    background: transparent;
    color: #204dbf;
    border-color: #204dbf;
}


/*---------------recent listing section-------------*/

.recent_listing_wrapper .single_listing {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #ddd;
}

.recent_listing_wrapper .listing_title {
    padding: 12px 20px 20px;
    border-bottom: 1px solid #dddddd;
}

.recent_listing_wrapper .listing_title h5 {
    color: #000;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.recent_listing_wrapper .listing_title h5:hover {
    color: #204dbf;
}

.recent_listing_wrapper .listing_info {
    padding: 30px 0 0 13px;
}

.recent_listing_wrapper .listing_info ul:not(.price) li {
    color: #000000;
    display: inline;
    font-size: 14px;
    margin-right: 11px;
}

.recent_listing_wrapper .listing_info ul li:last-child {
    margin-right: 0px;
}

.recent_listing_wrapper .listing_info li i {
    color: #706565;
    margin-right: 7px;
}

.recent_listing_wrapper .price>li {
    display: inline;
}

.recent_listing_wrapper .price.clearfix>li {
    color: #204dbf;
    font-size: 20px;
}

.recent_listing_wrapper .price>li:last-child {
    background: #204dbf none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 18px;
    padding: 6px 40px;
    text-transform: capitalize;
}

.recent_listing_wrapper .owl-dots {
    margin-top: 50px;
    text-align: center;
}

.recent_listing_wrapper .owl-dot {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
}

.recent_listing_wrapper .owl-dot>span {
    background: #ddd none repeat scroll 0 0;
    border-radius: 100%;
    display: block;
    height: 11px;
    width: 11px;
}

.recent_listing_wrapper .owl-dot.active span {
    background: #204dbf;
}


/*------------raal stata page about section---------------*/

.rState_about_section {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 90px 0 92px;
}


/*-------------real state page feature section-----------*/

.rState_feature_section {
    padding: 90px 0;
}

.single_feature.pos_relative {
    padding: 0 35px 0 97px;
}

.single_feature.pos_relative>img {
    left: 0;
    position: absolute;
    top: 8px;
}


/*------------real state page cta section-------------*/

.rStare_cta_section {
    background: #204dbf none repeat scroll 0 0;
    padding: 73px 0;
}

.rStare_cta_section .cta_content {
    align-items: center;
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.rStare_cta_section .cta_content a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #161414;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 55px;
    padding: 15px;
    text-align: center;
    width: 200px;
}

.rStare_cta_section .cta_content a:hover {
    background: transparent;
    color: #fff;
}


/*-------------agent section----------*/

.agent_section {
    border-top: 1px solid #dddddd;
    padding: 90px 0 100px;
}

.agent_section_title>p {
    margin: 12px auto 0;
    width: 46%;
}

.agent_section .single_agent {
    border: 1px solid #ddd;
}

.agent_section .agent_title {
    padding: 33px 20px 42px;
    border-bottom: 1px solid #ddd;
}

.agent_section .single_agent .agent_title h4:hover {
    color: #204dbf;
}

.agent_section .social_contact ul {
    display: -webkit-flex;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
    -o-flex-flow: row;
    flex-flow: row;
}

.agent_section .social_contact li {
    border-right: 1px solid #ddd;
}

.agent_section .social_contact li:last-child {
    border-right: medium none;
}

.agent_section .social_contact i {
    color: #706565;
    display: inline-block;
    font-size: 18px;
    padding: 12px 27.3px;
    transition: initial;
    overflow: initial;
}

.agent_section .social_contact a i {
    transition: initial;
}

.agent_section .social_contact a i:hover {
    background: #204dbf;
    color: #fff;
}

/*------contact-----*/

.rState_contact .contact_form button {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 47px;
}

.rState_top {
    background: #204dbf;
}


/*--------footer widget----------*/

.rStateFooter_widget .links>ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.rStateFooter_widget .single_widget.links li {
    width: 170px;
}

.rStateFooter_widget .address {
    line-height: 25px !important;
}


/*================================================================
                        End realstate page style
==================================================================*/


/*================================================================
                        Start ecommerce page style
==================================================================*/


/* -------------------total shopping-cart modal---------------------- */

.cart-position {
    position: relative;
}

.shopping-cart-area {
    height: 60px;
    position: absolute;
    right: 13px;
}

.total-shopping {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.41);
    padding: 20px;
    position: absolute;
    right: -26px;
    width: 330px;
    z-index: 1;
    top: 110px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.shopping_bag:hover .total-shopping {
    top: 45px;
    opacity: 1;
    visibility: visible;
}

.total-shopping .media {
    border-bottom: 1px solid #ECECEC;
    padding: 20px 0;
}

.single-shopping:first-child li.media {
    padding-top: 0;
}

.single-shopping .media-object {
    background: #F7F7F7 none repeat scroll 0 0;
    border: 1px solid #F7F7F7;
    height: 70px;
    width: 70px;
}

.single-shopping .media-body {
    position: relative;
}

.single-shopping .media-body>a {
    color: #222222;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 12px;
}

.single-shopping .media-body>a:hover {
    color: #204dbf
}

.single-shopping span.shopping {
    color: #204dbf;
    font-size: 16px;
}

.single-shopping a.delete {
    font-size: 19px;
    margin-top: -16px;
    position: absolute;
    right: 0;
    top: 50%;
    color: #222222;
}

.single-shopping a.delete:hover {
    color: #204dbf;
}

.shopping-checkout {
    padding: 20px 0px;
}

.shopping-checkout>p {
    font-size: 15px;
    color: #656565;
    font-weight: bold;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.shopping-checkout span {
    color: #204dbf;
    float: right;
}

.shopping-checkout a {
    border-radius: 20px;
    display: inline-block;
    font-size: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.shopping-checkout .cart {
    background: #204dbf none repeat scroll 0 0;
    border: 1px solid #204dbf;
    color: #fff;
    margin-right: 20px;
}

.shopping-checkout .cart:hover {
    background: none;
    color: #444;
    border: 1px solid #204dbf;
}

.shopping-checkout .checkout {
    border: 1px solid #ccc;
    color: #244;
}

.shopping-checkout .checkout:hover {
    border: 1px solid #222;
}


/* -------------------end total shopping-cart modal---------------------- */


/*---header style--*/

#header10 .startUp_menu .nav-menu>li>a {
    color: #161414;
}

#header10 .startUp_menu .submenu-indicator-chevron {
    border-color: transparent #161616 #161616 transparent;
}

#header10 .startUp_menu .nav-brand>img {
    margin-top: -5px;
}

.shopping_bag.pos_relative>span {
    background: #161414 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    position: absolute;
    right: -8px;
    top: -17px;
}

#header10 #navigation>ul.shop_ul {
    position: absolute;
    right: 17px;
    top: 22px;
}

#header10 .shopping_bag.pos_relative>a {
    font-size: 17px;
}


/*----------hero area----------*/

.ecommerce_hero_area {
    background: url(images/ecommerce_banner.jpg) no-repeat;
    background-position: center left;
    background-size: cover;
}

.ecommerce_hero_area .hero_content {
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    height: 700px;
    justify-content: center;
}

.ecommerce_hero_area .hero_content>a {
    background: #161414 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 39px;
    padding: 14px 15px;
    text-align: center;
    width: 160px;
}

.ecommerce_hero_area .hero_content>a:hover {
    background: #204DBF;
}


/*-----------featured section-------------*/

.single_featured .featured_title h4 {
    font-size: 30px;
    width: 60%;
    line-height: 35px;
}

.single_featured .featured_title h4:hover {
    color: #204DBF;
}

.single_featured .featured_title span {
    font-size: 15px;
    font-weight: 500;
}

.single_featured .featured_title>a {
    color: #161414;
    font-size: 15px;
    font-weight: 500;
    transition: .3s;
}

.single_featured .featured_title>a:hover {
    color: #204DBF;
}

.single_featured .featured_title a i {
    margin-left: 3px;
    vertical-align: middle;
    transition: .3s;
}

.single_featured .featured_title a:hover i {
    margin-left: 6px;
}

.single_featured {
    float: left;
    margin-left: 40px;
    width: 31.93%;
}

.single_featured:first-child {
    margin-left: 0;
}

.featured_title {
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 90px;
    padding-left: 63%;
    position: absolute;
    top: 0;
    width: 100%;
}

.single_featured>img {
    width: 100%;
}


/*----------product gallery section-----------*/


/*------filtering area-------*/

.product_filtering_area {
    border-bottom: 1px solid #ddd;
    padding: 24px 0;
}

.product_filtering_area>ul {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.product_filtering_area li {
    color: #908b8b;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 15px 15px 15px;
    cursor: pointer;
    position: relative;
}
li.filter.active:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #204dbf;
    left: 0;
    bottom: 0;
    transform: translateY(25px);
}

.product_filtering_area li:hover {
    color: #204DBF;
}

/* ---mixit up filter---  */

#ecogallery .mix {
    display: none;
}

/*------gallery area-------*/

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

.single_product.pos_relative {
    float: left;
    margin-bottom: 30px;
    margin-left: 30px;
    width: 22.4%;
}

.gallery_wrapper .img_area .base {
    background: #161414 none repeat scroll 0 0;
    color: #fff;
    padding: 6px 17px;
    position: absolute;
    right: 20px;
    text-transform: capitalize;
    top: 20px;
    display: block;
    z-index: 1;
}

.gallery_wrapper .img_area .hover {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.gallery_wrapper .single_product:hover .hover {
    opacity: 1;
    visibility: visible;
}

.gallery_wrapper .hover>a {
    background: #161414 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.gallery_wrapper .hover i {
    color: #161414;
    font-size: 22px;
    left: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
}

.product_title {
    padding-top: 13px;
}

.gallery_wrapper .product_title>a {
    color: #161414;
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.gallery_wrapper .product_title>a:hover {
    color: #204DBF;
}

.gallery_wrapper .product_title>ul {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.gallery_wrapper .product_title strike {
    color: #908b8b;
}

.gallery_wrapper .product_title span {
    color: #161414;
    font-weight: 300;
    margin-left: 20px;
}

.gallery_wrapper .rating i {
    color: #908b8b;
}


/*================================================================
                        End ecommarce page style
==================================================================*/


/*================================================================
                        Start pricing page style
==================================================================*/

.pricing_section h3.section_hedding {
    margin: 0 auto;
    width: 40%;
}

.single_pricing_tbl {
    border: 1px solid #dddddd;
}

.single_pricing_tbl .header {
    border-bottom: 1px solid #dddddd;
    padding: 42px 0;
}

.single_pricing_tbl .header h1 {
    line-height: 45px;
    padding: 16px 0 5px;
}

.single_pricing_tbl .header h1 span {
    font-size: 18px;
    left: 0;
    position: relative;
    top: -30px;
}

.single_pricing_tbl .header .title {
    font-size: 16px;
}

.single_pricing_tbl .body {
    padding: 33px 0 50px;
}

.single_pricing_tbl .body li {
    color: #222222;
    font-size: 16px;
    font-weight: 300;
    line-height: 45px;
}

.single_pricing_tbl .purchase_btn {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #222222;
    display: block;
    font-size: 16px;
    margin: 0 auto;
    padding: 13px 10px;
    text-transform: capitalize;
    width: 178px;
    margin: 30px auto 0;
}

.single_pricing_tbl .purchase_btn:hover {
    background: #2075f4;
    color: #fff;
    border-color: #2075f4;
}


/*================================================================
                        End pricing page style
==================================================================*/


/*================================================================
                        Start pricing_2 page style
==================================================================*/


/*.pricing_tbl2_wrapper {
    border: 1px solid #dddddd;
}*/

.pricing_tbl2_wrapper .single_pricing_tbl {
    float: left;
    width: 25%;
}

.pricing_tbl2_wrapper .single_pricing_tbl {
    border-right: none;
}

.pricing_tbl2_wrapper .single_pricing_tbl:last-child {
    border-right: 1px solid #ddd;
}

.pricing_tbl2_wrapper .single_pricing_tbl .header {
    background: #f8f8f8 none repeat scroll 0 0;
}

.pricing_tbl2_wrapper .single_pricing_tbl .body {
    padding: 0;
}

.pricing_tbl2_wrapper .single_pricing_tbl .body li {
    border-bottom: 1px solid #ddd;
    line-height: 58px;
}

.pricing_tbl2_wrapper .single_pricing_tbl .body li:nth-child(2n+2) {
    background: #f8f8f8;
}

.pricing_tbl2_wrapper .single_pricing_tbl .purchase_btn {
    border: medium none;
    border-radius: 0;
    margin: 0;
    padding: 18px 10px;
    width: auto;
    background: #2075f4;
    color: #fff;
}

.pricing_tbl2_wrapper .single_pricing_tbl .purchase_btn:hover {
    color: #2075f4;
    background: none;
}


/*-------------start client section version-8-----------*/

.client_section_v8 {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 90px 0 95px;
}

.client_section_v8 h3.section_hedding {
    margin: 0 auto;
    width: 70%;
}

.client_section_v8 .client_logo {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-top: 103px;
    justify-content: space-between;
}

.client_section_v8 .client_logo li a {
    display: inline-block;
}


/*-------------end client section version-8-----------*/


/*================================================================
                        End pricing_2 page style
==================================================================*/


/*================================================================
                        Start team page style
==================================================================*/

.team_section .section_text.text-center {
    margin: 0 auto;
    width: 32%;
}

.single_team_member {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.member_details {
    border-top: 1px solid #ddd;
    padding: 35px 25px;
}

.team_section .single_team_member span.title {
    font-size: 13px;
    color: #888;
}

.team_section .single_team_member .social_contact {
    margin: 17px 0 22px;
}

.team_section .single_team_member .social_contact>li {
    display: inline-block;
    margin-right: 15px;
}

.team_section .single_team_member .social_contact>li a {
    font-size: 15px;
    color: #888;
}

.team_section .single_team_member .social_contact>li a:hover {
    color: #2075F4;
}


/*-------------cv drop section------------*/

.cv_drop_section {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 90px 0 93px;
}

.cv_drop_section .section_text.text-center {
    margin: 0 auto;
    width: 60%;
}

.cv_drop_section a.drop_cv {
    background: #2075f4 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 0 auto;
    padding: 14px 20px;
    width: 200px;
    border: 1px solid #2075f4;
}

.cv_drop_section a.drop_cv:hover {
    background: none;
    color: #2075f4;
}

.cv_drop_section .dropbymail.text-center {
    color: #666666;
    font-size: 14px;
    margin-top: 11px;
}

.cv_drop_section .dropbymail.text-center a {
    color: #666666;
}

.cv_drop_section .dropbymail.text-center a:hover {
    text-decoration: underline;
}


/*================================================================
                        End team page style
==================================================================*/


/*================================================================
                        Start team_2 page style
==================================================================*/

.team_section_2 .single_team_member {
    border: medium none;
    margin-bottom: 85px;
}

.team_section_2 .single_team_member img.img {
    border: 1px solid #ddd;
    border-radius: 100%;
    height: 200px;
    margin: 0 auto;
    width: 200px;
}

.team_section_2 .single_team_member:hover img.img {
    transform: scale(1.05);
}

.team_section_2 .member_details {
    border-top: medium none;
    padding: 20px 0 0;
    text-align: center;
}

.team_section_2 .member_details h5:hover {
    color: #2075F4;
}


/*================================================================
                        End team_2 page style
==================================================================*/


/*================================================================
                        Start FAQ page style
==================================================================*/

.faq_section .faq_tab_menu .nav {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 23px;
}

.faq_section .faq_tab_menu .nav>li>a {
    border-bottom: 1px solid #ddd;
    color: #888888;
    display: block;
    font-size: 16px;
    padding: 18px 15px;
    position: relative;
}

.faq_section .faq_tab_menu .nav>li:last-child>a {
    border-bottom: none;
}

.faq_section .faq_tab_menu .nav>li.active>a,
.faq_section .faq_tab_menu .nav>li>a:focus,
.faq_section .faq_tab_menu .nav>li>a:hover {
    background-color: #2075F4;
    color: #fff;
    text-decoration: none;
}

.faq_section .faq_tab_content {
    border: 1px solid #ddd;
    margin-left: 20px;
    margin-top: 53px;
}

.faq_section .faq_tab_content .tab-pane h4 {
    border-bottom: 1px solid #ddd;
    padding: 15px 30px;
}

.faq_section .faq_tab_content .tab_text {
    padding: 21px 30px 30px;
}

.faq_section .faq_tab_content .tab_text>p {
    font-weight: 300;
}


/*================================================================
                        End FAQ page style
==================================================================*/


/*================================================================
                        Start FAQ-2 page style
==================================================================*/

.search_section {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    padding: 50px 0;
    position: relative;
}

.search_section form.single_search {
    text-align: center;
}

.search_section .single_search li {
    display: inline-block;
}

.search_section .single_search input[type="text"] {
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 300;
    height: 45px;
    padding: 7px 15px;
    width: 470px;
}

.search_section .single_search input[type="text"]:focus {
    outline: 0;
}

.search_section .single_search button {
    background: #2075f4 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 18px;
    height: 45px;
    margin-left: -4px;
    width: 100px;
}

.search_section .single_search button:hover {
    color: #222;
}


/*----------accordion style---------*/

.faq2_section .accordion_wrapper .panel {
    background-color: #fff;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 23px;
}

.faq2_section .accordion_wrapper .panel_heading a {
    border: 1px solid #ddd;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 18px 60px;
    position: relative;
    transition: 0.5s;
}

.faq2_section .accordion_wrapper .panel_heading a:before {
    color: #222;
    content: "\f105";
    font-family: fontawesome;
    font-size: 18px;
    left: 30px;
    position: absolute;
    top: 16px;
    transition: 0.5s;
}

.faq2_section .accordion_wrapper .panel_heading a[aria-expanded^="true"]:before {
    content: "\f107";
    transition: 0.5s;
}

.faq2_section .accordion_wrapper .panel_body {
    border: 1px solid #ddd;
    border-top: 0px;
    color: #706565;
    font-size: 15px;
    line-height: 26px;
    padding: 40px 60px;
}


/*================================================================
                        End FAQ-2 page style
==================================================================*/


/*================================================================
                        Start Career page style
==================================================================*/

.image_content_section .content {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.image_content_section .content img {
    border-radius: 100%;
    margin-right: 100px;
}

.image_content_section .content_text p a {
    color: #2075F4;
}

.image_content_section .content_text p a:hover {
    color: #2075F4;
    text-decoration: underline;
}

.quote_section {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 65px 0;
}


/*--------opening section-------*/

.opening_section .single_block span {
    color: #888888;
    font-size: 16px;
}

.opening_section .single_block p {
    color: #888888;
    font-size: 14px;
    margin-top: 30px;
}

.opening_section .single_block {
    border: 1px solid #ddd;
    margin-bottom: 40px;
    padding: 22px 30px 65px;
    position: relative;
    border-bottom: 0px;
}

.opening_section .single_block a {
    background: #0482f8 none repeat scroll 0 0;
    bottom: -1px;
    color: #fff;
    display: block;
    font-size: 15px;
    left: -1px;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 100.7%;
}

.opening_section .single_block a:hover {
    background: #2b73c4 none repeat scroll 0 0;
}






.opening_section .single_block2 span {
    color: #888888;
    font-size: 16px;
}

.opening_section .single_block2 p {
    color: #888888;
    font-size: 14px;
    margin-top: 20px;
}

.opening_section .single_block2 h6 {

    margin-top: 20px;
}


.opening_section .single_block2 {
    border: 1px solid #ddd;
    margin-bottom: 40px;
    padding: 10px 10px 65px;
    padding-top: 20px !important;
    position: relative;
    height: 100%;
    float: none;
}
.liverow {
        height: 45vh;
        
        }
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
        .liverow {
        height: auto !important;
        
        }
    } 
    



.opening_section .single_block2 h5 {
    background: #0482f8 none repeat scroll 0 0;
    top: -1px;
    color: #fff;
    display: block;
    font-size: 15px;
    left: -1px;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100.7%;
}






.opening_section .single_block3 span {
    color: #888888;
    font-size: 16px;
}

.opening_section .single_block3 p {
    color: #888888;
    font-size: 14px;
    margin-top: 00px;
}

.opening_section .single_block3 h6 {

    margin-top: 0px;
}


.opening_section .single_block3 {
    border: 1px solid #ddd;
    margin-bottom: 0px;
    padding: 22px 30px 0px;
    padding-top: 0px !important;
    position: relative;
}

.opening_section .single_block3 h5 {
    background: #0482f8 none repeat scroll 0 0;
    top: -1px;
    color: #fff;
    display: block;
    font-size: 15px;
    left: -1px;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100.7%;
}


.opening_section .single_block4 span {
    color: #888888;
    font-size: 16px;
}

.opening_section .single_block4 p {
    color: #888888;
    font-size: 14px;
    margin-top: 00px;
}

.opening_section .single_block4 a {
    color: inherit;
    font-weight: 600;
}
opening_section .single_block4 .pulsantegreen .a {
    color: green;
    font-weight: 600;
    font-size: 10px;
}

.opening_section .single_block4 h6 {

    margin-top: 0px;
}


.opening_section .single_block4 {
    border: 2px solid #55ff55;
    margin-bottom: 0px;
    padding: 22px 30px 0px;
    padding-top: 0px !important;
    position: relative;
}

.opening_section .single_block4 h5 {
    background: #0482f8 none repeat scroll 0 0;
    top: -1px;
    color: #fff;
    display: block;
    font-size: 15px;
    left: -1px;
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100.7%;
}











/*================================================================
                        End Career page style
==================================================================*/