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

    Template Name: 
    Template URI: 
    Description: This is html5 template
    Author: Saikat Ahmed
    Author URI: http://saikatahmed.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
    1. Theme default CSS
    2. Home
        2.1 Header
        2.2 Hero
        2.3 download learnmore
        2.4 service one
        2.5 feature one
        2.6 how it work
        2.7 awesome feature
        2.8 demo video
        2.9 screenshot  
        2.10 our team 
        2.11 testimonial area
        2.12 pricing plan
        2.13 faq
        2.14 some figures
        2.15 downloaed area
        2.16 blog area
        2.17 footer
    3. Home 2
    4. Home 3
    5. Blog Standard
    6. Blog Grid
    7. Blog List
    8. Blog Single
    9. Contact
    10. 404
    11. Coming Soon

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


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


/*  1. Theme default CSS
/*----------------------------------------*/

.clear {
    clear: both
}

::-moz-selection {
    background: #f57462;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #f57462;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0!important;
}

.no-pad {
    padding: 0!important;
}

div#preloader {
    background: #000 url("../img/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

header.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    padding: 20px 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.custom-mobile-menu-area.mobile-navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-80 {
    margin-bottom: 80px;
}

.mar-bot-90 {
    margin-bottom: 90px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

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

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 1px;
}


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


/*  2. Home
/*----------------------------------------*/

.s-bold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.hvr-bs:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.section-title {
    color: #090909;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 38px;
    margin-bottom: 36px;
    position: relative;
    text-transform: uppercase;
}

.section-title::before {
    background-image: url("../img/banner/title-border.png");
    content: "";
    display: block;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 54px;
    width: 132px;
}

.section-text {
    color: #727272;
    line-height: 24px;
}


/*2.1 Header*/

header {
    padding: 33px 0;
}

.logo {}

.logo a {}

.logo a img {}


/*menu*/

.menu {}

.menu ul {
    list-style: outside none none;
    padding: 0;
}

.menu ul li {
    display: inline-block;
}

.menu ul li a {
    display: block;
    padding: 10px;
}


/*custom-mobile-menu*/

.custom-mobile-menu-area.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
}

.custom-mobile-menu-area.navbar-fixed-top .mobile-menu {}

.custom-mobile-menu-area.navbar-fixed-top .mobile-menu ul li a {}

.custom-mobile-menu-area.navbar-fixed-top .mobile-menu ul li a:hover {}

.custom-mobile-menu-area {}

.mobile-logo {
    text-align: center;
    display: block;
    padding: 15px 0;
}

.mobile-menu {
    background: #000000 none repeat scroll 0 0;
    padding: 5px 15px;
    width: 100%;
}

.mobile-menu button {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    padding: 5px 8px;
    width: auto;
    display: inline-block;
}

.mobile-menu i {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 8px 8px 8px 30px;
}

.mobile-menu ul {
    background: #f8f8f8 none repeat scroll 0 0;
    list-style: outside none none;
    padding: 0;
}

.mobile-menu ul li {
    display: block;
    border-top: 1px solid #ddd;
    padding: 3px 18px;
}

.mobile-menu ul li a {
    color: #3d4652;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 34px;
}

.mobile-menu ul li a:hover {
    color: #f57462;
}

.top-share-get-app {}

.top-share {
    float: left;
    position: relative;
    width: 28%;
}

.top-share .ts-button {
    color: #404040;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    padding: 5px 10px;
}

.top-share .ts-button i {}

.top-share .share-by {
    background: #fff none repeat scroll 0 0;
    box-shadow: 3px 3px 10px -5px rgba(0, 0, 0, 0.45);
    left: -100%;
    list-style: outside none none;
    min-width: 150px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 38px;
    z-index: 99;
}

.top-share .share-by li {
    display: inline-block;
    text-align: center;
}

.top-share .share-by li a {
    display: block;
    font-size: 18px;
    height: 100%;
    line-height: 25px;
    padding: 8px;
}

.get-app {
    float: left;
    text-align: right;
    width: 72%;
}

.get-app a {
    background: #f13b3e none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 18px 9px;
}

.get-app a i {
    margin-right: 8px;
}


/*2.2 Hero*/

.hero-section {
    background: rgba(0, 0, 0, 0) url("../img/bg/hero.jpg") repeat scroll 0 0;
    overflow: hidden;
    padding: 84px 0 0;
    position: relative;
}

.hero-section::before {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #cc3a40, #cc9a00) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-content {
    margin-bottom: 30px;
    text-align: center;
}

.hero-content h1 {
    color: #fff;
    font-size: 66px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 70px;
    margin-bottom: 31px;
}

.hero-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: auto;
    width: 70%;
}

.top-screenshot-carousel-area {
    position: relative;
    top: 95px;
}

.top-screenshot-carousel-area::after {
    content: url("../img/ss-slider/ss-slider-mockup.png");
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-49.5%, -47.7%);
    z-index: 1;
}

.top-ss-carousel .owl-item img {
    transform: scale(0.9);
    transition: all 0.3s ease 0s;
}

.top-ss-carousel .owl-item.active.center img {
    transform: scale(1);
}

.firstActiveItem,
.lastActiveItem {
    z-index: -2;
}

.firstActiveItem img {
    transform: translate(25%, 20%) !important;
}

.lastActiveItem img {
    transform: translate(-25%, 20%) !important;
}


/*2.3 download learnmore*/

.download-learnmore-area {}

.download-learnmore {
    box-shadow: 0 30px 65px 0 rgba(138, 138, 138, 0.2);
    padding: 64px 0 42px;
    text-align: center;
}

