/*------------------------------------------------------------------
    Master Stylesheet
    Project:        Invest - Multipurpose Responsive Onepage Template
    Version:        1.0
    Author:         Uxign
    Primary use:    Personal, One Page
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[-------  Table of contents  -------]
1- Theme Reset Style
2- GENERAL STYLING
3- Page Loader
4- option box
5- Botton Scroll To Top
6- navbar-top
7- Header
   7.1. Header Demo
   7.2. Home Slider
   7.3. Home Video
8- About Services 
   8.1. Style One
   8.2. Style Two
   8.3. Style Three
9- About
   9.1. Style One
   9.2. Style Two
10- Team
    10.1. Style One
    10.2. Style Two
11- Skills
12- Counter
    12.1. Style One
    12.2. Style Two
13- Brands
14- Services 
    14.1. Style One
    14.2. Style Two
15- Portfolio
    15.1. Style One
    15.2. Style Two
    15.3. Style Three
    15.4. Style four
16- Testimonials
    16.1. Style One
    16.2. Style Two
    16.3. Style Three
17- Client
18- PRICE
    18.1. Style One
    18.2. Style Two
19- Blog
    19.1. Style One
    19.2. Style Two
20- contact
21- footer



[-------  Color codes  -------]

# Dark grey (text): #333333
# Dark Blue (headings, links) #000066
# Mid Blue (header) #333399
# Light blue (top navigation) #CCCCFF
# Mid grey: #666666
# */


/* =============================================
                Theme Reset Style
============================================= */

@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url("css/bootstrap.css");
@import url("css/font-awesome.css");
@import url("css/ionicons.min.css");
@import url("css/custom-icons.min.css");
@import url("css/animate.min.css");
@import url("css/bootsnav.css");
@import url("css/owl.carousel.css");
@import url("css/owl.theme.default.css");
@import url("css/jquery.fancybox.css");
@import url("css/style.css");

/*-----------------------------------------------------------------------------------*/


/*  1-GENERAL STYLING
/*-----------------------------------------------------------------------------------*/

body {
    background: #fff;
    color: #a2a2a2;
    font-size: 15px;
    line-height: 1.5;
    font-family: "Source Sans Pro", sans-serif;
    overflow-x: hidden;
    margin: 0 auto;
    padding: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Dosis", sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
    color: #292b32;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h1 {
    font-size: 54px;
    font-weight: 400;
    margin: 10px 0;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

a {
    color: #292b32;
    text-decoration: none !important;
}

p {
    color: #969696;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
    font-family: 'Rubik', sans-serif;
}

span {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 400;
}

blockquote {
    padding: 40px;
    background-color: #f2f2f2;
    margin: 30px 0;
    border: none;
    border-left: 4px solid #b09980;
}

.lead {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.btn {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    padding: 8px 10px 7px 10px;
    margin: 5px 10px;
    background: transparent;
    border: medium none;
    border-radius: 100px;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
}

.btn:hover,
.btn:focus {
    color: #fff;
}

.btn:hover,
.btn:focus {
    background: #b09980;
}

.btn.btn-md {
    padding: 17px 48px;
    font-size: 11px;
    background: #fff;
    color: #000;
    border: none;
}

.btn.btn-md:hover {
    background: #fff;
}

.btn.btn-mdone {
    padding: 15px 48px;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.btn.btn-mdone:hover {
    padding: 15px 48px;
    background: #16171d;
    color: #fff;
    border: 2px solid #16171d;
}

.btn.btn-mdtwo {
    padding: 15px 48px;
    font-size: 11px;
    background: #fff;
    border: none;
    color: #000;
}

.btn.btn-mdthre {
    padding: 15px 48px;
    font-size: 11px;
    background: #e2a606;
    border: none;
    color: #fff;
}

.heading {
    text-transform: capitalize;
    letter-spacing: -1px;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    position: relative;
    z-index: 3;
    color: #404044;
}

.subheading {
    font-family: "Merriweather", serif;
    font-style: italic;
    font-size: 15px;
    max-width: 770px;
    line-height: 30px;
    padding: 0 15px;
    margin-bottom: 0;
    margin-top: 25px;
    margin: 25px auto 0;
}

.entry-title {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.form-control {
    height: 50px;
    padding: 20px 20px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #292b32;
    border: 1px solid #e8ebee;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    outline: 0 none;
}

.paddsection {
    padding: 100px 0;
}

.paddsectiontwo {
    padding: 20px 0;
}

.padDiv {
    padding: 30px 20px;
}

.padDivTwo {
    padding: 40px 30px;
}

.feature-title {
    color: #404041;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
    margin-top: 0px;
    font-style: normal;
    margin-bottom: 0;
}

.bord-l-r {
    border: 1px solid #f7f5f6;
}

.bord-l-r:hover {
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
}

.services-block .fa {
    font-size: 30px;
    color: #e2a606;
}

.border-t {
    position: relative;
    border: 1px solid #f7f5f6;
}

.border-t:hover {
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
}

.mt-0 {
    margin-top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-0 {
    margin-left: 0;
}

.pdb-0 {
    padding-bottom: 0;
}

.ft-size {
    font-size: 34px;
}

.Bgone {
    background: #f2f2f2;
}

.bg-black {
    background: #16171d;
}

.bg-gray {
    background-color: #f7f7f7;
}

.demo-section {
    padding: 80px 0;
    margin-bottom: 90px;
}

.clr-with {
    color: #fff;
}

.bg-clr {
    background: #ff4f0f;
}

.clr-text i {
    color: #404041 !important;
}

.clr-text h2 {
    color: #404041 !important;
}

.clr-text p {
    color: #404041 !important;
    min-height: 96px;
}

.demo-feature .feature-title {
    color: #404041;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    font-family: 'Poppins', sans-serif;
    margin-top: 0px;
    font-style: normal;
    margin-bottom: 20px;
}

.demo-item img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.pad-wrapper {
    padding: 100px 0;
}

.demo-feature-item i {
    margin-bottom: 20px;
    font-size: 40px;
}


/* Transition */

.demo-item.mb-30 {
    -webkit-box-shadow: 0px 0px 60px 0px rgba(41, 44, 58, 0.1);
    box-shadow: 0px 0px 60px 0px rgba(41, 44, 58, 0.1);
    margin-bottom: 90px;
    background: #fff;
}

a,
.btn,
.btn.btn-md,
.portfolio-item .portfolio-thumbnail .overlay,
.border-t,
.bord-l-r,
.services-block,
#counter .info-me,
#services .cont-services .services-block,
#ourteam .item-ourteam-stwo {
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

a:hover,
.btn:hover,
.btn:focus,
.portfolio-item .portfolio-thumbnail .overlay:hover,
.border-t:hover,
.bord-l-r:hover,
.services-block:hover,
#counter .info-me:hover,
#services .cont-services .services-block,
.content-ourteam {
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


/*-----------------------------------------------------------------------------------*/


/*  2- Page Loader
/*-----------------------------------------------------------------------------------*/

#preloader {
    background-color: #333;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.spinner {
    font-size: 10px;
    height: 40px;
    margin: 18% auto;
    text-align: center;
    width: 50px;
}

.spinner>div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


/*-----------------------------------------------------------------------------------*/


/*  3- option box
/*-----------------------------------------------------------------------------------*/

.option-box {
    position: fixed;
    top: 21%;
    z-index: 999;
    display: none;
}

.option-box .fa {
    background: #414141 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    cursor: pointer;
}

.option-box .color-box {
    background: #414141 none repeat scroll 0 0;
    display: none;
    float: left;
    padding: 10px;
    width: 180px;
}

.option-box .color-box h4 {
    color: #fff;
    font-size: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.option-box .color-box ul li {
    background: blue none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    width: 35px;
}


/*-----------------------------------------------------------------------------------*/


/*  4- BOTTON SCROLL TO TOP
/*-----------------------------------------------------------------------------------*/

.top {
    background: #16171d;
    bottom: 15px;
    cursor: pointer;
    position: fixed;
    right: 15px;
    text-align: center;
    z-index: 998;
    color: #fff;
    border-radius: 100px;
}

.fa-style {
    height: 47px;
    line-height: 47px;
    width: 47px;
    display: none;
}

.navbar-wrapper {
    position: relative;
    z-index: 9999;
    overflow: hidden;
    display: none;
}


/*-----------------------------------------------------------------------------------*/


/*  5- navbar-top  
/*-----------------------------------------------------------------------------------*/

.navbar-wrapper {
    position: relative;
    z-index: 9999;
    overflow: hidden;
}

.navbar .navbar-header .navbar-toggle {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 31px;
    position: relative;
    top: 24px;
    color: #292b32;
}

.navbar-header .logo {
    position: relative;
    z-index: 110;
    display: table;
    height: 60px;
}

nav.navbar.bootsnav.navbar-transparent .logo {
    position: relative;
    z-index: 110;
    display: table;
    height: 80px;
}

nav .logo>a {
    display: table-cell;
    vertical-align: middle;
}

.logo img {
    max-height: 33px;
    display: block;
}

.navbar-scrollspy .logo img {
    text-align: center;
    margin: 0 auto;
}

.navbar-nav {
    float: right;
    margin: 0;
    padding: 0 10px;
}


/*-----------------------------------------------------------------------------------*/


/*  6- Header
/*-----------------------------------------------------------------------------------*/


/* HEADER DEMO */

#header {
    background: rgba(0, 0, 0, 0) url(images/header/1.jpg) no-repeat center center / cover;
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    width: 100%;
}

.header .header-content {
    display: block;
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 3;
}

.header .header-content h1,
.header .header-content p {
    color: #fff;
}

.header-two .header-content {
    text-align: left;
    width: 65%;
}

.header .header-content .lead {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.header-one {
    background: rgba(0, 0, 0, 0) url(images/header/2.jpg) no-repeat center center / cover !important;
}

.header-two {
    background: rgba(0, 0, 0, 0) url(images/header/3.jpg) no-repeat center center / cover !important;
}

.header-three {
    background: rgba(0, 0, 0, 0) url(images/header/4.jpg) no-repeat center center / cover !important;
}

.header-four {
    background: rgba(0, 0, 0, 0) url(images/header/5.jpg) no-repeat center center / cover !important;
}

.header-five {
    background: radial-gradient(circle at 1.98% 13.04%, #FF512F, transparent 100%), radial-gradient(circle at 98.02% 28.95%, #DD2476, transparent 100%), radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) !important;
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    width: 100%;
}

.header-five:before {
    content: normal !important;
}


/* HOME SLIDER STYLE ONE */

.homeslider-style-one {
    margin-bottom: 0;
    width: 100%;
    height: 100vh;
}

.homeslider-style-one:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(33, 35, 43, 0.45);
}

.homeslider-style-one .slide-text h1 {
    color: #fff;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 636px;
}


/*  HOME VIDEO STYLE ONE */

.homevideo-style-one {
    position: relative;
    height: 100vh;
    margin-bottom: 0;
    width: 100%;
}

.homevideo-style-one:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(33, 35, 43, 0.45);
}

.homevideo-style-one .h-contentVideo {
    text-align: center;
    width: 100%;
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 30%;
}

.homevideo-style-one .h-contentVideo h1 {
    color: #fff;
}

.homevideo-style-one .hh-contentVideo {
    display: block;
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 3;
}

#bgvideo {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    position: absolute;
    right: 0;
}


/*-----------------------------------------------------------------------------------*/


/*   7- services 
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

.cont-services .services-block .services-head {
    font-size: 48px;
    line-height: 1.2;
    color: #292b32;
    font-family: "Dosis", sans-serif;
    letter-spacing: 0.1em;
}


/* STYLE TWO */

.wrapper-one .cont-services .service-styletwo {
    display: flex;
}

.cont-services .service-styletwo .cont-cont-services {
    margin-left: 20px;
    width: 80%;
}


/* STYLE THREE */

#wrapper-one .cont-services .services-block img {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
}


/*-----------------------------------------------------------------------------------*/


/*  8- about-us
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

#about .about-descr .about-title {
    font-size: 34px;
}


/* STYLE TWO */

#about .about-section {
    width: 100%;
    display: flex;
}

#about .about-section .about-descr {
    width: 50%;
    float: left;
    padding-top: 50px;
    padding-bottom: 50px;
}

#about .about-section .img-w {
    width: 50%;
    float: left;
}

#about .about-section .img-w img {
    width: 100%;
    height: 100%;
}


/*----------------------------------------------------------------------------------*/


/*  9- Our Team
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

#ourteam .item-ourteam img {
    width: 100%;
}

.item-ourteam .content-ourteam .team-title {
    font-size: 16px;
}

.item-ourteam .content-ourteam p {
    font-style: italic;
    font-size: 13px;
    display: inherit;
    text-transform: capitalize;
}

.item-ourteam .content-ourteam .lis-social-ourteam {
    display: flex;
}

.item-ourteam .content-ourteam .lis-social-ourteam li {
    float: left;
    padding-right: 10px;
}

.item-ourteam .content-ourteam .lis-social-ourteam li a .fa {
    font-size: 12px;
    color: #a2a2a2;
}


/* OUR TEAM STYLE TWO */

#ourteam .item-ourteam-stwo {
    position: relative;
    height: 460px;
}

#ourteam .item-ourteam-stwo img {
    width: 100% !important;
    height: 100%;
    position: absolute;
    object-fit: contain;
}

#ourteam .item-ourteam-stwo .content-ourteam {
    position: absolute;
    background: rgba(33, 35, 43, 0.89);
    width: 95%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 2.5%;
    right: 2.5%;
    opacity: 0;
}

#ourteam .item-ourteam-stwo:hover .content-ourteam {
    opacity: 1
}

#ourteam .item-ourteam-stwo .content-ourteam .team-title,
#ourteam .item-ourteam-stwo .content-ourteam p {
    color: #fff
}

.item-ourteam-stwo .content-ourteam .lis-social-ourteam {
    display: inline-block;
}

.item-ourteam-stwo .content-ourteam .lis-social-ourteam li a .fa {
    color: #fff;
}


/*-----------------------------------------------------------------------------------*/


/*  10- My skills
/*-----------------------------------------------------------------------------------*/

#skills .list-skills {
    padding-left: 0;
}

#skills .bar_group {
    margin-bottom: 20px;
}


/*-----------------------------------------------------------------------------------*/


/*  11- Counter
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

.counter .counter-content {
    position: relative;
    z-index: 2;
}

.counter-content .info-me .counter-timer {
    font-size: 48px;
    line-height: 1.2;
    color: #292b32;
    font-family: "Dosis", sans-serif;
    letter-spacing: 0.1em;
}

.counter-content .info-me .counter-text {
    font-size: 16px;
}


/* STYLE TWO */

.c-s-t {
    background: rgba(0, 0, 0, 0) url(images/header/6.jpg) no-repeat center center / cover;
    position: relative;
}

.c-s-t:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(226, 166, 6, 0.85);
}

.c-s-t .counter-content .info-me i,
.c-s-t .counter-content .info-me .counter-timer,
.c-s-t .counter-content .info-me .counter-text {
    color: #fff
}


/*-----------------------------------------------------------------------------------*/


/*  12 - brands
/*-----------------------------------------------------------------------------------*/

#brands {
    background: rgba(0, 0, 0, 0) url(images/header/6.jpg) no-repeat center center / cover;
    position: relative;
    height: 400px;
    width: 100%;
}

#brands:before {
    content: "";
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.9;
}

#brands .brands-content {
    position: relative;
}

#brands .brands-content h2 {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    text-transform: capitalize;
}


/*-----------------------------------------------------------------------------------*/


/* 13- Services
/*-----------------------------------------------------------------------------------*/


/* STYLE TWO */

#services .cont-services .services-block img {
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
}


/* STYLE THREE */

.cont-services .services-block-two {
    display: inline-block;
}

.cont-services .services-block-two i {
    font-size: 30px;
    color: #e2a606;
    float: left;
    margin-right: 20px;
}

.cont-services .services-block-two .item-ser {
    width: 80%;
    float: left;
    text-align: left;
}

.cont-services .img-services img {
    margin-top: 22%;
}


/*-----------------------------------------------------------------------------------*/


/*  14- portfolio
/*-----------------------------------------------------------------------------------*/

.portfolio-thumbnail {
    height: 250px;
    position: relative;
    width: 100%;
}

#portfolio .portfolio-item .portfolio-thumbnail img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.portfolio-item .portfolio-thumbnail .overlay {
    background: rgba(33, 35, 43, 0.89);
    height: 95%;
    left: 2.5%;
    opacity: 0;
    position: absolute;
    top: 2.5%;
    width: 95%;
    z-index: 2;
}

.portfolio-item .portfolio-thumbnail .overlay:hover {
    opacity: 1;
}

.portfolio-thumbnail .overlay .content-port {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    display: inline-block;
    width: 100%;
}

.overlay .content-port .work-item-title {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
}

.overlay .content-port .work-item-category {
    color: #fff;
    font-size: 13px;
    font-style: italic;
    text-transform: capitalize;
}


/* Portfolio style two */

.owl-carousel-portfolio-two .portfolio-thumbnail {
    height: 290px;
    position: relative;
    width: 100%;
    background: radial-gradient(circle at 1.98% 13.04%, #FF512F, transparent 100%), radial-gradient(circle at 98.02% 28.95%, #DD2476, transparent 100%), radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) !important;
}

.owl-carousel-portfolio-two .portfolio-thumbnail img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 1;
    padding: 20px;
    padding-bottom: 0;
}


/* Prtfolio style thre */

.portfolio-list {
    margin-bottom: 35px;
}

.portfolio-list .nav {
    display: inline-block;
}

.portfolio-list .nav li {
    cursor: pointer;
    float: left;
    text-transform: capitalize;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    padding: 5px 20px;
    border-radius: 100px;
}

.portfolio-list .nav li:hover {
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.portfolio .portfolio-item .p-s-thre {
    width: 647px;
    margin-left: 5px;
    margin-right: 5px;
}

.mix {
    display: none;
}


/* STYLE FOUR */

.portfolio .portfolio-item .p-t-four {
    width: 427px;
    margin-left: 5px;
    margin-right: 5px;
}


/**** FIN *****/


/*-----------------------------------------------------------------------------------*/


/*  15- Testimonials
/*-----------------------------------------------------------------------------------*/

#testimonials {
    background: url(images/3.jpg) no-repeat center center / cover;
    width: 100%;
    position: relative;
}

#testimonials .overlay {
    background: rgba(33, 35, 43, 0.89);
    height: 100%;
    margin-bottom: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#testimonials .content-testimonials img {
    width: 72px;
    height: 72px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 20px;
}

#testimonials .content-testimonials .testimonial-text {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-family: "Dosis", sans-serif;
    font-size: 18px;
    line-height: 30px;
}

#testimonials .content-testimonials .testimonials-subtitle {
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    font-style: italic;
}

#testimonials .content-testimonials .testimonial-author {
    color: #fff;
    font-size: 16px;
}


/* Testimonials style two */

.testimonials.testimonials-styletwo {
    background: radial-gradient(circle at 1.98% 13.04%, #FF512F, transparent 100%), radial-gradient(circle at 98.02% 28.95%, #DD2476, transparent 100%), radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) !important;
    width: 100%;
    position: relative;
}

.testimonials.testimonials-styletwo .heading {
    color: #fff;
}

#testimonials .owl-testimonials-styletwo .content-item {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
    background: #fff;
}

.owl-testimonials-styletwo .content-item .testimonial-text {
    color: #a2a2a2 !important;
    font-size: 15px !important;
    font-weight: 400;
}

.owl-testimonials-styletwo .content-item .testimonial-author {
    color: #a2a2a2 !important;
}

.owl-testimonials-styletwo .content-item .testimonials-subtitle {
    color: #a2a2a2 !important;
}


/* TESTIMONIALS STYLE THREE */

.t-s-thre {
    background: transparent !important;
}

#testimonials .o-t-s-thre .content-item img {
    float: left;
    font-size: 50px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 0;
    width: 50px;
}

#testimonials .o-t-s-thre .content-item .content-item-testimonials {
    width: 77%;
    float: left;
    display: inline-block;
    text-align: left;
}

.o-t-s-thre .content-item .testimonial-text {
    display: inline-block;
    width: 79%;
    text-align: left;
    font-size: 15px !important;
    font-weight: 400;
}

#testimonials .o-t-s-thre .content-item {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 10px 0px rgba(17, 21, 23, .1);
    border: 1px solid #f7f5f6;
    background: #fff;
}

.o-t-s-thre .content-item .testimonial-text {
    color: #a2a2a2 !important;
}

.o-t-s-thre .content-item .testimonial-author {
    color: #a2a2a2 !important;
}

.o-t-s-thre .content-item .testimonials-subtitle {
    color: #a2a2a2 !important;
}


/*-----------------------------------------------------------------------------------*/


/*  16- client
/*-----------------------------------------------------------------------------------*/

#client .client-img {
    margin-left: auto;
    margin-right: auto;
    width: 148px;
}


/*-----------------------------------------------------------------------------------*/


/*  17- PRICE
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

.price .table-offers .pricing-table-title {
    position: relative;
    font-size: 16px;
    margin-bottom: 0;
}

.price .table-offers strong {
    font-family: "Dosis", sans-serif;
    font-size: 72px;
    color: #292b32;
    font-weight: 400;
}

.price .table-offers strong sup {
    font-weight: normal;
    color: #292b32;
    font-size: 16px;
    top: -41px;
    left: -4px;
}

.price .table-offers strong span {
    color: #a2a2a2;
    font-size: 13px;
    display: inline-block;
    margin-top: 0;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 0;
    text-transform: capitalize;
}

.price .table-offers .pricing-table-features {
    color: #a2a2a2;
    font-size: 15px;
    margin-top: 14px;
    margin-bottom: 22px;
}

.price .table-offers .pricing-table-features li {
    padding: 12px 0;
}


/* STYLE TWO */

