/* 
===================================================

Template Name:Corporato - Business and Corporate HTML Template
Author: envatoprime
Author Email: envatoprime@gmail.com
Version: 1.00

-----------------------
:: Table of Content ::
-----------------------

1.  header part css
2.  banner part css
3.  about part css 
4.  service part css
5.  portfolio part css
6.  testimonial part css
7.  Team part css
8.  pricing part css
9.  how we work css
10. counter part css
11. blog part css
12. Free Consultation css
13. market part css 
14  footer part css
15. back to top css

===================================================*/

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

a {
    text-decoration: none;
}

ul,
ol {
    list-style-type: none;
}

img {
    border: none;
}

html,
body {
    height: 100vh;
    color: #838383;
    font-family: 'Ubuntu', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    color: #333;
}

p,
a {
    color: rgba(142, 142, 142, 1)
}

i {
    color: #103045;
}

a {
    text-decoration: none;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.preeloader {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999999;
}

.preloader-spinner {
    text-align: center;
    position: absolute;
    width: 250px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

h2 {
    font-size: 45px;
}

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

/* ==================== 
  1. header part css
==================== */
nav {
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

nav.navbar-fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #fff;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    -ms-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    -o-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.30);
}

nav.navbar-fixed ul li a {
    line-height: 35px;
    color: #333;
}

.navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 99999;
    padding: 0 !important;
}

.navbar-brand {
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;

}

.navbar-brand img {
    height: 60px;
}

.navbar-brand span {
    background: linear-gradient(to right, #333399, #ff00cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

nav .nav-link {
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .5px;
    padding: 12px 12px !important;
    transition: all linear .3s;
}

.navbar-nav li a:hover {
    color: #4d90fe;
}

nav.navbar-fixed .navbar-nav li a:hover {
    color: #4d90fe;
}

.navbar-nav li a.active {
    color: #4d90fe;
}

nav.navbar-fixed .navbar-nav li a.active {
    color: #4d90fe;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
    padding: 10px 15px 10px 0;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    outline: 0;
}

nav.navbar-fixed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

nav .navbar-nav li:last-child a {
    padding-right: 0px !important;
}

/* ==================== 
2. banner part css
==================== */
/* Slider
----------------------------------------------------*/
.slide-caption .slider-inner .slide-btn a {
    margin: 0 10px;
}

.slide-caption .slider-inner .slide-btn a:hover {
    text-decoration: none;
}

.slide-caption .slider-inner .slide-btn {
    margin-top: 38px;
}

.slide-caption .slider-inner {
    max-width: 950px;
    margin: 0 auto;
}

.slide-caption .slider-inner .caption-title {
    font-size: 52px;
    text-transform: none;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 35px;
}

.slide-caption .slider-inner .caption-desc {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

.slide-item {
    height: 100vh;
    position: relative;
    width: 100%;
    display: table;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.slide-caption {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 0px 15px;
}

.slide-caption h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: capitalize;
    margin: -8px 0 10px;
    color: #fff
}

.slide-caption p {
    margin: 0 auto;
    color: #e2e2e2;
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    text-transform: capitalize;
}

.owl-item.active .caption-title {
    -webkit-animation: 1s .2s fadeInUp both;
    animation: 1s .2s fadeInUp both;
}

.owl-item.active .caption-desc {
    -webkit-animation: 1s .6s fadeInUp both;
    animation: 1s .6s fadeInUp both;
}

.owl-item.active .slide-btn {
    -webkit-animation: 1s .9s flipInX both;
    animation: 1s .9s flipInX both;
}

.slide-btn a {
    background-color: #4d90fe;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    margin: 30px 0 0;
    width: 180px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.slide-btn a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.slide-btn a:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}



.silder .owl-nav div,
.portfolio-slide .owl-nav div {
    border: 2px solid #4d90fe;
    font-size: 20px;
    height: 40px;
    width: 40px;
    left: 20px;
    line-height: 36px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
}

.silder .owl-nav div i,
.portfolio-slide .owl-nav div i {
    color: #fff;
}

.silder .owl-nav div:hover,
.portfolio-slide .owl-nav div:hover,
.related-port .owl-nav div:hover {
    background-color: #4d90fe;
}

.silder .owl-nav .owl-next,
.portfolio-slide .owl-nav .owl-next {
    right: 20px;
    left: auto
}

.silder .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

.silder .owl-dot {
    border: 2px solid #38ccff;
    height: 8px;
    width: 24px;
    margin: 0 4px;
    display: inline-block
}

.silder .owl-dot.active {
    background-color: #38ccff;
}

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

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.slider-area:hover .owl-carousel .owl-controls .owl-nav .owl-prev {
    opacity: 1;
}

.slider-area:hover .owl-carousel .owl-controls .owl-nav .owl-next {
    opacity: 1;
}

/*-- 4.purchase css ======================================== --*/
.purchase {
    background-color: #797979;
    padding: 97px 0 80px;
}

.purchase h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 22px;
}

.purchase p {
    color: #eee;
}

.my_btn {
    background-color: #4d90fe;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    width: 180px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 3px;
    position: relative;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -ms-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.my_btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.my_btn:hover {
    text-decoration: none;
    color: #fff;
}

.my_btn:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/* ==================== 
3. about part css 
==================== */

#about {
    padding: 88px 0px 98px;
}

#about .s-top-p {
    margin-bottom: 47px;
}

#about .video-content {
    position: relative;
    margin-top: 21px;
}

#about .video-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

#about .video-content .overlay:after {
    position: absolute;
    content: '';
    top: -4%;
    left: -4%;
    width: 100%;
    height: 100%;
    border: 2px solid #4d90fe;
    z-index: -1;
}