.download-learnmore a {
    border: 1px solid #cccccc;
    border-radius: 25px;
    color: #8d8d8d;
    display: inline-block;
    margin: 0 24px;
    padding: 5px 38px 7px;
}

.download-learnmore a:hover {
    background: #fd9a65 none repeat scroll 0 0;
    border-color: #fd9a65;
    color: #fff;
}


/*2.4 service one*/

.service-one-area {
    padding: 120px 0 115px;
}

.single-service-one {
    padding: 28px 30px 51px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-service-one:hover {
    box-shadow: 0 10px 120px 0 rgba(0, 0, 0, 0.1);
}

.single-service-one .service-img {
    height: 47px;
    margin-bottom: 22px;
}

.single-service-one .service-img img {}

.single-service-one .service-content {}

.single-service-one .service-content h4 {
    color: #090909;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 9px;
}

.single-service-one .service-content p {
    color: #898989;
    line-height: 24px;
}


/*2.5 feature one*/

.feature-one-area {
    background: #f6f7fb none repeat scroll 0 0;
    padding: 120px 0;
}

.feature-one-left {}

.feature-one-left h2 {
    color: #090909;
    font-size: 61px;
    font-weight: 300;
    line-height: 74px;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.feature-one-left p {
    color: #7f7f7f;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 12px;
}

.learn-get-links {
    text-align: left;
}

.learn-get-links .feature-learn-more {
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    color: #626262;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    margin-right: 25px;
    padding: 12px 36px;
    text-transform: uppercase;
}

.learn-get-links .feature-get-app {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #f13b3e;
    border-radius: 4px;
    color: #f57462;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 23px;
    text-transform: uppercase;
}

.feature-one-right {
    text-align: right;
}

.feature-one-right img {}


/*2.6 how it work*/

.how-it-work-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/howit.jpg") no-repeat fixed center center / cover;
    padding: 104px 0 110px;
}

.how-it-work-head {
    margin-bottom: 93px;
    text-align: center;
}

.how-it-work-head h2 {}

.how-it-work-head p {
    margin: auto;
    width: 60%;
}

.single-how-work {
    background-color: rgb(255, 255, 255);
    box-shadow: -2px 0 69px -9px rgba(164, 164, 164, 0.74);
    margin-bottom: 90px;
    padding: 35px 30px 23px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-how-work:hover {
    transform: translateY(-5px);
}

.single-how-work:last-child {
    margin-bottom: 0;
}

.workicon-left {
    float: left;
    width: 19%;
}

.workicon-left a img {
    padding-top: 8px;
}

.workcontent-right {
    float: left;
    width: 81%;
}

.workcontent-right h4 {
    font-weight: 600;
}

.workcontent-right p {
    color: #898989;
    font-weight: 500;
}


/*2.7 awesome feature*/

.awesome-featuer-area {
    padding: 115px 0 77px;
}

.awesome-feature-head {
    margin-bottom: 28px;
    text-align: center;
}

.awesome-feature-head h2 {}

.awesome-feature-head p {
    margin: auto;
    width: 60%;
}

.single-feature {
    padding: 14px 22px 30px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-feature:hover {
    background: #f9f9fa none repeat scroll 0 0;
}

.single-feature-icon {
    margin-bottom: 22px;
}

.single-feature-icon span {
    background: #f9f9fa none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 100px;
    color: #3d4652;
    display: inline-block;
    font-size: 35px;
    height: 120px;
    line-height: 120px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 120px;
}

.single-feature:hover .single-feature-icon span {
    border-color: #f13b3e;
    color: #f13b3e;
}

.single-feature-icon span i {}

.single-feature-content {}

.single-feature-content h4 {
    color: #404040;
    font-weight: 600;
    margin-bottom: 14px;
    text-transform: capitalize;
}

.single-feature-content p {
    color: #808080;
    line-height: 24px;
}


/*2.8 demo video*/

.demo-video-area {
    padding: 0 0 74px;
}

.demo-video-head {
    margin-bottom: 68px;
    text-align: center;
}

.demo-video-head h2 {}

.demo-video-head p {
    margin: auto;
    width: 60%;
}

.demo-video-screen {
    background-image: url("../img/banner/demo-video-mockup.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 625px;
    text-align: center;
    width: 100%;
}

.demo-video-player {
    height: 100%;
    margin-left: 10px;
    padding: 85px 111px;
    width: 100%;
}


/*2.9 screenshot*/

.screenshot-area {
    background: #f6f7fb none repeat scroll 0 0;
    padding: 115px 0 120px;
}

.screenshot-head {
    margin-bottom: 61px;
    text-align: center;
}

.screenshot-head h2 {}

.screenshot-head p {
    margin: auto;
    width: 60%;
}


/*2.10 our team*/

.our-team-area {
    padding: 114px 0 120px;
}

.our-team-head {
    margin-bottom: 73px;
    text-align: center;
}

.our-team-head h2 {}

.our-team-head p {
    margin: auto;
    width: 60%;
}

.single-team {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-team:hover {
    box-shadow: 0px 0px 50px 0px rgba( 0, 0, 0, .2);
}

.single-team .team-img {}

.single-team .team-img img {
    width: 100%;
}

.single-team .team-content {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 33px 40px 36px;
}

.single-team .team-content h4 {
    color: #222222;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.single-team .team-content span {
    color: #f57462;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 26px;
    text-transform: uppercase;
}

.single-team .team-content p {
    color: #777777;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 34px;
}

.single-team .team-content ul {
    list-style: outside none none;
    padding: 0;
}

.single-team .team-content ul li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    width: 40px;
}

.single-team .team-content ul li a {
    background: #dddddd none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 100%;
}

.single-team .team-content ul li a:hover {
    background: #f57462 none repeat scroll 0 0;
}

.single-team .team-content-secondary {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
}

.single-team:hover .team-content-secondary {
    ;
    opacity: 1;
}


/*2.11 testimonial area*/

.testimonial-area {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #fb6d74, #fecc53) repeat scroll 0 0;
    padding: 98px 0 95px;
}

.testimonial {}

.single-testimonial-item {}

.single-testimonial-left {
    padding: 132px 0 0 50px;
    position: relative;
}

.single-testimonial-left::before {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 138px;
    width: 15px;
}

.single-testimonial-left p {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 31px;
}

.single-testimonial-left span {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.single-testimonial-right {
    position: relative;
}

.single-testimonial-right::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 70px;
}

.single-testimonial-item .single-testimonial-right img {
    width: auto;
}


/*2.12 pricing plan*/

.pricing-plan-area {
    padding: 114px 0 120px;
}

.pricing-plan-head {
    margin-bottom: 88px;
    text-align: center;
}

.pricing-plan-head h2 {}

.pricing-plan-head p {
    margin: auto;
    width: 60%;
}

.single-pricing {
    background: #f7f7f7 none repeat scroll 0 0;
    overflow: hidden;
    padding: 38px 30px 30px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-pricing:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 15px 0 rgba(153, 153, 153, 0.3);
}

.single-pricing::before {
    background-image: url("../img/banner/pricing.png");
    bottom: 0;
    content: "";
    display: block;
    filter: grayscale(60%);
    height: 131px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 370px;
    z-index: 0;
}

.single-pricing:hover::before {
    filter: grayscale(0%);
}

.single-pricing .type {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.single-pricing .price {
    color: #f57462;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 22px;
}

.single-pricing .price .price-curr {
    color: #404040;
    font-size: 12px;
    font-weight: 500;
    margin-right: 7px;
    position: relative;
    top: -15px;
}

.single-pricing .price .duration {
    color: #404040;
    font-size: 18px;
    font-weight: 400;
}

.single-pricing ul {
    list-style: outside none none;
    margin-bottom: 95px;
    padding: 0;
}

.single-pricing ul li {
    color: #909090;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 36px;
}

.single-pricing .sign-up {
    background: #f5897d none repeat scroll 0 0;
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    padding: 5px 28px;
    position: relative;
    z-index: 9;
}

.single-pricing:hover .sign-up {
    background: #fc8b44 none repeat scroll 0 0;
}

.single-pricing .sign-up:hover {
    box-shadow: 0 6px 8px 0 rgba(160, 160, 160, 0.3);
    padding-right: 46px;
}

.single-pricing .sign-up:hover::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/*2.13 faq*/

.faq-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/faq.jpg") no-repeat fixed left top / cover;
    padding: 115px 0 124px;
    position: relative;
}

.faq-area::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}

.faq-area .faq {}

.faq-area .faq .faq-title {
    color: #343434;
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 42px;
    text-transform: uppercase;
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

button.accordion.active,
button.accordion:hover {
    background-color: #ddd;
}

button.accordion::after {
    color: #777;
    content: "";
    float: right;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: 500;
    margin-left: 5px;
}

button.accordion.active::after {
    color: #f57462;
    content: "";
}

div.panel {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 18px;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}

.faq .panel {
    margin-bottom: 5px;
}

.faq button.accordion {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #454b59;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0;
    line-height: 24px;
    outline: medium none;
    padding: 13px 18px 13px 80px;
    position: relative;
}

.faq button.accordion.active,
button.accordion:hover {
    background-color: #f7f7f7;
}

button.accordion.active {
    color: #f57462;
}

span.accordion-before {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 0;
    color: #7f7f7f;
    height: 100%;
    left: 0;
    line-height: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px;
}

.accordion.active span.accordion-before {
    color: #f57462;
}

.faq-img {
    margin-top: 82px;
    text-align: right;
}

.faq-img img {}


/*2.14 some figures*/

.some-figures-are {
    padding: 120px 0 128px;
}

.some-figures-left {}

.some-figures-left img {}

.some-figure-right {}

.some-figure-right > h2 {
    margin-bottom: 18px;
}

.some-figure-right > h2::before {
    display: none;
}

.some-figure-right > p {}

.figure-counter-area {
    margin: 35px 0 0;
}

.single-figure {
    text-align: center;
}

.single-figure i {
    color: #f57462;
    font-size: 36px;
    line-height: 38px;
}

.single-figure h2,
.single-figure h2 span {
    color: #404040;
    font-size: 50px;
    font-weight: 300;
    line-height: 54px;
    margin: 22px 0 21px;
}

.single-figure h2 {}

.single-figure h2 span {}

.single-figure .sf-type {
    color: #999999;
    display: block;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
}


/*2.15 downloaed area*/

.download-area {
    background: #f6f7fb none repeat scroll 0 0;
    padding: 73px 0 78px;
}

.download-head {
    margin-bottom: 71px;
    text-align: center;
}

.download-head > h2 {}

.download-head > h2::before {
    display: none;
}

.download-head > p {
    margin: auto;
    width: 80%;
}

.download-links {
    text-align: center;
}

.single-download-links {
    background: #202020 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 17px 10px 15px 13px;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-download-links:hover {
    background: #f57462 none repeat scroll 0 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0);
}

.sdl-img {
    float: left;
    width: 22%;
}

.sdl-img > img {
    margin-top: 10px;
}

.sdl-content {
    width: 88%;
}

.single-download-links p {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 1px;
}

.single-download-links h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: capitalize;
}


/*2.16 blog area*/

.blog-area {
    padding: 115px 0 120px;
}

.blog-head {
    margin-bottom: 84px;
    text-align: center;
}

.blog-head > h2 {}

.blog-head > p {
    margin: auto;
    width: 75%;
}

.single-blog {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    padding: 20px 20px 38px;
}

.blog-img img {
    width: 100%;
}

.blog-img img {}

.blog-content {
    padding: 25px 20px 0 0;
}

.blog-content .blog-type {
    background: #626262 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 13px;
    margin-bottom: 21px;
    padding: 11px 22px;
    text-transform: uppercase;
}

.blog-content .blog-title,
.blog-content .blog-title a {
    color: #131313;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 14px;
}

.blog-content .blog-title {}

.blog-content .blog-title a {}

.blog-content .blog-meta {
    margin-bottom: 18px;
}

.blog-content .blog-meta span {
    color: #f57462;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

.blog-content .blog-meta .blog-by {}

.blog-content .blog-meta .blog-date {}

.blog-content .blog-text {
    color: #6a6a6a;
    line-height: 24px;
    margin-bottom: 34px;
}

.blog-content .blog-read-more {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    color: #303030;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    padding: 13px 31px;
    text-transform: uppercase;
}

.blog-content .blog-read-more:hover {
    background: #f57462;
    color: #fff;
}


/*2.17 footer*/

footer {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #fb6d74, #fecc53) repeat scroll 0 0;
    text-align: center;
}

.footer-top-area {
    padding: 142px 0 137px;
}

.footer-top {}

.footer-top img {}

.footer-top p {
    color: #fff;
    line-height: 24px;
    margin: 52px 0 49px;
}

.widget_wysija_cont {
    margin-bottom: 33px;
}

.widget_wysija_cont form {
    overflow: hidden;
    position: relative;
}

.widget_wysija_cont form::before {
    background: #f57462 none repeat scroll 0 0;
    content: "";
    height: 52px;
    left: 55%;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 52px;
}

.widget_wysija_cont input[type="email"] {
    background: #2b2229 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px 0 0 3px;
    color: #fff;
    font-size: 14px;
    height: 52px;
    letter-spacing: 0;
    min-width: 235px;
    padding: 0 15px;
}

.widget_wysija_cont input[type="submit"] {
    background: #f57462 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 3px 3px 0;
    color: #fff;
    height: 52px;
    letter-spacing: 0;
    margin-left: -5px;
    padding: 0 28px;
    position: relative;
    text-transform: uppercase;
}

.newsletter_submit {
    position: absolute;
    left: -5000px;
}

.footer-social {}

.footer-social ul {
    list-style: none;
}

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

.footer-social li a {
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 5px 8px;
}

.footer-bottom-area {
    border-top: 1px solid #c06163;
    padding: 19px 0 23px;
}

.footer-bottom {}

.footer-bottom p {
    color: #fff;
}


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


/*  3. Home 2
/*----------------------------------------*/

.home-2-top-banner-area {
    padding: 0 0 107px;
    position: relative;
}

.home-2-top-banner {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -220px;
    z-index: 9;
}

.slider-container {
    position: relative;
}

.slider-container::before {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #cc3a40, #cc9a00) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.slide1-text {}

.slide1-text .cap-dec {
    margin-bottom: 8px;
}

.slide1-text .cap-dec h2 {
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    text-transform: uppercase;
}

.slide1-text .cap-title {
    margin-bottom: 94px;
}

.slide1-text .cap-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}

.slide1-text .cap-title p::after {
    background: rgba(0, 0, 0, 0) url("../img/icon/home2-hero-title.png") no-repeat scroll 0 0 / cover;
    bottom: -45px;
    content: "";
    height: 13px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 170px;
}

.slide1-text .cap-shop {}

.slide1-text .cap-shop a {
    background: #2d2d2d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 15px 54px;
    text-transform: uppercase;
}

.how-it-work-2-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/howit2.jpg") no-repeat fixed left top / cover;
    padding: 33px 0 68px;
    position: relative;
}

.how-it-work-2-area::before {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #cc3a40, #cc9a00) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.how-it-2-banner {
    background: rgba(0, 0, 0, 0) url("../img/banner/howto2.png") no-repeat scroll 0 0 / contain;
    height: 100%;
    left: 0;
    position: absolute;
    top: 28%;
    width: 50%;
}

.how-it-2-head {
    margin-bottom: 92px;
    text-align: center;
}

.how-it-2-head h2 {
    color: #fff;
}

.how-it-2-head h2::before {
    background-image: url("../img/banner/title-border2.png");
}

.how-it-2-head p {
    color: #fff;
    margin: auto;
    width: 60%;
}

.how-it-2-right {}

.how-it-2-right .single-how-work {}


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


/*  4. Home 3
/*----------------------------------------*/

.home3-hero-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/home3-hero.jpg") no-repeat fixed left top / cover;
    padding: 132px 0 230px;
    position: relative;
}

.home3-hero-area::before {
    border-right: 72vw solid #fff;
    border-top: 140px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 1;
}

.home3-hero-area::after {
    border-left: 28vw solid #fff;
    border-top: 100px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
    z-index: 1;
}

.home3-hero-overlay {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #cc3a40, #cc9a00) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.home3-hero-banner {
    background: rgba(0, 0, 0, 0) url("../img/screenshot/sc66.png") no-repeat scroll 0 0 / contain;
        /*background: rgba(0, 0, 0, 0) url("../img/banner/home3-hero1.png") no-repeat scroll 0 0 / contain;*/
    /*height: 100%;*/
   height: 50%;
    position: absolute;
left: 70%;
    top: 10%;
    width: 100%;
    z-index: 1;
}

.home3-hero {}

.home3-hero > h1 {
    color: #fff;
    font-size: 100px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 78px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.home3-hero > h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 38px;
}

.home3-hero > p {
    color: #fff;
    line-height: 26px;
    margin-bottom: 28px;
}

.home3-hero > ul {
    list-style: outside none none;
    margin-bottom: 122px;
    padding: 0;
}

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

.home3-hero > ul li a {
    color: #fff;
    display: block;
    padding: 5px 8px;
}

.home3-hero > ul li a:hover {
    color: #f57462;
}

.h3-download-learn > a {
    border: 3px solid #fff;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    margin-right: 15px;
    padding: 8px 31px;
    text-transform: uppercase;
}

.h3-download-learn > a:hover {
    background: #ff8675 none repeat scroll 0 0;
    border-color: #ff8675;
    box-shadow: 1.5px 2.598px 16px 0 rgb(142, 142, 142);
}


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


/*  5. Blog Standard
/*----------------------------------------*/

.other-page-top-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/other-page-top.jpg") no-repeat scroll left top / cover;
    padding: 80px 0 0;
    position: relative;
}

.other-page-top-area::before {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #cc3a40, #cc9a00) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.opta-content {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 30px 160px 0 rgba(0, 0, 0, 0.1);
}

.opta-content .opta-home {
    border-right: 1px solid #f3f4f6;
    color: #8799a3;
    display: inline-block;
    font-size: 18px;
    padding: 25px 40px;
}

.opta-content .opta-home:hover {
    color: #f57462;
}

.opta-content .opta-list {
    display: inline-block;
    list-style: outside none none;
    margin-left: 29px;
    padding: 0;
}

.opta-content .opta-list li {
    display: inline-block;
    margin-right: 46px;
    position: relative;
}

.opta-content .opta-list li:last-child {
    margin-right: 0;
}

.opta-content .opta-list li::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: -30px;
    top: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.opta-content .opta-list li:hover::after {
    color: #f57462;
}

.opta-content .opta-list li a {
    color: #8799a3;
    font-size: 16px;
}

.opta-content .opta-list li a:hover {
    color: #f57462;
}

.standard-blog-area {
    padding: 125px 0 120px;
}

.standard-blog-area-left {}

.standard-post-item {}

.standard-post-item:last-child {
    margin-bottom: 0;
}

.standard-post-item .spi-img {
    margin-bottom: 46px;
    position: relative;
}

.standard-post-item .spi-img a {
    display: block;
    position: relative;
}

.standard-post-item .spi-img a::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 0;
}

