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

Project Name : xPlus;
Desgined By  : Faridul Haque;
Developed By : Sumaiya Shampa & Faridul Haque;
Date         : 05-Jan-2017

Table Of Index
------------------
01. ABOUT US PAGES
    a. Who We Are
    b. Our Mission
    c. Our Goals
    d. Our Distinct Approach

02. BLOG PAGES (ALL BLOG)
    a. Blog Masonry
    b. Blog Masonry 2 Columns
    c. Page Side Bar
        a. widget search
        b. common input style for widget
        c. categories
        d. testimonial
    d. Blog Masonry 3 Columns
    e. Blog Full Sidebar
    f. Single Blog 
    g. Comment Area
    
03. CONTACT US PAGES
    a. Button Css
    b. Contact Area
    c. Google Map

04. OUR CLIENT PAGES
    a. Client Logos
    b. Testimonial 
    c. Why Our Client Choose Us
    d. Client Cta

05. SERVICE PAGE
    a. Video
    b. Service 
    c. Portfolio
    d. Testimonial
    e. Client

05. SERVICE PAGE-2
    a. Service
    b. Feature
    c. Pricing

06. SERVICE PAGE-3
    a. Service
    b. Video
    c. Testimonial
    f. Client

06. SINGLE PROJECT PAGE
    a. Max Width
    b. Margin Bottom
    c. Project Images
    d. Text Break
    e. Video
    f. Bullet

07. TEAM PAGE
    a. Team Area
        1.1 Governing
        1.2 Team Players
    b. Our Skill

08. ERROR 404 PAGE

09. INNER PAGES RESPONSIVE CODE



/*
************************************************
          01 == ABOUT US PAGE CSS ==
************************************************ 
*/


/*
Who We Are CSS 
-------------------------------*/
.section_title > p{
    max-width: 775px;
    margin: auto;
    font-family: 'proxima_nova_rgregular';
}
.about_area {
    padding: 105px 0 40px;
}
.section_title h3 {
    font-size: 36px;
    margin: 0;
    font-family: 'proxima_nova_rgbold';
    text-transform: capitalize;
    margin-bottom: 10px;
}
.about_title p {
    max-width: 770px;
    margin: 40px 0 30px;
}
.about-section {
    padding: 80px 0;
}

.who_we_info p,
.our_mission_info p,
.our_goals_info p,
.our_distinct_title p {
    margin: 18px 0 -8px;
}

.who_we_area {
    border-right: 15px solid #99CA3C;
    margin-bottom: 80px;
}

.who_we_info {
    position: relative;
    padding-top: 60px;
}
.who_we_info p {
    max-width: 480px;
}

.who_we_info:before {
    position: absolute;
    content: "";
    height: 225px;
    left: -55px;
    top: 65px;
    border-left: 4px solid #99CA3C;
}

.who_we_img {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 6px 20px;
    text-align: center;
    padding: 72px 0;
}


/*
Our Mission CSS 
-------------------------------*/

.our_mission_area {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.our_mission_info{
    max-width: 550px;
}

/*
Our Goals CSS
-------------------------------*/

.our_goal {
    border-left: 15px solid #99CA3C;
    margin: 80px 0;
}

.our_goal_content {
    position: relative;
    padding-top: 60px;
}

.our_goal_content p {
    max-width: 480px;
}

.our_goal_content:before {
    position: absolute;
    content: "";
    height: 225px;
    left: -55px;
    top: 65px;
    border-left: 4px solid #99CA3C;
}

.our_goal_img {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 6px 20px;
    text-align: center;
    padding-top: 10px;
}



/* 
Our Distinct Approach CSS 
-------------------------------*/

.our_distinct_approach_area {
    position: relative;
    z-index: 1;
    padding: 75px 0 70px;
}

.our_distinct_approach_area:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #ddd;
    z-index: -1;
}

.our_distinct_title {
    float: right;
    max-width: 470px;
}



/*
************************************************
       02 == BLOG PAGE CSS ==
************************************************ 
*/


/* ============= Blog Masonry Css ============ */
.blog_full_single_post img{
    width: 100%;
}
.blog_area {
    padding: 110px 0 105px;
}

.blog_section_title {
    margin-bottom: 70px;
}

.blog_section_title p {
    max-width: 830px;
    margin: 0 auto 0 auto;
}

.blog_info_middle:nth-child(1),
.blog_info_bottom:nth-child(3) {
    margin-top: -80px;
}

.blog_info_middle:nth-child(2),
.blog_info_bottom:nth-child(2) {
    margin-top: 50px;
}

.blog_info_bottom:nth-child(1) {
    margin-top: -30px;
}

.blog_details {
    margin-top: 36px;
}

.blog_s {
    margin-top: 6px;
}

.blog_s li {
    cursor: pointer;
    position: relative;
}

.blog_s li:after {
    position: absolute;
    content: "";
    left: -7px;
    top: 6px;
    width: 1px;
    height: 10px;
    border-left: 1px solid #888888;
}

.blog_s li:nth-child(1):after {
    border-left: none
}

.blog_s li a {
    cursor: pointer;
    padding: 5px 0;
}

.blog_s li a:hover {
    color: #99ca3c;
}

.blog_details a {
    color: #333333;
    font-size: 22px;
    font-family: 'proxima_nova_rgbold';
}

.blog_details p {
    color: #888888;
    font-size: 15px;
    font-family: 'proxima_nova_rgregular';
    margin: 6px 0px 18px;
}


/* ============= Blog Masonry 2 Columns Css ============ */

.blog_info.blog_info_2column {
    margin-top: 70px;
}
.btn.xplus-btn-round.blog_masonry_btn {
    color: #333333;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    height: 40px;
    width: 140px;
    line-height: 40px;
    box-shadow: none;
    border: 1px solid #ddd;
}
.btn.xplus-btn-round.blog_masonry_btn:hover{
    color: #fff;
    background: #99CA3C;
}

/*
Page Sidebar ------------------------------- */
.page_sidebar_right{
    float: right;
}
.page_sidebar_left  {
    float: left;
}
.search_area input[type=text] {
    border: 1px solid #dddddd;
    padding-left: 20px;
    font-size: 14px;
    font-family: 'proxima_nova_rgregular';
    height: 45px;
}
.btn-search-blog{
    background: transparent;
    box-shadow: none;
}

/*
Widget Search ------------------------------- */
.widget_search .search-form {
    position: relative;
}
.widget_search .search-form button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    height: 60px;
    width: 50px;
    background: transparent;
    border: 0;
}