.price-tab .nav-tabs {
    display: inline-block;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    margin-bottom: 70px;
}

.price-tab .nav-tabs li {
    margin: 0;
}

.price-tab .nav-tabs>li>a {
    border-radius: 0;
    width: 150px;
    line-height: 45px;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #797376;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.price-tab .nav-tabs>li:first-child>a {
    border-radius: 30px 0 0 30px;
}

.price-tab .nav-tabs>li:last-child>a {
    border-radius: 0 30px 30px 0;
}

.price-tab .nav-tabs>li.active>a,
.price-tab .nav-tabs>li.active>a:hover,
.price-tab .nav-tabs>li.active>a:focus {
    background: radial-gradient(circle at 1.98% 13.04%, #FF512F, transparent 100%), radial-gradient(circle at 98.02% 28.95%, #DD2476, transparent 100%), radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%);
    color: #fff;
}


/*-----------------------------------------------------------------------------------*/


/*  18- Blog
/*-----------------------------------------------------------------------------------*/


/* STYLE ONE */

#journal .journal-block {
    display: inline-block;
    height: auto;
    width: 100%;
}

#journal .journal-block .journal-info img {
    height: 235px;
    width: 100%;
}

.journal-info .journal-txt .entry-title {
    font-size: 16px;
    line-height: 1.4;
}

.main-content .journal-info .journal-txt {
    background: #fff;
}


/* STYLE TWO */

.journal-info .journal-txt .list-item-blog {
    display: inline-block;
}

.journal-info .journal-txt .list-item-blog li {
    font-style: italic;
    font-size: 13px;
    display: inherit;
    text-transform: capitalize;
    float: left;
    margin-right: 20px;
}

.journal-info .journal-txt .list-item-blog li i {
    margin-right: 10px;
}

.j-block-two .journal-info .journal-txt .link-title {
    padding: 5px 20px;
    display: inline-block;
    border-radius: 100px;
    background: #e2a606;
    color: #fff;
    text-transform: uppercase;
}


/*-----------------------------------------------------------------------------------*/


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

#contact .contact-form .textarea-contact {
    height: 200px;
    width: 100%;
    position: relative;
    border-radius: 4px;
}

#contact .contact-form .textarea-contact textarea {
    height: 100% !important;
    width: 100% !important;
    border: 0;
    padding: 20px;
    outline: none;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #e8ebee;
    color: #292b32;
    border-radius: 0;
}

#contact .contact-form .textarea-contact>span {
    position: absolute;
    top: 6px;
    left: 12px;
    font-size: 14px;
    text-transform: capitalize;
    color: #292b32;
    opacity: 0.5;
    font-weight: 300;
}

#contact .contact-form .btn {
    margin-left: auto;
    display: inherit;
    margin-right: auto;
}

#contact .socials-media ul {
    display: inline-block;
}

#contact .socials-media ul li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
}

#contact .socials-media ul li .fa {
    color: #a2a2a2;
}


/*-----------------------------------------------------------------------------------*/


/*  20- footer
/*-----------------------------------------------------------------------------------*/

#footer {
    background: url(images/footer-bg.jpg);
    position: relative;
    background-size: cover;
    background-position: center center;
    text-align: center;
    background: #6b54f6;
}

#footer .footer-widgets {
    padding: 80px 0;
}

.widget-info .footer-logo img {
    max-height: 56px;
}

.footer-widgets .widget-info .footer-contact {
    line-height: 31px;
    margin-bottom: 0;
}

#footer .footer-widgets a {
    color: #a2a2a2;
}

#footer .footer-widgets a:hover {
    color: #fff;
}

.footer-widgets .widget .widget-title {
    font-size: 14px;
    color: #fff;
}

.footer-widgets .widget .list-widget>li {
    position: relative;
    padding: 5px 0;
}

.footer-widgets .widget .list-widget>li:first-child {
    padding-top: 0;
}

.footer-bottom {
    background-color: #16171d;
    padding: 20px 0;
}

.footer-bottom a {
    color: #a2a2a2;
}

.footer-bottom .copyright {
    display: inline-block;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: capitalize;
}


/**** FIN *****/

.demo-feature-item {
    background: #fff;
    padding: 40px 20px;
    z-index: 4;
    box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.1);
    position: relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.demo-feature-item h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    margin-top: 20px;
}

.wrapper .product-theme {
    padding-left: 100px;
    padding-right: 100px;
}

.demo-item img {
    width: 100%;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .wrapper .product-theme {
        padding-left: 0;
        padding-right: 0;
    }
}