.standard-post-item:hover .spi-img a::before {
    opacity: 0.3;
}

.standard-post-item .spi-img a img {}

.standard-post-item.sticky .spi-img::before {
    background: rgba(0, 0, 0, 0) url("../img/icon/sticky.png") repeat scroll 0 0;
    content: "";
    height: 64px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 42px;
    z-index: 99;
}

.standard-post-item .spi-img .sticky-icon img {}

.standard-post-item .spi-img .spi-date {
    background: #f57462 none repeat scroll 0 0;
    border: 3px solid #fff;
    padding: 7px 17px 16px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
}

.standard-post-item .spi-img .spi-date .date {
    color: #ffffff;
    display: block;
    font-size: 36px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 2px;
}

.standard-post-item .spi-img .spi-date .month {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    text-transform: uppercase;
}

.standard-post-item .spi-content {}

.standard-post-item .spi-content .spi-title {
    color: #222222;
    display: block;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 14px;
    text-decoration: underline;
}

.standard-post-item .spi-content .spi-meta {
    list-style: outside none none;
    margin-bottom: 9px;
    padding: 0;
}

.standard-post-item .spi-content .spi-meta li,
.standard-post-item .spi-content .spi-meta li a {
    color: #999999;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 15px;
}

.standard-post-item .spi-content .spi-meta li {
    margin-right: 15px;
    position: relative;
}