.bla-1 {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #4d90fe;
}




#about .theme_buttonA {
    border-color: #4d90fe;
    outline: none;
    color: #4d90fe;
    width: 70px;
    height: 70px;
    line-height: 67px;
    border-radius: 50%;
    padding: 0;
    position: relative;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    border: 2px solid #4d90fe;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#about .theme_buttonA:hover {
    background: #4d90fe;
    color: #fff;
}

.card-header {
    background: whitesmoke;
    padding: 5px 0px;
}

#accordion .card {
    margin-bottom: 30px;
}

#accordion .card .btn-link {
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
}

#accordion .card:last-child {
    margin-bottom: 0px;
}

.card-header {
    border-bottom: 0px solid rgba(0, 0, 0, .0);
}

/* ==================== 
4. service part css
===================== */

#service {
    background-color: rgba(246, 249, 252, 1);
    padding: 90px 0px 100px;
}

#service .s-item {
    background: #fff;
    text-decoration: none;
    padding: 30px 15px;
    margin: 30px 0px 0px 0px;
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#service .s-item:hover {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
}



#service .s-item a {
    display: block;
    text-decoration: none;
}

#service .s-item h3,
#service .s-item p {
    margin: 0px;
}

#service .s-item img {
    margin-bottom: 15px;
}

#service .s-item h3 {
    padding-bottom: 20px;
}

/* ==================== 
5. portfolio part css
===================== */

.portfolio-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}

.portfolio-heading {
    margin-top: 90px;
}

#portfolio .s-top-p {
    margin-bottom: 0px;
}

.portfolio-imag {
    padding-top: 50px;
    padding-bottom: 50px;
}

.portfolio-inner {
    padding-bottom: 50px;
}

.portfolio-inner img {
    margin-bottom: 0px;
    width: 100%;
}

.port-img {
    position: relative;
}

.port-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
}

.port-overlay i {
    transform: translateX(-50%) translateY(-50%);
    font-size: 16px;
    color: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}

.port-img:hover .port-overlay {
    opacity: 1;
}

.p-item {
    padding: 0px;
    margin: 0px;
}

.ptheme_button2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-color: #4d90fe;
    outline: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    padding: 0;
    font-size: 14px;
    text-align: center;
    border: 2px solid #4d90fe;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.ptheme_button2:hover {
    background: #4d90fe;
    color: #fff;
}



/* ========================
6. testimonial part css
======================== */

#testimonial {
    background: #f1f1f1;
}

#testimonial.section-padding {
    padding: 90px 0px 95px;
}

#testimonial .area-title {
    margin-bottom: 13px;
}