/* ============= Common Input Style for Widget ============ */

.widget input[type=text], 
.widget input[type=password], 
.widget input[type=email], 
.widget input[type=url], 
.widget input[type=time], 
.widget input[type=date], 
.widget input[type=datetime-local], 
.widget input[type=tel], 
.widget input[type=number], 
.widget input[type=search] {
    border: 1px solid #ddd;
    height: 60px;
    padding: 0 30px;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.widget input[type=text]:focus:not([readonly]) {    
    border: 1px solid #ddd;
    box-shadow: none;
}

/*
categories
-------------------------------*/
.categories {
    margin-bottom: 50px;
}
.categories ul {
    border: 1px solid #ddd;
    width: 310px;
    padding: 15px 0;
}
.categories ul li {
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    width: 250px;
}
.categories ul li a {
    color: #888888;
    font-size: 16px;
    font-family: 'proxima_nova_rgregular';
    line-height: 45px;
    text-transform: capitalize;
}
.categories ul li a:hover {
    color: #99ca3c;
}
.categories ul li:nth-child(6) {
    border-bottom: none;
}
/*  
testimonial 
-------------------------------*/

.blog_client_testimonial {
    border: 1px solid #ddd;
    padding: 15px 0 5px;
    width: 310px;
}
.blog_testimonial_info{
    padding: 7px 30px;
}
.blog_testimonial_info p {
    margin-bottom: 15px;
}
.blog_testimonial_info h4 {
    font-size: 14px;
    font-family: 'proxima_nova_rgbold';
    text-transform: capitalize;
}
.blog_testimonial_info span {
    margin: 12px;
}
.blog_testimonial_info:after {
    position: absolute;
    content: "\f1b2";
    color: #99ca3c;
    z-index: -1;
    left: 30px;
    top: -2px;
    font-size: 30px;
    font-family: Material-Design-Iconic-Font;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



/* ============= Blog Masonry 3 Columns Css ============ */

.blog_info.blog_info_bg {
    margin-top: 70px;
}

.pagination {
    margin: 60px 0 0;
}

.pagination li:nth-child(5) a i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination li .active {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    background-color: #99ca3c;
    color: #fff;
}

.pagination li a {
    background: #eeeeee;
    margin: 0 5px;
    border-radius: 3px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 18px;
    color: #333333;
}

ul.pagination li a:hover {
    background: #99ca3c;
    color: #fff;
}


/* =============  Blog Full Right  Sidebar ============ */
.blog_full_single_post {
    background: #f8f8f8;
    padding: 30px;
    margin-bottom: 30px;
}

/* ============= Single Blog Css ============ */

.single_page_sidebar_content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
}

.single_page_sidebar_content h3 {
    color: #333333;
    font-size: 22px;
    margin-top: 44px;
}

.single_page_sidebar_content ul {
    margin: -8px 0 32px;
}

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

.single_page_sidebar_content ul li a {
    color: #888888;
    font-family: 'proxima_nova_rgregular';
    font-size: 13px;
    padding-right: 20px;
}

.single_page_sidebar_content ul li:after {
    position: absolute;
    content: "";
    left: -10px;
    top: 5px;
    width: 2px;
    height: 10px;
    border-left: 1px solid #888888;
}

.single_page_sidebar_content ul li:nth-child(1):after {
    border-left: none;
}

.single_page_sidebar_content p {
    margin-bottom: 18px;
}

.strong_text {
    border-left: 5px solid #eee;
    color: #333333;
    padding: 15px 0 15px 30px;
}

.pdf_left {
    float: left;
}

.pdf_right {
    float: right;
}

.pdf_left a {
    color: #888888;
    font-family: 'proxima_nova_rgregular';
    text-transform: lowercase;
}
.pdf_right a {
    color: #333333;
}

.single_page_sidebar_left h6 {
    padding: 30px 0 58px;
    font-size: 14px;
    font-family: 'proxima_novasemibold';
}

.comment_section_title{
    border-bottom: 1px solid #ddd;
}

.single_page_comment_section {
    
}

.single_page_comment_section h4 {
    color: #333;
    padding-bottom: 20px;
}

.comment_icon {
    float: left;
    width: 10%;
}

.comment_icon i {
    color: #fff;
    font-size: 35px;
    background: #e5e5e5;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
}

.comment_details a h4 {
    color: #333;
    font-size: 16px;
    font-family: 'proxima_nova_rgbold';
    padding-bottom: 0;
    margin: 12px 0 6px;
}

.comment_details span {
    color: #888888;
    font-size: 13px;
    font-family: 'proxima_nova_rgregular';
}

.comment_details p {
    margin: 18px 0 8px;
}

.comment_details a h6 {
    padding: 0 0 25px;
    color: #333333;
    font-size: 15px;
}

.single_page_comment_section_two {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 40px 0 195px 0;
}

.comment_details {
    float: right;
    width: 90%;
}

.comment_reply {
    border-top: 1px solid #ddd;
    padding-top: 40px;
}

.comment_text {
    float: right;
    width: 90%;
    padding-left: 10px;
}

/* 
Comment Area
-------------------------------*/

button.btn.xplus-btn-round.send-btn-round.single_blog_send_btn {
    float: left;
    width: 195px;
}
.jsSubmit_button h4 {
    border-bottom: 1px solid #ddd;
    padding: 78px 0 10px;
    margin-bottom: 40px;
}



/*
************************************************
        03 == CONTACT US-1 CSS ==
************************************************ 
*/

/* 
Button Css 
-------------------------------*/

button.btn.send-btn-round {
    background: #7EC0EE;
    height: 50px;
    width: 150px;
    line-height: 50px;
    padding: 0;
    float: right;
}
.btn.send-btn-round span {
    margin-left: 10px;
}
.contact_title.section_title p{
    margin: inherit;
}

/*  Contact Area Css 
-------------------------------*/

#contact {
    padding: 100px 0px;
}

.section_common_space input[type=text]:focus:not([readonly]),
.section_common_space input[type=email]:focus:not([readonly]),
.section_common_space input[type=number]:focus:not([readonly]),
.section_common_space input[type=url]:focus:not([readonly]),
textarea.massage_textarea:focus:not([readonly]),
.section_common_space input[type=tel]:focus:not([readonly]) {
    border-bottom: 1px solid #99ca3c;
    box-shadow: 0 1px 0 0 #99ca3c;
}

