/*
Template Name: Scorn - Minimal and Creative HTML Template
Template URI: http://themedeveloper.net/demos/scorn/
Author: ThemeDeveloperbd
Author URI: https://videohive.net/user/themedeveloperbd
Description: Scorn is Minimal and Creative HTML Template. Scorn is a Pixel-Perfect Powerful, Mordern Multipurpose Template for Freelancers and Agencies, Businessman, 
             Doctors, Finance, Personal Portfolio, Yoga etc. 
Version: 1.0.0
Text Domain: 
*/

/*
///// CSS Index \\\\\\
1. General CSS
3. Preview Page CSS
3. Header CSS
4. Mainmenu CSS 
5. Home Page CSS
6. Home Page Two CSS
7. Home Page Three CSS
8. Home Page Four CSS
9. Home Page Five CSS
10. Home Page Six CSS
11. Responsive CSS
*/

/*******************
***** 1. General CSS
********************/
/* Base CSS */

a:focus {
    outline: 0 solid
}

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

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

html,
body {
    height: 100%
}

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.7;
    overflow-x: hidden;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #333;
}

a:hover {
    text-decoration: none;
}

input:focus {
    outline: none;
    text-decoration: none;
}

textarea:focus {
    outline: none;
}

img {
    width: 100%;
}

/* ===========================================================
					Preview Page Start
============================================================== */

.demo-area {
    padding: 80px 0 0;
}

.buy-button {
    margin-top: 13px;
    text-align: right;
}