#testimonial .s-top-p {
    padding-bottom: 0px;
}

#testimonial .test-content {
    text-align: center;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

#testimonial .test-content .test-img img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: inline-block;
    box-shadow: 0px 0px 0px 10px #ddd;
    margin-top: 12px;
    margin-bottom: 30px;
}

#testimonial .test-content h6 {
    font-size: 20px;
    margin-bottom: 0;
}

#testimonial .slick-list {
    padding-top: 30px;
}

#testimonial .test-content span {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

#testimonial .test-content .works {
    background: #4d90fe;
    font-size: 13px;
    display: inline-block;
    padding: 1px 15px;
    margin: 6px;
    color: #fff;
}

#testimonial .test-content p {
    font-size: 18px;
    padding: 0 20px 10px 20px;
}

#testimonial .slick-dots {
    position: absolute;
    bottom: -15%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#testimonial .slick-dots li {
    float: left;
    font-size: 0;
    width: 15px;
    height: 15px;
    background: transparent;
    margin: 0 6px;
    border: 2px solid #147e90;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 0px 1.5px rgba(20, 126, 144, 0);
    -moz-box-shadow: 0px 0px 0px 1.5px rgba(20, 126, 144, 0);
    box-shadow: 0px 0px 0px 1.5px rgba(20, 126, 144, 0);
    cursor: pointer;
}

/*==========================
7. Team part css
============================*/

#team .team_slider_item_info ul li {
    display: inline-block;
    padding-left: 3px;
}

#team .team_slider_item_info ul li a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#team .team_slider_item {
    border: 1px solid #ddd;
    margin: 5px 0;
    position: relative;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

#team .team_slider_item_info {
    background: #fff;
}

#team .team_slider_item_info ul li a i:hover {
    background: #4d90fe;
    border-color: #4d90fe;
    color: #FFF;
}

#team .team_slider_item h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 10px;
}

#team .team_slider_item p {
    padding-top: 5px;
    display: block;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    font-style: italic;
}

#team {
    padding-top: 90px;
    padding-bottom: 94px;
}

#team .s-top-p {
    padding-bottom: 26px;
}

.t-box {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

#team .team_slider_item:hover .t-box {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: #fff;
}

/* ========================== 
8. pricing part css
=========================== */

#pricing {
    background: #f3f3f3;
    padding: 90px 0px 100px;
}

#pricing .card {
    border: 0;
    border-radius: 0px;
    padding: 2.25rem 0;
    position: relative;
    text-align: center;
    border-bottom: 5px solid transparent;
    border-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    border-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    border-image: -o-linear-gradient(top, #4d90fe, #4787ed);
    border-image: linear-gradient(top, #4d90fe, #4787ed);
    border-image-slice: 1;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#pricing .s-top-p {
    padding-bottom: 31px;
}

#pricing .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background: #4d90fe;
    background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background: -moz-linear-gradient(top, rgb(77, 144, 254), #4787ed);
    background: -o-linear-gradient(top, #4d90fe, #4787ed);
    background: linear-gradient(top, #4d90fe, #4787ed);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#pricing .card:hover {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
}

#pricing .card:hover:after {
    width: 100%;
}

#pricing .card.pricing_active {
    transform: scale(1.03);
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}

#pricing .card.pricing_active:after {
    width: 100%;
}

#pricing .card .card-header {
    background-color: white;
    padding-left: 2rem;
    border-bottom: 0px;
}

#pricing .card .card-title {
    margin-bottom: 1rem;
    font-weight: 500;
}

#pricing .card .card-block {
    padding-top: 0;
}

#pricing .card .list-group-item {
    border: 0px;
    padding: 8px;
    color: #808080;
    font-weight: 400;
}

#pricing .display-2 {
    font-size: 55px;
}

#pricing .display-2 .currency {
    font-size: 25px;
    position: relative;
    font-weight: 400;
    top: -45px;
    letter-spacing: 0px;
}

#pricing .display-2 .period {
    font-size: 14px;
    color: #b3b3b3;
    letter-spacing: 0px;
}


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

/* ========================= 
10. counter part css
========================= */