.standard-post-item .spi-content .spi-meta li:last-child {
    margin-right: 0;
}

.standard-post-item .spi-content .spi-meta li::after {
    content: "/";
    position: absolute;
    right: -13px;
    top: 0;
}

.standard-post-item .spi-content .spi-meta li:last-child::after {
    display: none;
}

.standard-post-item .spi-content .spi-meta li a {}

.standard-post-item .spi-content .spi-text {
    color: #777777;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 21px;
}

.standard-post-item .spi-content .read-more {
    background: #f57462 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 33px 3px;
    text-transform: uppercase;
}

.blog-pagination {
    margin-top: 27px;
    position: relative;
    text-align: center;
}

.blog-pagination::before {
    background: #e0e0e0 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
}

.blog-pagination ul {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    list-style: outside none none;
    padding: 0 35px;
    position: relative;
}

.blog-pagination ul li {
    display: inline-block;
    margin-right: 3px;
}

.blog-pagination ul li:last-child {
    margin-right: 0;
}

.blog-pagination ul li a {
    background: #f7f7f7 none repeat scroll 0 0;
    box-shadow: 3px 3px 0 0 #ededed;
    color: #999999;
    display: block;
    font-size: 13px;
    padding: 13px 20px 15px;
    position: relative;
}

.blog-pagination ul li a::after {
    background: #f57462 none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: scale(0);
    transform-origin: 3px 2px 3px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.blog-pagination ul li a:hover::after,
.blog-pagination ul li a.active::after {
    transform: scale(1);
}

.sidebar-area {}

.widget-item {
    margin-bottom: 48px;
}

.widget-item:last-child {
    margin-bottom: 0;
}

.widget-title {
    color: #131313;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 52px;
    position: relative;
    text-transform: uppercase;
}

.widget-title::after {
    background: #f57462 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 42px;
}

.widget-search {}

.ws-input {
    position: relative;
}

.ws-input input[type="text"] {
    border: 1px solid #e6e6e6;
    color: #a6a6a6;
    font-size: 13px;
    font-style: italic;
    height: 38px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.ws-input button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #aaaaaa;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 3px;
}

.widget-catagories {}

.widget-list {
    list-style: outside none none;
    padding: 0;
}

.widget-list li {
    border-bottom: 1px solid #e5e5e5;
    padding: 18px 0;
}

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

.widget-list li a {
    display: block;
    padding-left: 20px;
    position: relative;
}

.widget-list li a::before {
    border: 2px solid #f87563;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 8px;
}

.widget-list li a span {
    float: right;
}

.widget-recent-post {}

.wrp-items {}

.single-wrp {
    margin-bottom: 38px;
}

.single-wrp:last-child {
    margin-bottom: 0;
}

.single-wrp .wrp-img {
    float: left;
    width: 32%;
}

.single-wrp .wrp-img img {}

.single-wrp .wrp-content {
    float: left;
    padding-left: 12px;
    width: 68%;
}

.single-wrp .wrp-content .wrp-title {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 2px;
}

H .single-wrp .wrp-content .wrp-meta {}

.single-wrp .wrp-content .wrp-meta .wrp-date {
    color: #838383;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 14px;
    margin-right: 25px;
    position: relative;
}

.single-wrp .wrp-content .wrp-meta .wrp-date::after {
    background: #b6b6b6 none repeat scroll 0 0;
    content: "";
    height: 11px;
    position: absolute;
    right: -15px;
    top: 3px;
    width: 1px;
}

.single-wrp .wrp-content .wrp-meta a {
    color: #969696;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px;
}

.single-wrp .wrp-content .wrp-meta a i {}

.widget-follow-us {}

.follow-us {
    list-style: outside none none;
    padding: 0;
}

.follow-us li {
    border-radius: 100px;
    box-shadow: 0 2px 5px 0 rgb(0, 0, 0, 0.3);
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.follow-us li:hover {
    background: #f57462 none repeat scroll 0 0;
    box-shadow: 0;
}

.follow-us li a {
    display: block;
}

.follow-us li a.facebook {
    color: #3b579d;
}

.follow-us li a.twitter {
    color: #0274b3;
}

.follow-us li a.google-plus {
    color: #df4b38;
}

.follow-us li a.linkedin {
    color: #0274b3;
}

.follow-us li a.dribble {
    color: #f26798;
}

.follow-us li a:hover {
    color: #fff;
}

.widget-archives {}

.widget-tags {}

ul.tags {
    list-style: outside none none;
    padding: 0;
}

ul.tags li {
    display: inline-block;
    margin: 0 3px 10px 0;
}

ul.tags li a {
    box-shadow: 0 1px 5px 0 rgb(0, 0, 0, 0.3);
    display: block;
    padding: 5px 15px 9px;
}

ul.tags li a:hover {
    background: #f57462 none repeat scroll 0 0;
    color: #fff;
}


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


/*  6. Blog Grid
/*----------------------------------------*/

.grid-blog-area {
    padding: 125px 0 120px;
}

.gird-blogs {}

.single-grid-blog {
    margin-bottom: 71px;
}

.single-grid-blog .sgb-img {
    margin-bottom: 26px;
    position: relative;
}

.single-grid-blog.sticky .sgb-img::before {
    background: rgba(0, 0, 0, 0) url("../img/icon/sticky.png") repeat scroll 0 0;
    content: "";
    height: 64px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 42px;
    z-index: 99;
}

.single-grid-blog .sgb-img a {}

.single-grid-blog .sgb-img a img {
    width: 100%;
}

.single-grid-blog .sgb-content {
    padding: 0 55px;
    text-align: center;
}

.single-grid-blog .sgb-content .sgb-date {
    color: #999999;
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 13px;
}

.single-grid-blog .sgb-content .sgb-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}


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


/*  7. Blog List
/*----------------------------------------*/

.blog-list-area {
    padding: 100px 0 120px;
}

.blog-list-area-left {}

.single-blog-list {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 22px 20px;
    transition: all 0.3s ease 0s;
}

.single-blog-list:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0px 2px 6px 0px rgb( 199, 199, 199, 0.3);
}

