/*------------------------------------------------------------------------------------
Template Name: ELLO Apps 
Version: 1.0
-------------------------------------------------------------------------------------
CSS INDEX
======================================================================================
/* HOME HEADING STYLE
/* HOME NAV MENU
/* SLIDER AREA
/* FEATURE AREA 
/* ABOUT AREA 
/* SERVICE AREA
/* FUN FACT AREA 
/* VIDEO AREA 
/* SCREENSHORT AREA 
/* DOWNLOAD AREA 
/* TEAM AREA 
/* TESTIMONIAL AREA 
/* PRICING AREA 
/* BLOG AREA 
/* SUBSCRIBE AREA 
/* BLOG AREA 
/* SINGLE BLOG 
/* FOOTER AREA 
=============================================================================================*/
/*----------------------------------------
 1. Theme default css
------------------------------------------*/
/*----------------------------------------
Google Fonts import

    font-family: 'Josefin Sans', sans-serif;

    font-family: 'Poppins', sans-serif;

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

@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700,700i|Poppins:300,400,500,600,700';
html,
body {
    font-family: 'Poppins', sans-serif;
    line-height: 23px;
    font-size: 14px;
    font-weight: 300;
}
img {
    max-width: 100%;
    height: auto;
}
/* box layout */

.box.wrapper {
    max-width: 1200px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 0px 5px #ddd;
}
/* end box layout */
.fix{
	overflow:hidden;
}
.pdtb-60 {
    padding: 60px 0 50px;
}
.pdtbf-60 {
    padding: 60px 0 50px;
}
.clear_both {
    clear: both;
}
.default-button {
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 30px;
    display: inline-block;
    border: 0px solid #64A5E5;
    background: #2cbbf4;
    padding: 10px 30px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
}
/*====================
home 1 heading style 
======================*/

.section-title {
    text-align: center;
}
.section-title .heading {
    font-size: 36px;
    color: #303030;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 0px;
    font-family: 'Josefin Sans', sans-serif;
}
.h-style1.section-title .heading {
    color: #fff;
}
.section-title .heading span {}
/*====================
home 2 heading style 
======================*/

.home-2 .section-title .heading {
    color: #fff;
}
/*====================
home 3 heading style 
======================*/

.home-3 .section-title .heading {
    color: #272d3a;
    font-size: 30px;
}
.home-3 .h-style1.section-title .heading {
    color: #fff;
}
/*====================
home 4 heading style 
======================*/

.home-4 .section-title .heading {
    color: #272d3a;
    font-size: 30px;
}
.home-4 .h-style1.section-title .heading {
    color: #fff;
}
/*====================
home 5 heading style 
======================*/

.home-5 .section-title .heading {
    color: #272d3a;
}
.home-5 .h-style1.section-title .heading {
    color: #fff;
}
/*====================
home 1 sub heading style 
======================*/

.section-title .excerpt {} .section-title .excerpt {} .section-title .excerpt p {
    font-size: 14px;
    color: #757575;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 40px;
}
.h-style1.section-title .excerpt p {
    color: #fff;
}
.section-title .excerpt p {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}
/*====================
home 2 sub heading style 
======================*/

.home-2 .section-title .excerpt p {
    color: #fff;
}
/*====================
home 2 sub heading style 
======================*/

.home-3 .section-title .excerpt p {
    color: #757575;
}
.section-title h4 {
    margin: 0px;
}

/*====================
Nav Menu 1
=====================*/

.main-menu-area {
    left: 0;
    position: absolute;
    right: 0;
    top: 52px;
    z-index: 999999;
}
.main-menu-area.stick {
    background: #5A86F3 none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    padding: 25px 0;
    position: fixed;
    top: 0;
}
.main-menu-area.stick .main-menu li a {
    margin-top: 12px;
}
.logo_area {} .logo_area img {} .main-menu {} .main-menu li {
    display: inline-block;
    padding: 0px 0px;
}
.main-menu li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    padding: 5px 18.4px;
    margin: 13px 0;
    text-align: right;
    text-transform: capitalize;
    text-decoration: none;
}
.main-menu li.active a {
    background: #79e6cb;
    border-radius: 30px;
}
.main-menu li:hover a {
    border-radius: 30px;
    background: #79e6cb;
    color: #fff;
}
/*====================
Nav Menu 2
=====================*/

.nav-hide {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    position: relative;
    top: 30px;
}
.nav-show {
    position: relative;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transition: 1s;
    transition: 1s;
    top: 0px;
}
/*============================
 home nav 2
==============================*/

.home-2 .main-menu {
    padding-left: 150px;
}
.home-2 .main-menu li:hover a {
    border-radius: 30px;
    background: #70798f;
    color: #fff;
}
.home-2.main-menu-area.stick {
    background: #303541;
}
.home-2 .main-menu li.active a {
    background: #70798f;
}
.download {
    text-align: right;
    padding-right: 55px;
}
.box2 .download {
    padding-right: 59px;
}
.download a {
    -webkit-transition: .5s;
    transition: .5s;
    display: inline-block;
    padding: 9px 35px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    background: #303541;
    font-weight: 500;
    margin-top: 10px;
}
.download a:hover {
    background: #70798f;
}
/*============================
 home nav 3
==============================*/

.home-3 .logo a {} .home-3 .logo a img {} .home-3 .main-menu li:hover a {
    border-radius: 30px;
    background: #66686f;
    color: #fff;
}
.home-3.main-menu-area.stick {
    background: #303541;
}
.home-3 .hamburger {
    right: 15px;
}
.home-3 .main-menu li.active a {
    background: #66686f;
}
/*============================
 home nav 4
==============================*/

.home-4 .main-menu li:hover a {
    border-radius: 30px;
    background: rgba(255, 5, 113, 1);
    color: #fff;
}
.home-4.main-menu-area.stick {
    background: rgba(223, 35, 116, .9);
}
.home-4 .hamburger {
    right: 15px;
}
.home-4 .main-menu li.active a {
    background: rgba(255, 5, 113, 1);
}
/*============================
 home nav 5
==============================*/

.home-5 .main-menu li:hover a {
    border-radius: 30px;
    background: rgba(185, 119, 213, 1);
    color: #fff;
}
.home-5.main-menu-area.stick {
    background: #885CCB;
}
.home-5 .hamburger {
    right: 15px;
}
.home-5 .main-menu li.active a {
    background: rgba(185, 119, 213, 1);
}
/*============================
 slaider area 1
==============================*/

.slider_area {
    background-color: #2d3e50;
    background-image: url(img/bg.jpg);
    background-position: center center;
    background-repeat: repeat;
    height: 850px;
    padding-top: 157px;
    position: relative;
    z-index: 1;
    display: table;
    width: 100%;
}
.slider_area:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: auto;
    height: 60%;
    background-image: url(img/perf.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.slider_content {} .slider_inner {
    margin-top: 150px;
}
.slider_area .slider_middle {
    vertical-align: middle;
    display: table-cell;
}
.swiper-slides .section-title {
    text-align: left;
}
.swiper-slides .section-title .heading {
    font-size: 24px;
    font-weight: normal;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 73px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 10px;
}
.swiper-slides .section-title .heading span {
    font-size: 62px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0px;
}
.swiper-slides .section-title .excerpt,
.swiper-slides .section-title .excerpt p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    line-height: 23px;
    width: 100%;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 30px;
}
.swiper-slides .section-title .excerpt p {
    font-size: 16px;
    padding-right: 125px;
}
.swiper-slides .section-title .default-button {
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 0;
    display: inline-block;
    border: 0px solid #64A5E5;
    padding: 9px 35px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    background: rgba(93, 146, 237, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(93, 146, 237, 1)), color-stop(100%, rgba(121, 230, 203, 1)));
    background: -webkit-linear-gradient(left, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    background: linear-gradient(to right, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d92ed', endColorstr='#79e6cb', GradientType=1);
}
.swiper-slides .section-title .default-button.active {
    background: transparent;
    border: 2px solid #fff;
    -webkit-transition: .5s;
    transition: .5s;
    margin-left: 25px;
    padding: 7px 35px;
    box-shadow: none;
}
.swiper-slides .section-title .default-button:hover {} .swiper-slides .section-title .default-button.active:hover {
    color: #fff;
    border-color: transparent rgba(121, 230, 203, 1) transparent rgba(93, 146, 237, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(93, 146, 237, 1)), color-stop(100%, rgba(121, 230, 203, 1)));
    background: -webkit-linear-gradient(left, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    background: linear-gradient(to right, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d92ed', endColorstr='#79e6cb', GradientType=1);
}
.image-container {
    position: relative;
}
.image-inner img {
    width: 100%;
}
.image-inner {
    position: absolute;
    left: 0px;
    top: -139px;
}
.swiper-slides {
    position: relative;
    padding-left: 375px;
}
.slide-downs {
    position: absolute;
    left: 420px;
    top: -159px;
}
.slide-downs span {
    color: #000;
    text-align: center;
    background: #fff;
    display: inline-table;
    padding: 10px 23px;
    position: relative;
    line-height: 18px;
    border-radius: 5px;
    font-weight: 500;
}
.slide-downs span:before {
    content: "";
    position: absolute;
    top: 100%;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
/*===========================
SLIDER AREA 2
=============================*/

.logo2 {
    text-align: center;
}
.logo2 img {
    margin-top: -150px;
}
.slider_area2 {
    background-color: #fff;
    background-image: url(img/home1/slider/slide-bg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 215px;
    height: 850px;
    overflow: hidden;
}
.swiper-slide2 .section-title {
    text-align: center;
}
.swiper-slide2 .section-title .heading {
    font-size: 24px;
    font-weight: normal;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 73px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 10px;
}
.swiper-slide2 .section-title .heading span {
    font-size: 62px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0px;
}
.swiper-slide2 .section-title .excerpt,
.swiper-slide2 .section-title .excerpt p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    line-height: 23px;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}
.image-container2 {
    margin-top: 30px;
}
.image-container2 img {
    display: block;
    margin: auto;
}
/*===========================
SLIDER AREA 3
=============================*/

.slider_area3 {
    background-color: #fff;
    background-image: url(img/slider/slide-bg2.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 990px;
    display: table;
    width: 100%;
}
.slider3_inner {
    vertical-align: middle;
    display: table-cell;
}
.slider_content {} .slider_inner3 {} .swiper-slide3 .section-title {
    text-align: left;
}
.swiper-slide3 .section-title .heading {
    font-size: 24px;
    font-weight: normal;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 73px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 10px;
}
.swiper-slide3 .section-title .heading span {
    font-size: 62px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    letter-spacing: 0px;
}
.swiper-slide3 .section-title .excerpt,
.swiper-slide3 .section-title .excerpt p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}
.swiper-slide3 .section-title .excerpt p {
    padding-right: 18%;
}
.swiper-slide3 .section-title .default-button {
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 0;
    display: inline-block;
    border: 2px solid #272d3a;
    background: #2cbbf4;
    padding: 7px 30px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    background: #272d3a;
    /* For browsers that do not support gradients */
}
.swiper-slide3 .section-title .default-button.active {
    background: transparent;
    border: 2px solid #fff;
    -webkit-transition: .5s;
    transition: .5s;
    margin-left: 25px;
}
.swiper-slide3 .section-title .default-button:hover {
    background: transparent;
    border-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.swiper-slide3 .section-title .default-button.active:hover {
    border-color: #272d3a;
    color: #fff;
    background: #272d3a;
    -webkit-transition: .5s;
    transition: .5s;
}
.image-container3 {
    position: relative;
}
.image-inner3 img {
    width: 100%;
}
.image-inner3 {
    position: absolute;
    left: 15px;
    top: -150px;
}
.home-3 .slider_inner3 {
    padding-left: 375px;
}
/*===========================
SLIDER AREA 4
=============================*/

.home-4.slider_area3 {
    background-image: url(img/home1/slider/slide-bg4.jpg);
    height: 850px;
    display: table;
    width: 100%;
}
.slider_area3.home-4 {} .slider_middle4 {
    vertical-align: middle;
    display: table-cell;
}
.home-4 .swiper-slide3 .section-title {
    text-align: left;
}
.home-4 .swiper-slide3 .section-title .default-button {
    -webkit-transition: .1s;
    transition: .1s;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    padding: 9px 30px;
    border: 0px solid #ddd;
    background: rgba(255, 5, 113, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 5, 113, 1)), color-stop(100%, rgba(255, 129, 107, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 5, 113, 1) 0%, rgba(255, 129, 107, 1) 100%);
    background: linear-gradient(to right, rgba(255, 5, 113, 1) 0%, rgba(255, 129, 107, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff0571', endColorstr='#ff816b', GradientType=1);
}
.home-4 .swiper-slide3 .section-title .default-button.active {
    border: 2px solid #fff;
    padding: 7px 30px;
    background: transparent;
}
.home-4 .swiper-slide3 .section-title .default-button:hover {} .home-4 .swiper-slide3 .section-title .default-button.active:hover {
    border-color: transparent rgba(255, 128, 105, 1) transparent rgba(223, 35, 116, 1);
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
}
.image-container4 {
    position: relative;
}
.image-inner4 img {
    width: 100%;
}
.image-inner4 {
    position: absolute;
    left: -25px;
    top: -115px;
}
.home-4 .swiper-slide3 {
    padding-left: 375px;
}
/*===========================
SLIDER AREA 5
=============================*/

.home-5.slider_area3 {
    background-image: url(img/home1/slider/slide-bg5.jpg);
    height: 850px;
}
.slider_middle5 {
    vertical-align: middle;
    display: table-cell;
}
.home-5 .swiper-slide3 .section-title {
    text-align: left;
}
.home-5 .swiper-slide3 .section-title .default-button {
    -webkit-transition: .1s;
    transition: .1s;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    padding: 9px 30px;
    border: 0px solid #ddd;
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(185, 119, 213, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(185, 119, 213, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(185, 119, 213, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#b977d5', GradientType=1);
}
.home-5 .swiper-slide3 .section-title .default-button.active {
    border: 2px solid #fff;
    padding: 7px 30px;
    background: transparent;
}
.home-5 .swiper-slide3 .section-title .default-button:hover {} .home-5 .swiper-slide3 .section-title .default-button.active:hover {
    color: #fff;
    border-color: transparent rgba(198, 125, 229, 1) transparent rgba(95, 72, 186, 1);
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
.image-container5 {
    position: relative;
}
.image-inner5 img {
    width: 100%;
}
.image-inner5 {
    position: absolute;
    left: -25px;
    top: -90px;
}
.home-5 .swiper-slide3 {
    padding-left: 375px;
}
/* slide home layout */

.slide1.slider_area {
    display: inherit;
}
.slide1 .slider_inner {
    margin-top: 0;
    padding: 284px 0 144px;
}
.slide1 .slide-downs {
    position: absolute;
    left: 420px;
    top: 129px;
}
.slide1 .image-inner {
    top: 0;
}
/* slide home layout 4 */

.slide4.slider_area3 {
    display: inherit;
}
.slide4 .slider_inner3 {
    margin-top: 0;
    padding: 284px 0 285px;
}
.slide4 .image-inner4 {
    top: 157px;
}
/* slide home layout 5 */

.slide5.slider_area3 {
    display: inherit;
}
.slide5 .slider_inner3 {
    margin-top: 0;
    padding: 284px 0 333px;
}
.slide5 .image-inner5 {
    top: 190px;
}
.owl-pagination {
    text-align: center;
}
.owl-page {
    width: 0px;
    height: 0px;
    background: #5A86F3;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    top: -57px;
    position: relative;
    border: 8px solid #f5f5f5;
    border-radius: 50%;
}
.owl-page.active {
    width: 20px;
    height: 20px;
    border: 4px solid #f5f5f5;
}
.slide4 .owl-pagination {
    text-align: left;
}
.slide4 .owl-page {
    background: #df2374;
    display: block;
    margin-bottom: 10px;
    top: -495px;
    left: 40px;
}
.slide4 .owl-page.active {
    margin-left: -2px;
}
.slide5 .owl-pagination {
    text-align: left;
}
.slide5 .owl-page {
    background: #5e48ba;
    display: block;
    margin-bottom: 10px;
    top: -495px;
    left: 40px;
}
.slide5 .owl-page.active {
    margin-left: -2px;
}
/* box */

.box .swiper-slides {
    padding-left: 15px;
}
.box .slide-downs {
    left: 60px;
}
.box .swiper-slides .section-title .heading span {
    font-size: 61px;
}
/*----------------------------- 
FEATURE AREA 
------------------------------*/

.feature-area {
    padding: 100px 0;
}
.f-icon {
    width: 20%;
    float: left;
}
.f-icon i {
    box-shadow: 0px 0px 17px rgba(93, 146, 237, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
.f-icon i {
    color: #5986f2;
    width: 70px;
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 0px 17px rgba(93, 146, 237, 0.2);
    font-size: 25px;
    transition: .5s;
}
.f-hover:hover .f-icon i {
    color: #fff;
    background: #5986f2;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    box-shadow: 0px 0px 30px rgba(93, 146, 237, 0.5);
    background: #5986f2;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(left top, #5986f2, #79e6cb);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    
    background: -webkit-linear-gradient(top left, #5986f2, #79e6cb);
    
    background: linear-gradient(to bottom right, #5986f2, #79e6cb);
    /* Standard syntax */
}
.f-content {
    width: 80%;
    overflow: hidden;
    padding-left: 5%;
}
h5.heading-text {
    font-size: 18px;
    color: #303030;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
}
.f-hover h5.heading-text:hover {
    color: #5986f2;
}
h5.about-title {
    font-size: 30px;
    color: #303030;
    font-weight: 500;
    text-transform: capitalize;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
}
h5.about-title span {
    color: #5986f2;
}
.excerpt,
.excerpt p {
    font-size: 14px;
    color: #757575;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0px;
}
/*----------------------------- 
FEATURE AREA 2
------------------------------*/

.home-2.feature-area {
    padding: 100px 0;
    background: #151923;
}
.f2-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.f2-icon i {} .f2-icon i {
    height: 42px;
    width: 42px;
    line-height: 42px;
    background: #272d3a;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
}
.f2-hover:hover .f2-icon i {
    background: #fff;
    color: #272d3a;
}
.f2-content {} h5.f2-heading-text {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    margin-top: 12px;
    margin-left: 15px;
}
h5.f2-heading-text:hover {
    color: #70798f;
}
.f2-excerpt,
.f2-excerpt p {
    font-size: 14px;
    color: #70798f;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0px;
}
/*----------------------------- 
FEATURE AREA 3
------------------------------*/

.home-2.home-3.feature-area {
    background: #fff;
    padding-bottom: 130px;
}
.f3 .f2-icon i {
    box-shadow: 0px 0px 17px rgba(39, 45, 58, 0.2);
    background: #fff;
    color: #272d3a;
}
.f3.f2-hover:hover .f2-icon i {
    background: #272d3a;
    color: #fff;
}
.f3 h5.f2-heading-text {
    color: #272d3a;
}
.f3 h5.f2-heading-text:hover {
    color: #272d3a;
}
.f3 .f2-excerpt,
.f3 .f2-excerpt p {
    color: #757575;
}
/*----------------------------- 
FEATURE AREA 4
------------------------------*/

.home-4.home-2.home-3.feature-area {
    background: transparent;
    padding: 0px;
}
.home-4 .f3 .f2-icon i {
    box-shadow: 0px 0px 17px rgba(39, 45, 58, 0.2);
    box-shadow: 0px 0px 17px rgba(223, 35, 116, 0.2);
    background: #fff;
    color: #df2374;
}
.home-4 .f2-content {
    background: #fff;
    padding: 30px 15px 25px;
    margin-top: -145px;
    box-shadow: 0px 14px 20px -3px rgba(0, 0, 0, 0.15);
}
.home-4 .f3.f2-hover:hover .f2-icon i {
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
    color: #fff;
}
.home-4 .f3 h5.f2-heading-text {
    color: #272d3a;
}
.home-4 .f3.f2-hover h5.f2-heading-text:hover {
    color: #df2374;
}
.home-4 .f3 .f2-excerpt,
.f3 .f2-excerpt p {
    color: #757575;
}
/*----------------------------- 
FEATURE AREA 5
------------------------------*/

.home-5.home-2.home-3.feature-area {
    padding-bottom: 0;
}
.home-5 .f3 .f2-icon i {
    box-shadow: 0px 0px 20px 0px rgba(95, 72, 186, 0.2);
    background: #fff;
    color: #5e48ba;
}
.home-5 .f2-content {
    padding: 30px 0 30px 25px;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(38, 6, 6, 0.15);
}
.home-5 .f3.f2-hover:hover .f2-icon i {
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
    color: #fff;
}
.home-5 .f3 h5.f2-heading-text {
    color: #272d3a;
}
.home-5 .f3.f2-hover h5.f2-heading-text:hover {
    color: #5e48ba;
}
.home-5 .f3 .f2-excerpt,
.f3 .f2-excerpt p {
    color: #757575;
}
/*==================
 ABOUT AREA 1
====================*/

.about-area {
    background: #f7f7f7;
    padding: 93px 0 73px;
}
.a-content {} .according {
    margin-top: 25px;
}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
    margin-bottom: 15px;
}
.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    border-color: #5A86F3;
}
.panel-heading h4 a {
    position: relative;
    display: block;
    padding: 15px;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #5A86F3;
    box-shadow: 0px 2px 2px #ddd;
}
.panel-heading h4 a:before {
    background: transparent;
    color: #fff;
    content: "-";
    height: 100%;
    line-height: 46px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 36px;
    font-size: 19px;
    font-weight: 700;
}
.panel-heading h4 a.collapsed i {
    padding: 0 10px 0 0px;
    color: #1bbc9b;
}
.panel-heading h4 a.collapsed {
    background: #fff;
    color: #444;
}
.panel-heading h4 a.collapsed:before {
    color: #666;
    content: "+";
}
.panel-body {
    border-top-color: #EEEEEE;
    color: #757575;
    line-height: 24px;
}
/*==================
 ABOUT AREA 2
====================*/

.about-area.home-2 {
    background: #1e222d;
    padding: 100px 0 80px;
}
.home-2 .about-content {
    margin-top: 35px;
}
h5.about-title2 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    text-align: left;
    margin-top: 0;
}
h5.about-title2.about-title2m {
    margin-bottom: 30px;
}
h5.about-title2 span {
    color: #70798f;
    text-transform: lowercase;
}
.about-text p {
    color: #70798f;
    margin-bottom: 25px;
}
/*about list*/

.about-list {} .about-list ul {} .about-list ul li {
    color: #70798f;
    padding: 5px 0;
    position: relative;
    padding-left: 30px;
}
.about-list ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: 5px;
    left: 0;
}
/*about button*/

.single-about-wrapper {
    display: inline-block;
    margin-right: 30px;
    margin-top: 55px;
}
.single-about-btn a {
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 50px;
    display: inline-block;
    height: 70px;
    padding: 0 20px 0 53px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-about-btn i {
    color: #ffffff;
    font-size: 24px;
    left: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 35px;
    text-decoration: none;
}
.single-about-btn span {
    color: #ffffff;
    display: block;
    font-size: 14px;
    line-height: 45px;
    text-align: left;
}
.single-about-btn span.about-inner-big {
    display: block !important;
    font-size: 18px;
    position: relative;
    top: -25px;
    font-weight: 600;
}
.single-about-btn.aboutbtn:hover a {
    background: #70798f;
    color: #fff;
    border-color: #70798f;
}
/*==================
 ABOUT AREA 3
====================*/

.about-area.home-2.home-3 {
    background: #fff;
    padding-bottom: 0px;
}
.home-2.home-3 .about-content {
    margin-top: 35px;
}
.about3 h5.about-title2 {
    color: #272d3a;
}
.about3 h5.about-title2.about-title2m {
    margin-bottom: 30px;
}
.about3 h5.about-title2 span {
    color: #70798f;
}
.about3 .about-text p {
    color: #757575;
}
/*about button*/

.about3.single-about-wrapper {
    margin-top: 25px;
}
.about3 .single-about-btn a {
    background: transparent;
    border: 2px solid #272d3a;
    -webkit-transition: .5s;
    transition: .5s;
}
.about3 .single-about-btn i {
    color: #272d3a;
    -webkit-transition: .5s;
    transition: .5s;
}
.about3 .single-about-btn span {
    color: #272d3a;
    -webkit-transition: .5s;
    transition: .5s;
}
.about3 .single-about-btn.aboutbtn:hover a {
    background: #272d3a;
    color: #fff;
    border-color: #272d3a;
}
.about3 .single-about-btn:hover i,
.about3 .single-about-btn:hover span {
    color: #fff;
}
/*==================
 ABOUT AREA 4
====================*/

.about-area.home-2.home-3.home-4 {
    padding-top: 94px;
    padding-bottom: 90px;
}
.home-4 .about3 h5.about-title2 {
    color: #272d3a;
}
.home-4 .about3 h5.about-title2 span {
    color: #df2374;
}
/*about button*/

.home-4 .about3 .single-about-btn a {
    border: 2px solid #df2374;
}
.home-4 .about3 .single-about-btn i {
    color: #df2374;
}
.home-4 .about3 .single-about-btn span {
    color: #df2374;
}
.home-4 .about3 .single-about-btn.aboutbtn:hover a {
    color: #fff;
    border-color: transparent rgba(255, 128, 105, 1) transparent rgba(223, 35, 116, 1);
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
}
.home-4 .about3 .single-about-btn:hover i,
.home-4 .about3 .single-about-btn:hover span {
    color: #fff;
}
/*==================
 ABOUT AREA 5
====================*/

.about-area.home-2.home-3.home-5 {
    background: #fff;
}
.home-5 .about3 h5.about-title2 {
    color: #272d3a;
}
.home-5 .about3 h5.about-title2 span {
    color: #5e48ba;
}
/*about button*/

.home-5 .about3 .single-about-btn a {
    border: 2px solid #5e48ba;
}
.home-5 .about3 .single-about-btn i {
    color: #5e48ba;
}
.home-5 .about3 .single-about-btn span {
    color: #5e48ba;
}
.home-5 .about3 .single-about-btn.aboutbtn:hover a {
    color: #fff;
    border-color: transparent rgba(198, 125, 229, 1) transparent rgba(95, 72, 186, 1);
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
.home-5 .about3 .single-about-btn:hover i,
.home-5 .about3 .single-about-btn:hover span {
    color: #fff;
}
/*====================
FUN AREA 1
======================*/

.spacing {
    height: 300px;
    display: block;
}
.fun-area {
    padding: 100px 0 90px;
    background-color: #fff;
    background-image: url(img/fun-bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.single-fun {
    text-align: center;
}
.single-fun .number {} .single-fun .number h2 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.single-fun .number h2 sup {} .single-fun .number h2 sup {
    margin-left: -10px;
}
.single-fun .heading {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
}
/*===========================
FUN FACT AREA 2
=============================*/

.fun-area.home-2 {
    padding: 100px 0 90px;
    background: #151923;
}
.single-fun2 {
    text-align: center;
}
.single-fun2 .number2 {} .single-fun2 .number2 h2 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}
.single-fun2 .number2 h2 sup {
    margin-left: -10px;
}
.single-fun2 .heading2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
    color: #fff;
}
/*====================
FUN AREA 4
======================*/

.fun-area.home-4 {
    padding: 100px 0 90px;
    background-color: #fff;
    background-image: url(img/fun-bg2.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/*====================
FUN AREA 5
======================*/

.fun-area.home-5 {
    background-image: url(img/fun-bg5.png);
}
.home-5 .single-fun .heading {
    color: #fff;
}
/*============================
SERVICE AREA
===============================*/

.fix {
    overflow: hidden;
}
.service-area {
    padding: 94px 0 80px;
}
.feature-bg {
    background-image: url(img/feature-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 190px 0 99px;
}
.feature-wide {} .single-left {
    text-align: right;
}
.single-left:last-child {
    padding-bottom: 0px;
}
.single-left .ficon-one {
    display: inline-block;
    float: right;
    /* padding-right: 10px; */
}
.single-left .ficon-one i {
    margin-left: 30px;
    color: #5986f2;
    width: 70px;
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 0px 30px rgba(93, 146, 237, 0.2);
    position: relative;
    z-index: 1;
    font-size: 28px;
}
.single-left:hover .ficon-one i,
.single-right:hover .ficon-two i {
    color: #fff;
    background: #5986f2;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    box-shadow: 0px 0px 30px rgba(93, 146, 237, 0.5);
    background: #5986f2;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(left top, #5986f2, #79e6cb);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    
    background: -webkit-linear-gradient(top left, #5986f2, #79e6cb);
    
    background: linear-gradient(to bottom right, #5986f2, #79e6cb);
    /* Standard syntax */
}
.single-left .single-one h3:hover,
.single-right .single-two h3:hover {
    color: #5986f2;
}
.single-left .single-one {} .single-left .single-one h3 {
    font-size: 18.01px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-left .single-one p {
    overflow: hidden;
}
/* middle */

.single-middle {
    text-align: center;
}
/* right */

.single-right {
    text-align: left;
}
.single-right:last-child {
    padding-bottom: 0px;
}
.single-right .ficon-two {
    display: inline-block;
    float: left;
    /* padding-left: 10px; */
}
.single-right .ficon-two i {
    margin-right: 30px;
    color: #5986f2;
    width: 70px;
    height: 70px;
    background: #fff;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 0px 30px rgba(93, 146, 237, 0.2);
    position: relative;
    z-index: 1;
    font-size: 28px;
}
.single-right .single-two {} .single-right .single-two h3 {
    font-size: 18.01px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.single-right .single-two p {
    overflow: hidden;
}
/**/

.feature-bg {
    background-image: url(img/feature-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 95px 0 99px;
}
.single-left,
.single-right {
    padding-bottom: 135px;
}
.single-left:nth-child(1) {
    margin-right: -120px;
}
.single-left:nth-child(2) {
    margin-right: -25px;
}
.single-left:nth-child(3) {
    margin-right: -102px;
}
.single-right:nth-child(1) {
    margin-left: -120px;
}
.single-right:nth-child(2) {
    margin-left: -25px;
}
.single-right:nth-child(3) {
    margin-left: -102px;
}
/*============================
SERVICE AREA 2
=============================*/

.fix {
    overflow: hidden;
}
.service-area.home-2 {
    padding: 100px 0 100px;
    background: #1e222d;
}
.single-left2 {
    text-align: right;
    padding-bottom: 85px;
}
.single-left2:last-child {
    padding-bottom: 0px;
}
.single-left2 .ficon-one2 {
    display: inline-block;
    float: right;
    /* padding-right: 10px; */
}
.single-left2 .ficon-one2 i {
    margin-left: 30px;
    color: #fff;
    width: 70px;
    height: 70px;
    background: #272d3a;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    font-size: 28px;
}
.single-left2:hover .ficon-one2 i,
.single-right2:hover .ficon-two2 i {
    background: #fff;
    color: #272d3a;
}
.single-one2 h3,
.single-two2 h3 {
    color: #fff;
}
.single-left2 .single-one2 h3:hover,
.single-right2 .single-two2 h3:hover {
    color: #fff;
}
.single-left2 .single-one2 {} .single-left2 .single-one2 h3,
.single-right2 .single-two2 h3 {
    font-size: 18.01px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-left2 .single-one2 p,
.single-right2 .single-two2 p {
    overflow: hidden;
    color: #70798f;
}
/* middle */

.single-middle2 {
    text-align: center;
}
/* right */

.single-right2 {
    text-align: left;
    padding-bottom: 85px;
}
.single-right2:last-child {
    padding-bottom: 0px;
}
.single-right2 .ficon-two2 {
    display: inline-block;
    float: left;
    /* padding-left: 10px; */
}
.single-right2 .ficon-two2 i {
    margin-right: 30px;
    color: #fff;
    width: 70px;
    height: 70px;
    background: #272d3a;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 28px;
}
.single-right2 .single-two2 {}
/**/

.feature-bg2 {
    background-image: url(img/home1/service/s-bg1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}
.feature-wide2 {
    margin-top: 90px;
}
/*============================
SERVICE AREA 3
=============================*/

.service-area.home-2.home-3 {
    padding: 100px 0;
    background: #f7f7f7;
}
.service-area.home-2.home-3 {
    /* background-image: url(../images/funfact4.png); */
    
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    padding: 110px 0 100px;
    position: relative;
    z-index: 1;
}
.service-area.home-2.home-3:after {
    background: #f7f7f7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skewY(173deg);
    transform: skewY(173deg);
    width: 100%;
    z-index: -1;
}
.s3.single-right2 .ficon-two2 i {
    color: #272d3a;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(39, 45, 58, 0.2);
}
.s3.single-right2:hover .ficon-two2 i {
    background: #272d3a;
    color: #fff;
}
.s3 .single-two2 h3 {
    color: #272d3a;
}
.s3.single-right2:hover .single-two2 h3 {
    color: #272d3a;
}
.s3.single-right2 .single-two2 p {
    overflow: hidden;
    color: #757575;
}
.home-3 .feature-wide2 {
    margin-top: 34px;
}
.home-3 .single-right2 {
    padding-bottom: 50px;
}
/*============================
SERVICE AREA 2 4
=============================*/

.service-area.home-2.home-4 {
    background: #ffffff;
}
.home-4 .single-left2 .ficon-one2 i,
.home-4 .single-right2 .ficon-two2 i {
    color: #df2374;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(223, 35, 116, 0.2);
}
.home-4 .single-left2:hover .ficon-one2 i,
.home-4 .single-right2:hover .ficon-two2 i {
    box-shadow: none;
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
    color: #fff;
}
.home-4 .single-one2 h3,
.home-4 .single-two2 h3 {
    color: #303030;
}
.home-4 .single-left2 .single-one2 h3:hover,
.home-4 .single-right2 .single-two2 h3:hover {
    color: #df2374;
}
.home-4 .single-left2 .single-one2 {} .home-4 .single-left2 .single-one2 h3,
.home-4 .single-right2 .single-two2 h3 {
    font-size: 18.01px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}
.home-4 .single-left2 .single-one2 p,
.home-4 .single-right2 .single-two2 p {
    overflow: hidden;
    color: #757575;
    font-size: 13px;
}
.home-4 .feature-wide2 {
    margin-top: 70px;
}
/*============================
SERVICE AREA 5
=============================*/

.service-area.home-5 {
    background: #ffffff;
    padding-bottom: 0;
}
.home-5 .single-left2 .ficon-one2 i,
.home-5 .single-right2 .ficon-two2 i {
    color: #5e48ba;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(95, 72, 186, 0.2);
}
.home-5 .single-left2:hover .ficon-one2 i,
.home-5 .single-right2:hover .ficon-two2 i {
    box-shadow: none;
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
    color: #fff;
}
.home-5 .single-one2 h3,
.home-5 .single-two2 h3 {
    color: #272d3a;
}
.home-5 .single-left2 .single-one2 h3:hover,
.home-5 .single-right2 .single-two2 h3:hover {
    color: #5e48ba;
}
.home-5 .single-right2 .ficon-two2 i {
    margin-right: 27px;
}
.home-5 .single-right2 {
    margin-bottom: 107px;
}
/* box service */

.box .single-left,
.box .single-right {
    padding-bottom: 95px;
}
.box .single-left:nth-child(1) {
    margin-right: -47px;
}
.box .single-left:nth-child(2) {
    margin-right: 41px;
}
.box .single-left:nth-child(3) {
    margin-right: -7px;
}
.box .single-right:nth-child(1) {
    margin-left: -47px;
}
.box .single-right:nth-child(2) {
    margin-left: 41px;
}
.box .single-right:nth-child(3) {
    margin-left: -7px;
}
/*=============
video area 
===============*/

.video-area {
    padding: 150px 0 145px;
    background-color: #fff;
    background-image: url(img/video-bg1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}
.single-video {
    text-align: center;
}
.video-icon {
    text-align: center;
}
.video-icon a {
    text-align: center;
    display: inline-block;
    margin-bottom: 25px;
}
.video-icon a i {
    color: #fff;
    border: 5px solid #fff;
    width: 90px;
    height: 90px;
    line-height: 80px;
    font-size: 40px;
    border-radius: 50%;
}
.video-title {} .video-title h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 0px;
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 20px;
}
.video-title p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0px;
}
/*=============
video area 2
===============*/

.video-area.home-2 {
    padding: 160px 0 155px;
    background-color: #fff;
    background-image: url(img/home1/video/video-bg2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
/*=============
video area 3
===============*/

.video-area.home-3 {
    padding: 0px;
    background-color: #fff;
    background-image: url(img/home1/video/video_bg_3.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.home-3 .single-video {
    height: 921px;
    display: table;
    width: 100%;
}
.home-3 .single-video-inner {
    display: table-cell;
    vertical-align: middle;
}
/*=============

video area 2
===============*/

.home-4.video-area {
    background-image: url(img/home1/video/video-bg4.jpg);
}
/*=============
video area 5
===============*/

.home-5.video-area {
    background-image: url(img/home1/video/vedio-bg5.jpg);
}
/*========================
SCREENSHOT AREA
==========================*/

.screenshot-area {
    padding: 92px 0 70px;
}
.screen-slide {
    padding: 0 15px;
}
.screen-slide.slick-current.slick-active {
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}
/*========================
SCREENSHOT AREA 2
==========================*/

.screenshot-area.home-2 {
    padding: 93px 0 100px;
    background: #1e222d;
}
/*========================
SCREENSHOT AREA 3
==========================*/

.screenshot-area.home-3 {
    padding: 0px 0 170px;
}
.swiper3screen .swiper-slide img {
    width: 100%;
}
.home-4.screenshot-area {
    padding: 94px 0px 100px;
}
/*========================
SCREENSHOT AREA 5
==========================*/

.screenshot-area.home-5 {
    background: #ffffff;
    padding: 94px 0 100px;
}
/* download area*/

.download-area {
    padding: 100px 0 95px;
    background-color: #fff;
    background-image: url(img/download-bg1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.download-wrapper {
    margin-top: 16px;
}
.download-btn {
    display: inline-block;
    float: left;
    padding: 0 25px;
    margin-top: 35px;
}
.download-btn a {
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 50px;
    display: inline-block;
    height: 70px;
    padding: 0 20px 0 53px;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}
.download-btn:hover a {
    color: #fff;
    border-color: transparent rgba(121, 230, 203, 1) transparent rgba(93, 146, 237, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(93, 146, 237, 1)), color-stop(100%, rgba(121, 230, 203, 1)));
    background: -webkit-linear-gradient(left, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    background: linear-gradient(to right, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d92ed', endColorstr='#79e6cb', GradientType=1);
}
.download-btn i {
    color: #ffffff;
    font-size: 24px;
    left: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 35px;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}
.download-btn span {
    color: #ffffff;
    display: block;
    font-size: 14px;
    line-height: 45px;
    text-align: left;
    -webkit-transition: .5s;
    transition: .5s;
}
.download-btn span.inner-big {
    display: block !important;
    font-size: 18px;
    position: relative;
    top: -25px;
    font-weight: 600;
    -webkit-transition: .5s;
    transition: .5s;
}
/*===========================
 download area 2
============================*/

.download-area.home-2 {
    background-image: url(img/home1/down/down-bg1.jpg);
}
.home-2 .download-wrapper {
    margin-top: 30px;
}
.download-btn.down2:hover a {
    background: #70798f;
    color: #fff;
    border-color: #70798f;
}
/*===========================
 download area 3
============================*/

.download-area.home-2.home-3 {
    background-image: url(img/home1/down/down-bg3.png);
    padding: 251px 0px 251px;
}
.download-btn.down3 a {
    color: #272d3a;
    border-color: #fff;
}
.download-btn.down3 i {
    color: #272d3a;
}
.download-btn.down3 span {
    color: #272d3a;
}
.download-btn.down3:hover a {
    background: #272d3a;
    color: #fff;
    border-color: #272d3a;
}
.download-btn.down3:hover i,
.download-btn.down3:hover span {
    color: #fff;
}
/*===========================
 download area 2 4
============================*/

.home-4.download-area.home-2 {
    background-image: url(img/home1/down/down-bg2.jpg);
}
.home-4 .download-area {
    padding: 100px 0 90px;
}
.home-4 .download-btn.down2:hover a {
    border-color: transparent rgba(255, 128, 105, 1) transparent rgba(223, 35, 116, 1);
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
}
.home-4 .download-wrapper {
    margin-top: 14px;
}
/*===========================
 download area 5
============================*/

.home-5.download-area.home-2 {
    background-image: url(img/home1/down/down-bg5.jpg);
}
.home-5 .download-btn.down2:hover a {
    color: #fff;
    border-color: transparent rgba(198, 125, 229, 1) transparent rgba(95, 72, 186, 1);
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
.download-btn {
    margin-top: 5px;
}
.home-5 .download-wrapper {
    margin-top: 0;
}
/*================
 team area
=================*/

.team-area {
    padding: 94px 0px 80px;
}
.single-team {
    position: relative;
    border: 2px solid #ececea;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 20px;
    margin-bottom: 20px;
	border-radius:130px;
}
.single-team:hover {
    border-color: transparent;
	box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.3);
	border-radius:130px;
}
.team-thum {} .team-thum img {
    width: 100%;
    display: block;
	border-radius:130px;
}
.team-content-inner {
    position: relative;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
	border-radius:130px;
}
.team-content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    transition: .5s;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0px;
    position: absolute;
    text-align: center;
    background: rgba(255, 255, 255, .9);
    padding: 48px 15px;
    /* transform:scale(0); */
    
    -webkit-transform: scale(0);
    
            transform: scale(0);
    width: 100%;
    height: 100%;
	border-radius:130px;
}
.single-team:hover .team-content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
            transform: scale(1);
			border-radius:130px;
}
.team-info {} .team-info h3 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #252525;
    text-transform: uppercase;
	border-radius:130px;
}
.team-info h4 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    color: #252525;
    margin-bottom: 15px;
	border-radius:130px;
}
.team-info p {} .team-social-icon {} .team-social-icon a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #5986f2;
	 font-size: 14px;
	 border-radius:130px;
}
.team-social-icon a:last-child: {
    margin-right: 0px;
}
.team-social-icon a i {
   
}
.team-social-icon a:hover {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background: #5986f2;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(left top, #5986f2, #79e6cb);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    
    background: -webkit-linear-gradient(top left, #5986f2, #79e6cb);
    
    background: linear-gradient(to bottom right, #5986f2, #79e6cb);
    /* Standard syntax */
}
/*================
 TEAM AREA 2
=================*/

.team-area.home-2 {
    padding: 100px 0px;
    background: #1e222d;
}
.single-team.hteam2 {
    position: relative;
    border: 0px solid #ececea;
    -webkit-transition: .5s;
    transition: .5s;
}
.team-content.hteam2 {
    padding: 63px 15px;
}
.team-social-icon.hteam2 a {
    border: 1px solid #f1f1f1;
    color: #70798f;
}
.team-social-icon.hteam2 a:hover {
    color: #fff;
    border-color: #70798f;
    background: #70798f;
}
/*================
 TEAM AREA 3
=================*/

.team-area.home-2.home-3 {
    padding: 110px 0 150px;
    background: #fff;
    z-index: 1;
    position: relative;
}
.team-area.home-2.home-3:after {
    background: #f7f7f7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skewY(173deg);
    transform: skewY(173deg);
    width: 100%;
    z-index: -1;
}
/*================
 TEAM AREA 4
=================*/

.home-4 .team-social-icon.hteam2 a {
    border: 1px solid #efefef;
    color: #df2374;
}
.home-4 .single-team.hteam2 {
    border: 1px solid #ececea;
}
.home-4 .team-social-icon.hteam2 a:hover {
    color: #fff;
    border: 1px solid #fff;
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
}
/*================
 TEAM AREA 5
=================*/

.home-5 .team-social-icon.hteam2 a {
    border: 1px solid #5F48BA;
    color: #5F48BA;
}
.home-5 .single-team.hteam2 {
    border: 1px solid #ececea;
}
.home-5 .team-social-icon.hteam2 a:hover {
    color: #fff;
    border: 1px solid #fff;
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
/*==============================
 testimonil area
================================*/

.testimonial-area {
    padding: 94px 0 80px;
    background: #f7f7f7;
}
.single-testi {
    padding: 30px 0px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    margin: 57px 120px 0;
    box-shadow: 0px 0px 10px #ddd;
}
.testi-thumb {} .testi-thumb img {
    /* border:3px solid #ececea; */
    /* width:110px; */
    /* height:110px; */
    /* border-radius:50%; */
}
.testi-des {} .testi-des p {
    padding: 30px 30px 0px;
}
.review p i {
    color: #79e6cb;
}
.testi-degig h4 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #202020;
}
/*==============================
TESTIMONIAL AREA 2
================================*/

.testimonial-area.home-2 {
    padding: 100px 0;
    background-color: #fff;
    background-image: url(img/home1/client/client-bg1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.single-testi2.single-testi {
    margin: 130px 0px 15px;
    box-shadow: none;
    background: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.single-testi .testi-content {
    position: relative;
    z-index: 1;
}
.single-testi .testi-content:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 0px;
    font-size: 130px;
    width: 100%;
    height: 100%;
    top: 33%;
	padding-top:34px;
    /* transform: translateY(-50%); */
    
    color: rgba(241, 241, 241, .6);
    z-index: -1;
}
.single-testi2 .single-testi:before {
    display: none;
}
.single-testi2 .testi-thumb {
    margin-top: -85px;
}
.single-testi2 .testi-des p {
    padding: 25px 31px 15px;
}
.single-testi2 .review p i {
    color: #333;
}
/*==============================
 TESTIMONIAL AREA 3
================================*/

.testimonial-area.home-3 {
    padding: 100px 0 25px;
    background: #fff;
}
.single-testi {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
	padding-bottom: 5px;
}
.home-3 .review p i {
    color: #272d3a;
}
/*==============================
TESTIMONIAL AREA 4
================================*/

.home-4.testimonial-area.home-2 {
    padding: 100px 0;
    background: #f7f7f7;
}
.home-4 .single-testi2 .review p i {
    color: #df2374;
}
/*==============================
TESTIMONIAL AREA 5
================================*/

.home-5.testimonial-area.home-2 {
    padding: 100px 0;
    background: #f7f7f7;
}
.home-5 .single-testi2 .review p i {
    color: #5F49B8;
}
/*=====================
 pricing table
 ====================*/

.pricing-area {
    padding: 94px 0 100px;
}
.single-pricing {
    background-color: #fff;
    background-image: url(img/pricing-bg1.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #ececea;
    text-align: center;
    padding-bottom: 55px;
}
.single-pricing:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.3);
}
.pricing-inner {} .price {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding: 40px 0 0px;
}
.price h4 {
    color: #5986f2;
    display: inline-block;
}
.price span {
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}
.price .text-top {
    top: -22px;
    position: relative;
    font-size: 24px;
}
.price span.text-large {
    font-size: 60px;
}
.price p {
    line-height: 82px;
    font-size: 14px;
    position: relative;
    top: 10px;
}
/*title pricing*/

.pricing-title {} .pricing-title h2 {
    position: relative;
    font-size: 18px;
    z-index: 1;
    margin: 0;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}
.pricing-title h2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #ececea;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
}
.pricing-title h2 span {
    border: 1px solid #ececea;
    padding: 10px 50px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.pricing-content {
    padding: 45px 0 40px;
}
.pricing-content ul {} .pricing-content ul li {
    padding: 10px 0;
    font-size: 18px;
    color: #252525;
}
.pricing-save {} .pricing-save p {
    color: #5986f2;
    font-size: 18px;
    margin-bottom: 0px;
}
.pricing-save p+p {
    font-size: 14px;
    color: #757575;
    margin-bottom: 20px;
}
.pricing-readmeor p {
    margin-bottom: 0px;
}
.pricing-readmeor a {
    border: 2px solid #5986f2;
    padding: 10px 50px;
    border-radius: 50px;
    display: inline-block;
    color: #5986f2;
    font-size: 18px;
    font-weight: 600;
}
.single-pricing:hover .pricing-title h2:before {
    background: #5A86F3;
}
.single-pricing:hover .pricing-title h2 span {
    border-color: #5A86F3;
    color: #5A86F3;
}
.pricing-readmeor a:hover {
    color: #fff;
    border-color: transparent rgba(121, 230, 203, 1) transparent rgba(93, 146, 237, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(93, 146, 237, 1)), color-stop(100%, rgba(121, 230, 203, 1)));
    background: -webkit-linear-gradient(left, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    background: linear-gradient(to right, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d92ed', endColorstr='#79e6cb', GradientType=1);
}
/*=======================
PRICING TABLE 4
========================*/

.home-4 .single-pricing {
    background-image: url(img/pricing-bg4.png);
}
.home-4 .price h4 {
    color: #df2374;
}
.home-4 .pricing-save p {
    color: #df2374;
}
.home-4 .pricing-readmeor a {
    border: 2px solid #df2374;
    color: #df2374;
}
.home-4 .single-pricing:hover .pricing-title h2:before {
    background: #fff;
}
.home-4 .single-pricing:hover .pricing-title h2 span {
    border-color: #fff;
    color: #df2374;
}
.home-4 .pricing-readmeor a:hover {
    color: #fff;
    border-color: transparent rgba(255, 128, 105, 1) transparent rgba(223, 35, 116, 1);
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
}
.home-4 .single-pricing {
    padding-bottom: 0px;
}
.home-4 .pricing-inner {
    padding-bottom: 55px;
}
.home-4 .pricing-inner:hover {
    background: rgba(268, 172, 182, .5);
}
/*=======================
PRICING TABLE 2
========================*/

.pricing-area.home-2 {
    background: #1e222d;
}
.single-pricing2.single-pricing {
    background: #f7f7f7;
    border: 0px solid #ddd;
}
.single-pricing2 .pricing-inner {} .single-pricing2 .pricing-hover {
    /* background: #70798f; */
    
    padding-bottom: 5px;
    color: #fff;
    border-bottom: 1px solid #e9e9e9;
}
.single-pricing2.single-pricing:hover .pricing-hover {
    background: #70798f;
    border-color: 1px solid #70798f;
}
.single-pricing2 .price {
    padding: 0;
}
.single-pricing2 .price h4 {
    color: #70798f;
}
/*title pricing*/

.single-pricing2 .pricing-title {} .single-pricing2 .pricing-title2 h2 {
    position: relative;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    padding: 40px 0 15px;
    color: #70798f;
}
.single-pricing2 .pricing-title2 h2 span {} .single-pricing2 .pricing-content {
    padding: 30px 0 35px;
}
.single-pricing2 .pricing-content ul {} .single-pricing2 .pricing-content ul li {
    color: #252525;
}
.single-pricing2 .pricing-save {} .single-pricing2 .pricing-save p {
    color: #70798f;
}
.single-pricing2 .pricing-save p+p {
    color: #70798f;
}
.single-pricing2 .pricing-readmeor p {
    margin-bottom: 0px;
}
.single-pricing2 .pricing-readmeor a {
    border: 2px solid #70798f;
    color: #70798f;
}
.single-pricing2.single-pricing:hover .price span,
.single-pricing2.single-pricing:hover .price h4,
.single-pricing2.single-pricing:hover .pricing-title2 h2 {
    color: #fff;
}
.single-pricing2 .pricing-readmeor a:hover {
    color: #fff;
    background: #70798f;
}
/*=======================
PRICING TABLE 5
========================*/

.pricing-area.home-5 {
    background: #fff;
}
.home-5 .single-pricing2.single-pricing {
    background: #f7f7f7;
    -webkit-transition: .5s;
    transition: .5s;
}
.home-5 .single-pricing2.single-pricing .pricing-hover {
    border: none;
    -webkit-transition: .5s;
    transition: .5s;
}
.home-5 .single-pricing2.single-pricing:hover .pricing-hover {
    background: #fff;
    border: none;
}
.home-5 .single-pricing2.single-pricing:hover {
    background: #ffffff;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.3);
}
.home-5 .single-pricing2 .price h4 {
    color: #5F48BC;
}
.home-5 .single-pricing2 .pricing-content {
    padding: 25px 0 35px;
}
/*title pricing*/

.home-5 .single-pricing2 .pricing-title2 h2 {
    color: #252525;
}
.home-5 .single-pricing2 .pricing-save {} .home-5 .single-pricing2 .pricing-save p {
    color: #5F48BA;
}
.home-5 .single-pricing2 .pricing-save p+p {
    color: #757575;
}
.home-5 .single-pricing2 .pricing-readmeor p {
    margin-bottom: 0px;
}
.home-5 .single-pricing2 .pricing-readmeor a {
    border: 2px solid #5F48BC;
    color: #5F48BC;
}
.home-5 .single-pricing2.single-pricing:hover .price span,
.home-5 .single-pricing2.single-pricing:hover .price h4,
.home-5 .single-pricing2.single-pricing:hover .pricing-title2 h2 {
    color: #5F48BC;
}
.home-5 .single-pricing2 .pricing-readmeor a:hover {
    color: #fff;
    border-color: transparent rgba(198, 125, 229, 1) transparent rgba(95, 72, 186, 1);
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
/*=====================
BLOG AREA 1
=========================*/

.blog-area {
    padding: 94px 0 70px;
    background: #1e222d;
}
.single-blog {
    background: #f7f7f7;
    padding-bottom: 25px;
	margin-bottom:30px;
}
.blog-thumb {
    overflow: hidden;
}
.blog-thumb a {
    position: relative;
}
.blog-thumb a {
    display: block;
}
.blog-thumb img {
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
	width: 100%;
}
.blog-thumb a:before {
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #f00;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
}
.blog-inner {
    padding: 20px;
}
.blog-content {} 
.blog-content h2 {
    color: #202020;
    margin: 0;
    margin-bottom: 20px;
}
.blog-content p {
    margin: 0;
    color: #757575;
}
/*blog meta*/

.blog-meta {
    margin-top: 15px;
    background: #fff;
    width: 100%;
    padding: 0px 20px;
}
.blog-meta:after {
    display: block;
    clear: both;
    content: "";
}
.blog-meta a {} .blog-meta-left {
    float: left;
    position: relative;
    padding: 7px 0;
}
.blog-meta-left a {
    color: #757575;
    padding-left: 65px;
    font-size: 12px;
}
.blog-meta-left .date {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    left: 0px;
    top: -10px;
    background: #70798f;
    padding: 8px;
    line-height: 16px;
}
.blog-meta-left .date span {
    display: block;
}
.blog-meta-left a i {
    margin-right: 2px;
}
.blog-meta-right {
    float: right;
    padding: 7px 0;
}
.blog-meta-right a {
    font-size: 12px;
    color: #757575;
    margin-left: 20px;
}
.blog-meta-right a i {
    margin-right: 5px;
}
.blog-content h2:hover,
.blog-content h2 a:hover {
    color: #70798f;
}
.single-blog:hover .blog-thumb a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-blog:hover .blog-thumb img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.home-5 .blog-content h2:hover,
.home-5 .blog-content h2 a:hover {
    color: #5E47B9;
}
/*=====================
BLOG AREA 3
=========================*/

.blog-area.home-3 {
    padding: 0px 0 70px;
    background: #fff;
}
.home-3 .blog-meta-left .date {
    color: #fff;
    background: #272d3a;
}
.home-3 .single-blog {
    -webkit-transition: .5s;
    transition: .5s;
}
.home-3 .single-blog:hover {
	 box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.3);
}
.home-3 .blog-content p {
    margin: 0;
    color: #757575;
    font-size: 13px;
}
/*=====================
BLOG AREA 5
=========================*/

.blog-area.home-5 {
    padding: 100px 0 70px;
    background: #fff;
}
.home-5 .blog-meta-left .date {
    color: #fff;
    background: #5E47B9;
}
.home-5 .single-blog {
    -webkit-transition: .5s;
    transition: .5s;
}
.home-5 .single-blog:hover {
	 box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.3);
}
.home-5 .blog-content p {
    margin: 0;
    color: #757575;
    font-size: 13px;
}
.home-5 .blog-content h2:hover {
    color: #5E47B9;
}
/*=====================
SUBSCRIBE AREA 1
=========================*/

.subdcribe {
    text-align: center;
}
.subdcribe .s-title {
    font-size: 36px;
    color: #303030;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    margin-bottom: 24px;
}
.subdcribe-box {
    padding: 0 190px;
}
.subdcribe-box p {
    position: relative;
    margin-bottom: 70px;
}
.subdcribe-box p input {
    width: 100%;
    height: 70px;
    border: 0;
    border-radius: 50px;
}
.subdcribe-box p input[type="email"] {
    padding-left: 30px;
}
.button-subs {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 25px;
    background: transparent;
    border: 0;
    color: #858585;
}
/*=====================
SUBSCRIBE AREA 2
=========================*/

.subdcribe-area {
    background: #151923;
    padding: 100px 0;
}
.subdcribe2.subdcribe .s-title {
    color: #70798f;
}
.subdcribe2 .subdcribe-box p {
    margin-bottom: 0px;
}
.subdcribe2 .subdcribe-box p input {
    border: 1px solid #70798f;
    background: transparent;
    color: #70798f;
}
.subdcribe2 .subdcribe-box p input[type="email"] {
    color: #70798f;
}
/*=====================
SUBSCRIBE AREA 3
=========================*/

.subdcribe .s-title.h-style1 {
    color: #fff;
}
/*=====================
SUBSCRIBE AREA 5
=========================*/

.subdcribe-area.home-5 {
    padding: 93px 0px 100px;
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
.home-5 .subdcribe2.subdcribe .s-title {
    color: #fff;
}
.home-5 .subdcribe2 .subdcribe-box p {
    margin-bottom: 0px;
}
.home-5 .subdcribe2 .subdcribe-box p input {
    border: 1px solid #fff;
    background: #fff;
    color: #252525;
}
.home-5 .subdcribe2 .subdcribe-box p input[type="email"] {
    color: #70798f;
}
/*====================
 FOOTER AREA 1
=======================*/

.footer-area {
    padding: 24px 0 0;
    background-color: #fff;
    background-image: url(img/footer-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgf {
    background: rgba(255, 255, 255, .7);
    padding: 60px 30px;
}
/* input field */

h2.footer-title {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
    color: #303030;
}
.field {} .input-field {
    width: 50%;
    float: left;
}
.input-field label,
.textarea-field label {
    color: #606060;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.input-field input {
    width: 95%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    height: 33px;
    font-size: 12px;
}
.input-field input[type="text"] {} .input-field input[type="email"] {} .textarea-field textarea {
    width: 97%;
    border: 1px solid #e5e5e5;
    height: 80px;
    padding: 10px;
}
.input-field input,
.textarea-field textarea {
    color: #555555;
}
.subdcribe2 .subdcribe-box p input[type="email"],
.home-2 .input-field input,
.home-2 .textarea-field textarea {
    color: #858585;
}
/*contact address*/

.single-contact {
    background: #fff;
    border: 1px solid #ddd;
    padding: 26px 30px;
    margin-top: 48px;
}
.address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
.address:last-child {
    margin-bottom: 0px;
}
.address-icon {
    color: #5986f2;
    height: 42px;
    margin-right: 24px;
    text-align: center;
    width: 42px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid #efefef;
    line-height: 42px;
    border-radius: 50%;
}
.address:hover .address-icon {
    border:0;
    color: #fff;
    background: #5986f2;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(left top, #5986f2, #79e6cb);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    
    background: -webkit-linear-gradient(top left, #5986f2, #79e6cb);
    
    background: linear-gradient(to bottom right, #5986f2, #79e6cb);
    /* Standard syntax */
}
.contact-icon i {} .address-content {} .address-content span {} .default-button.btn1 {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    background: rgba(93, 146, 237, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(93, 146, 237, 1)), color-stop(100%, rgba(121, 230, 203, 1)));
    background: -webkit-linear-gradient(left, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    background: linear-gradient(to right, rgba(93, 146, 237, 1) 0%, rgba(121, 230, 203, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5d92ed', endColorstr='#79e6cb', GradientType=1);
}
.default-button.btn1:hover {
    background: rgba(121, 230, 203, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121, 230, 203, 1)), color-stop(100%, rgba(93, 146, 237, 1)));
    background: -webkit-linear-gradient(left, rgba(121, 230, 203, 1) 0%, rgba(93, 146, 237, 1) 100%);
    background: linear-gradient(to right, rgba(121, 230, 203, 1) 0%, rgba(93, 146, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#79e6cb', endColorstr='#5d92ed', GradientType=1);
}
.social {
    text-align: center;
}
.social a {
    display: inline-block;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-right: 27px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #5986f2;
    font-size: 20px;
}
.social a:hover {
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    background: #5d92ed;
    /* For browsers that do not support gradients */
    
    background: -webkit-linear-gradient(left top, #5d92ed, #79e6cb);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    
    background: -webkit-linear-gradient(top left, #5d92ed, #79e6cb);
    
    background: linear-gradient(to bottom right, #5d92ed, #79e6cb);
    /* Standard syntax */
}
.copyright {
    font-size: 18px;
    line-height: 23px;
    margin-top: 25px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    color: #303030;
}
/*====================
 FOOTER AREA 2
=======================*/

.footer-area.home-2 {
    background-image: url(img/home1/footer/footer-bg1.jpg);
    background-position: center center;
    background-size: 132% 100%;
}
.footer-area.home-2 {
    background-image: url(img/home1/footer/footer-bg1.jpg);
    background-position: center center;
    background-size: 100%;
    background-repeat: repeat;
}
.home-2 .bgf {
    background: #1e222d;
}
/* input field */

.home-2 h2.footer-title {
    color: #fff;
}
.home-2 .input-field label,
.home-2 .textarea-field label {
    color: #fff;
}
.home-2 .input-field input {
    border: 0px solid #e5e5e5;
    background: #151923;
}
.home-2 .input-field input[type="text"] {} .home-2 .input-field input[type="email"] {} .home-2 .textarea-field textarea {
    border: 0px solid #e5e5e5;
    background: #151923;
}
/*contact address*/

.home-2 .single-contact {
    background: #151923;
    border: 0px solid #ddd;
}
.home-2 .address-icon {
    color: #70798f;
    background: #fff;
    border: 0px solid #fff;
    line-height: 42px;
}
.home-2 .address:hover .address-icon {
    border-color: #70798f;
    color: #fff;
    background: #70798f;
}
.home-2 .contact-icon i {} .home-2 .address-content {} .home-2 .address-content span {
    color: #fff;
}
.home-btn2 {
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 30px;
    display: inline-block;
    border: 0px solid #64A5E5;
    background: #303541;
    padding: 10px 30px;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    border-radius: 30px;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
}
.home-btn2:hover {
    background: #70798f;
}
.home-2 .social a {
    color: #70798f;
}
.home-2 .social a:hover {
    background: #70798f;
    color: #fff;
}
.home-2 .copyright {
    color: #fff;
}
.home-2 .copyright a {
    color: #fff;
    text-decoration: underline;
}
/*====================
 FOOTER AREA 3
=======================*/

.footer-area.home-3 {
    background-image: url(img/home1/footer/footer-bg2.png);
    background-position: center center;
    padding-top: 153px;
}
/*contact address*/

.home-3 .single-contact {
    border: 0px solid #ddd;
}
.home-3 .address {
    margin-bottom: 16px;
}
.home-3 .address:last-child {
    margin-bottom: 0px;
}
.home-3 .address-icon {
    color: #272d3a;
    line-height: 42px;
}
.home-3 .address:hover .address-icon {
    border-color: #272d3a;
    color: #fff;
    background: #272d3a;
}
.home-3 .address-content {
    font-size: 14px;
    color: #606060;
}
.home-3 .social a {
    color: #272d3a;
}
.home-3 .social a:hover {
    background: #272d3a;
    color: #fff;
}
.home-3 .copyright {
    color: #fff;
}
.home-3 .copyright a {
    color: #fff;
    text-decoration: underline;
}
.home-3 .input-field label,
.home-3 .textarea-field label {
    color: #272d3a;
}
.home-btn2.home-btn3 {
    color: #fff;
    background: #272d3a;
}
.home-btn2.home-btn3:hover {
    background: #272d3a;
}
/*====================
 FOOTER AREA 4
=======================*/

.home-4.footer-area.home-3 {
    background-image: url(img/home1/footer/footer-bg4.jpg);
    background-position: center center;
}
/*contact address*/

.home-4.home-3 .address-icon {
    color: #df2374;
}
.home-4.home-3 .address:hover .address-icon {
    border-color: #df2374;
    color: #fff;
    background: #df2374;
}
.home-4.home-3 .address-content {
    font-size: 14px;
    color: #606060;
}
.home-4.home-3 .social a {
    color: #df2374;
}
.home-4.home-3 .social a:hover {
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
    color: #fff;
}
.home-4.home-3 .copyright {
    color: #fff;
}
.home-4.home-3 .copyright a {
    color: #fff;
    text-decoration: underline;
}
.home-4.home-3 .input-field label,
.home-4.home-3 .textarea-field label {
    color: #272d3a;
}
.home-4 .home-btn2.home-btn2 {
    color: #fff;
    background: rgba(223, 35, 116, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(223, 35, 116, 1)), color-stop(100%, rgba(255, 128, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    background: linear-gradient(to right, rgba(223, 35, 116, 1) 0%, rgba(255, 128, 105, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#df2374', endColorstr='#ff8069', GradientType=1);
}
.home-4 .home-btn2.home-btn2:hover {
    background: rgba(250, 114, 107, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250, 114, 107, 1)), color-stop(100%, rgba(228, 49, 115, 1)));
    background: -webkit-linear-gradient(left, rgba(250, 114, 107, 1) 0%, rgba(228, 49, 115, 1) 100%);
    background: linear-gradient(to right, rgba(250, 114, 107, 1) 0%, rgba(228, 49, 115, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fa726b', endColorstr='#e43173', GradientType=1);
}
/*====================
 FOOTER AREA 5
=======================*/

.home-5.footer-area.home-3 {
    background-image: url(img/home1/footer/footer-bg5.jpg);
    background-position: center center;
}
/*contact address*/

.home-5.home-3 .address-icon {
    color: #5F48BC;
}
.home-5.home-3 .address:hover .address-icon {
    border-color: #5F48BC;
    color: #fff;
    background: #5F48BC;
}
.home-5.home-3 .address-content {
    font-size: 14px;
    color: #606060;
}
.home-5.home-3 .social a {
    color: #5F48BC;
}
.home-5.home-3 .social a:hover {
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
    color: #fff;
}
.home-5.home-3 .copyright {
    color: #fff;
}
.home-5.home-3 .copyright a {
    color: #fff;
    text-decoration: underline;
}
.home-5.home-3 .input-field label,
.home-5.home-3 .textarea-field label {
    color: #272d3a;
}
.home-5 .home-btn2.home-btn2 {
    color: #fff;
    background: rgba(95, 72, 186, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 72, 186, 1)), color-stop(100%, rgba(198, 125, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    background: linear-gradient(to right, rgba(95, 72, 186, 1) 0%, rgba(198, 125, 229, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5f48ba', endColorstr='#c67de5', GradientType=1);
}
.home-5 .home-btn2.home-btn2:hover {
    background: rgba(198, 125, 229, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(198, 125, 229, 1)), color-stop(100%, rgba(90, 67, 184, 1)));
    background: -webkit-linear-gradient(left, rgba(198, 125, 229, 1) 0%, rgba(90, 67, 184, 1) 100%);
    background: linear-gradient(to right, rgba(198, 125, 229, 1) 0%, rgba(90, 67, 184, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c67de5', endColorstr='#5a43b8', GradientType=1);
}
/* owl carousel css edit style for team style */

.curosel-style.owl-theme .owl-controls .owl-buttons div {
    text-align: right;
    background: #79e6cb;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    position: absolute;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #79e6cb;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 50%;
    left: -60px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.curosel-style.owl-theme:hover .owl-controls .owl-buttons div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.curosel-style.owl-theme .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: -60px;
    text-align: left;
}
.curosel-style.owl-theme .owl-controls .owl-buttons .owl-next:hover i {
    margin-left: 15px;
    -webkit-transition: .5s;
    transition: .5s;
}
.curosel-style.owl-theme .owl-controls .owl-buttons .owl-prev:hover i {
    margin-right: 14px;
    -webkit-transition: .5s;
    transition: .5s;
}
/*==================
owl carousel team home 2
====================*/

.curosel-style.team2.owl-theme .owl-controls .owl-buttons div {
    background: #70798f;
    border-color: #70798f;
    color: #fff;
}
/*==================
owl carousel team home 3
====================*/

.curosel-style.team3.owl-theme .owl-controls .owl-buttons div {
    background: #272d3a;
    border-color: #272d3a;
    color: #fff;
}
/*==================
owl carousel team home 4
====================*/

.home-4 .curosel-style.team2.owl-theme .owl-controls .owl-buttons div {
    background: #df2374;
    border-color: #df2374;
    color: #fff;
}
/*==================
owl carousel team home 5
====================*/

.home-5 .curosel-style.team2.owl-theme .owl-controls .owl-buttons div {
    background: #5e48ba;
    border-color: #5e48ba;
    color: #fff;
}
/* owl carousel css edit style for testimonial style */

.testi-style.owl-theme .owl-controls .owl-buttons div {
    text-align: right;
    background: #79e6cb;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    position: absolute;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #79e6cb;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 50%;
    left: 80px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.testi-style.owl-theme:hover .owl-controls .owl-buttons div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.testi-style.owl-theme .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: 80px;
    text-align: left;
}
.testi-style.owl-theme .owl-controls .owl-buttons .owl-next:hover i {
    margin-left: 14px;
    -webkit-transition: .5s;
    transition: .5s;
}
.testi-style.owl-theme .owl-controls .owl-buttons .owl-prev:hover i {
    margin-right: 14px;
    -webkit-transition: .5s;
    transition: .5s;
}
/*==================
owl carousel testimonial home 2
====================*/

.testi-style.testi-style2.owl-theme .owl-controls .owl-buttons div {
    background-color: #70798f;
    border-color: #70798f;
    color: #fff;
    left: -60px;
    top: 60%;
}
.testi-style.testi-style2.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -60px;
    left: auto;
}
/*==================
owl carousel testimonial home 3
====================*/

.testi-style.testi-style3.owl-theme .owl-controls .owl-buttons div {
    background-color: #272d3a;
    border-color: #272d3a;
    color: #fff;
    left: -60px;
    top: 50%;
}
.testi-style.testi-style3.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -60px;
    left: auto;
}
/*==================
owl carousel testimonial home 4
====================*/

.home-4 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons div {
    background-color: #df2374;
    border-color: #df2374;
    color: #fff;
    left: -60px;
}
.home-4 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -60px;
    left: auto;
}
/*==================
owl carousel testimonial home 5
====================*/

.home-5 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons div {
    background-color: #5e48ba;
    border-color: #5e48ba;
    color: #fff;
    left: -60px;
}
.home-5 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -60px;
    left: auto;
}
/*slick slider home 2*/

.slick-prev {
    left: -60px;
    text-align: right;
}
.slick-next {
    right: -60px;
    text-align: left;
}
.slick-prev,
.slick-next {
    font-size: 0px;
    border-radius: 50%;
    border: 2px solid #79e6cb;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: #70798f;
    border-color: #70798f;
    color: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slick-prev:hover:before {
    content: "\f177";
    margin-right: 18px;
    -webkit-transition: .5s;
    transition: .5s;
}
.slick-next:hover:before {
    content: "\f178";
    margin-left: 18px;
    -webkit-transition: .5s;
    transition: .5s;
}
.screenshot2:hover .slick-prev,
.screenshot5:hover .slick-prev,
.screenshot2:hover .slick-next,
.screenshot5:hover .slick-next {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* home 3 slick */

.home-3 .slick-prev,
.home-3 .slick-next {
    border: 2px solid #272d3a;
    background-color: #272d3a;
    border-color: #272d3a;
}
/* home 4 slick */

.home-4 .slick-prev,
.home-4 .slick-next {
    border: 2px solid #df2374;
    background-color: #df2374;
    border-color: #df2374;
}
/* home 5 slick */

.home-5 .slick-prev,
.home-5 .slick-next {
    border: 2px solid #5e48ba;
    background-color: #5e48ba;
    border-color: #5e48ba;
}
.container-fluid.screenhome5 {
    padding: 0px 275.4px;
}
.screenshot5-wrapper {
    position: relative;
    margin-top: 20px;
}
.imgc {
    left: 50%;
    position: absolute;
    top: 52%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    display: none;
}
/* 1366 */

.container-fluid.screenhome5 {
    padding: 0 15px;
}
/*slick slider home 3*/

.home-3 .slick-prev {
    left: 15px;
}
.home-3 .slick-next {
    right: 15px;
}
/*slick slider home 5*/

.home-5 .slick-prev {
    left: 15px;
}
.home-5 .slick-next {
    right: 15px;
}
/* box curousel team */

.box .curosel-style.owl-theme .owl-controls .owl-buttons div {
    left: 0px;
}
.box .curosel-style.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    left: auto;
}
/* curosel-testi */
/* 2 */

.box .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons div {
    left: 0px;
}
.box .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    left: auto;
}
/* 4 */

.box .home-4 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons div {
    left: 0px;
}
.box .home-4 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    left: auto;
}
/* 5 */

.box .home-5 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons div {
    left: 0px;
}
.box .home-5 .testi-style.testi-style2.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    left: auto;
}
.box3 .home-3 .slider_inner3 {
    padding-left: 0;
}
.box4 .home-4 .swiper-slide3 {
    padding-left: 0;
}
.box4 .image-inner4 {
    top: 46px;
}
.box5 .image-inner5 {
    top: -10px;
}
.box4 .home-4 .swiper-slide3 {
    padding-left: 13px;
}
.box5 .home-5 .swiper-slide3 {
    padding-left: 13px;
}
/*slick slider home 2*/

.box .slick-prev {
    left: 0px;
}
.box .slick-next {
    right: 0px;
}
#scrollUp {
    background: #5A86F3 none repeat scroll 0 0;
    bottom: 52px;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 35px;
    line-height: 32px;
    position: fixed;
    right: 50px;
    text-align: center;
    -webkit-transition: all 4ms linear 0s;
    transition: all 4ms linear 0s;
    width: 35px;
    z-index: 9999;
}
#scrollUp i {} #scrollUp:hover {
    background: #79e6cb;
    color: #fff;
}
/*
Screenshot Wrapper
------------------------------------------------------*/

.tt-screenshot-wrap {
    margin-top: 8px;
}
.tt-screenshot-wrap .arrow-left,
.tt-screenshot-wrap .arrow-right {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 11;
    top: 50%;
    margin-top: -20px;
    background: #70798f;
    border-radius: 50%;
    font-size: 20px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 2px solid #79e6cb;
    background: #79e6cb;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.tt-screenshot-wrap .arrow-left {
    left: 0px;
    text-align: right;
    -webkit-transition: .5s;
            transition: .5s;
}
.tt-screenshot-wrap .arrow-right {
    right: 0px;
    text-align: left;
}
.tt-screenshot-wrap .arrow-left:hover,
.tt-screenshot-wrap .arrow-right:hover {
    color: #fff;
    background: #79e6cb;
}
.tt-screenshot-wrap .arrow-left:hover i
 {
    -webkit-transition: .5s;
            transition: .5s;
    margin-right: 15px;
}
.tt-screenshot-wrap .arrow-right:hover i {
    -webkit-transition: .5s;
            transition: .5s;
    margin-left: 15px;
}
.tt-screenshot-wrap:hover .arrow-left,
.tt-screenshot-wrap:hover .arrow-right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.emty-space {
    display: block;
    height: 55px;
}
.emty-space-pricing {
    height: 75px;
}
.emty-space2 {
    display: block;
    height: 60px;
}
.home-2 .emty-space {
    display: block;
    height: 44px;
}
.home-4 .emty-space {
    display: block;
    height: 60px;
}
.home-5 .emty-space {
    display: block;
    height: 75px;
}
/* mobile menu css */

.home-2 .mean-container .mean-bar {
    background: #0E111B;
}
.home-3 .mean-container .mean-bar {
    background: #0E111B;
}
.home-4 .mean-container .mean-bar {
    background: #df2374;
}
.home-5 .mean-container .mean-bar {
    background: #5e48ba;
}
.button-subs:hover i{
	color:#5A86F3;
}
.home-2 .button-subs:hover i{
	color:#5A86F3;
}
.home-3 .button-subs:hover i{
	color:#303541;
}
.home-4 .button-subs:hover i{
	color:#df2374;
}
.home-5 .button-subs:hover i{
	color:#5e48ba;
}
/* breadcumb css */
.breadcumb-area {
	padding: 236px 0 25px;
	background-color: #fff;
	background-image: url(img/home1/blog/bloge-head.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.breadcumb-inner{}
.breadcumb-inner h2 {
	padding-bottom: 110px;
	font-size: 48px;
	color: #fff;
	font-weight:700;
	 font-family: 'Josefin Sans', sans-serif;
	 text-transform:uppercase;
}
.breadcumb-inner ul{}
.breadcumb-inner li {
	color: #5986f2;
}
.breadcumb-inner li a{
	color: #fff;
}
/* blog footer css */
.footer-area.blog-footer {
    background-image: url(img/home1/blog/blog-footer.jpg);
    background-position: center center;
}
.blog-footer .copyright,
.blog-footer .copyright a
 {
	color: #fff;
}


.default-blog .single-blog {
	-webkit-transition: .5s;
	transition: .5s;
	margin-bottom: 30px;
}
.default-blog .blog-content h2:hover,
.default-blog .blog-content h2 a:hover{
	color: #5985F2;
}
.default-blog .blog-meta-left .date {
	background: #5985F2;
}

/* paginations css*/
.paginations{
	text-align:center;
	margin-top:20px;
}
.paginations a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin: auto 5px;
	border: 1px solid #ddd;
	color: #888;
}
.paginations a:hover,
.paginations a.current
{
	background:#5985F2;
	border-color:#5985F2;
	color:#fff;
}
.blog-meta-right a i,
.blog-meta-left a i{
	color:#c5c5c5;
	transition:.3s;
}
.blog-meta-right a:hover i,
.blog-meta-left a:hover i{
	color:#757575;
}
/* blog details css */
.single-blog-details{}
.single-blog-details .single-blog:hover{
	box-shadow:none;
}
.single-blog-details .single-blog h1,
.single-blog-details .single-blog h2,
.single-blog-details .single-blog h3,
.single-blog-details .single-blog h4,
.single-blog-details .single-blog h5,
.single-blog-details .single-blog h6
{
	font-size:36px;
	font-weight:500;
	font-family:'Poppins', sans-serif;
	color: #303030;
	margin-bottom:30px;
}
.single-blog-details .single-blog h2{
	font-size:30px;
}
.single-blog-details .single-blog h3{
	font-size:27px;
}
.single-blog-details .single-blog h4{
	font-size:24px;
}
.single-blog-details .single-blog h5{
	font-size:18px;
}
.single-blog-details .single-blog h6{
	font-size:16px;
}
.single-h{
	padding-top:30px;
	padding-left:30px;
}
.single-blog-details .single-blog .blog-meta-bg {
	padding: 25px 0 50px;
}
.single-blog-details .single-blog p{
	margin-bottom:35px;
	font-size:14px;
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 30px;
	font-size: 17.5px;
	border-left: 5px solid #eee;
	background: #fff;
}
.single-blog-details .single-blog .blog-inner {
	padding-bottom: 0px;
}
.single-blog-details .single-blog{}

.blog-meta.sicon{
	
}
.blog-meta.sicon .blog-meta-left{
	
}
.blog-meta.sicon .blog-meta-right a,
.blog-meta.sicon .blog-meta-left a
{
color: #c4c4c4;
font-size: 16px;
padding: 12px 12px;
display: inline-block;	
}
.blog-meta.sicon .blog-meta-right a:hover,
.blog-meta.sicon .blog-meta-right a:hover i,
.blog-meta.sicon .blog-meta-left a:hover i,
.blog-meta.sicon .blog-meta-left a:hover
{
	color:#5A86F3;
}

/* post reply */
.post_comment{}
.comment_inner{}
.commment_title{}
.commment_title h3 {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Josefin Sans', sans-serif;
	color: #303030;
	position: relative;
	margin-bottom: 15px;
}
.commment_title h3::before{
	position:absolute;
	content:"";
	left:0;
	bottom:-9px;
	width:40px;
	height:2px;
	background:#5986f2;
}
.commment_title p{}
.post_replay{}

.post_replay_inner {
	display: flex;
	margin-bottom: 50px;
}
.mgl-30{
	margin-left:30px;
}
.post_reply_thumb{}
.post_reply_thumb img {
	border-radius: 50%;
}
.post_replay {
	margin-top: 25px;
}
.post_reply {
	padding-left: 15px;
	/* margin-top: 50px; */
}
.post_reply h2 {
	font-weight: 400;
	font-size: 14px;
}
.reply_date {
	overflow: hidden;
	margin-bottom: 5px;
}
.reply_date span.span_left{
	float:left;
}
.reply_date span.span_right{
	float:right;
	color:#5986f2;
	font-size:12px;
	font-weight: 400;
}
.post_reply p{}

/* comment form */
.comment_field {} 
.comment_field .input-field {
    width: 33.33%;
    float: left;
	
}
.comment_field .input-field label,
.comment_field .textarea-field label {
    color: #606060;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .textarea-field label{
	margin-top:30px;
}
.comment_field .input-field input {
    width: 95%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    height: 42px;
    font-size: 12px;
}
.comment_field .input-field input[type="text"] {} 
.comment_field .input-field input[type="email"] {} 
.comment_field .textarea-field textarea {
    width: 98.5%;
    border: 1px solid #e5e5e5;
    height: 120px;
    padding: 10px;
}
.comment_field .input-field input,
.comment_field .textarea-field textarea {
    color: #555555;
}
.relatade-blog.blog-area.home-5 {
	padding: 26px 0 70px;
	background: #fff;
}

/* sidebar css */

/* serch widget */
.blog-left-side.widget{}
.blog-left-side.widget > div{
	margin-bottom:30px;
	background: #f7f7f7;
	padding:15px;
}
.blog-left-side.widget > div:last-child{
	margin-bottom:0px;
}
.blog-left-side.widget h2{
	margin-bottom:20px;
	text-transform:uppercase;
}

.search{
		background: #f7f7f7;
		position:relative;
}
.search input {
	background: #f7f7f7;
	border: 0;
	width: 100%;
	position:relative;
}
.search input[type="text"]{
}
.search input::-ms-input-placeholder,
.search input::-webkit-placeholder,
.search input::-moz-placeholder
 {
   color:#858585;
    font-size: 14px;
}
.search button {
	position: absolute;
	right: 15px;
	top: 5px;
	padding: 11px 15px;
	background: transparent;
	border: 0;
	font-size: 18px;
	color:#858585;
}
.search button i{}

/* category */
.category{
		
}
.category h2{}
.category ul{}
.category ul li {
	padding-bottom: 6px;
	padding-left: 25px;position:relative;
}
.category ul li a{
	font-size:14px;
	color:#303030;
	
}
.category ul li::before{
	position:absolute;
	left:0px;
	top:0px;
   content: "\f101";
    font-family: FontAwesome;
/*--adjust as necessary--*/
   color:#303030;
    font-size: 18px;
}
/* tags */
.tags{}
.tags a {
	color: #606060;
	font-size: 14px;
	padding: 6px 25px 6px 0;
	display: inline-block;
}
.tags a:nth-child(1),
.tags a:nth-child(2),
.tags a:nth-child(3){
	padding-top:0px;
}
/* recent post */
.recent-post{}
.r-post{
	display:flex;
	padding-bottom:20px;
}
.r-post-image{
	position:relative;
}
.r-post-image::before{
	position:absolute;
	content:"";
	left:0px;
	top:0px;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	opacity:0;
	transition:.5s;
}
.r-post-image:hover::before{
	opacity:1;
}

.r-post-image img{}
.r-post-content{
	padding-left:20px;
}
.r-post-content p{
	margin-bottom:10px;
}
.r-post-content h3,
.r-post-content h3 a
{
	    font-family: 'Josefin Sans', sans-serif;
		font-size:12px;
		font-weight:600;
		margin-bottom:0;
}
/* instagraph */
.instagraph{}
.ins-thumb{}
.ins-thumb a {
	display: inline-block;
	position: relative;
	margin: 0 7px 9px 0;
}
.ins-thumb a:nth-child(3),
.ins-thumb a:nth-child(6),
.ins-thumb a:nth-child(9)
{
	margin-right:0px;
}
.ins-thumb a:nth-child(7),
.ins-thumb a:nth-child(8),
.ins-thumb a:nth-child(9)
{
	margin-bottom:0px;
}
.ins-thumb a::before{
	position:absolute;
	content:"";
	left:0px;
	top:0px;
	background:rgba(0,0,0,.8);
	width:100%;
	height:100%;
	opacity:0;
	transition:.5s;
}
.ins-thumb a:hover::before{
	opacity:1;
}
.ins-thumb img{
	width:100%;
}

.category ul li:hover::before,
.category ul li a:hover,
.tags a:hover,
.r-post-content h3:hover,
.r-post-content h3 a:hover
{
	color:#5986f2;
}
/* not found css */
.not-found-area {
	/* padding: 236px 0 25px; */
	background-color: #fff;
	background-image: url(img/home1/blog/not-found.jpg);
	background-position: center top;
	background-repeat:repeat;
	background-size: cover;	
}
.not-found{
	display:table;
	width:100%;
	height: 1024px;
	text-align:center;
}
.not-found-inner{
	display:table-cell;
	vertical-align:middle;
}
.not-found-inner h2{
	font-size:450px;
	  font-family: 'Josefin Sans', sans-serif;
	  font-weight:700;
	  color:#272d3a;
	  
}
.not-found-inner p{
	font-size:36px;
	color:#fff;
}
.not-found-inner a {
	color: #606b82;
	font-size: 24px;
	margin-top: 70px;
	display: inline-block;
	text-decoration: underline;
}