.upgraded_field input[type=email]:focus:not([readonly])+label,
.upgraded_field input[type=text]:focus:not([readonly])+label,
.upgraded_field input[type=tel]:focus:not([readonly])+label,
.upgraded_field input[type=number]:focus:not([readonly])+label,
.upgraded_field input[type=url]:focus:not([readonly])+label,
textarea.massage_textarea:focus:not([readonly])+label {
    color: #99ca3c;
}

.upgraded_field input[type=email].invalid,
.upgraded_field input[type=email]:focus.valid,
.upgraded_field input[type=number].valid,
.upgraded_field input[type=number]:focus.invalid,
.upgraded_field input[type=text].valid,
.upgraded_field input[type=text]:focus.valid {
    border-bottom: 1px solid #99ca3c;
    box-shadow: 0 1px 0 0 #99ca3c;
}

.contact_icon {
    background: #7EC0EE;
}

.contact_details {
    padding-top: 40px;
}

.contact_details:nth-child(2) .contact_text p {
    max-width: 150px;
}

.contact_text p {
    font-size: 14px;
}

.title.contact_title {
    margin-bottom: 40px;
}
/*
title contact us-2 -------------------------------*/

.title.contact_title-2 {
    margin-bottom: 30px;
    text-align: center;
}

/* 
Google Map Css 
-------------------------------*/

#google_map {
    height: 450px;
}

/* 
google map contact us-2 
-------------------------------*/
#google_map-2 {
    height: 285px;
    margin-top: 30px;
}



/*
************************************************
        04 == OUR CLIENT PAGE CSS ==
************************************************ 
*/


/*  
Client Logos Css 
-------------------------------*/

.client_area {
    background: none;
    padding: 105px 0  100px;
    border-bottom: none;
}
.client_area .section_title{
    margin-bottom: 60px;
}

.client_single_img {
    width: 20%;
    float: left;
    height: 175px;
    border: 10px solid #fff;
    position: relative;
    z-index: 1;
}

.client_title h3 {
    margin-bottom: 6px;
}

.client_img_area {
    text-align: center;
}

.client_single_img:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: -1;
    border: 1px solid #ddd;
}
.client_single_img:nth-child(1),
.client_single_img:nth-child(3),
.client_single_img:nth-child(4) {
    padding-top: 25px;
}

.client_single_img:nth-child(2),
.client_single_img:nth-child(5) {
    padding-top: 35px;
}

.client_single_img:nth-child(6),
.client_single_img:nth-child(7),
.client_single_img:nth-child(8),
.client_single_img:nth-child(9) {
    padding-top: 48px;
}

.client_single_img:nth-child(10) {
    padding-top: 44px;
}


/* 
Testimonial CSS Start Css 
-------------------------------*/
.testimonial_area.service-2, .testimonial_area.our_clients {
    background-image: none;
    padding: 105px 0 140px;
    background: #f8f8f8;
}
.testimonial_area.service-3  {
    background-image: none;
    padding: 105px 0 110px;
}
.testimonial_area .section_title, #pricing_area .section_title {
    margin-bottom: 70px;
}
.testimonial_details {
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 15px;
    padding: 42px 0 22px;
}

.testimonial_img {
    border: 5px solid #fff;
    border-radius: 50%;
}

.finance_testimonial_title h4 {
    color: #222222;
    font-size: 16px;
    font-family: 'proxima_nova_rgbold';
    margin: 20px 0 4px;
}

.finance_testimonial_title span {
    color: #888888;
    font-size: 13px;
    font-family: 'proxima_nova_rgregular';
}

.finance_testimonial_info p {
    color: #888888;
    font-size: 15px;
    font-family: 'proxima_nova_rgregular';
    padding: 0 30px;
}

.testimonial_section_title {
    margin-bottom: 60px;
}

.contact_section_title {
    margin-bottom: 38px;
}

.testimonial_content_finance .owl-controls {
    top: 35px;
    text-align: center;
    position: relative;
}

.testimonial_content_finance .owl-dot {
    width: 15px;
    height: 4px;
    background: #dddddd;
    border-radius: 5px;
    height: 10px;
    display: inline-block;
    margin: 0 5px;
}

.testimonial_content_finance .owl-dot.active {
    background: #99CA3C;
    width: 30px;
}


/* 
Why Our Client Choose Us Css 
-------------------------------*/

.client_choose_area {
    padding: 105px 0 90px;
}

.choose_title h3 {
    color: #333333;
}

.choose_title p {
    font-size: 14px;
}

.client_content span {
    color: #333333;
    font-size: 36px;
}

.client_text h5 {
    color: #333333;
    font-size: 20px;
    margin: 35px 0 5px;
}


/* 
Client Cta Css 
-------------------------------*/

.client_cta {
    margin-bottom: 110px;
}

.client_cta_bg {
    background: #f8f8f8;
    padding: 70px 0 135px;
}

.client_cta_bg h3 {
    color: #333333;
    font-size: 36px;
    font-family: 'proxima_nova_rgbold';
    margin-top: 0;
    padding-bottom: 20px;
}

a.btn.xplus-btn-round.client_btn {
    background: #99CA3C;
    color: #fff;
    width: 270px;
}

.client_cta .btn.xplus-btn-round {
    line-height: 65px;
    height: 65px;
}
/*
************************************************
        05 == SERVICE PAGE CSS ==
************************************************ 
*/

/* 
Btn CSS 
-------------------------------*/

.btn.xplus-btn-round.service_btn {
    border-radius: 50px;
    font-size: 17px;
    font-family: 'proxima_novasemibold';
    text-transform: inherit;
    line-height: 60px;
    margin: 0px;
    height: 60px;
    background: #99ca3c;
    color: #fff;
    width: 200px;
}


/* 
Video CSS 
-------------------------------*/

.intro_video_area {
    border-bottom: 1px solid #ddd;
    padding: 95px 0 90px;
    text-align: center;
}

.intro_video_area h3 {
    color: #333;
    font-size: 36px;
    max-width: 840px;
    margin: auto;
    line-height: 50px;
    margin-bottom: 45px;
}

a.service_video i {
    color: #fff;
    font-size: 30px;
    line-height: 58px;
}