.single-blog-list .sbl-img {
    position: relative;
}

.single-blog-list.sticky .sbl-img::before {
    background: rgba(0, 0, 0, 0) url("../img/icon/sticky.png") repeat scroll 0 0;
    content: "";
    height: 64px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 42px;
    z-index: 99;
}

.single-blog-list .sbl-img a {}

.single-blog-list .sbl-img a img {
    width: 100%;
}

.single-blog-list .sbl-content {
    padding: 25px 0 0 10px;
}

.single-blog-list .sbl-content .sbl-title {
    display: block;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 15px;
}

.single-blog-list .sbl-content .sbl-date {
    color: #6b6b6b;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 16px;
}

.single-blog-list .sbl-content .sbl-text {
    color: #777777;
    line-height: 24px;
    margin-bottom: 27px;
}

.single-blog-list .sbl-content .sbl-read-more {
    background: #f57462 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 33px 3px;
    text-transform: uppercase;
}

.blog-list-area .blog-pagination {
    margin-top: 55px;
}


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


/*  8. Blog Single
/*----------------------------------------*/

.post-details-area {
    padding: 120px 0;
}

.standard-post-item .spi-content .blog-single-spi-meta {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 21px;
}

.standard-post-item {
    margin-bottom: 45px;
}

.blog-single-blockquote {
    margin: 68px 0 24px;
}