.buy-now {
    display: inline-block;
    padding: 10px 23px;
    background: #288feb;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}

.buy-now:hover {
    color: #fff;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.preview-page .header-area {
    background: rgba(0, 0, 0, .7);
    padding-bottom: 10px;
}

.preview-hero-area {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url(img/hero-bg2.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
    text-align: center;
}

.preview-hero-area:before {
    position: absolute;
    content: "";
    left: 0;
    text-align: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.preview-page .hero-area-content {
    margin-top: 60px;
}

.preview-hero-area .hero-area-content h1 {
    color: #fff;
    font-size: 56px;
    margin-bottom: 40px;
}

.hero-area-content p {
    color: #fff;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 18px;
}

.preview-hero-area a {
    margin: 0 15px;
    width: 230px;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Merriweather', serif;
}

.preview-hero-area .live-demo-btn {
    display: inline-block;
    padding: 15px 30px;
    background: #288feb;
    border-radius: 5px;
    color: #fff;
    margin-top: 40px;
}

.preview-hero-area .preview-purchase-btn {
    display: inline-block;
    padding: 15px 30px;
    background: #288feb;
    border-radius: 5px;
    color: #fff;
    margin-top: 40px;
}

.preview-hero-area .live-demo-btn:after {
    background: transparent;
}

.demo-area-single-content {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 1px 1px 26px -9px #000;
    -webkit-transition: .6s;
    transition: .6s;
/*
    border-left: 5px solid #3EC8AC;
    border-right: 5px solid #4E90A4;
    border-top: 5px solid #3EC8AC;
    border-bottom: 5px solid #4E90A4;
*/
    border-radius: 5px;
    box-sizing: border-box;
    /*background-position: 0 0, 0 100%;*/
/*
    background-repeat: no-repeat;
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    background-size: 100% 20px;
    background-image: -webkit-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%), -webkit-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%);
    background-image: -moz-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%), -moz-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%);
    background-image: -o-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%), -o-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%);
    background-image: linear-gradient(to right, #3EC8AC 0%, #4E90A4 100%), linear-gradient(to right, #3EC8AC 0%, #4E90A4 100%);
*/
}

.demo-area-single-content img {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.demo-hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.demo-area-single-content:hover .demo-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.demo-hover:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.view-icon {
    position: absolute;
    left: 36%;
    top: 46%;
    color: #288feb;
    font-size: 30px;
    font-weight: 700;
}

.preview-btns {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.demo-area-single-content:hover .demo-hover {
    visibility: visible;
}

.single-demo-link {
    display: block;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 55px;
    color: #333;
    text-align: center;
}


.single-demo:hover .single-demo-link {
    color: #288feb;
}

/* ===========================================================
					Preview Page End
============================================================== */

/* ===========================================================
					Home Page One Start
============================================================== */

/* Header-area Start */

.header-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header-top-area {
    background-color: #1a1a1a;
    padding: 20px 0;
}

.header-top-area a {
    color: #fff;
}

.header-top-left a,
.header-top-left span {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding-right: 20px;
}

.header-top-left i.fa {
    padding-right: 10px;
}

.logo a img {
    width: auto;
}

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

.header-top-right a {
    padding-left: 28px;
}

.logo {
    padding-top: 13px
}

.mainmenu ul {
    margin: 0;
    padding: 0;
}

.mainmenu ul li {
    display: inline-block;
    position: relative
}

.mainmenu ul li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 30px 15px;
}

.mainmenu {
    text-align: left;
}

.mainmenu ul li ul {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: left !important;
    top: 60px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -1;
}

.mainmenu ul ul li:hover:after {
    display: none
}

.mainmenu ul li:hover ul {
    top: 83px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 9999;
}

.mainmenu ul ul li a {
    display: block;
    padding: 12px 20px;
    color: #222
}

#mainmenu a:focus {
    border: medium none;
    outline: medium none;
    text-decoration: none;
}

.slicknav_menu {
    display: none;
}


/* slicknav_menu Start */

.slicknav_menu {
    background: transparent none repeat scroll 0 0;
    position: absolute;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 9999;
}

.slicknav_nav {
    margin-top: 30px;
    width: 100%;
    position: relative;
}

.slicknav_nav:before {
    background: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.slicknav_nav a {
    color: #222;
    text-decoration: none;
}

.slicknav_btn {
    margin-top: 0;
    position: relative;
    top: -36px;
}


/* slicknav_menu End */

/* Header-mail Start */

.header-mail {
    line-height: 80px;
    text-align: right;
}

.header-mail a {
    color: #fff;
    display: inline-block;
    line-height: 80px;
}

.header-mail a i {
    display: inline-block;
    margin-right: 5px;
}


/* Header-mailo End */

/* Header-area End */

/* banner-area Start */

.hero-area {
    background: rgba(0, 0, 0, 0) url("img/hero-bg.jpg") repeat scroll center center / cover;
    height: 100%;
    position: relative;
    z-index: 1;
}

.hero-area:before {
    background: #1b56fa;
    background: -webkit-linear-gradient(left, #1b56fa 21%, #050f2b 100%);
    background: -webkit-linear-gradient(left, #1b56fa 35%, transparent 90%);
    background: linear-gradient(to right, #1b56fa 35%, transparent 90%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1b56fa', endColorstr='#050f2b', GradientType=1);
    content: "";
    height: 100%;
    left: 0;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.banner-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 80%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero-area h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 300;
    line-height: 70px;
    margin-bottom: 35px;
}

.hero-area p {
    color: #d9d9d9;
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
}

.hero-btn {
    color: #fff112;
    display: inline-block;
    font-size: 20px;
    font-family: 'Merriweather', serif;
    margin-top: 20px;
    padding-bottom: 7px;
    position: relative;
}

.hero-btn:after {
    background: #fff112 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 75%;
    -webkit-transition: .4s;
    transition: .4s;
}

.hero-btn:hover {
    color: #fff112;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.hero-btn:hover:after {
    width: 100%;
}


/* banner-area End */

/* service-area Start */

.service-area {
    border-bottom: 1px solid #e2e7eb;
    padding: 100px 0 35px;
}

.single-service {
    margin-bottom: 60px;
    padding-right: 50px;
}

.security-area-img img {
    width: 100%;
}

.single-service h3 {
    font-weight: 500;
    margin-bottom: 25px;
}

.single-service p {
    color: #333;
    line-height: 27px;
}

.see-more-btn {
    color: #288feb;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 700;
}

.see-more-btn i {
    display: inline-block;
    margin-left: 5px;
    font-size: 19px;
    position: relative;
    top: 1px;
    font-weight: 700;
}


/* service-area End */

/* security-area Start */

.security-area {
    padding: 100px 0 0;
}

.security-area-content {
    padding-top: 100px;
}

.security-area-content h2 {
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 35px;
}

.security-area-content p {
    color: #666666;
    font-size: 17px;
    line-height: 30px;
}

.hero-btn.read-more-btn {
    color: #288feb;
    font-size: 18px;
}

.hero-btn.read-more-btn:after {
    background: #288feb none repeat scroll 0 0;
}

.accordion-area {
    padding: 100px 0;
}

.accordion-area .security-area-content {
    padding-right: 70px;
    padding-top: 85px;
}


/* FAQ area Start */

.faq-area {
    padding: 80px 0 65px;
}

.acordion-area-content {
    padding-right: 30px;
}

.acordion-area {
    height: 275px;
    width: 100%;
}

.about-page .acordion-area {
    padding-top: 17px;
}

.acordion-area-content h3 {
    margin-bottom: 35px;
}

.single-acordion {
    border-bottom: 1px solid #e2e7eb;
    margin-bottom: 10px;
}

.faqanswer {
    color: #fff;
    display: none;
    line-height: 28px;
    padding: 12px 20px 12px 30px;
    width: 100%;
}

.faqanswer p {
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 3px;
}

.single-acordion.display-block .faqanswer {
    display: block;
}

a.active {
    background: #333;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0px;
}

.togglefaq {
    color: #666666;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 2px;
    padding: 10px 30px 10px 22px;
    text-decoration: none;
    width: 100%;
}

.togglefaq.active-item:focus {
    color: #666;
}

.togglefaq:focus {
    color: #666;
}

.togglefaq:hover {
    color: #666;
}

.togglefaq i {
    display: inline-block;
    float: left;
    font-size: 9px;
    left: -10px;
    position: relative;
    top: 10px;
}

.icon-plus {
    color: #333;
    margin-right: -14px;
    font-size: 14px;
    float: right;
    margin-top: 9px
}

.icon-minus {
    color: #fff;
    margin-right: -14px;
    font-size: 14px;
    float: right;
    margin-top: 9px
}

@media only screen and (max-width: 767px) {
    .faqanswer {
        width: 260px !important;
    }
    .togglefaq {
        width: 260px !important;
    }
}


/* FAQ Area right End */

/* security-area End */

/* brand-area Start */

.brand-area {
    padding-bottom: 65px;
    text-align: center;
}

.banner-area-heading {
    padding-bottom: 68px;
}

.banner-area-heading h3 {
    color: #9a9a9a;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.single-brand {
    margin-bottom: 35px;
}


.single-brand img {
    width: auto;
}
.brand-img img {
    width: auto;
}
/* brand-area End */

/* brand-area Start */

.support-area {
    background: rgba(0, 0, 0, 0) url("img/support-area-bg.jpg") repeat scroll center center / cover;
    padding: 55px 0;
    position: relative;
    z-index: 1;
}

.support-area-txt h3 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 20px;
}

.support-area-btn {
    display: block;
}

.hire-btn {
    background: #fff112 none repeat scroll 0 0;
    border-radius: 3px;
    color: #444444;
    display: inline-block;
    float: right;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
    text-transform: uppercase;
    width: 230px;
}

.hire-btn:hover {
    color: #222222;
}

.support-area:before {
    background: #262b38 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


/* brand-area End */

/* footer-area Start */

/* footer-widget-area Start */

.footer-area {
    position: relative;
}

/*.footer-widget-area {*/
/*    padding: 55px 0 50px;*/
/*}*/

.single-widget h3 {
    color: #333;
    display: block;
    font-size: 20px;
    margin-bottom: 30px;
    padding-bottom: 22px;
    position: relative;
}

.single-widget a {
    color: #555555;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    position: relative;
    -webkit-transition: all 4s ease 0s;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

.single-widget h3:after {
    background: #e2e7eb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}

.single-widget a {
    color: #333;
    display: inline-block;
    line-height: 17px;
    margin-bottom: 8px;
    position: relative;
}

.single-widget a:after {
    background: #288feb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 0;
}

.single-widget a:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: visible;
    width: 100%;
}

.single-widget a:hover {
    color: #288feb;
}


/* footer-widget-area End */

/* footer-bottom-area Start */

.footer-bottom {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #e2e7eb;
}

.footer-paragraph p {
    color: #555555;
    font-weight: 400;
    line-height: 90px;
    margin-bottom: 0;
}

.footer-bottom li {
    display: inline-block;
    line-height: 90px;
}

.footer-middle li a:after {
    background: #333333 none repeat scroll 0 0;
    content: "";
    height: 68%;
    position: absolute;
    right: 0;
    top: 4px;
    width: 1px;
}

.footer-middle li:nth-child(1) a:after {
    right: -13px;
}
/*
.footer-middle li:nth-child(2) a:after {
    right: -8px;
}
*/

.footer-middle a {
    color: #555555;
    font-weight: 400;
    padding: 0 12px;
    position: relative;
}

.footer-middle li:last-child a:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.footer-bottom ul {
    margin-bottom: 0;
}

.footer-social-icon {
    text-align: right;
}

.footer-social-icon a {
    color: #555555;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.footer-social-icon a:hover {
    color: #288feb;
}


/* footer-bottom-area End */

/* footer-area End */

/* ===========================================================
					Home Page One End
============================================================== */

/* ===========================================================
					Home Page Two Start
============================================================== */

/*     font-family: 'Merriweather', serif; */

.home-page2 h1,
.home-page2 h2,
.home-page2 h3,
.home-page2 h4,
.home-page2 h5,
.home-page2 h6 {
    font-family: 'Roboto Condensed', sans-serif;
}

.home-page-two .mainmenu {
    text-align: right;
}

.header-area.header-two {
    border-bottom: 1px solid transparent;
}


/* hero-area Start */

.hero-area.hero-area-two {
    background: rgba(0, 0, 0, 0) url("img/hero-bg2.jpg") repeat scroll center center / cover;
}

.hero-area.hero-area-two:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15171a+31,f9f9f9+84 */
    background: #15171a;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #15171a 31%, #f9f9f9 84%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(left, #15171a 35%, #f9f9f9 90%);
    background: linear-gradient(to right, #15171a 35%, #f9f9f9 90%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#15171a', endColorstr='#f9f9f9', GradientType=1);
    /* IE6-9 */
}

.hero-area-content {
    margin-top: 34%;
}

.hero-area-two .hero-area-content h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 78px;
    text-transform: uppercase;
}

.hero-btn.hero-two-btn:after {
    background: transparent none repeat scroll 0 0;
}

.hero-btn:focus {
    color: #fff112;
}

.hero-btn.hero-two-btn i {
    display: inline-block;
    margin-left: 12px;
}


/* hero-area End */

/* hero-area End */

.sponsored-area {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 60px 0 50px;
}

.brand-img-slider {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.brand-img {
    margin-right: 120px;
    width: 20%;
}

.brand-img:last-child {
    margin-right: 0;
}


/* hero-area End */

/* marketing-area Start */

.marketing-area {
    padding-bottom: 20px;
    padding-top: 60px;
}

.section-heading {
    padding-bottom: 100px;
    text-align: center;
}

.section-heading-number h1 {
    display: inline-block;
    font-size: 150px;
    font-weight: 900;
    background: white none repeat scroll 0 0;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-clip: padding-box;
    z-index: 999;
}

.section-heading-number h1 span {
    background: rgba(0, 0, 0, 0) url("img/marketing-number-bg.jpg") no-repeat scroll 31px 0 / cover;
    line-height: 160px;
}

.section-heading-number h1 span {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.section-heading h2 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    padding-bottom: 27px;
}

.section-heading p {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 50px;
    position: relative;
}

.section-heading p:after {
    background: #288feb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 45%;
    position: absolute;
    width: 50px;
}


/* marketing-section-heading-area End */

/* marketing-area-details Start */

.marketing-single-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.marketing-single-content {
    margin-bottom: 70px;
}

.marketing-single-content-text {
    padding-left: 35px;
}

.marketing-single-content-text h3 {
    font-weight: 400;
    margin-bottom: 20px;
}

.marketing-single-content-text p {
    padding-bottom: 8px;
}


/* marketing-area-details End */

/* marketing-area-details End */

.marketing-bkack-area {
    background: rgba(0, 0, 0, 0) url("img/marketing-img5.png") repeat scroll center center / cover;
    border-radius: 12px;
    padding: 55px 26px 55px 35px;
    position: relative;
    z-index: 1;
}

.marketing-bkack-area:before {
    background: #1f2327 none repeat scroll 0 0;
    border-radius: 12px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.marketing-bkack-area h3 {
    color: #fff;
    line-height: 30px;
    padding-bottom: 18px;
    text-transform: uppercase;
}

.marketing-bkack-area p {
    color: #fff;
}

.marketing-bkack-area .hero-btn.hero-two-btn {
    font-size: 17px;
    line-height: 22px;
    padding-bottom: 0;
}


/* marketing-area-details End */

/* marketing-area End */

/* black-area Start */

.black-area {
    background: rgba(0, 0, 0, 0) url("img/black-area-bg.jpg") repeat scroll 0 0;
    padding: 80px 0;
    position: relative;
    text-align: center;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}

.black-area:before {
    background: #1f2327 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.black-area-content i {
    color: #fff112;
    display: inline-block;
    font-size: 18px;
    padding-bottom: 25px;
}

.black-area-content p {
    color: #fff;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
}


/* black-area End */

/* video-area-top Start */

.video-area-top {
    padding-top: 100px;
}

.video-area--single-service {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 20px;
}

.video-single-service-icon {
    display: inline-block;
}

.video-single-service-icon i {
    border: 1px solid #ededed;
    border-radius: 50%;
    color: #288feb;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.video-single-service-text {
    padding-left: 20px;
}

.video-single-service-text h3 {
    margin-bottom: 22px;
}

.video-single-service-text p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}


/* video-area-top End */

/* support-area Start */

.single-brand {
    margin-bottom: 35px;
}

.support-area {
    background: rgba(0, 0, 0, 0) url("img/support-area-bg.jpg") repeat scroll center center / cover;
    padding: 55px 0;
    position: relative;
    z-index: 1;
}

.support-area-txt h3 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 20px;
}

.support-area-btn {
    display: block;
}

.hire-btn {
    background: #fff112 none repeat scroll 0 0;
    border-radius: 3px;
    color: #444444;
    display: inline-block;
    float: right;
    font-weight: 700;
    line-height: 65px;
    text-align: center;
    text-transform: uppercase;
    width: 230px;
}

.hire-btn:hover {
    color: #222222;
}

.support-area:before {
    background: #262b38 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


/* support-area End */

/* video-area Start */

/* Video-play-area Start */

.video-play {
    position: relative;
}

.play-btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #2973f4;
    font-size: 20px;
    height: 100px;
    left: 39%;
    line-height: 100px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 43%;
    width: 100px;
    z-index: 1;
}

.video-play:after {
    background: #1f2327 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    position: absolute;
    top: 0;
    width: 100%;
}


/* Video-play-area End */

/* video-area accordion start */

.security-area.video-area {
    padding-top: 0;
}

.video-area .accordion-area .security-area-content {
    padding: 90px 75px 0 50px;
}


/* FAQ area Start */

.acordion-area-content {
    padding-right: 30px;
}

.acordion-area {
    height: 275px;
    width: 100%;
}

.acordion-area-content h3 {
    margin-bottom: 35px;
}

.single-acordion2 {
    border-bottom: 1px solid #e2e7eb;
    margin-bottom: 10px;
}

.faqanswer2 {
    color: #fff;
    display: none;
    line-height: 28px;
    padding: 12px 20px 12px 30px;
    width: 100%;
}

.faqanswer2 p {
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 3px;
}

.single-acordion2.display-block .faqanswer2 {
    display: block;
}

a.active {
    background: #333;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0px;
}

.togglefaq2 {
    color: #666666;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 2px;
    padding: 10px 30px 10px 22px;
    text-decoration: none;
    width: 100%;
    position: relative;
}

.togglefaq2.active-item:focus {
    color: #666;
}

.togglefaq2:focus {
    color: #666;
    text-decoration: none;
}

.togglefaq2:hover {
    color: #666;
}

.togglefaq i {
    display: inline-block;
    float: left;
    font-size: 9px;
    left: -10px;
    position: relative;
    top: 10px;
}

.togglefaq2 i {
    left: 0;
    position: absolute;
    top: 13px;
}

@media only screen and (max-width: 767px) {
    .faqanswer2 {
        width: 260px !important;
    }
    .togglefaq 2 {
        width: 260px !important;
    }
}


/* FAQ Area right End */

/* video-area accordion End */

/* video-area End */

/* policy-area Start */

.policy-area {
    padding: 100px 0;
    text-align: center;
    background: #f6f8f9;
}

.policy-area-content h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 44px;
}

.policy-area .hero-btn.hero-two-btn {
    color: blue;
}


/* policy-area End */

/* footer-two-area Start */

.footer-two {
    background: #1f2327 none repeat scroll 0 0;
}

.footer-two .footer-bottom {
    background: #1f2327 none repeat scroll 0 0;
    border-top: 1px solid #36393d;
}

.footer-two .single-widget h3 {
    color: #fff;
}

.footer-two .single-widget a {
    color: #fff;
    font-size: 16px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.footer-two .footer-middle li a:after {
    background: #fff none repeat scroll 0 0;
}

.footer-two .footer-middle {
    text-align: right;
}

.footer-two .single-widget a:after {
    background: transparent none repeat scroll 0 0;
}

.footer-two .footer-paragraph p {
    color: #fff;
}

.footer-two .footer-bottom a {
    color: #fff;
}

.footer-two .footer-middle li:last-child a:after {
    background: transparent none repeat scroll 0 0;
}

.footer-two .footer-bottom:hover p a {
    color: #219dc6;
}

/* footer-two-area End */

/* ===========================================================
					Home Page Two End
============================================================== */

/* ===========================================================
					Home Page Three Start
============================================================== */

.doctor-home-page h1,
.doctor-home-page h2,
.doctor-home-page h3,
.doctor-home-page h4,
.doctor-home-page h5,
.doctor-home-page h6 {
    font-family: "Playfair Display", serif;
}


/* Header-area Start */

.hero-area.scorn-doctor-page {
    background: rgba(0, 0, 0, 0) url("img/banner29-min.jpg") repeat scroll left top / cover;
    height: auto;
}

.hero-area.scorn-doctor-page:before {
    background: transparent none repeat scroll 0 0;
}

.scorn-doctor-page .header-area {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(51, 51, 51, 0.1);
}

.doctor-home-page .mainmenu ul {
    text-align: right;
}

.doctor-home-page .mainmenu ul li a {
    color: #333;
    font-family: "Playfair Display", serif;
}


/*
.header-phn   h3 {
    color: #333;
    font-size: 20px;
    line-height: 87px;
    margin-bottom: 0;
  
background: rgb(30,140,246);
background: -moz-linear-gradient(45deg, rgba(30,140,246,1) 46%, rgba(27,144,21,1) 61%);
background: -webkit-linear-gradient(45deg, rgba(30,140,246,1) 31%,rgba(27,144,21,1) 61%);
background: linear-gradient(45deg, rgba(30,140,246,1) 31%,rgba(27,144,21,1) 61%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8cf6', endColorstr='#1b9015',GradientType=1 );  IE6-9 fallback on horizontal gradient 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

.header-phn h3 {
    background: -webkit-linear-gradient(45deg, rgba(30, 140, 246, 1) 31%, rgba(27, 144, 21, 1) 61%);
    background: linear-gradient(45deg, rgba(30, 140, 246, 1) 31%, rgba(27, 144, 21, 1) 61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-size: 20px;
    line-height: 87px;
    margin-bottom: 0;
}

.header-phn h3 a {
    /*    display: inline-block;*/
    margin-left: 10px;
}


/* Header-area End */

.scorn-doctor-page .banner-area {
    height: 800px;
}


/* calender area datepicker start */

.ui-datepicker {
    display: none;
}

.form-control.hasDatepicker {
    color: #a6a6a6;
    font-size: 13px;
}

#ui-datepicker-div {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 300px 0px gray;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all:before {
    background: transparent none repeat scroll 0 0;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    left: 7px;
    position: absolute;
    top: -19px;
    width: 0;
}

.ui-datepicker-calendar tr {
    border-bottom: 1px solid #dddddd;
    line-height: 30px;
}

.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td {
    border-right: 1px solid #dddddd;
    color: #333333;
    font-family: 'proxima_novasemibold';
    font-size: 12px;
    text-align: center;
    width: 40px;
}

.ui-datepicker-calendar tr td.ui-datepicker-current-day,
.ui-datepicker-calendar tr td:hover {
    background: #ff0000 none repeat scroll 0 0;
    color: #fff;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    padding: 20px;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a {
    position: absolute;
    right: 30px;
    overflow: hidden;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next {
    right: 15px;
}

.ui-datepicker-next i {
    color: #222222;
    display: inline-block;
    left: -3px;
    position: relative;
    cursor: pointer;
}

.ui-datepicker-prev i {
    color: #222222;
    cursor: pointer;
}

.ui-state-default {
    color: #222222;
}

.ui-state-default.ui-state-active {
    color: #ffffff;
}

.ui-datepicker-current-day:hover .ui-state-default {
    color: #fff;
}


/* calender area datepicker End */

/* scorn-doctor-page banner area Start */

.hero-area-content3 {
    position: relative;
    top: 140px;
}

.hero-area.scorn-doctor-page h1 {
    color: #333;
    font-family: "Playfair Display", serif;
    font-size: 58px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}


/* scorn-doctor-page banner area End */

.hero-area.scorn-doctor-page p {
    color: #333;
    padding-bottom: 60px;
}

.doctor-contact-form h3 {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 20px 20px 0 0;
    border-top: 6px solid #1e8cf6;
    margin-bottom: 30px;
    padding: 25px 30px;
    width: 100%;
}

.doctor-contact-form input {
    background: #f4f7f9 none repeat scroll 0 0;
    border: 1px solid #dde6ee;
    border-radius: 5px;
    height: 53px;
    margin-bottom: 8px;
    width: 100%;
    padding-left: 15px;
}

.input-select-area select {
    -moz-appearance: none;
    background: #f4f7f9 none repeat scroll 0 0;
    border: 1px solid #dde6ee;
    height: 53px;
    padding-left: 10px;
    width: 100%;
}

.input-select-area select option {
    padding: 15px 10px;
}

.doctor-contact-form label {
    margin-bottom: 10px;
}

input.confarm-btn {
    background: #0A0E49 none repeat scroll 0 0;
    border: 1px solid #0A0E49;
    border-radius: 0 0 15px 15px;
    color: #fff;
    font-family: "PlayfairDiplay", sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 75px;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%;
}


/* scorn-doctor-page banner area End */

/* scorn-doctor-page banner area End */

/* scorn-doctor-page service area End */

.service-area.home-page3 {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    overflow: hidden;
    padding: 160px 0 200px;
    position: relative;
}

.doctor-single-service {
    padding-right: 50px;
}

.doctor-single-service p {
    font-size: 17px;
    margin-bottom: 0;
}

.doctor-single-service i {
    -webkit-text-fill-color: transparent;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(62deg, rgb(30, 140, 246) 44%, rgb(27, 144, 21) 61%) repeat scroll 0 0 padding-box text;
    background: rgba(0, 0, 0, 0) linear-gradient(28deg, rgb(30, 140, 246) 44%, rgb(27, 144, 21) 61%) repeat scroll 0 0 padding-box text;
    display: inline-block;
    font-size: 45px;
    margin-bottom: 30px;
}

.doctor-single-service h3 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 34px;
}


/* Section-Text Start */

span.section-text {
    bottom: -5px;
    font-size: 160px;
    font-weight: 900;
    line-height: 130px;
    opacity: 0.02;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=2)";
    position: absolute;
    text-align: center;
    width: 100%;
    font-family: "Playfair Display", serif;
}


/* Section-Text End */

/* scorn-doctor-page service area End */

/* scorn-doctor-page who area End */

.section-padding {
    padding: 100px 0;
    position: relative;
    z-index: 1;
}

.who-area:before {
    background: rgba(0, 0, 0, 0) url("img/doccc-min.jpg") repeat scroll right bottom / cover;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    z-index: -1;
}

.who-area-content h3 {
    font-size: 20px;
    font-weight: 400;
}

.who-area-content h1 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 45px;
}

.who-area-content p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 30px;
}

.who-area-content p:last-child {
    margin-bottom: 70px;
}

.doctor-info {
    display: block;
    margin-top: 18px;
}

.doctor-single-info {
    background: rgba(0, 0, 0, 0) url("img/Doctor-info-bg.png") repeat scroll center center / cover;
    border-radius: 20px;
    padding: 50px 15px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}

.doctor-info .col-md-4:nth-child(2) .doctor-single-info {
    background: rgba(0, 0, 0, 0) url("img/Doctor-info-bg2.png") repeat scroll center center / cover;
}

.doctor-single-info:hover:before {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(45deg, rgb(30, 140, 246) 27%, rgb(27, 144, 21) 65%) repeat scroll 0 0 padding-box;
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgb(30, 140, 246) 27%, rgb(27, 144, 21) 65%) repeat scroll 0 0 padding-box;
}

.doctor-single-info p {
    color: #fff;
    font-size: 13px;
}

.doctor-single-info h4 {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
}

.doctor-single-info:before {
    background: #333 none repeat scroll 0 0;
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: -1;
}


/* scorn-doctor-page who area End */

/* scorn-doctor-page patient area End */

.patient-area {
    background: #f7f9fb none repeat scroll 0 0;
}

.patient-img {
    box-shadow: 0 0 50px 0 rgba(51, 51, 51, 0.3);
    position: relative;
}

.patient-area-text {
    padding: 0 40px 0 100px;
}

.patient-area-text p {
    color: #333;
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding-bottom: 40px;
    position: relative;
}

.patient-area-text p span {
    left: -11px;
    position: relative;
}

.patient-area-text span {
    color: #1a55fb;
    display: inline-block;
    font-size: 17px;
    left: 75px;
    position: absolute;
    top: 10px;
}

.patient-area-text p:before {
    background: #333 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    position: absolute;
    width: 100px;
}

.patient-area-text h1 {
    font-size: 28px;
}

.patient-area-text h4 {
    font-size: 17px;
}


/* scorn-doctor-page patient area End */

/* scorn-doctor-page home-page3-support-area End */

.support-area.home-page3-support-area {
    background: rgba(0, 0, 0, 0) url("img/tgrtfgfvg.jpg") repeat scroll center center / cover;
    text-align: center;
}

.support-area.home-page3-support-area:before {
    background: #252a2f;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.support-area-txt h1 {
    color: #fff;
    margin: 0;
    line-height: 48px;
}


/* scorn-doctor-page home-page3-support-area End */

/* scorn-doctor-page home-pahe3-footer area End */

.single-widget.footer-widget-img {
    padding-right: 70px;
}

.widhet-image a {
    background: rgba(0, 0, 0, 0) url("img/footer-img.jpg") repeat scroll 0 0 / cover;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 0 50px 0 rgba(51, 51, 51, 0.3);
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    padding: 62px 50px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    margin: 0;
}

.widhet-image a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.widhet-image a:before {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(45deg, rgb(30, 140, 246) 27%, rgb(27, 144, 21) 65%) repeat scroll 0 0 padding-box;
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, rgb(30, 140, 246) 27%, rgb(27, 144, 21) 65%) repeat scroll 0 0 padding-box;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.widhet-image a i {
    display: inline-block;
    margin-left: 10px;
}

.home-pahe3-footer .col-md-2:nth-child(3) .single-widget h3 {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.home-pahe3-footer .footer-social-icon a {
    background: #333 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    margin-left: 7px;
}


/* scorn-doctor-page home-pahe3-footer area End */

/* ===========================================================
					Home Page Three End
============================================================== */

/* ===========================================================
					Home Page Four Start
============================================================== */

.homepage4 .header-area img {
    width: auto;
}

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

.homepage4 h1,
.homepage4 h2,
.homepage4 h3,
.homepage4 h4,
.homepage4 h5,
.homepage4 h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.homepage4 h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

.homepage4-section-title {
    padding: 110px 0 100px;
    text-align: center;
}

.homepage4-section-title h1 {
    font-size: 70px;
}

.homepage4-section-title h1 span {
    color: #f05a28;
}

.homepage4-section-title {
    padding: 110px 0 100px;
    text-align: center;
}

.homepage4 .header-area {
    padding: 30px 0 0;
    text-align: center;
}

.homepage4 .mainmenu ul li a {
    color: #222;
}

.homepage4 .mainmenu ul li ul {
    background: #222 none repeat scroll 0 0;
}

.homepage4 .mainmenu ul li ul li a {
    color: #fff;
}


/*******************
***** 3. Portfolio CSS
********************/

.entry-content ol,
.entry-content ul {
    padding-left: 15px;
}

.scorn-project-categories {
    list-style: outside none none;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
}

.scorn-project-categories li {
    border-bottom: 3px solid #ffffff;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #666;
}

.scorn-project-categories li.active {
    border-color: #000;
    color: #000;
}

.all-projects-wrapper {
    margin-bottom: 30px;
    overflow: hidden;
}

.portfolio-img1 {
    height: 425px !important;
}

.portfolio-img2,
.portfolio-img9 {
    height: 568px !important;
}

.portfolio-img3 {
    height: 283px !important;
}

.portfolio-img4 {
    height: 495px !important;
}

.portfolio-img5 {
    height: 460px !important;
}

.portfolio-img6 {
    height: 427px !important;
}

.portfolio-img7 {
    height: 390px !important;
}

.portfolio-img8 {
    height: 313px !important;
}

.portfolio-img9 {
    height: 565px !important;
}

.project-thumbnail-wrap:after {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 9;
}

.project-thumbnail-wrap {
    z-index: 1;
}

.project-thumbnail-wrap {
    background-color: #dddddd;
    position: relative;
}

.project-thumb-loading {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

.scorn-project-link {
    display: block;
    float: left;
    height: 100%;
    width: 100%;
}

.entry-content a {
    color: #000000;
}

.scorn-project-inner-table {
    color: #666666;
    display: table;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    visibility: visible;
    width: 100%;
}

.single-scorn-project:hover .scorn-project-inner-table {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.scorn-project-inner-table:before {
    background: #fff none repeat scroll 0 0;
    border: 9px solid #222;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 3;
}

.single-scorn-project:hover .scorn-project-inner-table:before {
    opacity: 0.96;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
}

.scorn-project-inner-tablecell {
    bottom: 0;
    font-weight: 300;
    padding: 27px 35px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 3;
}

.scorn-project-inner-tablecell h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 5px;
    color: #454545;
    font-family: 'Poppins', sans-serif;
}

.scorn-project-inner-tablecell p {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.single-scorn-project {
    background-position: center center;
    background-size: cover;
}

.single-scorn-project {
    position: relative;
    z-index: 999;
}

.load-more-projects-wrap {
    color: #666666;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 70px;
    margin-top: 40px;
    position: relative !important;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.single-scorn-project-wrap.col-md-4 {
    padding: 5px;
}

.load-more-projects-wrap:hover {
    color: #333333;
}


/* Portfolio-btn Start */

.section-btn.portfolio-section-btn {
    padding: 70px 0;
    text-align: center;
}

.homepage4 .section-btn.portfolio-section-btn a {
    border: 2px solid #ebebeb;
    border-radius: 30px;
    display: inline-block;
    font-family: "Poppins", serif;
    font-weight: 700;
    margin: 0 6px;
    padding: 19px 60px 17px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.homepage4 .section-btn.portfolio-section-btn a.hire-me-btn {
    background: #56d21a none repeat scroll 0 0;
    border: 2px solid #56d21a;
    color: #fff;
}


/* Portfolio-btn End */

/* .homepage4 .footer-area Start */

.homepage4 .footer-area {
    text-align: center;
    background: #222;
}

.footer-social-icon.homepage4-footer-social-icon li {
    display: inline-block;
    margin: 0 5px;
}

.footer-social-icon.homepage4-footer-social-icon {
    text-align: center;
}

.single-widget.single-top-widget h3 {
    color: #fff;
    margin: 0;
}

.homepage4 .single-widget h3 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 35px;
}

.homepage4 .single-widget h3:after {
    background: transparent none repeat scroll 0 0;
}

.footer-social-icon.homepage4-footer-social-icon a {
    border: 1px solid #343434;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 65px;
    line-height: 65px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 65px;
}

.footer-social-icon.homepage4-footer-social-icon a:hover {
    border: 1px solid #e65728;
    color: #e65728;
}

.footer-social-icon.homepage4-footer-social-icon a:after {
    background: transparent none repeat scroll 0 0;
}

.homepage4 .footer-bottom {
    background: #222 none repeat scroll 0 0;
    border-top: 1px solid #343434;
    padding: 25px 0;
}

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

.special-color {
    color: #f05a28;
    margin: 0 0px;
}

/* .homepage4 .footer-area End */

/* ===========================================================
					Home Page Four End
============================================================== */

/* ===========================================================
					Home Page Five Start
============================================================== */

/* .homepage5 .header-area Start */

.doctor-home-page.scorn-finance {
    font-family: "Poppins", sans-serif;
}

.scorn-finance h1,
.scorn-finance h2,
.scorn-finance h3,
.scorn-finance h4,
.scorn-finance h5,
.scorn-finance h6 {
    font-family: 'Merriweather', serif;
}


/*
.scorn-finance .banner-area {
    background: rgba(0, 0, 0, 0) url("img/finance-banner-bg.jpg") repeat scroll center bottom / cover;
}
*/

.header-phn h3 a.get-quote-btn:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.scorn-finance .col-md-2.col-xs-12 {
    padding: 0;
}

.doctor-home-page.scorn-finance .finance-single-service-left h3 {
    display: inline-block;
}

.doctor-home-page.scorn-finance .finance-single-service-right h3 {
    display: inline-block;
}

.scorn-finance p {
    color: #222;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    font-family: "Poppins", sans-serif;
}

.hero-area.scorn-doctor-page.scorn-finance-page {
    background: rgba(0, 0, 0, 0) url("img/finance-banner-bg.jpg") repeat scroll center top / cover;
    height: 100%;
}

.scorn-doctor-page.scorn-finance-page .header-area {
    /*  background: rgba(0, 0, 0, 0) linear-gradient(to right, #fbfbfb 44%, #ededeb 77%) repeat scroll 0 0;*/
    border: medium none;
}

.hero-area.scorn-doctor-page .hero-area-content5 h1 {
    color: #222;
    font-size: 50px;
    font-weight: 700;
    font-family: 'Merriweather', serif;
}

.hero-area.scorn-doctor-page .hero-area-content5 p {
    padding-bottom: 0;
    font-family: 'Roboto', sans-serif;
}

.scorn-finance .col-md-2.col-xs-9 {
    padding: 0;
}

.header-phn.header-get-btn h3 {
    -webkit-text-fill-color: #fff;
    background: transparent none repeat scroll 0 0;
    color: #333;
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
}

.scorn-finance-page .col-md-2 {
    padding: 0;
}

.header-phn h3 a.get-quote-btn {
    background: #219dc6 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    margin-left: 0;
    margin-top: 18px;
    padding: 15px 30px;
}


/* homepage5 header-area End */

/* homepage5 Banner-area Start */

.banner-quote-btn {
    background: #219dc6 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    margin-left: 0;
    margin-top: 18px;
    padding: 15px 25px;
    text-transform: uppercase;
}

.banner-quote-btn i {
    display: inline-block;
    margin-left: 10px;
}


/* homepage5 Banner-area End */

/* homepage5 service-area End */

.finance-service-area.home-page3.section-padding {
    padding-bottom: 62px;
}

.finance-section-heading h2 {
    color: #222;
    padding-bottom: 8px;
}

.finance-section-heading {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 50px;
    padding-bottom: 40px;
}

.finance-single-service-left {
    padding-right: 20px;
}

.finance-single-service-right {
    padding-left: 20px;
}

.finance-service-area-left h3 i {
    color: #219dc6;
    display: inline-block;
    margin-right: 13px;
}

.finance-single-service-left {
    padding-bottom: 38px;
}

.finance-service-input-area {
    background: #219dc6 none repeat scroll 0 0;
    padding: 40px 30px;
}

.finance-service-input-area input,
.finance-service-input-area textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    display: block;
    font-family: "Poppins", serif;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 17px;
    padding-left: 25px;
    width: 100%;
}

.finance-service-input-area input {
    height: 58px;
}

.finance-service-input-area textarea {
    height: 115px;
}

.doctor-home-page.scorn-finance .finance-service-input-area h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

.finance-service-input-area .quote_submit_btn {
    background: #ffc90c none repeat scroll 0 0;
    border: 1px solid #ffc90c;
    color: #fff;
    font-family: "Poppins", serif;
    font-size: 16px;
    font-weight: 700;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
}

.quote_submit_btn i {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 8px;
}


/* homepage5 service-area End */

/* homepage5 finance-customer-say-area End */

.finance-customer-say-area {
    background: rgba(0, 0, 0, 0) url("img/finance-customer-bg.png") repeat scroll center top / cover;
    margin-bottom: 185px;
    position: relative;
    z-index: 1;
}

.finance-customer-say-area:before {
    background: #17191a none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.finance-customer-say-content {
    padding-bottom: 40px;
    text-align: center;
}

.finance-customer-say-content h1 {
    color: #fff;
    font-size: 30px;
    padding-bottom: 60px;
}

.finance-customer-info {
    bottom: -190px;
    display: block;
    position: absolute;
}


/* finance-customer-single-info video area start */

.video-play span {
    display: none;
}

.finance-customer-single-info .play-btn {
    background: transparent none repeat scroll 0 0;
    margin-top: -30px;
}

.finance-customer-single-info .play-btn i {
    color: #fff;
}

.finance-customer-info .col-md-4:nth-child(1) .finance-customer-single-info .play-btn {
    margin-top: -40px;
}

.finance-customer-details {
    color: #fff;
    padding-top: 30px;
}

.doctor-home-page.scorn-finance .finance-customer-details h3 {
    color: #222;
    font-size: 20px;
    margin-bottom: 3px;
    font-family: "Poppins", sans-serif;
}


/* finance-customer-single-info video area End */

/* finance-acordion-area Start */

/* FAQ area Start */

.togglefaq3:focus {
    border: medium none;
    outline: medium none;
    text-decoration: none;
}

.faqanswer3 {
    color: #fff;
    line-height: 28px;
    padding: 22px 20px 12px 30px;
    width: 100%;
}

.single-acordion3 .faqanswer3 {
    padding-right: 0;
}

.faqanswer3 p {
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 3px;
}

.single-acordion3.display-block .faqanswer3 {
    display: block;
}

a.active {
    background: #333;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0px;
}

.togglefaq3 {
    color: #666666;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 2px;
    border-bottom: 1px solid #e2e7eb;
    padding: 10px 30px 18px 22px;
    text-decoration: none;
    width: 100%;
    position: relative;
}

.single-acordion3 .togglefaq3 {
    font-family: "Merriweather", serif;
    font-size: 19px;
    font-weight: 400;
}

.togglefaq3.active-item:focus {
    color: #666;
}

.togglefaq3:focus {
    color: #666;
}

.togglefaq3:hover {
    color: #666;
}

.togglefaq i {
    display: inline-block;
    float: left;
    font-size: 9px;
    left: -10px;
    position: relative;
    top: 10px;
}

.togglefaq3 i {
    left: 0;
    position: absolute;
    top: 13px;
}

@media only screen and (max-width: 767px) {
    .faqanswer3 {
        width: 260px !important;
    }
    .togglefaq3 {
        width: 260px !important;
    }
}


/* FAQ Area right End */

.finance-section-title {
    padding-bottom: 60px;
    text-align: center;
}

.doctor-home-page.scorn-finance .finance-section-title h1 {
    font-family: 'Merriweather', serif;
    margin: 0;
}

.acordion-area.finance-acordion-left {
    padding-right: 35px;
}

.acordion-area.finance-acordion-right {
    padding-left: 35px;
}


/* finance-acordion-area End */

/* homepage5 finance-customer-say-area End */

/* homepage5 problem-solve-area Start */

.problem-solve-area .container {
    border: 1px solid #e5e5e5;
    margin-bottom: 85px;
    padding: 37px 40px;
}

.problem-solve-quote-btn {
    background: #219dc6 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-top: 14px;
    padding: 17px 52px;
    text-transform: uppercase;
}

.problem-solve-btn-area {
    padding-right: 30px;
}

.problem-solve-area-single-content p {
    font-weight: 300;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.problem-solve-quote-btn {
    background: #219dc6 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-top: 14px;
    padding: 17px 52px;
    text-transform: uppercase;
}

.problem-solve-btn-area {
    padding-right: 30px;
}

.problem-solve-area-single-content p {
    font-weight: 300;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* homepage5 problem-solve-area End */

/* homepage5 footer-area Start */

.scorn-finance .footer-area {
    background: #0d3e4e none repeat scroll 0 0;
}

.scorn-finance .footer-bottom {
    background: #0d3e4e none repeat scroll 0 0;
    border-top: 1px solid #185164;
}

.scorn-finance .single-widget h3:after {
    background: #185164 none repeat scroll 0 0;
}

.scorn-finance .footer-two .single-widget a {
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.scorn-finance .footer-two .single-widget a:hover {
    color: #219dc6;
}

.scorn-finance .footer-social-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.footer-social-icon p {
    color: #fff;
    line-height: 90px;
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}


/* homepage5 footer-area End */

/* ===========================================================
					Home Page Five End
============================================================== */

/* ===========================================================
					Home Page Six (Trainer Home Page) Start
============================================================== */

.trainer-home-page h1,
.trainer-home-page h2,
.trainer-home-page h3,
.trainer-home-page h4,
.trainer-home-page h5,
.trainer-home-page h6 {
    font-family: 'Abel', sans-serif;
    font-weight: 400;
}

.trainer-home-page p {
    font-size: 17px;
    font-weight: 300;
}

.trainer-home-page .banner-area {
    height: 100%;
}

.hero-area.hero-area-two.trainer-hero-area:before {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #020d27 43%, rgba(0, 0, 0, 0) 74%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #020d27 43%, rgba(0, 0, 0, 0) 74%) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Abel', sans-serif;
*/

.trainer-absolute-bg-img img {
    width: auto;
}

.trainer-header {
    background: #fff none repeat scroll 0 0;
}

.header-area.header-two.trainer-header .container {
    position: relative;
}

.trainer-header #mainmenu {
    padding-right: 27px;
}

.trainer-header .mainmenu ul li a {
    color: #222;
}

.search-icon {
    position: absolute;
    right: 0;
    top: 30%;
    font-size: 20px;
}


/* Search-Trigger start */

.search-trigger {
    bottom: -18px;
    position: absolute;
    right: 0;
    width: 230px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
}

.search-trigger input {
    border: 1px solid #ddd;
    height: 35px;
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
    width: 100%;
    padding-left: 10px;
}

.display-none {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .6s;
    transition: .6s;
    visibility: visible;
}


/* Search-Trigger End */

.header-area .trainer-hero-area {
    background: rgba(0, 0, 0, 0) url("img/trainer-hero-bg.jpg") repeat scroll 0 0;
}

.hero-area.hero-area-two.trainer-hero-area {
    background: rgba(0, 0, 0, 0) url("img/trainer-hero-bg.jpg") repeat scroll center top / cover;
    height: 100%;
}

.james-area {
    overflow: hidden;
    padding-bottom: 300px;
}

.trainer-absolute-bg-img img {
    bottom: 0;
    left: 0;
    position: absolute;
}

.james-area .container {
    position: relative;
}

.james-area-single-content h1 {
    font-size: 48px;
    font-weight: 400;
    padding-bottom: 20px;
}

.james-area-single-content {
    padding-bottom: 25px;
}

.james-area-single-content p {
    line-height: 28px;
    margin-bottom: 35px;
}

.james-area-single-content.james-area-single-content2 p {
    margin-bottom: 15px;
    position: relative;
    padding-left: 18px;
    position: relative;
}

.james-area-single-content.james-area-single-content2 p i {
    color: #2165ff;
    display: inline-block;
    font-size: 18px;
    margin-right: 6px;
    position: absolute;
    left: 0;
    top: 5px;
}

.trainer-service-area {
    background: #115aff none repeat scroll 0 0;
    padding-top: 200px;
}

.trainer-services {
    margin-bottom: 100px;
    margin-top: -350px;
}

.trainer-single-service-bg {
    background: rgba(0, 0, 0, 0) url("img/trainer-service-bg1.png") repeat scroll center center / cover;
    border-radius: 10px 10px 0 0;
    height: 250px;
    margin-bottom: 32px;
}

.trainer-single-service-bg2 {
    background: rgba(0, 0, 0, 0) url("img/trainer-service-bg2.png") repeat scroll center center / cover;
}

.trainer-single-service-bg3 {
    background: rgba(0, 0, 0, 0) url("img/trainer-service-bg3.png") repeat scroll center center / cover;
}

.trainer-single-service {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.3);
    padding-bottom: 25px;
}

.trainer-single-service-details {
    padding: 0 20px;
}

.trainer-single-service-details p {
    font-size: 15px;
}

.get-started-message span {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
}

.get-started-btn {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.finance-single-latest-news {
    margin-bottom: 70px;
}

.finance-single-latest-news h3 {
    line-height: 30px;
    font-size: 23px;
}

.finance-latest-news-area.section-padding {
    padding-bottom: 30px;
}

.black-area.finance-black-area {
    background: rgba(0, 0, 0, 0) url("img/black-area-bg3.jpg") repeat scroll 0 0;
}

.black-area-content p {
    font-size: 24px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 400;
}

.trainer-footer-area {
    background: #fff none repeat scroll 0 0;
    color: #333;
}

.trainer-footer-area .single-widget {
    padding-left: 95px;
}

.trainer-footer-area .single-widget.trainer-single-widged-one {
    padding-left: 0;
}

.footer-two.trainer-footer-area .single-widget h3 {
    color: #333;
}

.footer-two.trainer-footer-area .footer-paragraph p {
    color: #333;
    line-height: 40px;
}

.trainer-footer-area .col-md-5 {
    padding: 0;
}

.finance-footer-widget-icons.trainer-footer-widget-icons {
    margin-top: 25px;
}

.footer-two.trainer-footer-area .single-widget a {
    color: #333;
    display: inline-block;
    margin-bottom: 18px;
    margin-right: 10px;
}

.trainer-footer-area .finance-footer-widget-icons ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.trainer-footer-area .finance-footer-widget-icons ul li {
    display: inline-block;
}

.trainer-footer-area .finance-footer-widget-icons ul li a {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    color: #333;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.preview-page .footer-paragraph p {
    font-size: 13px;
}

/* ===========================================================
					Home Page Six (Trainer Home Page) End
============================================================== */