#counter {
    background-color: rgba(246, 249, 252, 1);
    padding: 67px 0px 65px;
}

.single_counter {
    border: 1px solid;
}

#counter .s-top-p {
    padding-bottom: 32px;
}

.main_counter_area {
    background: url(../images/pattern.png)no-repeat center center;
    padding: 23px 0 34px 0;
}

.main_counter_area .main_counter_content .single_counter h2 {
    letter-spacing: 3px;
}

#counter .single_counter h2 {
    padding-top: 10px;
    font-size: 55px;
    margin-top: 0;
    margin-bottom: 0;
    color: #838383;
}

#counter .single_counter p {
    padding-top: 10px;
    font-size: 20px;
    text-transform: uppercase;
}

/*========================
12. Free Consultation css
==========================*/

#consult {
    padding: 90px 0px 100px;
}

#consult .s-top-p {
    padding-bottom: 32px;
}

.consultation-form {
    background: #f2f2f2;
}

.consultation-form .p-0 {
    padding: 0px;
}

.consultation-form .bg-white {
    background: #fff;
}

.consultation-form .theme-title-one {
    margin-bottom: 55px;
}

.consultation-form .main-content {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}

.consultation-form .img-box {
    background: url(../images/10.jpg) no-repeat center;
    background-size: cover;
    height: 500px;
    border-radius: 5px 0 0 5px;
}

.consultation-form .form-wrapper {
    background: #fff;
    border-radius: 0 5px 5px 0;
    height: 500px;
    padding: 75px 40px 0 40px;
}

.consultation-form .form-wrapper .my_btn {
    border: 0px;
}

.theme-form-one input,
.theme-form-one .form-control {
    width: 100%;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    padding: 0 0 12px 0;
    margin-bottom: 35px;
}

.theme-form-one textarea {
    width: 100%;
    max-width: 100%;
    height: 110px;
    max-height: 110px;
    resize: none;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    padding: 0 0 10px 0;
    margin-bottom: 32px;
}

/* ========================
13. market part css 
============================ */

#market-place {
    padding: 76px 0px;
}

.single_counter2 img {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.single_counter2 {
    border: 2px solid rgba(204, 204, 204, 0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.single_counter2 h2 {
    padding-top: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.single_counter2 p {
    padding-top: 10px;
}




.slick-center .single_counter2 img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


/* ===================== 
14 footer part css
==================== */

.theme-footer-one .top-footer {
    background: #252525;
    padding: 2px 0 10px 0;
}

.theme-footer-one a:hover {
    color: #4d90fe;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.theme-footer-one .top-footer .title {
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 500;
}

.theme-footer-one .top-footer .about-widget p {
    font-size: 17px;
    line-height: 25px;
    color: #eeeeee;
}

.theme-footer-one .top-footer .about-widget .queries i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    color: #eeeeee;
}

.theme-footer-one .top-footer .about-widget .queries {
    margin-top: 25px;
    font-size: 17px;
}

.theme-footer-one .top-footer .about-widget .queries a {
    font-size: 16px;
    text-decoration: none;
    color: #eeeeee;
}


.theme-footer-one .top-footer .footer-list ul li {
    line-height: 32px;
    padding-left: 20px;
    position: relative;
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-list ul li::before {
    content: '\f10c';
    font-family: 'FontAwesome';
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.theme-footer-one .top-footer .footer-list ul li a {
    font-size: 17px;
    text-decoration: none;
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-list ul li a:hover {
    text-decoration: underline;
}

.theme-footer-one .top-footer .footer-newsletter input {
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    border: none;
    color: #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background: transparent;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.theme-footer-one .top-footer .footer-newsletter .theme-button-one {
    margin-top: 15px;
}

.theme-footer-one .top-footer .footer-newsletter ::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-newsletter :-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-newsletter ::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-newsletter ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-newsletter :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #eeeeee;
}

.theme-footer-one .top-footer .footer-newsletter ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #eeeeee;
}

.theme-footer-one .bottom-footer {
    background: #212121;
    padding: 25px 0px 15px;
}

.theme-footer-one .bottom-footer p {
    line-height: 25px;
    font-size: 17px;
}

.theme-footer-one .bottom-footer ul {
    text-align: right;
}

.theme-footer-one .bottom-footer ul li {
    display: inline-block;
    line-height: 25px;
}

.useful_link a {
    color: #eee;
}

.useful_link a:hover {
    color: #eee;
}

.theme-footer-one .bottom-footer ul li a {
    font-size: 17px;
    margin-left: 35px;
    text-decoration: none;
}

.f-logo img {
    width: 80px;
    margin-bottom: 43px;
}

.social-link {
    margin-top: 30px;
}

.social-link li {
    display: inline-block;
}

.social-link a i {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border: 2px solid #4d90fe;
    border-radius: 50%;
    color: #4d90fe;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.social-link a i:hover {
    background: #4d90fe;
    border-color: #4d90fe;
    color: #fff;
}

.footer-newsletter .my_btn {
    border: 0px;
}

/*=======================
15. back to top css 
=========================*/
.back-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    z-index: 999;
    display: none;
    background: #4d90fe;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.back-top-btn i {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.back-top-btn:hover i {
    color: #fff;
}


/* ====================
16. consultancy part css
===================== */

#consultancy {
    background-color: rgba(246, 249, 252, 1);
    padding: 90px 0px 100px;
}

#consultancy .s-item {
    background: #fff;
    text-decoration: none;
    padding: 30px 15px;
    margin: 30px 0px 0px 0px;
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#consultancy .s-item:hover {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
}



#consultancy .s-item a {
    display: block;
    text-decoration: none;
}