a.service_video {
    background: -webkit-linear-gradient(#a8da4a, #91c52f);
    background: linear-gradient(#a8da4a, #91c52f);
    height: 63px;
    width: 63px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

.video_content p {
    color: #333333;
    font-size: 18px;
    margin-top: 16px;
}


/* 
Service CSS
-------------------------------*/

.service_area {
    border-bottom: none;
    padding: 110px 0 80px;
    background: none;
}

.service_content {
    margin: 0 0 110px;
    padding: 0px;
}

.service_content:last-child {
    margin-bottom: 0px;
}

.service_info h3 {
    color: #333333;
    font-size: 36px;
}

.service_info p {
    margin: 28px 0 25px;
}

.service_info span {
    color: #888888;
    font-size: 18px;
    font-family: 'proxima_novasemibold';
}

.service_info ul li {
    color: #888888;
    font-size: 15px;
    font-family: 'proxima_nova_rgregular';
    line-height: 30px;
    position: relative;
    padding-left: 18px;
    margin: 18px 0px;
}

.service_info ul li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    border-radius: 50%;
    border: 3px solid #333;
}

.service_info ul li:last-child {
    margin-bottom: 38px;
}

.service_icon span {
    font-size: 60px;
    border-radius: 50%;
    background: -webkit-linear-gradient(#a8da4a, #91c52f);
    background: linear-gradient(#a8da4a, #91c52f);
    color: #fff;
    height: 200px;
    width: 200px;
    text-align: center;
    line-height: 200px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

.service_content:nth-child(2) .service_icon span {
    background: -webkit-linear-gradient(#43a2f7, #0e76e6);
    background: linear-gradient(#43a2f7, #0e76e6);
}

.service_content:nth-child(3) .service_icon span {
    background: -webkit-linear-gradient(#fb7c67, #f34225);
    background: linear-gradient(#fb7c67, #f34225);
}

.service_content:nth-child(4) .service_icon span {
    background: -webkit-linear-gradient(#4e6277, #243445);
    background: linear-gradient(#4e6277, #243445);
}

.service_content:nth-child(5) .service_icon span {
    background: -webkit-linear-gradient(#7ed082, #57b35c);
    background: linear-gradient(#7ed082, #57b35c);
}

.service_content:nth-child(6) .service_icon span {
    background: -webkit-linear-gradient(#aedf50, #8ec22b);
    background: linear-gradient(#aedf50, #8ec22b);
}



/* 
Testimonial CSS
-------------------------------*/

.client_testimonial_3column_info:after {
    color: #99ca3c;
}

.service.testimonial_title p {
    max-width: 830px;
    margin: auto;
}


/* 
Client CSS
-------------------------------*/

.client_area_service {
    background: #FBFBFB;
    padding: 100px 0px 110px;
}

.client_section_title {
    margin-bottom: 112px;
}

.client_section_title p {
    max-width: 830px;
    margin: 0 auto 0 auto;
}

.client_bg {
    text-align: center;
    position: relative;
}

.client_img_creative img {
    height: 90px;
}

.client_bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.client_bg:nth-child(2):after,
.client_bg:nth-child(3):after,
.client_bg:nth-child(5):after,
.client_bg:nth-child(6):after {
    border-left: 1px solid #ddd;
}

.client_bg:nth-child(1),
.client_bg:nth-child(2),
.client_bg:nth-child(3) {
    padding-bottom: 45px;
}

.client_bg:nth-child(4),
.client_bg:nth-child(5),
.client_bg:nth-child(6) {
    padding-top: 45px;
}

.client_bg_top {
    border-bottom: 1px solid #eee;
    width: calc(100% - 138px);
    margin-left: 72px;
    height: 135px;
}


/*
************************************************
        06 == SERVICE PAGE-2 CSS ==
************************************************ 
*/

/* 
Service CSS
-------------------------------*/

.service_section_title {
    margin-top: 8px;
}
.service_section_title h3 {
    max-width: 545px;
    line-height: 40px;
    margin-top: 70px;
}
.service_icon_info, .service_icon_info_top {
    border: 1px solid #ddd;
    height: 216px;
    text-align: center;
}
.service_icon_info:nth-child(2), 
.service_icon_info:nth-child(4), 
.service_icon_info:nth-child(6), 
.service_icon_info:nth-child(3) {
    border-left: none;
}
.service_icon_info:nth-child(5), 
.service_icon_info:nth-child(6){
    border-top: none;
}
.service_icon_info_top:nth-child(2) {
    border-right: none;
    margin-left: -1px;
    margin-bottom: -1px;
}

.service_icon_info_top {
    margin: 12px 0 -2px 0px;
     position: relative;
}
.service_icon_info{
    position: relative;
}
.service_icon_info .service-overlay, .service_icon_info_top .service-overlay {
    width:295px;
    height:295px;
    position:absolute;
    overflow:hidden;
    margin: -55px -2px;
    top: 0px;
    left:0;
    opacity:0;
    background-color:#99CA3C;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    text-align: center;
    padding-top: 45px;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 15px 45px 0px;
    z-index: 1;
}
.service_icon_info:hover .service-overlay, .service_icon_info_top:hover .service-overlay{
    opacity:1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.service_icon-2 {
    padding-top: 55px;
}
.service_icon-2 span {
    color: #333333;
    font-size: 48px;
}
.service_icon-2 h5{
    color: #333333;
    font-size: 18px;
    font-family: 'proxima_novasemibold';
    margin-top: 30px;
}
.service-overlay h5 {
    color: #fff;
    font-size: 18px;
    font-family: 'proxima_novasemibold';
    margin-top: 30px;
}
.service-overlay p {
    max-width: 230px;
    margin: 25px auto 0 auto;
    color: #eee;
}
.service-overlay span {
    font-size: 48px;
}

.service_icon_info:hover .service-overlay:hover, .service-overlay span, .service_icon_info_top:hover .service-overlay span {
    color: #fff;
}



/* 
Feature CSS 
-------------------------------*/
.feature_section {
    padding-bottom: 85px;
}
.feature_content h3{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
}
.feature_content p span{
    color: #99ca3c;
}

/* 
Pricing CSS 
-------------------------------*/
#pricing_area {
    padding: 105px 0 110px;
}
.pricing_bg_color.hover_box {
    padding: 65px 0;
}
.pricing_bg_color .plan-price {
    padding-top: 0px;
}
.price_feature {
    padding: 35px 0 60px;
}
.price_feature li {
    border-top: 1px solid #f5f5f5;
    border-bottom: none;
    width: 170px;
    margin: auto;
    -webkit-transition: 1s;
    transition: 1s;
}
.price_feature li:first-child {
    border-top: none;
}
.price_btn_seo {
    width: 100%;
    text-align: center;
    margin: auto;
}
.price_icon_seo,
.price_icon_active_seo {
    color: #ffffff;
    font-size: 16px;
    font-family: 'proxima_nova_rgregular';
    text-transform: uppercase;
    background: #333333;
    width: 140px;
    margin-top: -19px;
    height: 50px;
    line-height: 52px;
    border-radius: 50px;
}
.pricing_bg_color:hover .price_btn_seo a,
.price_icon_active_seo {
    background: #fff;
    color: #333333;
}
.pricing_bg_color.active {
    background: #99CA3C;
}
.pricing_bg_color.active .plan-price h3 {
    color: #ffffff;
}
.pricing_bg_color.active .Package_type {
    color: #fff;
}
.pricing_bg_color.active .price_feature li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: #eee;
}
.pricing_bg_color.active .price_feature li:first-child {
    border-top: none;
}
.pricing_bg_color:hover {
    background: #99CA3C;
}
.pricing_bg_color:hover .plan-price h3 {
    color: #ffffff;
}
.pricing_bg_color:hover .Package_type {
    color: #fff;
}
.pricing_bg_color:hover .price_feature li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: #eee;
}
.pricing_bg_color:hover .price_feature li:first-child {
    border-top: none;
}


/*
************************************************
         == SERVICE-3 PAGE CSS ==
************************************************ 
*/

/* 
Service CSS 
-------------------------------*/

.service_content-3 {
    margin-bottom: 30px;
    padding: 0px 0 28px;
}

/* 
Video CSS 
-------------------------------*/
.video_area_inner{
    background: url(../../images/video-overlay.jpg);
    background-size: cover;
    height: 500px;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 210px;
    text-align: center;
    width: 100%;
    z-index: 1;
}
a.inner-video {
    background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
a.inner-video i {
    color: #1d1d22;
    font-size: 48px;
    line-height: 80px;
}

/* 
Testimonial CSS  
-------------------------------*/

.testimonial_business_img {
    margin-top: 40px;
    float: left;
}
.testimonial_right_content h4 {
    color: #333333;
    font-size: 18px;
    font-family: 'proxima_nova_rgbold';
    margin-bottom: 5px;
}
.testimonial_right_content span {
    color: #888888;
    font-size: 13px;
    font-family: 'proxima_nova_rgregular';
}
.testimonial_business_info {
    display: inline-block;
    padding: 35px 5px;
}
.testimonial_single_item {
    background: #fff;
    padding: 0 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
    margin: 2px 0 2px 0;
}
.testimonial_right_content {
    padding: 75px 0 0 140px;
}
.testimonial_startup .owl-controls {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}
.testimonial_startup .owl-dot span {
    padding-right: 20px;
    padding-top: 10px;
}
.testimonial_startup .owl-dot {
    width: 15px;
    height: 10px;
    background: #cccccc;
    display: inline-block;
    margin: 0 5px;
    border-radius: 10px;
}
.testimonial_startup .owl-dot.active {
    background: #50d18e;
    width: 30px;
}
.testimonial_business_img {
    margin-top: 40px;
    float: left;
}
.testimonial_right_content h4 {
    color: #333333;
    font-size: 18px;
    font-family: 'proxima_nova_rgbold';
    margin-bottom: 5px;
}
.testimonial_right_content span {
    color: #888888;
    font-size: 13px;
    font-family: 'proxima_nova_rgregular';
}
.testimonial_business_info {
    display: inline-block;
    padding: 35px 5px;
}
.testimonial-bg{
    background: #fff;
}
.testimonial_text {
    background: #fff;
    padding: 0 30px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
    margin: 2px 0 2px 0;
}
.testimonial_right_content {
    padding: 75px 0 0 140px;
}
.testimonial_testimonial_details .owl-controls {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 35px;
}
.testimonial_testimonial_details .owl-dot span {
    padding-right: 20px;
    padding-top: 10px;
}
.testimonial_testimonial_details .owl-dot {
    width: 15px;
    height: 10px;
    background: #cccccc;
    display: inline-block;
    margin: 0 5px;
    border-radius: 10px;
}
.testimonial_testimonial_details .owl-dot.active {
    background: #50d18e;
    width: 30px;
}

/* 
Client CSS 
-------------------------------*/
.client_logos {
    background: #f8f8f8;
    padding: 55px 0;
}
.owl-carousel .owl-item .client_logo img {
    width: auto;
}


/*
************************************************
        06 == SINGLE PROJECT CSS ==
************************************************ 
*/

iframe {
    border-width: 0;
}
/*  Max Width CSS 
-------------------------------*/
.project_title_bar,
.the-story,
.concept,
.project-description {
    max-width: 870px;
}

/* 
Margin Bottom CSS 
-------------------------------*/
.title_bar_info br,
.the-story br,
.concept br {
    margin-bottom: 40px;
}

/* 
Project Images CSS 
-------------------------------*/
.project-image img {
    width: 100%;
}

/*  
Text Break CSS 
-------------------------------*/
.text-break {
    margin-top: 30px;
}

/* 
Video CSS 
-------------------------------*/
.video-presentation {
    margin: 80px;
}

/* 
Bullet CSS 
-------------------------------*/

.bullet-text {
    margin-top: 20px;
}

.bullet-text h5 {
    color: #333;
    font-size: 18px;
}

.bullet-text p {
    margin: 28px 0 25px;
}

.bullet-text ul li {
    color: #888888;
    font-size: 15px;
    line-height: 30px;
    position: relative;
    padding-left: 18px;
    margin: 18px 0px;
    max-width: 760px;
}

.bullet-text ul li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    border-radius: 50%;
    border: 3px solid #333;
}

/*
************************************************
        07 == TEAM PAGE CSS ==
************************************************ 
*/


/* 
Team Area CSS 
-------------------------------*/


/* ---- 1.1 Governing CSS ---- */

.governing_body, .team_players, .our_skill_area {
    padding: 100px 0 90px;
}
.governing_body h3, .team_players h3, .our_skill_area h3 {
    font-size: 36px;
}


.governing_title p {
    max-width: 770px;
    margin-top: 15px;
}

.governing_member_area {
    margin-top: 58px;
}

.governing_member_text h4 {
    color: #333333;
    font-size: 28px;
    font-family: 'proxima_novasemibold';
    margin: 36px 0 6px;
}

.governing_member_text span {
    color: #333333;
    font-size: 14px;
    font-family: 'proxima_novasemibold';
}

.governing_member_text p,
.players_text p {
    padding: 20px 0 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}

.team_member_icon li {
    display: inline-block;
}

.team_member_icon li a {
    color: #888888;
    font-size: 14px;
    -webkit-transition: .4s;
    transition: .4s;
    padding-right: 24px;
}

.team_member_icon li a:hover {
    color: #99ca3c;
}


/* ----- 1.2 Team Players CSS ----- */

.team_players {
    background: #f8f8f8;
}

.players_details {
    margin-top: 60px;
}

.players_text h5 {
    color: #333333;
    font-size: 16px;
    font-family: 'proxima_nova_rgbold';
    margin: 25px 0 0;
}

.players_text span {
    color: #888888;
    font-size: 13px;
    font-family: 'proxima_nova_rgregular';
}


/* 
Our Skill CSS 
-------------------------------*/

.skill_title h3 {
    margin-bottom: 16px;
}

.skill_title p {
    margin-top: 18px;
}

.custom_progress_bar {
    background-color: #333;
}

.custom_progress {
    height: 2px;
}


/*
************************************************
        08 == ERROR PAGE CSS ==
************************************************ 
*/

/*-------Error Search ------------------------------- */
    .error_area {
        padding: 80px 0 105px;
    }
    .search-form {
        position: relative;
    }
    .search-form button {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 20px;
        height: 60px;
        width: 50px;
        background: transparent;
        border: 0;
    }
    .error_search input[type=text] {
        border: 1px solid #ddd;
        height: 60px;
        padding: 0 30px;
        font-size: 14px;
        box-sizing: border-box;
        margin-bottom: 50px;
    }
    .error_search input[type=text]:focus:not([readonly]) {    
        border: 1px solid #ddd;
        box-shadow: none;
    }
    .error_content h1 {
        font-size: 160px;
        margin-bottom: 0px;
        font-family: 'proxima_nova_rgbold';
    }
    .error_content h2 {
        display: inline-block;
        letter-spacing: 45px;
        margin-bottom: 40px;
        margin-left: 50px;
        text-transform: uppercase;
        font-size: 30px;
    }
    .error_content h3 {
        font-size: 16px;
        margin-bottom: 35px;
        word-spacing: 1px;
        font-family: 'proxima_nova_rgregular';
    }
    .error_search {
        width: 400px;
        margin: 0 auto;
    }
    .error_search label {
        color: #222;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 22px;
    }
    .error_content span {
        font-size: 16px;
        color: #999;
        font-weight: 300;
    }
    .error_content span a {
        color: #222;
        margin-left: 5px;
        text-decoration: underline;
        font-family: 'proxima_nova_rgbold';
    }


/* ============================  Rsponsive Css ================================= */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
/* 
About us page CSS
-------------------------------*/
    .who_we_area {
        border-right: 7px solid #99CA3C;
    }
/* 
Service page CSS
-------------------------------*/
.service_icon span {
        height: 180px;
        width: 180px;
        line-height: 180px;
    }
    .service_icon_info .service-overlay, .service_icon_info_top .service-overlay {
        width: 244px;
    }
/* 
Blog page CSS
-------------------------------*/

    .pagination {
        margin: 60px 30px 0;
    }
    .single_page_sidebar_left {
        padding: 0 18px;
    }
    .comment_details, .comment_text {
        width: 88%;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
/* 
About us page CSS
-------------------------------*/
    .btn.xplus-btn-round.project_btn {
        width: 100%;
    }
    .our_goals_info:before,
    .who_we_info:before {
        left: -10px;
    }
    .who_we_info, .our_goal_content {
        padding: 45px 15px;
    }
    
    .our_goal_content:before {
        left: -10px;
    }
/* 
Service page CSS
-------------------------------*/
    .btn.xplus-btn-round.project_btn {
        width: 100%;
    }
    .service_icon span {
        height: 150px;
        line-height: 150px;
        width: 150px;
    }
    .client_testimonial_3column_details {
        margin-left: 35px;
        text-align: center;
    }
/* 
Service2 page Right
-------------------------------*/
    .service-2_area{
        padding: 95px 0 110px;
    }
    .service_section_title h3 {
        text-align: center;
        margin: 0px auto 55px;
    }
    .service_icon_info 
    .service-overlay, 
    .service_icon_info_top 
    .service-overlay {
        width: 100%;
        left: 2px;
    }
    .service_icon_info_top {
        border: 1px solid #ddd;
    }
    .service_icon_info:nth-child(2), 
    .service_icon_info:nth-child(4), 
    .service_icon_info:nth-child(6) {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .service_icon_info {
        border-bottom: 1px solid #ddd;
        border-top: none;
        border-right: none;
        height: 216px;
        text-align: center;
    }
    .service_icon_info:nth-child(1), 
    .service_icon_info:nth-child(3) {
        border-left: 1px solid #ddd;
    }
    .mockup_left {
        text-align: center;
        margin-bottom: 40px;
    }
    #pricing_area {
        padding: 105px 0 50px;
    }
    .service_img img{
        width: 100%
    }
      

/* 
single project CSS
-------------------------------*/
    .video-presentation {
        margin: 80px 0;
    } 
    .video-presentation iframe {
        width: 100%;
    }
    
/* 
Blog page CSS
-------------------------------*/
    .blog_full_single_post:nth-child(1).blog_full_sidebar_right{
        margin-top: 0;
    }
    .blog_full_single_post:nth-child(1) {
        margin-top: 40px;
    }
    .blog_info_middle:nth-child(1),
    .blog_info_bottom:nth-child(3) {
        margin-top: -44px;
    }
    .blog_info_middle:nth-child(2),
    .blog_info_bottom:nth-child(2) {
        margin-top: 30px;
    }
    .blog_info_bottom:nth-child(1) {
        margin-top: -16px;
    }
    .pagination {
        margin: 60px 30px 0;
    }
    .two_col_left .blog_client_testimonial {
        margin-bottom: 40px;
    }
    .blog_info.blog_info_2column {
        margin-top: 0px;
    }
    .blog_info.blog_info_2column:nth-child(4), 
    .blog_info.blog_info_2column:nth-child(5), 
    .blog_info.blog_info_2column:nth-child(6) {
        margin-top: 40px;
    }
    .categories {
        float: left;
        margin-bottom: 0px;
    }
    .page_sidebar_right{
        float: none;
        margin-top: 40px;
    }
    .page_sidebar_left {
        float: none;
    } 
    .blog_client_testimonial {
        float: left;
        padding: 64px 0;
        margin-left: 50px;
    } 

    .single_page_sidebar_left {
        padding: 0 18px;
    }
    .single_page_sidebar_content img {
        width: 100%;
    }
    .categories.categories_list{
        float: none;
        width: 100%;
    }
    .categories_list ul, .categories_list ul li {
        width: 100%;
    }
    .blog_client_testimonial.blog_single_testimonial {
        width: 100%;
    }
    .categories_list ul li {
        padding-left: 20px;
    }
     .single_page_sidebar_left {
        padding: 0 18px;
    }
    .comment_details, .comment_text {
        width: 85%;
    }
   
/* 
Contact us page CSS
-------------------------------*/
    .contact_details:nth-child(2) .contact_text p {
        max-width: 100%;
    }
    .contact_icon {
        margin-top: 0;
    }
/* 
Our Client CSS
-------------------------------*/
    .finance_testimonial_info p {
        padding: 0 8px;
    }
    .choose_title {
        margin-bottom: 48px;
    }
    .client_content {
        margin-top: 20px;
    }
    .client_cta_bg {
        padding: 52px 0 220px;
        text-align: center;
    }
    .client_cta_bg h3 {
            padding-bottom: 20px;
        }
}

@media (max-width: 768px) {
/* 
About us page CSS
-------------------------------*/
    .about_area {
        padding: 75px 0 60px;
    }
    .who_we_info {
        padding-top: 25px;
    }
    .who_we_area {
        margin-bottom: 0;
    }
    .our_goal {
        margin: 90px 0 70px;
    }
    .who_we_img {
        margin-top: -30px;
    }
    .our_mission_area  {
        padding: 60px 0;
        margin-top: 60px;
    }
    .who_we_img,
    .our_goals_img,
    .our_distinct_title,
    .our_mission_info p {
        margin-bottom: 30px;
    }
    .our_goal_content {
        padding-top: 55px;
    }
    .our_distinct_title {
        float: right;
        max-width: 100%;
    }
    .video_area_inner {
        height: 350px;
        padding-top: 135px;
    }
/* 
Service page CSS
-------------------------------*/
    .service_icon span {
        font-size: 40px;
        height: 135px;
        line-height: 135px;
        width: 135px;
    }
    .client_bg:nth-child(2):after,
    .client_bg:nth-child(3):after,
    .client_bg:nth-child(5):after,
    .client_bg:nth-child(6):after {
        border-left: none;
    }
    .client_bg_top {
        border-bottom: none;
        width: 100%;
        margin-left: 0px;
    }
    .mockup_left {
        text-align: center;
        margin-bottom: 40px;
    }
/* 
Service-2 page CSS
-------------------------------*/
    .service-2_area{
        padding: 95px 0 110px;
    }
    .service_section_title h3 {
        text-align: center;
        margin: 0px auto 55px;
    }
    .service_section_title{
        margin-top: 0;
    }
    .service-2_area{
        padding: 100px 0 110px;
    }
    .service_icon_info
    .service-overlay, 
    .service_icon_info_top
    .service-overlay {
        width: 100%;
        left: 2px;
    }
     .service_icon_info_top {
        border: 1px solid #ddd;
    }
    .service_icon_info:nth-child(2), 
    .service_icon_info:nth-child(4), 
    .service_icon_info:nth-child(6) {
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .service_icon_info {
        border-bottom: 1px solid #ddd;
        border-top: none;
        border-right: none;
        height: 216px;
        text-align: center;
    }
    .service_icon_info:nth-child(1),
    .service_icon_info:nth-child(3) {
        border-left: 1px solid #ddd;
    }    
    .feature_section {
        padding-bottom: 65px;
    }
    #pricing_area {
        padding: 105px 0 30px;
    }
/* 
Service-3 page CSS
-------------------------------*/
    #service-3{
        padding: 80px 0 60px;
    }
    .testimonial_right_content {
        padding: 154px 0 0 0;
    }
    .service_img img{
        width: 100%;
    }
    .testimonial_right_content {
        padding: 45px 0 0 140px;
    }
    .testimonial_business_info {
        padding: 10px 0px 10px 0px;
    }
    
/* 
single project CSS
-------------------------------*/
    .video-presentation {
        margin: 80px 0;
    } 
    .video-presentation iframe {
        width: 100%;
    }
    
/* 
Blog Page CSS
-------------------------------*/
    a.btn.blog_btn {
        font-size: 14px;
        width: 140px;
    }
    .blog_area.page-section {
        padding: 40px 0 90px;
    }
    .blog_info img,
    .blog_info_middle img,
    .blog_info_bottom img {
        width: 100%;
        margin-top: 50px;
    }
    .two_col_left .blog_client_testimonial {
        margin-bottom: 40px;
    }
    .blog_full_single_post:nth-child(1) {
        margin-top: 40px;
    }
    .blog_info_middle:nth-child(1),
    .blog_info_bottom:nth-child(3),
    .blog_info_bottom:nth-child(1),
    .blog_info_middle:nth-child(2),
    .blog_info_bottom:nth-child(2) {
        margin-top: 0px;
    }

    .blog_info.blog_info_bg {
        margin-top: 0;
    }
    .pagination {
        margin: 60px 30px 0;
    }
    
    .blog_info.blog_info_2column {
        margin-top: 0;
    }
    .blog_details a {
        font-size: 20px;
    }
    .btn.xplus-btn-round.blog_masonry_btn {
        font-size: 14px;
    }
    .categories {
        float: left;
        margin-bottom: 0px;
        width: 48%;
    }
    .categories ul, .categories ul li {
        width: 100%;
    }
    .categories ul li a {
        font-size: 14px;
        padding-left: 10px;
    }
    .page_sidebar_right, .page_sidebar_left {
        float: none;
        margin-top: 40px;
        width: 100%;
    }
    .blog_client_testimonial {
        padding: 18px 0;
        float: right;
        width: 48%;
    }
    .blog_testimonial_info p {
        font-size: 14px;
    }
    
    .single_page_sidebar_content {
        margin-top: 50px;
    }
   .single_page_comment_section_two {
        padding: 40px 0 260px 0;
    }
    .comment_details, .comment_text{
        width: 100%;
    }
    
    
/* 
Team page CSS
-------------------------------*/
    .governing_body {
        padding: 85px 0 0;
    }
    .governing_member_area {
        margin-bottom: 78px;
    }
    .team_players {
        padding: 80px 0px 80px;
    }
    .our_skill_area {
        padding: 85px 0 70px;
    }

/* 
Our client page CSS
-------------------------------*/
    .client_area,
    .client_choose_area {
        padding: 85px 0 60px;
    }
    .testimonial_area.our_clients {
    background-image: none;
        padding: 85px 0 120px;
    }
    .choose_title {
        margin-bottom: 48px;
    }
    .client_content {
        margin-top: 20px;
    }
    .client_cta_bg {
        padding: 52px 0 200px;
        text-align: center;
    }
    .client_single_img {
        width: 25%;
    }
    .client_content {
        margin-bottom: 20px;
    }
    .client_cta {
        margin-bottom: 90px;
    }
    .client_text h5 {
        margin: 15px 0 5px;
    }
/* 
Contact us page CSS
-------------------------------*/
    #contact {
        padding: 90px 0px;
    }
    .contact_details:nth-child(2) .contact_text p {
        max-width: 100%;
    }
    .contact_icon {
        margin-top: 0;
    }
    .contact_details .contact_text {
        margin-left: 15px;
        margin-top: 0px;
        width: calc(100% - 85px);
    }
    
/* 
Error page CSS
-------------------------------*/
    .error_area {
        padding: 50px 0 85px;
    }
    
}

@media (max-width: 650px) { 
/* 
Service page CSS
-------------------------------*/
    .service_icon span {
        font-size: 40px;
        height: 120px;
        line-height: 120px;
        width: 120px;
    }
    .section_title h3, .service_info h3, .intro_video_area h3{
        font-size: 24px;
    }
    .intro_video_area h3{
    line-height: 30px;    
    }
    .finance_testimonial_info p {
        font-size: 13px;
        padding: 0 10px;
    }
}
        
@media (max-width: 500px) {
/* 
About us page CSS
-------------------------------*/

    .about_title p {
        max-width: 100%;
        margin: 10px 0 30px;
    }
    .title p {
        font-size: 13px;
    }
    .title.about_title {
        margin-bottom: -30px;
    }
    .video_area_inner {
        height: 250px;
        padding-top: 85px;
    }
    .about_team_area .team_players {
    padding: 90px 0px 60px;
    }
/*    
Service page CSS
-------------------------------*/
    .service_info {
    margin-top: 20px;
    }    
    .btn.xplus-btn-round {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
    .intro_video_area {
        padding: 70px 0 60px;
    }
    .intro_video_area h3 {
        font-size: 20px;
        max-width: 100%;
        line-height: 32px;
        margin-bottom: 25px;
    }
    .intro_video_area .video_content {
        margin-top: 0;
    }
    .service_area {
        padding: 90px 0px;
    }
    .service_content {
        margin-bottom: 60px;
    }
    .service_info h3 {
        font-size: 28px;
        padding-top: 18px;
    }
    .service_info p,
    .service_info ul li {
        font-size: 14px;
    }
    .client_bg_top {
        width: 100%;
        margin: 0;
    }
    
/*    
Service-2 page CSS
-------------------------------*/
    .service_icon_info_top:nth-child(2) {
        margin-left: 0;
        margin-bottom: -12px;
        border-bottom: none;
        border-right: 1px solid #ddd;
    }
    .service_icon_info:nth-child(1), .service_icon_info:nth-child(3) {
        border-right: 1px solid #ddd;
    }
    element.style {
}
    .testimonial_right_content {
        padding: 30px 0 0 140px;
    }
    .testimonial_business_info {
        display: inline-block;
        padding: 5px 10px;
        margin: auto;
    }
    .finance_testimonial_info p {
        font-size: 13px;
        padding: 0 10px;
    }
    
 /*    
Service-3 page CSS
-------------------------------*/
    .service_content-3 {
        padding: 0px 0 18px;
    }  
    .testimonial_business_img {
        margin-top: 15px;
    }   


/*    
Blog page CSS
-------------------------------*/
    .blog_area.page-section {
        padding: 90px 0 90px;
    }
    a.btn.blog_btn {
        font-size: 14px;
    }
    .blog_details p {
        font-size: 14px;
    }
    .blog_info.blog_info_bg {
        margin-top: 0;
    }
    .pagination {
        margin: 0;
    }
    
    .blog_details {
        margin-top: 20px;
    }
    .blog_details a {
        font-size: 18px;
    }
    .pagination li a {
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 15px;
    }
    .blog_info img {
        margin-top: 0;
    }

    .blog_info {
        margin-bottom: 30px;
    }
    .categories {
        width: 100%;
    }
    .blog_client_testimonial {
        width: 100%;
    }
    
    .blog_full {
        margin-bottom: 40px;
    }
    
    .single_page_sidebar_content {
        margin-top: 0px;
    }
    .single_page_comment_section_two {
        padding: 40px 0 285px 0;
    }
    
/* 
Team CSS
-------------------------------*/
    .team_players {
        padding: 80px 0px 60px;
    }
    .players_details {
        margin: 15px 0 30px;
    }
    .governing_member_text p,
    .players_text p {
        font-size: 13px;
    }
    .players_details img {
        width: 100%;
    }
    
/* 
Our client CSS
-------------------------------*/
    a.btn.xplus-btn-round.client_btn {
        width: 200px;
    }
    p {
        font-size: 13px;
    }
    .client_single_img {
        width: 50%;
    }
    .finance_testimonial_info p {
        padding: 0px 20px;
    }
    .client_content {
        margin-top: 50px;
    }
    .client_text h5 {
        font-size: 18px;
    }
    .client_cta_bg h3 {
        font-size: 30px;
    }    
/* 
contact page CSS
-------------------------------*/
    button.btn.send-btn-round {
        font-size: 14px;
        height: 45px;
        line-height: 45px;
    }
}
    
@media (max-width: 479px){
    .video_content {
        margin-top: 0px!important;
    }    
    .portfolio_area {
        margin-bottom: 0!important;
    }
    
    .single_page_sidebar_left h6 {
        padding: 30px 10px 58px;
    }
    .pdf_right {
        float: left;
    }
   .single_page_comment_section_two {
        padding: 42px 0 313px 0;
    }    
/* 
Error page CSS
-------------------------------*/    
    .error_search {
        width: 100%;
        margin: 0 auto;
    }
    .error_content h1 {
        font-size: 120px;
    }
    .error_content h2 {
        letter-spacing: 35px;
        margin-left: 0;
    }
}