.blog-single-blockquote .bsb-img {
    float: left;
    width: 27%;
}

.blog-single-blockquote .bsb-img img {}

.blog-single-blockquote .bsb-content {
    float: left;
    padding-left: 23px;
    width: 73%;
}

.blog-single-blockquote .bsb-content .spi-text {}

.blog-single-tags {
    margin-bottom: 41px;
}

.blog-single-tags ul {
    list-style: outside none none;
    padding: 0;
}

.blog-single-tags ul li {
    display: inline-block;
}

.blog-single-tags ul li a {
    border: 1px solid #e6e6e6;
    border-radius: 25px;
    color: #999999;
    font-size: 11px;
    padding: 8px 25px;
}

.blog-single-tags ul li a:hover {
    border: 1px solid #f57462;
    color: #f57462;
}

.previus-next-article {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 60px;
    padding: 16px 0 12px;
    position: relative;
}

.previus-next-article::before {
    background: #e0e0e0 none repeat scroll 0 0;
    content: "";
    height: 33px;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 1px;
}

.previus-next-article > div {
    float: left;
    text-align: center;
    width: 50%;
}

.previus-next-article > div a {
    color: #999999;
    display: block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.previus-next-article > div a:hover {
    color: #f57462;
}

.previus-next-article > div a i {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 100px;
    color: #b0b0b0;
    font-size: 18px;
    height: 32px;
    line-height: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 32px;
}

.previus-next-article > div a:hover i {
    background: #f57462 none repeat scroll 0 0;
    color: #fff;
}

.previus-next-article > .previus-article a i {
    float: left;
}

.previus-next-article > .next-article a i {
    float: right;
}

.single-post-author {
    background: #f2f3f9 none repeat scroll 0 0;
    margin-bottom: 79px;
    padding: 50px 15px;
}

.single-post-author .spu-img {
    float: left;
    width: 14%;
}

.single-post-author .spu-img img {}

.single-post-author .spu-content {
    float: left;
    padding-left: 25px;
    width: 86%;
}

.single-post-author .spu-content .spu-title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.single-post-author .spu-content .spu-social {
    list-style: outside none none;
    margin-bottom: 9px;
    padding: 0;
}

.single-post-author .spu-content .spu-social li {
    display: inline-block;
    height: 30px;
    text-align: center;
    width: 30px;
}

.single-post-author .spu-content .spu-social li a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 100%;
    line-height: 30px;
}