#consultancy .s-item h3,
#consultancy .s-item p {
    margin: 0px;
}

#consultancy .s-item img {
    margin-bottom: 15px;
}

#consultancy .s-item h3 {
    padding-bottom: 20px;
}


/* ====================
17. trainings part css
===================== */

#trainings {
    background-color: rgba(246, 249, 252, 1);
    padding: 90px 0px 100px;
}

#trainings .s-item {
    background: #fff;
    text-decoration: none;
    padding: 30px 15px;
    margin: 30px 0px 0px 0px;
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#trainings .s-item:hover {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
}



#trainings .s-item a {
    display: block;
    text-decoration: none;
}

#trainings .s-item h3,
#trainings .s-item p {
    margin: 0px;
}

#trainings .s-item img {
    margin-bottom: 15px;
}

#trainings .s-item h3 {
    padding-bottom: 20px;
}

/* ====================
18. contact2 part css
==================== */

#contact2 {
    padding: 140px 0px 98px;
}

#contact2 .s-top-p {
    margin-bottom: 47px;
}

#contact2 .video-content {
    position: relative;
    margin-top: 21px;
}

#contact2 .video-content .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

#contact2 .video-content .overlay:after {
    position: absolute;
    content: '';
    top: -4%;
    left: -4%;
    width: 100%;
    height: 100%;
    border: 2px solid #4d90fe;
    z-index: -1;
}

#contact2 .theme_buttonA {
    border-color: #4d90fe;
    outline: none;
    color: #4d90fe;
    width: 70px;
    height: 70px;
    line-height: 67px;
    border-radius: 50%;
    padding: 0;
    position: relative;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    border: 2px solid #4d90fe;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#contact2 .theme_buttonA:hover {
    background: #4d90fe;
    color: #fff;
}

/* ====================
18. secrove blog part css
===================== */

#blog {
    background-color: rgba(246, 249, 252, 1);
    padding: 90px 0px 100px;
}

#blog .s-item {
    background: #fff;
    text-decoration: none;
    padding: 30px 15px;
    margin: 30px 0px 0px 0px;
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#blog .s-item:hover {
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
}

#blog .s-item a {
    text-decoration: none;
}

#blog .s-item h3,
#blog .s-item p {
    margin: 0px;
}

#blog .s-item img {
    margin-bottom: 15px;
}

#blog .s-item h3 {
    padding-bottom: 20px;
}

div #a1,
div #a2,
div #a3,
div #a4,
div #a5,
div #a6,
div #a7,
div #a8,
div #a9,
div #a10,
div #a11,
div #a12,
div #a13,
div #a14
{
    padding-top: 20px;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }