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

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;
}


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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #333;
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 0px;
}

p {
    color: rgba(142, 142, 142, 1);
    font-family: 'Lato', sans-serif;
    margin-bottom: 0px;
}
li,
span,
.close
{
    font-family: 'Lato', sans-serif;
}
i {
    color: #103045;
}

a {
    text-decoration: none;
    font-family: 'Josefin Sans', sans-serif;
}
a:hover{
    text-decoration: none;
}
.slick-slide img {
    display: block;
    width: 100%;
}


h2 {
    font-size: 45px;
}

.section-heading {
    margin-bottom: 7px;
}
button{
    font-family: 'Josefin Sans', sans-serif;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 600;
}

/* ==================== 
  1. header part css
==================== */
nav {
    background: rgba(255, 255, 255, 0.10);
    -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);
}


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

.navbar-brand {
    font-size: 30px;
    font-family: 'Righteous', cursive;
    color: #fff;
}
.navbar-brand:hover{
    color: #fff;
}
.navbar-brand img {
    height: 60px;
}

nav .nav-link {
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .5px;
    padding: 20px 15px!important;
    transition: all linear .3s;
}
nav.navbar-fixed ul li a {
    color: #333;
}


.navbar-nav li a:hover {
    color: #9c27b0;
}

nav.navbar-fixed .navbar-nav li a:hover {
    color: #9c27b0;
}

.navbar-nav li a.active {
    color: #9c27b0;
}

nav.navbar-fixed .navbar-nav li a.active {
    color: #9c27b0;
}

.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;
}
nav.navbar-fixed .navbar-brand {
    color: #9c27b0;
}
.navbar-nav .dropdown-menu {
    border-radius: 0px;
    margin-top: 0px;
}
.navbar-nav .dropdown-menu .dropdown-item{
    -webkit-transition: all  0.3s;
    -moz-transition: all  0.3s;
    -ms-transition: all  0.3s;
    -o-transition: all  0.3s;
    transition: all  0.3s;  
}
.navbar-nav .dropdown-menu .dropdown-item:hover{
    background: #9c27b0;
    color: #fff!important;
}
.nav-item.dropdown:hover .dropdown-menu{
    display: block;
}




/* ==================== 
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-top: 100px;
    padding-left: 15px;
    padding-right: 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: 700;
    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: #9c27b0;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    margin: 30px 0 0;
    width: 180px;
    height: 60px;
    font-size: 16px;
    line-height: 65px;
    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;
    text-transform: capitalize;
}

.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 #9c27b0;
    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: #9c27b0;
}

.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: #27292e;
    padding: 97px 0 98px;
}

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

.purchase p {
    color: #eee;
}

.my_btn {
    background: #9c27b0;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    width: 180px;
    height: 60px;
    font-size: 16px;
    line-height: 65px;
    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;
    text-transform: capitalize;
}

.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: 96px 0px 100px;
}

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

#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 #9c27b0;
    z-index: -1;
}

.videoBox {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #9c27b0;
}


 .theme_buttonA {
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 13px 0px 0px 10px;
}

.theme_buttonA:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #9c27b0;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.theme_buttonA:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #9c27b0;
    border-radius: 50%;
    transition: all 200ms;
}

.theme_buttonA:hover:after {
    background: #9c27b0;
}


.theme_buttonA span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 16px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}



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

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

#accordion .card .btn-link {
    font-size: 20px;
    font-weight: 700;
    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: 95px 0px 100px;
}

#service .s-top-p{
    margin-bottom: 17px;
}

#service .s-item {
    background: #fff;
    text-decoration: none;
    padding: 30px 15px;
    margin: 30px 0px 0px 0px;
    position: relative;
    text-align: center;
    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: inline-block;
    text-decoration: none;
    color: rgba(142, 142, 142, 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 a:hover{
    color: #9c27b0;
}

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

#service .s-item h4 {
    margin-top: 14px;
}
#service .s-item p{
    margin: 10px 0px 11px;
}

#service .modal h3 {
    font-size: 26px;
}

#service .modal h4 {
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 13px;
}

#service .modal .list {
    margin-top: 25px;
}

#service .modal .list li p {
    padding-left: 20px;
    position: relative;
}

#service .modal .list i {
    font-size: 14px;
    position: absolute;
    left: 20px;
    top: 2px;
    color: #9c27b0;
}

#service .modal .list li {
    margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 10px;
}

#service .modal-footer a {
    height: 100%;
    background: #9c27b0;
    color: #ffffff;
    display: inline-block;
    width: 120px;
    height: 50px;
    font-size: 16px;
    line-height: 54px;
    border-radius: 5px;
    text-transform: uppercase;
    position: relative;
    text-align: center;

}
#service .modal .list ul{
    margin-bottom: 10px;
}



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


#gallery {
    padding: 97px 0px 74px;
}

#gallery h2 {
    margin-bottom: 6px;
}

#gallery .sectionTitle {
    margin-bottom: 47px;
}

.portfolio-area {
    z-index: 999;
    overflow: hidden;
}


.protfolio-filter {
    text-align: center;
    margin-bottom: 0px;
}

.protfolio-filter li {
    list-style: none;
    margin: 0 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}



.protfolio-filter li {
    background: transparent;
    padding: 1px 8px;
    border-radius: 2px;
    color: #8e8b8b;
    display: inline-block;
    font-size: 18px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.protfolio-filter li:hover,
.protfolio-filter li.active {
    color: #9c27b0;
}
.portfolioFilter-menu.food-menu-list-menu {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 12px 0px 12px;
    margin-bottom: 30px;
}

.portfolio-item {
    padding: 0 10px;
    margin-bottom: 20px;
}


.portfolio-item .portfolio-item-content {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: .3s;
}

.portfolio-item:hover .portfolio-item-content {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.item-thumbnail {
    position: relative;
    overflow: hidden;
}


.item-thumbnail img {
    width: 100%;
}

.item-thumbnail a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    border: 1px solid #fff;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    border-radius: 100%;
    opacity: 1;
    transition: -webkit-all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.item-thumbnail a i {
    color: #fff;
    line-height: 50px;
}

.item-thumbnail a:hover {
    background: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
}

.item-thumbnail a:hover i {
    color: #333
}

.item-thumbnail .link {
    background: rgba(156, 39, 176, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.item-thumbnail:hover .link {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.portfolio-description {
    background: #fff;
    padding: 20px;
}

.portfolio-description>h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
    text-transform: capitalize;
}

.portfolio-description>a {
    text-transform: capitalize;
}

.portfolio-description>h4 a:hover {
    color: #9c27b0;
}

.portfolio-category>li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.portfolio-category>li::before {
    content: ",";
    position: absolute;
    right: -5px;
}

.portfolio-category>li:last-child::before {
    display: none;
}

.portfolio-category a {
    color: #3a3a3a;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.portfolio-category a:hover {
    color: #9c27b0;
}

.hidden {
    display: none;
}

.load-more {
    margin-top: 20px;
}

.mix {
    display: none;
}

#gallery .modal-content {
    padding: 10px 30px;
    border-radius: 0px;
}

#gallery .modal-body {
    position: relative;
    padding: 30px 0px 15px 0px;
}

#gallery .modal-body h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#gallery .modal-body p {
    margin-bottom: 0;
}

#gallery .modal-body ul {
    margin-top: 25px;
}

#gallery .project-list li {
    padding: 5px 0;
    font-size: 14px;
}

#gallery .project-list label {
    color: #222;
    margin-bottom: 0;
    margin-right: 0;
    width: 120px;
    font-weight: 600;
}

#gallery .project-list li a:hover {
    color: #444;
}

#gallery .modal-header .close {
    padding: 0px;
    margin: 0px;

}

#gallery .modal-body h3 {
    color: #242424;
    font-size: 24px;
    font-weight: 600;
}


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

#testimonial {
    background: #f1f1f1;
}

#testimonial .section-heading {
    margin-bottom: 11px;
}

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

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

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

#testimonial .test-content {
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#testimonial {
    padding-top: 97px;
    padding-bottom: 93px;
}

#testimonial .star-icon>i {
    font-size: 18px;
    color: #9c27b0;
}

#testimonial .client-description {
    text-align: center;
}

#testimonial .client-description>p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #555;
    display: inline-block;
}


#testimonial .client-name>h5 {
    color: #838383;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}

#testimonial .client-name>p {
    color: #838383;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}


#testimonial .slick-slide.client-thumbnail {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 129px;
}
#testimonial .slider{
    margin-bottom: 0px;
    margin-top: 46px;
}

#testimonial .slick-slide img {
    display: block;
    width: 100px !important;
    height: 100px !important;
    border-radius: 50%;
    opacity: .5;
    border: 4px solid #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#testimonial .slick-slide:focus,
#testimonial .slick-slide img {
    outline: 0px;
}

#testimonial .slick-slide.slick-current img {
    opacity: 1 !important;
    transform: scale(1.25);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#testimonial .slick-arrow .fa-angle-right {
    left: auto;
    right: 0;
    top: 0;
}

#testimonial .slick-arrow i {
    position: inherit;
    z-index: 99;
    display: block;
    width: 100%;
    height: 100%;
    color: #9c27b0;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#testimonial .slick-arrow:first-child {
    position: absolute;
    left: -140px;
}

#testimonial .slick-arrow:last-child {
    position: absolute;
    right: -140px;
    top: 0%;
}

#testimonial .slick-arrow:last-child i {
    padding-left: 0px;
}

#testimonial .slick-arrow {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #9c27b0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

#testimonial .slick-arrow i:hover,
#testimonial .slick-arrow:hover i {
    color: #fff!important;
}

#testimonial .slick-arrow:hover {
    background: #9c27b0;
}


/*==========================
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: #9c27b0;
    border-color: #9c27b0;
    color: #FFF;
}

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

#team .team_slider_item p {
    padding-top: 7px;
    display: block;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-bottom: 8px;
    color: #f1f1f1;
}

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

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

#team .team_slider_item .t-box {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background:rgba(156, 39, 176, 0.7);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#team .t-box .content{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
#team .team_slider_item:hover .t-box{
    transform: scale(1);
}
 #team .team_slider_item h4,
 #team .team_slider_item_info ul li a i{
    color: #fff;
}
/* ========================== 
8. pricing part css
=========================== */

#pricing {
    background: #f3f3f3;
    padding: 98px 0px 100px;
}
#pricing h2{
    margin-bottom: 16px;
}
#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, #9c27b0, #4787ed);
    border-image: -moz-linear-gradient(top, #9c27b0, #4787ed);
    border-image: -o-linear-gradient(top, #9c27b0, #4787ed);
    border-image: linear-gradient(top, #9c27b0, #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: 48px;
}

#pricing .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background: #9c27b0;
    background: -webkit-linear-gradient(top, #9c27b0, #4787ed);
    background: -moz-linear-gradient(top, rgb(77, 144, 254), #4787ed);
    background: -o-linear-gradient(top, #9c27b0, #4787ed);
    background: linear-gradient(top, #9c27b0, #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: 32px;
    border-bottom: 0px;
}

#pricing .card .card-title {
    margin-bottom: 16px;
    font-weight: 600;
}

#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;
    font-weight: 600;
}

#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;
}
#pricing .my_btn{
    width: 160px;
    height: 50px;
    line-height: 55px;
}
/* ========================= 
10. counter part css
========================= */

#counter {
    padding: 72px 0px 65px;
}

.single_counter {
    border: 2px solid rgba(112, 112, 112, 0.51);
    padding: 21px 0px 32px;
}

#counter .section-heading {
    margin-bottom: 16px;
}

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

.main_counter_area {
    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;
    font-weight: 400;
}

#counter .single_counter p {
    font-size: 20px;
    text-transform: capitalize;
    color: #242424;
    font-weight: 600;
}


/* ==============================
12. Blog Section Start 
=================================*/
.blog {
    background: #f3f3f3;
    padding: 98px 0px 70px;
}
.blog .slick-track {
    padding: 20px 0px 30px;
}
.blog .section-heading{
    margin-bottom: 16px;
}
.blog .s-top-p {
    margin-bottom: 27px;
}
.blog_box  .extra ul li {
    display: inline-block;
}
.blog_box  .extra ul li a{
    color: rgba(142, 142, 142, 1);
    font-size: 14px;
    -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;
}
.blog_box  .extra ul li a i{
    color: rgba(142, 142, 142, 1);
    margin-right: 5px;
    -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;

}
.blog_box  .extra ul{
    margin-bottom: 0px;
}
.blog_box  .extra ul li p{
display: inline-block;
padding: 0px 11px;
}
.blog_box .content{
    padding: 20px 15px 15px;
    background: #fff;
}
.blog_box{
    box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.10);
}
.blog_box  .extra{
    border-top: 2px solid rgba(142, 142, 142, 0.5);
    margin-top: 27px;
    padding-top: 10px;
}
.blog_box  h3{
    margin-bottom: 18px;
    font-size: 24px;
}
.blog_box .topImages{
    position: relative;
}
.blog_box .topImages .tag{
    position: absolute;
    bottom: 20px;
    left: 20px;
    background:#9c27b0;
    color: #fff; 
    padding: 1px 10px;
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.10);
}
.blog_box .topImages .tag i,
.blog_box .topImages .tag a
{
    color: #fff;
    font-size: 14px;
    -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;
}

.blog_box h3 a{
    color: #333;
    -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;
}
.blog_box  h3 a:hover{
   color: #9c27b0; 
}
.blog_box  .extra a:hover,
.blog_box  .extra a:hover i
{
    color: #9c27b0;   
}


/* ==============================
12. Blog Section End 
=================================*/




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

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

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

.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/logokorsia.jpg) no-repeat center;
    background-size: cover;
    border-radius: 5px 0 0 5px;
}
.consult_overlay{
    background: rgba(0, 0, 0, 0.80);
    width: 100%;
    height: 100%;
    padding: 50px 40px 20px;
}


.consult_overlay .box{
    border: 2px solid #fff;
    text-align: center;
    padding: 30px 15px 22px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.consult_overlay .box .font{
    position: relative;
    top: 0px;
    -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;
}

.consult_overlay .box .back{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    font-family: 'Josefin Sans', sans-serif;
    -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;
}

.consult_overlay .box:hover .font{
    top: -100px;
    opacity: 0;
    -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;
}
.consult_overlay .box:hover .back{
    top: 50%;
    opacity: 1;
}


.consult_overlay .box i{
    font-size: 22px;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.consult_overlay .box h6{
    font-size: 22px;
    margin-bottom: 10px;
}


.consult_overlay h6{
color: #fff;
}

.consult_overlay p{
color: #fff;
}

.consult_overlay i{
color: #fff;
}

.consult_overlay a{
color: #fff;
}

.consultation-form .form-wrapper {
    background: #fff;
    border-radius: 0 5px 5px 0;
    padding: 50px 40px 50px 40px;
}
.consultation-form .form-wrapper h3{
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 37px;
}
.consultation-form .form-wrapper .my_btn {
    border: 0px;
    margin-top: 2px;
}

.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: 23px;
    color: rgba(142, 142, 142, 1);
}

.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;
    color: rgba(142, 142, 142, 1);
}
.theme-form-one input:focus,
.theme-form-one textarea:focus
{
    border-bottom: 1px solid #9c27b0;  
}
.theme-form-one input::placeholder,
.theme-form-one textarea::placeholder{
    color: rgba(142, 142, 142, 1);
    font-size: 16px;
    text-transform: capitalize;
}
/* ========================
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: #35363b;
    padding: 99px 0px 85px 0px;
}

.theme-footer-one a:hover {
    color: #9c27b0;
}

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

.theme-footer-one .top-footer .title {
    font-size: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}

.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{
    text-align: center;
}
.theme-footer-one .top-footer .footer-newsletter input {
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    border: none;
    color: #eeeeee;
    background: transparent;
    padding: 0px 20px;
    margin-bottom: 30px;
    background: rgba(255, 255, 255, 0.2);
    height: 60px;
    border-radius: .25rem;
}

.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: #27292e;
    padding: 25px 0px 26px;
}

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

.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;
    color:  rgba(142, 142, 142, 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;
}
.theme-footer-one .bottom-footer ul li a:hover{
    color: #9c27b0;
}
.f-logo img {
    width: 80px;
    margin-bottom: 43px;
}

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

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

.social-link a i {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 49px;
    font-size: 18px;
    border: 2px solid #9c27b0;
    border-radius: 50%;
    color: #9c27b0;
    margin-right: 7px;
    -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 li:last-child i{
    margin-right: 0px;
}
.social-link a i:hover {
    background: #9c27b0;
    border-color: #9c27b0;
    color: #fff;
}

.footer-newsletter .my_btn {
    border: 0px;
    height: 60px;
    line-height: 65px;
}

/*=======================
15. back to top css 
=========================*/
.back-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    z-index: 999;
    display: none;
    background: #9c27b0;
    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;
    line-height: 42px;
    -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;
}
.back-top-btn:hover{
    animation: none;
}