.single-post-author .spu-content .spu-social li a.facebook {
    background: #4666a0 none repeat scroll 0 0;
}

.single-post-author .spu-content .spu-social li a.twitter {
    background: #11a2ed none repeat scroll 0 0;
}

.single-post-author .spu-content .spu-social li a.instagram {
    background: #f57462 none repeat scroll 0 0;
}

.single-post-author .spu-content .spu-text {
    color: #777777;
    line-height: 24px;
}

.related-post-area {
    margin-bottom: 116px;
}

.related-post-title {
    border-bottom: 1px solid #e0e0e0;
    color: #999999;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 55px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.related-post {}

.single-related-post {}

.single-related-post .srp-img {
    position: relative;
}

.single-related-post .srp-img::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 95%;
    left: 2%;
    opacity: 0.5;
    position: absolute;
    top: 3%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 95%;
}

.single-related-post:hover .srp-img::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}

.single-related-post .srp-img::after {
    border: 2px solid #fff;
    border-radius: 100px;
    color: #ffffff;
    content: "";
    font-family: FontAwesome;
    height: 35px;
    left: 0;
    line-height: 32px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 45%;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 35px;
    z-index: 9;
}

.single-related-post:hover .srp-img::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}

.single-related-post .srp-img img {}

.single-related-post .srp-content {
    padding: 21px 15px 0;
    text-align: center;
}

.single-related-post .srp-content .srp-date {
    color: #999999;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.single-related-post .srp-content .srp-title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.comment-area {
    margin-bottom: 104px;
}

.comment-title {
    border-bottom: 1px solid #e0e0e0;
    color: #999999;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 50px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.comments {}

.single-comment {
    background: #f2f3f9 none repeat scroll 0 0;
    margin-bottom: 45px;
    padding: 53px 14px 48px;
}

.single-comment:last-child {
    margin-bottom: 0;
}

.single-comment .sc-img {
    float: left;
    width: 14%;
}

.single-comment .sc-img img {}

.single-comment .sc-content {
    float: left;
    padding-left: 25px;
    position: relative;
    width: 84%;
}

.single-comment .sc-content .sc-title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.single-comment .sc-content .sc-reply {
    border: 1px solid #d8d8d9;
    border-radius: 25px;
    color: #999999;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -25px;
}

.single-comment .sc-content .sc-reply:hover {
    border: 1px solid #f57462;
    color: #f57462;
}

.single-comment .sc-content .sc-date {
    color: #999999;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 15px;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.single-comment .sc-content .sc-text {
    color: #777777;
    font-size: 16px;
    line-height: 24px;
}

.add-comment-area {}

.add-comment-title {
    border-bottom: 1px solid #e0e0e0;
    color: #999999;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.add-comment {}

.comment-formgroup {
    margin-bottom: 22px;
}

.comment-formgroup input[type="text"],
.comment-formgroup input[type="email"] {
    border: 1px solid #e4e4e4;
    color: #999999;
    font-size: 12px;
    height: 45px;
    letter-spacing: 0;
    padding: 0 10px;
    width: 100%;
}

.comment-formgroup input[type="text"] {}

.comment-formgroup input[type="email"] {}

.comment-textarea {
    margin-bottom: 22px;
}

.comment-textarea textarea {
    border: 1px solid #e4e4e4;
    font-size: 12px;
    height: 135px;
    padding: 0 10px;
    width: 100%;
}

.comment-submit {}

.comment-submit input[type="submit"] {
    background: #b8bec3 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    padding: 7px 42px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


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


/*  9. Contact
/*----------------------------------------*/

#googleMap {
    height: 500px;
    width: 100%
}

.contact-area {
    padding: 113px 0 100px;
}

.contact-head {
    margin-bottom: 68px;
}

.contact-head .contact-title {
    color: #31364c;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 40px;
}

.contact-head .contact-text {
    color: #9699a6;
    font-size: 16px;
    line-height: 24px;
}

.contact-left {}

.address-phone-email {}

.single-ape {
    margin-bottom: 35px;
    padding-left: 100px;
    position: relative;
}

.single-ape:last-child {
    margin-bottom: 0;
}

.single-ape::before {
    border-radius: 100px;
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    height: 70px;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px;
}

.single-ape.address::before {
    background: #f04e4e none repeat scroll 0 0;
    content: "";
}

.single-ape.phone::before {
    background: #fecc17 none repeat scroll 0 0;
    content: "";
}

.single-ape.email::before {
    background: #ccdb38 none repeat scroll 0 0;
    content: "";
}

.single-ape .ape-title {
    color: #31364c;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    margin-bottom: 9px;
    text-transform: capitalize;
}

.single-ape .ape-text {
    color: #9699a6;
    font-size: 16px;
    line-height: 24px;
}

.single-ape .ape-text .ape-text-light {
    color: #cdcfd7;
}

.contact-form {}

.contact-form input[type="text"] {
    border: 0 none;
    border-bottom: 2px solid #cdcfd7;
    color: #cdcfd7;
    font-size: 16px;
    height: 50px;
    letter-spacing: 0;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
}

.contact-form textarea {
    border: 0 none;
    border-bottom: 2px solid #cdcfd7;
    color: #cdcfd7;
    font-size: 16px;
    height: 100px;
    letter-spacing: 0;
    margin-bottom: 25px;
    padding: 0 10px;
    width: 100%;
}

.contact-form .cont-submit {
    background: #25292c none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    height: 52px;
    letter-spacing: 0;
    padding: 0 30px;
    text-transform: capitalize;
}

.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}

.twitter-feed-area {
    background: #00bff3 none repeat scroll 0 0;
    padding: 53px 0 55px;
}

.twitter-feed {
    padding-left: 75px;
    position: relative;
}

.twitter-feed::before {
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 50px;
    left: 0;
    position: absolute;
    top: 10px;
}

.twitter-feed .twitter-text,
.twitter-feed .twitter-text a {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 3px;
}

.twitter-feed .twitter-text {}

.twitter-feed .twitter-text a {}

.twitter-feed .twitter-text a:hover {
    text-decoration: underline;
}

.twitter-feed .minite-ago {
    color: #95e8ff;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}


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


/*  10. 404
/*----------------------------------------*/

.error-area {
    background: rgba(0, 0, 0, 0) url("../img/bg/error.jpg") no-repeat scroll left top / cover;
    padding: 162px 0 230px;
}

.error {}

.error h1 {
    color: #fefeff;
    font-size: 86px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 100px;
    margin-bottom: 22px;
}

.error h2 {
    color: #ffffff;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 50px;
    margin-bottom: 25px;
}

.error p {
    color: #9699a6;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 48px;
}

.error .error-search-box {}

.error .error-search-box .error-search-input {
    max-width: 370px;
    position: relative;
}

.error .error-search-box .error-search-input input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #414549;
    height: 50px;
    letter-spacing: 0;
    padding: 0;
    width: 100%;
}

.error .error-search-box .error-search-input button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #414549;
    position: absolute;
    right: 0;
    top: 10px;
}


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


/*  11. Coming Soon
/*----------------------------------------*/

.coming-soon-area {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #fa4b50, #febc29) repeat scroll 0 0;
    padding: 300px 0 145px;
}

.coming-soon {
    text-align: center;
}

.coming-img {}

.coming-img img {}

.timer-area {
    position: relative;
    text-align: center;
    top: -49px;
    z-index: 9;
}

.timer-area .cdown {
    display: inline-block;
    width: 105px;
}

.timer-area .cdown .time-count,
.timer-area .cdown p {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

.timer-area .cdown .time-count {}

.timer-area .cdown p {}

ul.coming-social {
    list-style: outside none none;
    padding: 0;
    margin-top: 143px;
}

ul.coming-social li {
    border: 2px solid #fff;
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-right: 18px;
}

ul.coming-social li:last-child {
    margin-right: 0;
}

ul.coming-social li a {
    display: block;
    height: 100%;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
}