/*
Theme Name: Stain
Author: ThemePicasso
Author URI: http://themepicasso.com/
*/
/*------------------------------------------------------------------------------------/
[ T A B L E   O F   C O N T E N T S ]
-----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------/
    1.  Body

    2.  Typography

    3.  Header
        3.1 Search / .top-search
        3.2 Mobile Nav

    4.  Hero Section / .hero-section
        4.1 Hero Section
            4.1.1 Rotate Text
        4.2 Section Header
        4.3 About Section
        4.4 Portfolio Section
        4.5 Skill Section
        4.6 Experience Section
        4.7 Education Section
        4.8 Blog Section
            4.8.1 Grid items
            4.8.2 Progress bar for imagesLoaded
            4.8.3 Placerholder css
        4.9 Testimonial Section
        4.10 Team Section

    5.  Services
    6.  Components
        6.1 Numeric Stats
        6.2 Pricing Table
            6.2.1 Pricing Ribbon
        6.3 Text & Iconic Component
            6.3.1 Text & Iconic Component
            6.3.2 Iconic Component

        6.4 Timeline style components

    7.  Contact
    8.  Footer
    9.  Responsive Layout
    10. Boxed Layout

    11. Blog Page
        11.1 Page template
             11.1.1 Recent blog post sticky ribbon

        11.2 Blog post / .blog-container
             11.2.1 Blog post meta / .blog-post-meta
             11.2.2 Blog post tags / .post-tags-list
             11.2.3 Blog post details / .post-details
             11.2.4 Related Blog / .related-blog-post
             11.2.5 Comments template / #comments
             11.2.6 Blog post divider / .post-divider
             11.2.7 Post pagination
             11.2.8 Blog post pagination

        11.3 Post format
             11.3.1 Grid gallery / .post-grid-wrap
             11.3.2 Slideshow gallery
             11.3.4 Quote post

        11.4 Sidebar / .sidebar
             11.4.1 Sidebar Blog Search
             11.4.2 About author widget

        11.5 Ads widget

        11.6 Widgets
             11.6.1  Widget styles / .widget-col
             11.6.2  Calendar widget / #wp-calendar
             11.6.3  Widget header / .widget-h
             11.6.4  Latest post / .widget-post-list
             11.6.5  Comment list / .widget-comment-list
             11.6.6  Widget category list / .widget-cat
             11.6.7  Widget tag cloud / .wp-tag-cloud
             11.6.8  Responsive tab widget / .resp-tabs-list
             11.6.9  Responsive vertical tab widget / .resp-vtabs
             11.6.10 Responsive tab accordion styles / .resp-tab-active
             11.6.11 Archive / .archive-list

    12. Theme Options
--------------------------------------------------------------------------------*/

/*==========*/
/* 1. Body */
/*========*/
body {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto;
}
/*========================================*/
/* Default links colors & hover style */
/*======================================*/
a {
    color: #666666;
    outline: none;
}

a:visited {
    color: inherit;
}

a:hover,a:focus,a:active {
    text-decoration: none;
    color: #16989d;
    outline: none;
}
/*=========================*/
/* Button outline none */
/*=======================*/
button:active {
    outline: none !important;
}

button:focus {
    outline: none !important;
}

/*========================*/
/* Bootstrap Theme Reset */
/*======================*/
.btn,.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span,.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
}
.btn:active,
.btn.active {
    background-image: none;
}
.btn-default {
    text-shadow: 0 1px 0 #fff;
    border-color: #e5e5e5;
    border-color: #ddd;
}
.btn-default:hover,
.btn-default:focus {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
    background-color: #e0e0e0;
    border-color: #ddd;
}
.btn-default:disabled,
.btn-default[disabled] {
    background-color: #e0e0e0;
    background-image: none;
}
.btn-primary {
    border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #2d6ca2;
    background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
    background-color: #2d6ca2;
    border-color: #2b669a;
}
.btn-primary:disabled,
.btn-primary[disabled] {
    background-color: #2d6ca2;
    background-image: none;
}
.btn-success {
    border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
    background-color: #419641;
    background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
    background-color: #419641;
    border-color: #3e8f3e;
}
.btn-success:disabled,
.btn-success[disabled] {
    background-color: #419641;
    background-image: none;
}
.btn-info {
    border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
    background-color: #2aabd2;
    background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
    background-color: #2aabd2;
    border-color: #28a4c9;
}
.btn-info:disabled,
.btn-info[disabled] {
    background-color: #2aabd2;
    background-image: none;
}
.btn-warning {
    border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
    background-color: #eb9316;
    background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
    background-color: #eb9316;
    border-color: #e38d13;
}
.btn-warning:disabled,
.btn-warning[disabled] {
    background-color: #eb9316;
    background-image: none;
}
.btn-danger {
    border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
    background-color: #c12e2a;
    background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
    background-color: #c12e2a;
    border-color: #b92c28;
}
.btn-danger:disabled,
.btn-danger[disabled] {
    background-color: #c12e2a;
    background-image: none;
}
.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

/*================*/
/* 2. Typography */
/*==============*/
h1 {
    font-size: 88px;
    line-height: 96px;
    margin-top: 48px;
    margin-bottom: 24px;
}

h2 {
    font-size: 48px;
    line-height: 48px;
    margin-top: 48px;
    margin-bottom: 24px;
}

h3 {
    font-size: 32px;
    line-height: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h4 {
    font-size: 21px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h5 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h6 {
    font-size: 12px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-template-landing-page .page-wrapper h1,.page-template-landing-page .page-wrapper h2,.page-template-landing-page .page-wrapper h3,
.page-template-landing-page .page-wrapper h4, .page-template-landing-page .page-wrapper h5, .page-template-landing-page .page-wrapper h6,
.page-template-landing-page .page-wrapper .h1,
.page-template-landing-page .page-wrapper .h2,
.page-template-landing-page .page-wrapper .h3,
.page-template-landing-page .page-wrapper .h4,
.page-template-landing-page .page-wrapper .h5,
.page-template-landing-page .page-wrapper .h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.full-width-section h1,
.full-width-section h2,
.full-width-section h3,
.full-width-section h4,
.full-width-section h5,
.full-width-section h6,
.full-width-section .h1,
.full-width-section .h2,
.full-width-section .h3,
.full-width-section .h4,
.full-width-section .h5,
.full-width-section .h6 {
    color: #444;
}

p,ul,ol,pre,table {
    margin-top: 24px;
    margin-bottom: 24px;
}

ul {
    list-style: square;
}

ul,ol {
    margin-left: 24px;
}

blockquote {
    margin: 24px 0px;
}

pre {
    padding: 22px;
    line-height: 24px;
    background: #f5f5f5;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: #eee 1px solid;
}

blockquote p {
    margin: 0px;
    font-size: 16px;
}

code,kbd,tt,var {
    font: 14px 'Roboto',sans-serif;
}

hr {
    border: 1px solid;
    margin: -1px 0;
}

ul ul,ol ol,ul ol,ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

sup,sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

sub {
    top: 0.4em;
}

dt,dd {
    line-height: 24px;
}

address {
    margin-bottom: 24px;
    line-height: 24px;
}
/*================*/
/* Default table */
/*==============*/
table {
    border-collapse: collapse;
}

table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td {
    padding: 12px 12px 11px 12px;
    vertical-align: top;
    border: 1px solid #ddd;
}

table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
}

.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

dd {
    margin-bottom: 24px;
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    box-shadow: none;
}

button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {
    box-shadow: none;
}

button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {
    box-shadow: none;
}

blockquote {
    display: block;
    background: #fff;
    padding: 32px 20px 20px 20px;
    position: relative;
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

blockquote::before {
    content: "\201C";
    font-size: 60px;
    line-height: 74px;
    font-weight: bold;
    color: #ccc;
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    top: -25px;
    font-family: Georgia,Times,"Times New Roman",serif;
    background-color: #eee;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

blockquote::after {
    content: "";
}

blockquote a {
    text-decoration: none;
    cursor: pointer;
    padding: 2px 6px 3px 6px;
    color: #666;
    display: block;
}

blockquote a:hover {
    color: #478dbf;
}

blockquote em {
    font-style: italic;
}
/*========================*/
/* Bootstrap input reset */
/*======================*/
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(200,200,200,.1);
    box-shadow: 0 0 0 2px rgba(200,200,200,.1);
}

/*============*/
/* 3. Header */
/*==========*/
.nav-container {
    position: relative;
    margin-right: 24px;
    min-height: 60px;
}

.autofix_sb.fixed {
    position: fixed !important;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    min-height: 60px;
    /* Additional styles */
    background-color: rgba(000,000,000,.8);
    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 1000;
}

.autofix_sb.fixed.bottom {
    bottom: 0;
    position: absolute !important;
}

/*----------------------------*\
   Sticky Specific Styles
/*----------------------------*/
.top-logo {
    font-size: 30px;
    line-height: 36px;
    z-index: 1200;
    text-align: left;
    position: absolute;
    left: 39px;
    top: 8px;
    width: 200px;
    overflow: hidden;
}
.top-logo h1{
    font-size: 30px;
    line-height: normal;
    margin: 0px;
    padding: 0px;
}
.top-logo a {
    color: #fff;
    font-weight: 400;
    height: 40px;
    display: inline-block;
    overflow: hidden;

}

.top-logo a:hover {
    color: #f5f5f5;
}

.nav-clone {
    width: 100%;
    /* Required styles */
    position: fixed;
    top: 0;
    left: 0;
    /* Additional styles */
    background-color: rgba(000,000,000,.8);
    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 1000;
}

.nav-stick {
    /* Translate back to 0%; */
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.nav-unstick {
    /* Not required to use, but could be useful to have */;
}

#scrollTop {
    background-color: rgba(000,000,000,.5);
    color: #fff;
    outline: 0;
    bottom: 24px;
    right: 24px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

#scrollTop:hover {
    background-color: #16989d;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

#scrollTop i {
    line-height: 46px;
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

/*==============*/
/* 3.1 Search  */
/*============*/
.top-search-frm {
    height: 60px;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 2100;
    display: none;
}

.top-search {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -15px;
    top: 0px;
}

.top-search a {
    width: 60px;
    height: 60px;
    display: inline-block;
    color: #f5f5f5;
}

.top-search a:hover {
    color: #ffffff;
}

.top-search a i {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
}

/*=================*/
/* 3.2 Mobile Nav */
/*===============*/
.slicknav_menu {
    display: none;
}

/*==============*/
/* 4. Sections */
/*============*/
/*===================*/
/* 4.1 Hero Section */
/*=================*/

.hero-section {
    background-color: #ccc;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0;
    position: relative;
}

.section-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(000,000,000,.7);
}

.introduction {
    position: relative;
}

.introduction-text {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    text-align: left;
    color: #fff;
}

.profile-card {
    position: relative;
    width: 500px;
}

.profile-card-info {
    width: 80%;
}

.image-block {
    width: 370px;
    height: 370px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -10px 0;
    margin: auto;
    position: absolute;
    right: -370px;
    top: -20px;
    border: rgba(255,255,255,.5) 2px solid;
    background-color: #444;
}

.image-block:before {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: #fff 2px solid;
}

.image-block a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    color: #fff;
    overflow: hidden;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    letter-spacing: .1em;
}

.image-block a:hover {
    color: #fff;
}

.social-profile-label {
    margin-bottom: 12px;
    font-size: 12px;
}

.social-profile-icon {
    font-size: 18px;
}

.profileSelector {
    overflow: hidden;
}

.profile-card-divider {
    height: 0px;
    border-bottom: rgba(255,255,255,.5) 1px solid;
    display: block;
    margin-right: -40px;
}

.profile-title {
    color: #16989d;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 38px;
}

.profile-designation {
    display: block;
    margin-bottom: 24px;
    font-size: 16px;
    color: #ddd;
}

.profile-img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
    display: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.social-profile {
    display: block;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.social-profile-label {
    display: block;
}

.social-profile-icon {
    display: block;
}

.st-btn {
    position: relative;
    display: inline-block;
    padding: .8em 2em;
    background-color: #16989d;
    color: #ffffff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*border-radius: .2em;*/
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);*/
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}

.st-btn:hover,.st-btn:focus,.st-btn:active {
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);*/
    color: #ffffff;
}

.btn-view-profile {
    position: relative;
    display: inline-block;
    padding: .8em 2em;
    background-color: #16989d;
    color: #ffffff !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .1em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}

.btn-view-profile:hover,.btn-view-profile:focus,.btn-view-profile:active {
    color: #ffffff !important;
    background-color: #2b2b2b;
}

.btn-theme {
    position: relative;
    display: inline-block;
    padding: .8em 1.5em;
    background-color: #16989d;
    color: #ffffff !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .1em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    margin-top: 24px;
}

.btn-theme:hover,.btn-theme:focus,.btn-theme:active {
    color: #ffffff !important;
    background-color: #2b2b2b;
}

.btn-read-more i {
    margin-left: 10px;
}

.details-button {
    padding: .8em 1.5em;
    display: inline-block;
}

.details-button i {
    margin-left: 8px;
}

.section-full-height {
    position: relative;
    overflow-y: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.vertical-center-content {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.introduction .inner-element-container {
    padding: 48px 30px;
    color: #f5f5f5;
}

.inner-element-container {
    padding: 48px 45px;
    color: #f5f5f5;
}

.full-width-section {
    background-color: #f5f5f5;
}

.full-width-section .section-header h2 {
    background-color: #f5f5f5;
    color: #333;
}

.full-width-section .section-header {
    border-bottom: #666 2px solid;
}

.full-container {
    padding: 48px 24px;
}

.full-container .header-wrap {
    margin-top: 72px;
    margin-bottom: 72px;
    position: relative;
}

.light-section .inner-element-container {
    color: #333;
}

.light-section .inner-element-container h1,
.light-section .inner-element-container h2,
.light-section .inner-element-container h3,
.light-section .inner-element-container h4,
.light-section .inner-element-container h5,
.light-section .inner-element-container h6,
.light-section .inner-element-container .h1,
.light-section .inner-element-container .h2,
.light-section .inner-element-container .h3,
.light-section .inner-element-container .h4,
.light-section .inner-element-container .h5,
.light-section .inner-element-container .h6,
/* Muntasir codes */
.info-component-content h3,
.info-component-content h4 {
    color: #333;
}

.light-section h1,
.light-section h2,
.light-section h3,
.light-section h4,
.light-section h5,
.light-section h6,
.light-section .h1,
.light-section .h2,
.light-section .h3,
.light-section .h4,
.light-section .h5,
.light-section .h6 {
    color: #333;
}

.blog-page-wrapper h1,
.blog-page-wrapper h2,
.blog-page-wrapper h3,
.blog-page-wrapper h4,
.blog-page-wrapper h5,
.blog-page-wrapper h6,
.blog-page-wrapper .h1,
.blog-page-wrapper .h2,
.blog-page-wrapper .h3,
.blog-page-wrapper .h4,
.blog-page-wrapper .h5,
.blog-page-wrapper .h6 {
    color: #333;
}

.light-section .inner-element-container .section-header {
    border-bottom: #666 2px solid;
}

/*====================*/
/* 4.1.1 Rotate Text */
/*==================*/
.rw-wrapper {
    padding-top: 24px;
}

.rw-sentence {
    margin: 0;
    text-align: left;
}

.rw-sentence span {
    color: #fff;
    font-size: 150%;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

.rw-words {
    display: inline;
    text-indent: 10px;
}

.rw-words-r span {
    font-weight: 700;
    position: absolute;
    opacity: 0;
    color: #3e91a1;
    -webkit-animation: rotateWord 18s linear infinite 0s;
    -ms-animation: rotateWord 18s linear infinite 0s;
    animation: rotateWord 18s linear infinite 0s;
}

.rw-words-r span:nth-child(2) {
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
    color: #dc596f;
}

.rw-words-r span:nth-child(3) {
    -webkit-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
    color: #f2c963;
}

.rw-words-r span:nth-child(4) {
    -webkit-animation-delay: 9s;
    -ms-animation-delay: 9s;
    animation-delay: 9s;
    color: #a8d9cb;
}

.rw-words-r span:nth-child(5) {
    -webkit-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
    color: #ea98fe;
}

.rw-words-r span:nth-child(6) {
    -webkit-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
    color: #7fca86;
}

@-webkit-keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -ms-transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -ms-transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes rotateWord {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    5% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    17% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@media screen and (max-width: 768px) {
    .rw-sentence {
        font-size: 18px;
    }
}

@media screen and (max-width: 320px) {
    .rw-sentence {
        font-size: 9px;
    }
}




/*=====================*/
/* 4.2 Section Header */
/*===================*/

.header-wrap {
    margin-bottom: 72px;
    position: relative;
}

.section-header {
    height: 0px;
    position: relative;
    border-bottom: #f5f5f5 2px solid;
    width: 400px;
}

.section-header h2 {
    display: inline-block;
    position: absolute;
    top: -26px;
    font-size: 32px;
    margin: 0px;
    padding: 0px 24px 0px 0px;
    color: #fff;
    left: -2px;
}

.header-icon {
    width: 72px;
    height: 72px;
    background-color: #eee;
    display: block;
    position: absolute;
    right: -5px;
    top: -36px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.header-icon i {
    width: 72px;
    height: 72px;
    color: #fff;
    display: inline-block;
    line-height: 72px;
    text-align: center;
    font-size: 24px;
}

.section-header-box {
    width: 60%;
    margin: auto;
}

.section-header-box.full {
    width: 100%;
    margin: auto;
}

.section-header-box.center-align,.section-header-simple.center-align {
    text-align: center;
}

.section-header-simple h2 {
    margin-top: 0px;
}

.section-header-box.right-align,.section-header-simple.right-align {
    text-align: right;
}

.divider .divider-element.line {
    height: 3px;
    width: 20px;
    display: inline-block;
    background: #1fa3ba;
    position: relative;
    top: -14px;
}

.divider .divider-element.box {
    height: 9px;
    width: 9px;
    display: inline-block;
    background: #fff;
    position: relative;
    top: -11px;
    border: #ccc 1px solid;
}

.divider .divider-element.box.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.section-header-lined {
    height: 1px;
    background: #ccc;
    overflow: visible;
    width: 100%;
}

.section-header-lined .inline-h {
    background: #fff;
    padding: 10px 15px;
    display: inline-block;
    position: relative;
    top: -26px;
    font-weight: 700;
}

.section-header-lined .inline-h:after {
    width: 50px;
    height: 1px;
    display: inline-block;
    background: #245269;
    content: '';
    margin-left: 5px;
    position: relative;
    top: -4px;
    right: -20px;
}

.section-header-lined .inline-h:before {
    width: 50px;
    height: 1px;
    display: inline-block;
    background: #245269;
    content: '';
    margin-right: 5px;
    position: relative;
    top: -4px;
    left: -20px;
}

.section-header-box.double-bordered {
    display: inline-block;
}

.section-header-box.double-bordered .double-bordered-h {
    padding: 10px 20px;
    margin: 0px;
    border-top: #ccc 2px solid;
    border-bottom: #ccc 2px solid;
}

.section-header-box.double-bordered:after {
    width: 50px;
    height: 4px;
    display: inline-block;
    background: #245269;
    content: '';
    position: relative;
    top: -15px;
}

.section-header-box.double-bordered:before {
    width: 100px;
    height: 2px;
    display: inline-block;
    background: #245269;
    content: '';
    position: relative;
    bottom: -8px;
}

.section-header-box.bordered {
    display: inline-block;
}

.section-header-box.bordered .bordered-h {
    padding: 8px 15px;
    margin: 0px;
    border: #ccc 2px solid;
    text-transform: uppercase;
    font-size: 32px;
}

.section-header-box.bordered:after {
    width: 50px;
    height: 2px;
    display: inline-block;
    background: #245269;
    content: '';
    position: relative;
    top: -18px;
}

.section-header-box.bordered:before {
    width: 100px;
    height: 2px;
    display: inline-block;
    background: #245269;
    content: '';
    position: relative;
    bottom: -8px;
}

.align-center {
    text-align: center;
}
/*====================*/
/* 4.3 About Section */
/*==================*/

.feature-item {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.feature-item li {
    Width: 120px;
    display: inline-block;
    margin: 12px 24px;
}

.feature-item li a {
    Width: 120px;
    height: 120px;
    display: inline-block;
    background-color: #fff;
    color: #444;
    text-align: center;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.feature-item li a:before {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: #f5f5f5 solid 4px;
}

.feature-item li a:hover {
    color: #16989d;
;
}

.feature-item li a i {
    Width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 40px;
}

.feature-item-label {
    display: block;
    margin-top: 12px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
}

/*========================*/
/* 4.4 Portfolio Section */
/*======================*/
.portfolio-wrapper {
    margin: 0 auto;
    position: relative;
}

.portfolio-filter {
    text-align: center;
    margin: 96px 0px 48px 0px;
}

.cbp-item-wrapper {
    background-color: #eee;
}
.cbp-l-grid-blog-title, .cbp-l-grid-projects-desc, .cbp-l-grid-projects-title{
    text-align: center !important;
}
.cbp-l-grid-projects-title {
    font: 700 14px/18px 'Roboto',sans-serif !important;
    color: #474747 !important;
}

.cbp-filter-item:hover {
    color: #5d5d5d !important;
    background-color: #fff !important;
}
.cbp-filter-item {
    background-color: transparent;
    border: 1px solid #ECECEC !important;
    border-radius: 2px !important;
    color: #888 !important;
    cursor: pointer;
    font: 400 12px/29px 'Roboto',sans-serif !important;
    letter-spacing: .05em !important;
    margin: 10px 10px 0 0 !important;
    overflow: visible;
    padding: 6px 17px !important;
    text-transform: uppercase !important;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
 .cbp-filter-item.cbp-filter-item-active {
    background-color: #4D4C4D !important;
    color: #fff !important;
    border-color: #4D4C4D !important;
    cursor: default;
}
 .cbp-l-filters-button {
     text-align: center !important;
     margin-bottom: 48px !important;
 }
.cbp-l-loadMore-button .cbp-l-loadMore-button-link {
    border: 1px solid #DEDEDE !important;
    border-radius: 2px !important;
    color: #7E7B7B ;
    display: inline-block !important;
    font: 400 12px/34px 'Roboto',sans-serif !important;
    min-width: 80px !important;
    text-decoration: none !important;
    padding: 6px 20px !important;
    outline: 0;
    margin-top: 48px !important;
}
.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{
    border-radius: 3px !important;
}

.cbp-l-filters-button .cbp-filter-counter {
    background-color: #4D4C4D !important;
    border-radius: 3px !important;
    color: #fff !important;
    font: 400 12px/18px 'Roboto',sans-serif !important;
    margin: 0 auto !important;
    padding: 4px 0 !important;
    text-align: center !important;
    width: 34px !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease,bottom .25s ease;
    transition: opacity .25s ease,bottom .25s ease;
}
.cbp-l-filters-button .cbp-filter-counter:before {
    content:"";
    position:absolute;
    bottom:-4px;
    left:0;
    right:0;
    margin:0 auto;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #4D4C4D !important;
    display:none
}
.cbp-l-caption-buttonRight{
    top: -1px;!important;
}

.cbp-l-project-details-visit {
    color: #FFF !important;
    float: right !important;
    clear: both !important;
    text-decoration: none;
    font: 400 14px/18px 'Roboto',sans-serif !important;
    margin-top: 24px;
    background-color: #1fa3ba !important;
    padding: 12px 20px !important;
    text-transform: uppercase !important;
}
.cbp-l-project-title{
    color: #454444 !important;
    font: 500 32px/46px 'Roboto Slab', serif !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}
.cbp-l-project-subtitle {
    color: #787878 !important;
    font: 400 14px/21px 'Roboto',sans-serif !important;
    margin: 0 auto 50px !important;
    max-width: 500px !important;
    text-align: center !important;
}
.cbp-l-project-desc-title span, .cbp-l-project-details-title span {
    font: 400 24px/36px 'Roboto Slab', serif !important;
}
/*====================*/
/* 4.5 Skill Section */
/*==================*/

.skill-graph-item {
    margin: 24px 0px;
}

.skill-title {
    padding: 0px 12px 0px 0px;
    font-size: 16px;
    width: 180px;
}

.skill-percent {
    padding: 0px 12px 0px 24px;
    font-size: 14px;
    font-weight: 700;
}

.skill-bar {
    height: 3px;
    position: relative;
    width: 225px;
    top: 10px;
}

.skill-line-mask {
    height: 3px;
    position: absolute;
    width: 0px;
    left: 0px;
    top: 0px;
}

.skill-bar ul li {
    width: 25px;
    height: 25px;
    top: -11px;
    margin-right: 25px;
}

.skill-bar,
.skill-bar ul li .skill-progress {
    background-color: #fff;
}

.skill-bar ul {
    margin: 0px;
    padding: 0px;
}

.skill-bar ul li {
    list-style: none;
    display: inline-block;
    float: left;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

.skill-bar ul li:first-child {
    left: -1px;
}

.skill-bar ul li:last-child {
    margin-right: 0px;
    right: -1px;
}

.skill-bar ul li .skill-progress {
    width: 225px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: -5px;
}

.skill-bar ul li:nth-child(2) .skill-progress {
    left: -50px;
}

.skill-bar ul li:nth-child(3) .skill-progress {
    left: -100px;
}

.skill-bar ul li:nth-child(4) .skill-progress {
    left: -150px;
}

.skill-bar ul li:nth-child(5) .skill-progress {
    left: -200px;
}

.bar-progressed {
    width: 0px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: -5px;
}

.bar-progressed,
.skill-line-mask {
    background-color: #62b3e7;
}

.animated-skill .animate-skill-title {
    padding-top: 30px;
    font-size: 16px;
}

.number-pb {
    position: relative;
    height: 8px;
    background-color: #ddd;
    margin: 40px 0 0 0;
}

.number-pb .number-pb-shown {
    position: absolute;
    background-color: #176785;
    left: 0;
    height: 8px;
}

.number-pb .number-pb-num {
    position: absolute;
    background-color: #16989d;
    left: 0;
    top: -30px;
    padding: 0 5px;
    min-width: 50px;
    color: #fff;
    font-weight: 700;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.number-pb .number-pb-num:after {
    left: 0px;
    bottom: -7px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(42, 46, 50, 0);
    border-left-color: #16989d;
    border-width: 8px;
    margin-top: -8px;
    z-index: -1;
}

/*=========================*/
/* 4.6 Experience Section */
/*=======================*/
.experience-container {
    position: relative;
    margin-top: 96px;
}

.timeline-stroke {
    width: 2px;
    height: 100%;
    position: absolute;
    left: 90px;
    background-color: #e5e5e5;
    top: 0px;
    z-index: 50;
}

.ex-hightlight {
    margin-bottom: 96px;
}

.ex-hightlight ul {
    margin: 0px;
    padding: 0px;
}

.ex-hightlight ul li {
    display: inline-block;
    list-style: none;
    float: left;
}

.ex-hightlight ul li.yrs-ex {
    width: 180px;
    height: 180px;
    background-color: #fff;
    line-height: 170px;
    font-size: 100px;
    text-align: center;
    position: relative;
    z-index: 100;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: #e5e5e5 2px solid;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}

.yrs-ex.outline-outward:before {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: #fff 5px solid;
}

.ex-hightlight ul li.ex-inro {
    width: 60%;
    margin-left: 24px;
    min-height: 180px;
    position: relative;
}

.ex-details {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.ex-hightlight ul li.ex-inro h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 36px;
}

.job-list-item {
    margin: 48px 0px;
    display: table;
}

.job-list-item ul {
    margin: 0px;
    padding: 0px;
}

.job-list-item  ul li {
    display: table-cell;
    list-style: none;
    vertical-align: middle;
}

.job-list-item .job-date {
    width: 180px;
    background-color: #fff;
    border: #eee 1px solid;
    padding: 12px;
    text-align: center;
    position: relative;
    z-index: 100;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.job-list-item .job-date:hover {
    background-color: #16989d;
    color: #fff;
    border: #16989d 1px solid;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.job-list-item .job-date span {
    display: block;
}

.job-list-item .job-description {
    margin-left: 24px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: #eee 1px solid;
    position: relative;
}

.job-description:after, .job-description:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.job-description:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}

.job-description:before {
    border-color: rgba(238, 238, 238, 0);
    border-right-color: #e5e5e5;
    border-width: 11px;
    margin-top: -11px;
}

.job-identy-title {
    margin-top: 0px;
    font-size: 24px;
    line-height: normal;
}

.job-identy-title span {
    display: block;
    font-size: 16px;
}

.job-details {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.job-description-container {
    display: table;
}

.job-brand {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-right: #eee 1px solid;
}

.job-brand-container {
    padding-left: 24px;
    padding-right: 24px;
    width: 180px;
}

.job-details-container {
    padding: 20px 24px 24px 24px;
}

.job-details-container p {
    margin-bottom: 0px;
}

.storke-finish {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    position: absolute;
    bottom: -2px;
    left: -4px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.job-ribbon {
    position: relative;
    background: #16989d;
    height: 36px;
    margin-top: 24px;
    left: -1px;
    display: inline-block;
}

.job-ribbon:before, .job-ribbon:after {
    border-style: solid;
    height: 0;
    width: 0;
    display: block;
    content: "";
    position: absolute;
}

.job-ribbon:before, .job-ribbon:after {
    border-color: #16989d transparent;
    top: 0;
}

.job-ribbon:after {
    right: -18px;
    border-width: 18px 18px 18px 0;
}

.job-ribbon span {
    display: inline-block;
    padding: 0px 12px;
    height: 36px;
    line-height: 34px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.job-ribbon i {
    margin-right: 8px;
    font-size: 18px;
    position: relative;
    top: 3px;
}


/*========================*/
/* 4.7 Education Section */
/*======================*/

.edu-institute {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.edu-institute li {
    Width: 140px;
    height: 140px;
    display: inline-block;
    margin: 0px 12px;
}

.edu-institute li a {
    Width: 140px;
    height: 140px;
    display: inline-block;
    background-color: #fff;
    color: #444;
    text-align: center;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.edu-institute li.current a {
    background-color: #363636;
    color: #fff;
}

.edu-institute li.current a:hover {
    background-color: #fff;
    color: #16989d;
}

.edu-institute li a:before {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: #f5f5f5 solid 4px;
}

.edu-institute li a:hover {
    color: #16989d;
;
}

.edu-institute li a i {
    font-size: 40px;
    display: block;
    margin-top: 30px;
}

.edu-institute-label {
    display: block;
    text-transform: uppercase;
    margin-top: 12px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
}



.s-tab-container:first-child .s-tab-content{
    display: block;
}

.s-tab-content {
    padding: 20px;
    display: none;
}

.inistitute-name {
    font-size: 24px;
    margin-bottom: 0px;
}

.certifcate-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ccc;
}

/*===================*/
/* 4.8 Blog Section */
/*=================*/

.blog-wrapper {
    margin: 120px auto 0px auto;
    position: relative;
}

#blog-grid {
    list-style-type: none;
    position: relative;
    /** Needed to ensure items are laid out relative to this container **/
    margin: 0;
    padding: 0;
}
/*-------------------*/
/* 4.8.1 Grid items */
/*-----------------*/

#blog-grid > li {
    width: 200px;
    background-color: #ffffff;
    display: none;
    /** Hide items initially to avoid a flicker effect **/;
}

#blog-grid > li.inactive {
    visibility: hidden;
    opacity: 0;
}

#blog-grid > li img {
    display: block;
}
#blog-grid > li .post-blockquote{
    background-color: #eee;
    text-align: center;
    padding: 12px;
    margin-bottom: 0px;
}
#blog-grid > li .post-quote{
    margin-top: 0px;
}
#blog-grid > li p.post-quote-style{
    color: #444;
}
/*--------------------------------------*/
/* 4.8.2 Progress bar for imagesLoaded */
/*------------------------------------*/

.progress-bar {
    background-color: #0BC20B;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

/*-------------------------*/
/* 4.8.3 Placerholder css */
/*-----------------------*/
.wookmark-placeholder {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #eee;
    border: 1px solid #dedede;
    z-index: -1;
}

#blog-grid > li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#blog-grid > li img {
    width: 100%;
    height: auto;
}

.blog-grid-intro {
    padding: 20px;
}

.blog-grid-intro h2 {
    margin-bottom: 12px;
    margin-top: 0px;
    font-size: 20px;
    line-height: 1.3em;
}

.blog-grid-intro p {
    margin-bottom: 0px;
}

.blog-grid-bottom {
    border-top: #f1f1f1 1px solid;
}

.blog-grid-bottom .blog-readmore {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .05em;
    padding: 20px;
    display: inline-block;
}

.blog-grid-bottom .blog-readmore i {
    font-size: 12px;
    margin-left: 6px;
}

.blog-grid-bottom .blog-comments {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .05em;
    padding: 20px;
    display: inline-block;
}

.content-wrap {
    overflow-y: auto;
}

.blog-grid-meta > span {
    padding-right: 20px;
    display: inline-block;
}

.blog-btn-wrap {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 24px;
}

.btn-view-all {
    position: relative;
    display: inline-block;
    padding: .8em 1.2em;
    background-color: #16989d;
    color: #ffffff !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .1em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
}

.btn-view-all:hover,.btn-view-all:focus,.btn-view-all:active {
    color: #ffffff !important;
    background-color: #3b3b3b;
}

.btn-theme.btn-view-all {
    margin-top: 0px;
}

.btn-view-all i {
    margin-left: 8px;
}
/*==========================*/
/* 4.9 Testimonial Section */
/*========================*/

.testimonial-author-wrap {
    width: 250px;
    margin: auto;
    text-align: center;
}

.testimonial-author-info ul {
    margin: 0px;
    padding: 0px;
}

.testimonial-author-info ul li {
    list-style: none;
}

.testimonial-author-thumb {
    width: 250px;
    height: 250px;
    margin: 24px auto;
    display: inline-block;
    text-align: center;
}

.testimonial-author-thumb img {
    width: 100%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: #fff 5px solid;
}

.testimonial-pagination {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 24px;
    font-weight: 700;
}

.testimonial-pagination a {
    padding: 6px 24px;
    color: #666;
    letter-spacing: .05em;
}

.testimonial-pagination a i {
    font-size: 20px;
    padding: 6px;
    position: relative;
    top: 2px;
}

.testimonial-pagination a:hover {
    color: #16989d;
}

.testimonial-text {
    font-size: 22px;
    font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
    line-height: 1.6em;
    font-style: italic;
    text-align: center;
}

.t-author-name {
    font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
    line-height: 1.6em;
    font-style: italic;
    font-size: 22px;
}

.t-author-pos {
    color: #666;
}

.t-author-pos span {
    font-style: italic;
    color: #16989d;
}

.t-quote-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-top: 24px;
}

.t-quote-icon i {
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}

/*===================*/
/* 4.10 Team Section */
/*=================*/

.team-members {
    text-align: center;
    width: 240px;
    margin: auto;
}

.team-member-thumb {
    width: 240px;
    height: 240px;
    display: inline-block;
    margin: auto;
    overflow: hidden;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.team-member-n {
    margin-bottom: 6px;
    margin-top: 12px;
    font-size: 24px;
}

.team-member-pos {
    margin-top: 0px;
}

.team-member-container p {
    margin-top: 0px;
}

.team-member-thumb img {
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: #fff 5px solid;
}

.team-members.team-members-ca .team-member-thumb {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin: 6px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.team-skills .animate-skill-title {
    position: relative;
    top: 25px;
}

.team-skills .number-pb,.team-skills .number-pb-shown {
    height: 4px;
}

.team-skills .number-pb .number-pb-num {
    font-weight: 400;
    font-size: 12px;
}

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

.team-next, .team-prev {
    padding: 10px;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
}

.team-next:hover, .team-prev:hover {
    color: #1fa3ba;
}

.team-next i, .team-prev i {
    font-size: 16px;
    padding: 0px 6px;
    position: relative;
    top: 1px;
}

.team-members-info h3 {
    font-size: 20px;
    margin-bottom: 0px;
    line-height: normal;
    text-transform: uppercase;
}


/*==============*/
/* 5. Services */
/*============*/
.services-grid {
    background: #eee;
    padding: 48px 24px;
}


/*================*/
/* 6. Components */
/*==============*/

/*--------------------*/
/* 6.1 Numeric Stats */
/*-------------------*/

.numeric-stats {
    background: #f5f5f5;
    padding: 48px 24px;
}

.numeric-stats-wrap {
    text-align: center;
    margin: 24px 0px;
}

.numeric-stats-wrap > span {
    display: block;
}

.numeric-stats-wrap .icon-box {
    margin-bottom: 20px;
}

.numeric-value {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.numeric-value, .numeric-stats-title {
    color: #666;
}

.numeric-stats-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.numeric-stats-wrap .icon-box span {
    background: rgba(000,000,000,.1);
}

.numeric-stats-wrap .icon-box span i {
    color: #1fa3ba;
    line-height: 105px;
    font-size: 32px;
}

.numeric-stats-wrap .icon-box span:hover {
    background: #444;
}

.numeric-stats-wrap .icon-box span:hover > i {
    color: #fff;
}


/*--------------------*/
/* 6.2 Pricing Table */
/*------------------*/


.pricing-table-section {
    margin: 72px 0px;
}

.purple {
    background-color: #5D4660;
}

.white {
    color: #FFFFFF;
}

.pink {
    background-color: #BC9B94;
}

.pricing-table-two {
    background-color: #fff;
}

.pricing-table-two {
    text-align: center;
}

.pricing-table-two  .pricing-block {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

.pricing-table-two .plan {
    background: #fff;
    border: 0px solid #eee;
    color: #333;
    padding: 20px 0px;
    position: relative;
}

.pricing-table-two .plan.most-popular {
    z-index: 2;
    padding: 20px 0px;
    border: 1px solid #1fa3ba;
}

.pricing-table-two .plan-pack {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px 0px 0px 0px;
    background-color: #fff;
    position: relative;
}

.pricing-table-two .most-popular .plan-pack {
    background-color: #1fa3ba;
    margin-top: -21px;
    padding-top: 20px;
}

.pricing-table-two .plan-title {
    display: block;
    margin-bottom: 25px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}

.pricing-table-two .most-popular .plan-title {
    color: #fff;
}

.pricing-table-two .most-popular .plan-title {
    color: #fff;
}

.pricing-table-two .plan-pack .plan-pricing {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 90px;
    color: #777;
    background: #fff;
    border: 3px solid #ddd;
    height: 100px;
    width: 100px;
    margin: 10px auto 10px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.pricing-table-two .most-popular .plan-pricing {
    border: 3px solid #1e292c;
    font-size: 24px;
    color: #1fa3ba;
}

.pricing-table-two ul {
    margin: 0px;
    padding: 0px 0px 20px 0px;
    list-style: none;
}

.pricing-table-two li {
    border-top: 1px solid #eee;
    padding: 10px 0;
}

/*-----------------------*/
/* 6.2.1 Pricing Ribbon */
/*---------------------*/

.ribbon {
    font-size: 12px;
    text-align: center;
    display: block;
    width: 60px;
    height: 55px;
    padding-top: 10px;
    background: #dddddd;
    color: white;
    position: absolute;
    top: -1px;
    z-index: 300;
    right: 10px;
    font-weight: 700;
}

.ribbon span {
    display: block;
    font-size: 20px;
}

.ribbon:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 3rem solid transparent;
    border-left: 3rem solid transparent;
    border-top: 1.5rem solid #cccccc;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.ribbon.ribbon-green {
    background: linear-gradient(to bottom, #5f9654 0%, #65b045 100%);
}

.ribbon.ribbon-green:after {
    border-top: 20px solid #65b045;
}

.ribbon.ribbon-orange {
    background: #f7981d;
}

.ribbon.ribbon-orange:after {
    border-top: 20px solid #f7981d;
}

.ribbon.ribbon-dark {
    background: #1e292c;
}

.ribbon.ribbon-dark:after {
    border-top: 20px solid #1e292c;
}



/*------------------------------*/
/* 6.3 Text & Iconic Component */
/*----------------------------*/

.informative-row {
    background-color: #eee;
    padding: 48px 40px;
}

.informative-row .component-main-h {
    font-size: 22px;
}

.informative-row .component-sub-h {
    font-size: 16px;
}

.informative-row .info-component-icon i {
    color: #1fa3ba;
}

.info-component-content {
    padding-top: 10px;
}

.info-component-content .component-sub-h {
    font-weight: 500;
}

.horizontal-comp .info-component-wrap>div {
    display: table-cell;
}

.info-component-wrap {
    margin-bottom: 10px;
}

.sub-h.boxed-icon .info-component-wrap {
    margin-bottom: 16px;
}

.sub-h .info-component-wrap {
    margin-bottom: 15px;
}

.info-component-icon {
    padding-right: 20px;
}

.info-component-icon i {
    font-size: 30px;
    line-height: normal;
}

.component-main-h {
    margin: 0px 0px 5px 0px;
    line-height: normal;
}

.component-sub-h {
    margin: 0px;
}

.info-component-icon {
    position: relative;
    top: 4px;
}

.info-component-content .info-component-description {
    margin-top: 10px;
}

.info-component-content .info-component-description p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.sub-h .info-component-icon i {
    position: relative;
    top: 15px;
}

.sub-h.boxed-icon .info-component-icon i {
    position: relative;
    top: 14px;
}

.sub-h.boxed-icon.right-align .info-component-icon {
    position: relative;
    top: 8px;
}

.sub-h .info-component-icon i {
    font-size: 36px;
    line-height: normal;
}

/*--------------------------------*/
/* 6.3.1 Text & Iconic Component */
/* Vertical Components ---------*/
/*-----------------------------*/
.vertical-comp {
    text-align: center;
}

.vertical-comp .info-component-icon {
    position: relative;
    top: 0px;
    padding-right: 0px;
}

.vertical-comp.boxed-icon .info-component-icon {
    margin-bottom: 20px;
}

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

.horizontal-comp.boxed-icon.right-align.right-align-fix .info-component-content {
    margin-right: 72px;
}

.horizontal-comp.right-align.right-align-fix .info-component-content {
    margin-right: 0px;
}

.horizontal-comp.right-align.right-align-fix.non-boxed-icon .info-component-content {
    margin-right: 50px;
    margin-top: -37px;
    width: 90%;
}

.horizontal-comp.sub-h.right-align.right-align-fix.non-boxed-icon .info-component-icon i {
    position: relative;
    top: 12px;
}

.horizontal-comp.sub-h.boxed-icon.right-align.right-align-fix .info-component-content {
    margin-top: -46px;
    width: 85%;
}

.horizontal-comp.boxed-icon.right-align.right-align-fix .info-component-content {
    margin-top: -46px;
    width: 90%;
}

.horizontal-comp.boxed-icon.right-align.right-align-fix .info-component-content {
    margin-top: -45px;
    width: 90%;
}

.horizontal-comp.boxed-icon.right-align.right-align-fix .info-component-icon {
    position: relative;
    top: 5px;
}

.horizontal-comp.sub-h.boxed-icon.right-align.right-align-fix .info-component-icon i {
    position: relative;
    top: 8px;
}

.horizontal-comp.right-align.right-align-fix .info-component-icon {
    position: relative;
    top: 10px;
}

.horizontal-comp.right-align .info-component-content {
    float: right;
}

.horizontal-comp.right-align .info-component-icon {
    float: right;
    padding-right: 0px;
    padding-left: 20px;
}

.boxed-icon .info-component-icon {
    position: relative;
    top: -1px;
}

.boxed-icon .info-component-wrap {
    margin-bottom: 10px;
}

.boxed-icon .small-boxed-icon i {
    font-size: 22px;
    width: 44px;
    height: 44px;
    padding: 6px !important;
    border: #ccc 1px solid;
    text-align: center;
    line-height: 32px;
}

.sub-h.boxed-icon .small-boxed-icon i {
    font-size: 26px;
    width: 60px;
    height: 60px;
    padding: 6px !important;
    border: #eee 1px solid;
    text-align: center;
    line-height: 48px;
    background: #fff;
    display: inline-block;
}

.sub-h.boxed-icon .small-boxed-icon.circle i,.boxed-icon .small-boxed-icon.circle i {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.sub-h.boxed-icon .small-boxed-icon.rounded i,.boxed-icon .small-boxed-icon.rounded i {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.boxed-container {
    border: #f3f3f3 1px solid;
    background: #f9f9f9;
    padding: 20px;
    position: relative;
}

.boxed-container.absolute-icon {
    margin-top: 32px;
}

.boxed-container.sub-h.absolute-icon .info-component-icon {
    margin-top: -64px;
}

.boxed-container.sub-h.absolute-icon .info-component-icon i {
    background: #fff;
}

.boxed-container.absolute-icon .info-component-icon {
    margin-top: -42px;
}

.boxed-container.absolute-icon .info-component-icon i {
    background: #fff;
}


/*-------------------------*/
/* 6.3.2 Iconic Component */
/*-----------------------*/

.iconic-text-wrap {
    display: table;
    width: 100%;
}

.iconic-text-wrap.float-right {
    display: table;
    text-align: right;
}

.iconic-text-wrap .icon-block {
    width: 105px;
    height: 105px;
    display: table-cell;
    vertical-align: middle;
}

.icon-box {
    width: 105px;
    height: 105px;
    display: inline-block;
}

.iconic-text-wrap .icon-block.image-icon span,.icon-box.image-icon span {
    line-height: normal !important;
}

.iconic-text-wrap .icon-block.image-icon img,.icon-box.image-icon img {
    height: 100%;
}

.iconic-text-wrap .icon-block.image-icon .circle img,.icon-box.image-icon .circle img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.iconic-text-wrap .icon-block span,.icon-box span {
    width: 105px;
    height: 105px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    border: #eee 0px solid;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.iconic-text-wrap .icon-block span i,.icon-box span i{
    width: 105px;
    height: 105px;
    display: inline-block;
    line-height: 100px;
}


.iconic-text-wrap .icon-block.small-icon {
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

.icon-box.small-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
}

.iconic-text-wrap .icon-block.small-icon span,.icon-box.small-icon span {
    width: 60px;
    height: 60px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 24px;
    border: #eee 1px solid;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.icon-hover .small-boxed-icon i {
    color: #1fa3ba;
}

.icon-hover:hover .small-boxed-icon i {
    background: #1fa3ba;
    border: #1fa3ba 1px solid;
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.icon-box.small-icon span i {
    line-height: 70px;
}

.iconic-text-wrap .icon-block.small-icon.valing-top {
    vertical-align: top;
}

.iconic-text-wrap .icon-block.valing-top {
    vertical-align: top;
}

.iconic-text-wrap .icon-block.min-icon {
    width: 48px;
    height: 48px;
    display: table-cell;
    vertical-align: middle;
}

.icon-box.min-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
}

.iconic-text-wrap .icon-block.min-icon span,.icon-box.min-icon span {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    border: #eee 1px solid;
}

.icon-box.min-icon span i {
    line-height: 48px;
}

.iconic-text-wrap .icon-block.min-icon.valing-top {
    vertical-align: top;
}

.iconic-text-wrap .text-component-content {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}

.vertical-comp .text-component-content {
    padding-left: 0px;
}

.vertical-comp .iconic-text-wrap .text-component-content {
    padding-left: 0px;
}

.services-grid .vertical-comp .text-component-content {
    padding-left: 20px;
    padding-right: 20px;
}

.iconic-text-wrap .text-component-content .component-main-h {
    font-size: 20px;
}

.iconic-text-wrap .text-component-content .component-main-h.u-case {
    font-size: 18px;
    font-weight: 700;
}

.iconic-text-wrap .text-component-content .component-sub-h {
    font-size: 14px;
    font-weight: 500;
}

.text-component-content .details-button {
    margin-top: 12px;
}

.iconic-text-wrap p {
    margin: 0px;
    padding-top: 10px;
}

.iconic-text-wrap.float-right .text-component-content {
    padding-right: 20px;
    padding-left: 0px;
}

.iconic-text-wrap.vertical-comp {
    display: block;
}

.iconic-text-wrap.vertical-comp .icon-block {
    display: inline-block;
    margin-bottom: 20px;
}

.iconic-text-wrap.vertical-comp .text-component-content {
    display: block;
}

.icon-block span.circle,.icon-box span.circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.icon-block span.rounded,.icon-box span.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.border-right {
    border-right: 1px solid rgba(000,000,000,.05);
}



/*-------------------------------*/
/* 6.4 Timeline style components*/
/*-----------------------------*/
.timeline-style {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.timeline-main-img {
    margin-top: 50px;
}

.timeline-main-img img {
    width: 100%;
}

.timeline-style li {
    position: relative;
}

.vertical-timeline {
    height: 100%;
    width: 1px;
    border-right: #dddddd 1px dashed;
    position: absolute;
    left: 30px;
    top: 20%;
    z-index: -1000;
}

.vertical-timeline.right-side {
    height: 100%;
    width: 1px;
    position: absolute;
    right: 30px;
    left: auto;
    top: 20%;
    z-index: -1000;
}

.timeline-style .component-main-h {
    font-size: 18px;
}

.timeline-style .component-sub-h {
    font-size: 14px;
}

.timeline-style .info-component-icon i {
    color: #1fa3ba;
}

.timeline-style .boxed-icon i {
    border: #eee 1px solid !important;
    background-color: #eee !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.timeline-style .boxed-icon:hover i {
    background-color: #1fa3ba !important;
    border: #1fa3ba 1px solid !important;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.timeline-style .vertical-timeline {
    border-right: #ccc 1px dashed;
}

/*=============*/
/* 7. Contact */
/*===========*/
.map-container {
    margin-left: -15px;
    margin-right: -15px;
}

.location-map {
    min-height: 360px;
}

.home-contact-frm ul {
    margin: 0px;
    padding: 0px;
}

.home-contact-frm ul li {
    list-style: none;
    margin-bottom: 12px;
}

.h-frm-input {
    background-color: transparent;
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    outline: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 100%;
    border-bottom: #F5F5F5 1px solid !important;
    padding: 6px 0px !important;
    color: #FFF !important;
    font-family: 'Roboto',sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.h-frm-input:focus{
    border-bottom: #67809F 1px solid !important;
}
.light-section .h-frm-input {
    border-bottom: #999 1px solid !important;
    padding: 6px 0px !important;
    color: #444 !important;
    font-family: 'Roboto',sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.h-contact-message {
    height: 100px;
}

.btn-post-msg {
    background-color: #333 !important;
    text-shadow: none !important;
    outline: none !important;
    color: #ccc !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    border: #666 1px solid !important;
    padding: 12px 24px !important;
    margin-top: 12px;
    text-transform: uppercase;
    left: .1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.h-frm-input::-webkit-input-placeholder {
    color: #ccc !important;
}

.h-frm-input:-moz-placeholder {
    color: #ccc !important;
}

.h-frm-input:-ms-input-placeholder {
    color: #ccc !important;
}

.btn-post-msg:hover,
.btn-post-msg:focus {
    background-color: #16989d;
    border: #16989d 1px solid;
}

span.wpcf7-not-valid-tip{
    color: #D24D57;
    font-size: 13px;
}
div.wpcf7-validation-errors {
    border: 1px solid #f5f5f5;
}

div.wpcf7-response-output {
    margin: 0px;
    padding: 0.2em 1em;
    background: #f5f5f5;
    border-radius: 3px;
    color: #D24D57;
    font-size: 13px;
}

/*============*/
/* 8. Footer */
/*==========*/
.footer {
    padding: 96px 0;
    background-color: #222222;

}
.footer-nav ul{
    margin: 0px;
    padding: 0px;
    margin-bottom: 48px;
}
.footer-nav ul li{
    list-style: none;
    display: inline-block;
}
.footer-nav ul li a{
    font-size: 12px;
}
.footer-nav ul li:after {
    content:"|";
    display: inline-block;
    padding: 0px 6px;
    margin-right: -3px;
}
.footer-nav ul li:last-child:after{
    content:"";
}

.footer .widget-col h4{
    color: #ccc;
    background-color: #222222;
    padding-left: 10px;

}

.tweet-slide {
    text-align: center;
    margin-bottom: 48px;
    color: #999;
    font-size: 16px;
}

.tweet-slide a {
    color: #666;
    font-style: italic;
    font-weight: 500;
}

.tweet-slide a:hover {
    color: #16989d;
}

.tweet-slide {
    margin: 0px;
    padding: 0px;
}

.tweet-slide li {
    list-style: none;
}
.twitter-avatar{
    text-align: center;
    margin-bottom: 18px;
}
.twitter-avatar img {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.tweet-date {
    font-size: 14px;
}

.twitter-sname {
    font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
    font-size: 20px;
    margin: 12px 0px 6px 0px;
}

.twitter-uname {
    margin-bottom: 12px;
    font-family: "Droid Serif", Georgia, Times, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
}

.tweet-slide .owl-prev,.tweet-slide .owl-next {
    background-color: transparent !important;
    text-transform: uppercase;
}

.tweet-slide .owl-prev i,.tweet-slide .owl-next i {
    font-size: 16px;
    position: relative;
    top: 1px;
    padding: 0px 6px;
}

.tweet-slide  .owl-page.active span {
    background-color: #16989d;
}
.intent-meta a{
    padding: 0px 6px;
}
.instagram-con {
    text-align: center;
}

.instagram-con h3 {
    margin-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
}

.instagram-stream {
    text-align: center;
    width: 300px;
    margin: auto;
}

.instagram-stream li {
    width: 80px;
    height: 80px;
    list-style: none;
    display: inline-block;
    margin: 6px;
}

.share-this-site {
    width: 200px;
    margin: 48px auto 0px auto;
    text-align: center;
    margin-bottom: 48px;
}

.share-this-site a {
    font-size: 12px;
    text-transform: uppercase;
    color: #f5f5f5;
}

.share-this-site a i {
    font-size: 30px;
    display: block;
}

.share-this-site a:hover {
    color: #16989d;
}

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

.copyright-info a {
    color: #f5f5f5;
}

.copyright-info a:hover {
    color: #16989d;
}

.copyright-info p {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 12px;
}




/*=======================*/
/* 9. Responsive Layout */
/*=====================*/

@media screen and (max-width:480px) {

    .profile-card {
        position: relative;
        width: 280px;
        margin: auto;
    }

    .profile-card-info {
        width: 90%;
    }

    .image-block {
        width: 280px;
        height: 280px;
        position: absolute;
        right: -280px;
    }

    .profile-card-divider {
        margin-right: 0px;
    }

    .introduction .inner-element-container {
        padding: 48px 0px;
        color: #f5f5f5;
    }

    .inner-element-container {
        padding: 48px 0px;
        color: #f5f5f5;
    }

    .btn-view-profile {
        padding: .8em 1em;
    }

    .section-header {
        width: 270px;
    }

    .section-header h2 {
        font-size: 22px;
    }

    .full-container {
        padding: 48px 0px;
    }

    .ex-hightlight ul li.ex-inro {
        width: 100%;
        margin-left: 0px;
        top: 35px;
        background: #fff;
        z-index: 100;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .ex-hightlight ul li.ex-inro h2 {
        font-size: 30px;
    }

    .ex-details {
        padding: 12px 24px;
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(0%) translateY(0%);
        -moz-transform: translateX(0%) translateY(0%);
        -ms-transform: translateX(0%) translateY(0%);
        -o-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%);
    }

    .job-list-item {
        display: block;
    }

    .job-list-item  ul li {
        display: block;
    }

    .job-list-item .job-date {
        width: 180px;
        margin: 0px auto 24px auto;
    }

    .job-list-item .job-description {
        margin-left: 0px;
        z-index: 100;
    }

    .job-description:after, .job-description:before {
        top: -11px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .job-description:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 11px;
        margin-left: -11px;
    }

    .job-description:before {
        border-color: rgba(229, 229, 229, 0);
        border-bottom-color: #eeeeee;
        border-width: 11px;
        margin-left: -11px;
    }

    .job-brand {
        display: block;
    }

    .job-details {
        display: block;
    }

    .job-brand-container {
        padding-left: 0px;
        padding-right: 0px;
        margin: auto;
    }

    .ex-hightlight ul li.yrs-ex {
        width: 100%;
    }

    .timeline-stroke {
        left: 50%;
        height: 102%;
        width: 1px;
    }

    .edu-institute li {
        margin: 0px 12px 24px 12px;
    }

    .details-button {
        margin-bottom: 24px;
    }

    .testimonial-text {
        font-size: 14px;
        min-height: 300px;
    }

    .instagram-stream {
        width: 280px;
        margin: auto;
    }

    .instagram-stream li {
        width: 70px;
        height: 70px;
    }
}

@media screen and (max-width:768px) {
    .profile-card {
        margin: auto;
        text-align: center;
    }

    .profile-card-info {
        width: 90%;
        text-align: left;
    }

    .profile-card-divider {
        margin-right: 0px;
    }

    /*=========================*/
    /* Responsive Mobile Menu */
    /*=======================*/

    .slicknav_menu {
        display: block;
    }

    .sf-menu {
        display: none;
    }

    .nav-clone {
        display: none;
    }

    .nav-wrapper {
        position: relative;
    }

    .autofix_sb.fixed {
        position: relative !important;
    }

    .testimonial-text {
        font-size: 18px;
        min-height: 300px;
    }

    .blog-page-wrapper {
        margin: 80px auto 0px auto;
    }
    .st-theme-options{
        display: none;
    }
}

@media screen and (max-width:979px) {
    .introduction-text {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        text-align: left;
    }

    .image-block {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .vertical-center-content {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@media only screen and (min-width:769px) and (max-width:1199px) {

    .blog-page-wrapper {
        margin: 120px auto 0px auto;
    }

}

/*===================*/
/* 10. Boxed Layout */
/*=================*/
@media only screen and (min-width:1200px) and (max-width:100000px) {

    .layout-boxed {
        /*background-image: url(../images/bg.jpg); */
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .layout-boxed .page-wrapper,.layout-404 .container-fluid {
        width: 1100px;
        margin: auto;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }

    .page-id-2293 .container-fluid, .page-id-2293 .page-wrapper, .page-id-2299 .container-fluid,.page-id-2299 .page-wrapper {
        width: 1100px;
        margin: auto;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }

    .page-id-2293 {
        background-image: url(../images/bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .page-id-2299{
        background-color: #2F455A;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    .layout-boxed .sticky-nav, .page-id-2293 .sticky-nav,.page-id-2299 .sticky-nav {
        left: 0px;
    }

    .blog-page-wrapper {
        width: 1000px;
        margin: 120px auto 0px auto;
    }
    .blog-section .container-fluid{
        width: 1170px;
    }
    .layout-boxed .blog-section .container-fluid, .page-id-2293 .blog-section .container-fluid,.page-id-2299 .blog-section .container-fluid{
        width: 100%;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
    }
}

/*================*/
/* 11. Blog Page */
/*==============*/
.page-title h1 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px 0 24px;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
}

.page-breadcrumb .breadcrumb {
    text-align: right;
    padding: 24px 0px;
    margin: 0px;
    list-style: none;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.left-sidebar .blog-main {
    float: right !important;
}

.left-sidebar .blog-aside {
    float: left !important;
}

/*========================================*/
/* 11.1.1 Recent blog post sticky ribbon */
/*======================================*/
.down-ribb {
    position: absolute;
    background-color: #ddd;
    cursor: pointer;
    width: 3em;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    top: -1px;
    right: 24px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.down-ribb:before,.down-ribb:after {
    border-style: solid;
    height: 0;
    width: 0;
    display: block;
    content: "";
    position: absolute;
}

.down-ribb:before,.down-ribb:after {
    border-color: transparent #ddd;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    left: 0;
}

.down-ribb:after {
    bottom: -1.5em;
    border-width: 0 1.5em 1.5em 1.5em;
}

.down-ribb a {
    display: block;
}

.down-ribb:hover {
    background-color: #16989d;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.down-ribb:hover:before,.down-ribb:hover:after {
    border-color: transparent #16989d;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    left: 0;
}

.down-ribb i {
    font-size: 20px;
    color: #999;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.down-ribb:hover i {
    color: #fff;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.sticky-ribbon {
    box-sizing: border-box;
    background-color: #e5e5e5;
    color: white;
    padding: 0px 24px 0px 24px;
    height: 48px;
    line-height: 48px;
    position: relative;
    display: inline-block;
    padding-right: 50px;
    font-size: 14px;
    position: relative;
    left: 0px;
    margin-top: 24px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.sticky-ribbon:hover {
    background-color: #16989d;
    color: #fff;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.sticky-ribbon i {
    padding-right: 5px;
}

.sticky-ribbon::after {
    content: "";
    display: block;
    background: #fff;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0px;
    right: -24px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.sticky-ribbon i {
    font-size: 16px;
}

div.down-ribbon {
    display: inline-block;
    position: relative;
    background: #16989d;
;
    width: 40px;
    height: 40px;
}

div.down-ribbon:before, div.down-ribbon:after {
    border-style: solid;
    height: 0;
    width: 0;
    display: block;
    content: "";
    position: absolute;
}

div.down-ribbon:before, div.down-ribbon:after {
    border-color: transparent #16989d;
    left: 0;
}

div.down-ribbon:after {
    bottom: -20px;
    border-width: 20px;
}

div.down-ribbon i {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}

/*===================================*/
/* 11.2 Blog post / .blog-container */
/*=================================*/
.blog-container {
    margin-bottom: 0px;
    margin-top: 0px;
}

.content-right {
    float: right;
}

.blog-post {
    margin-bottom: 66px;
}

.mid-featured-img {
    margin-top: 48px;
}
/*==========================================*/
/* 11.2.1 Blog post meta / .blog-post-meta */
/*========================================*/
.post-meta-container {
    position: relative;
}

.post-meta-container .down-ribbon {
    position: absolute;
    top: 0px;
    right: 0px;
}

.blog-post-meta {
    height: 0px;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    border-top: #eee 1px solid;
}

.blog-post-meta li {
    list-style: none;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    background-color: #fff;
    position: relative;
    top: -20px;
    margin-left: -4px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    font-size: 12px;
}

.blog-post-meta li:first-child {
    padding-left: 12px;
}

.blog-post-meta li:last-child {
    padding-right: 12px;
}

.blog-post-meta li.post-author {
    padding-right: 12px;
}

.blog-post-meta li.post-author a {
    color: #16989d;
}

.blog-post-meta li a {
    color: #555;
    font-size: 12px;
}

.blog-post-meta li a:hover {
    color: #16989d;
}

.blog-post-meta li i {
    color: #16989d;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.author-intro {
    text-align: center;
}
/*==========================================*/
/* 11.2.2 Blog post tags / .post-tags-list */
/*========================================*/
.post-tags-list a {
    padding: 0px 12px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    color: #999;
    display: inline-block;
    height: 32px;
    line-height: 31px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

.post-tags-list {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.post-tags-list  li {
    float: left;
}

.tags-title {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 6px;
    display: inline-block;
}

.post-image {
    z-index: 120;
    position: relative;
}

.post-image img {
    width: 100%;
    height: auto;
}
/*===========================================*/
/* 11.2.3 Blog post details / .post-details */
/*=========================================*/
.post-details {
    padding: 0px;
    z-index: 100;
    position: relative;
    background-color: #fff;
}

.post-details .inner-h {
    text-transform: uppercase;
    border-bottom: #eee 1px solid;
    font-size: 18px;
}

.post-details h1,.blog-post h1 {
    margin-top: 24px;
    font-size: 40px;
    font-weight: 500;
}

.post-details .post-heading {
    margin-right: 50px;
}

.post-details h2,.blog-post h2 {
    margin-top: 24px;
    font-size: 28px;
    font-weight: 500;
}

.post-details h3,.blog-post h3 {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 500;
}

.post-categories {
    border-top: #eee 1px solid;
    margin-bottom: 24px;
    text-align: center;
    min-height: 0px;
}

.post-categories a {
    padding: 4px 10px 4px 0px;
    display: inline-block;
    position: relative;
    top: -18px;
    background-color: #fff;
    margin-left: -4px;
}

.post-categories a:after {
    content: "/";
    display: inline-block;
    padding-left: 10px;
}

.post-categories a:first-child {
    padding-left: 10px;
}

.post-categories a:last-child:after {
    content: "";
    padding-left: 0px;
}

.blog-content {
    margin-top: -24px;
}

.single-post {
    margin-top: 120px !important;
}


/*===========================================*/
/* 11.2.4 Related Blog / .related-blog-post */
/*=========================================*/
.related-blog-post {
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px rgba(68,68,68,.05);
    -moz-box-shadow: 0 0 1px rgba(68,68,68,.05);
    box-shadow: 0 0 1px rgba(68,68,68,.05);
}

.related-blog-section .inner-h {
    margin-top: 48px;
}

.related-blog-post .post-thumb {
    display: block;
    position: relative;
    overflow: hidden;
}

.related-blog-post {
    background-color: #f5f5f5;
    padding-bottom: 1px;
}

.related-blog-post .post-intro {
    padding: 0px 20px;
}

.related-blog-post .post-intro h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;
}

.related-blog-post .post-intro h3 a {
    display: block;
}
/*=======================================*/
/* 11.2.5 Comments template / #comments */
/*=====================================*/

#comments-title {
    text-transform: uppercase;
    margin-top: 48px;
    font-size: 18px;
    border-bottom: #eee 1px solid;
}

#comments-title em {
    font-style: normal;
    text-transform: none;
}

.nav-next,.nav-previous {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .05em;
}

.comment-reply-title {
    text-transform: uppercase;
    margin-top: 72px;
    font-size: 18px;
    border-bottom: #eee 1px solid;
}

.commentlist {
    list-style: none;
    margin-left: 0px;
    border-bottom: 0px;
    padding: 24px 0px;
}

.commentlist .children {
    list-style: none;
}

.post-comment {
    display: table;
    /*border-bottom:#eee 1px solid;*/
    padding-bottom: 24px;
    padding-top: 24px;
    position: relative;
    width: 100%;
}

.post-comment .reply {
    position: relative;
    left: 70px;
}

.post-comment p {
    margin-bottom: 0px;
}

.commentlist .comment>.children {
    /*border-left:#eee 1px solid;*/;
}

.commentlist>.comment {
    /*-webkit-box-shadow:inset 0 -1px 0 #eee;*/;
}

.commentlist .children .post-comment {
    display: table;
    /*border-bottom:#eee 1px solid;*/
    padding-bottom: 24px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

.post-comment .comment-reply-link {
    display: inline-block;
    padding: 0px;
    line-height: 34px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
    letter-spacing: .05em;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    border-bottom: #ccc 1px solid;
}

.post-comment .comment-reply-link:hover {
    color: inherit;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.post-comment .comment-author {
    display: table-row;
}

.post-comment .comment-author>div {
    display: table-cell;
    vertical-align: top;
}

.post-comment .author-thumb {
    width: 70px;
}

.author-thumb img {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.comment-form label {
    width: 10em;
    margin-bottom: 6px;
    display: inline-block;
}

.comment-form input.form-control {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    border: #ddd 1px solid;
}

.comment-form textarea.form-control {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    display: inline-block;
    padding: 3px 3px;
    border: #ddd 1px solid;
}

.required {
    color: red;
}

.btn-post-comment {
    padding: 12px 24px;
    margin-top: 24px;
    font-size: 14px;
    font-weight: 700;
    background-color: #f5f5f5;
    color: #444;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    text-shadow: none;
}

.btn-post-comment:hover,.btn-post-comment:focus,.btn-post-comment:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    outline: 0px;
}

.contact-form .btn-post-comment {
    padding: 12px 24px !important;
    margin-top: 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background-color: #f5f5f5 !important;
    color: #444 !important;
    -webkit-transition: all 100ms linear !important;
    -moz-transition: all 100ms linear !important;
    -o-transition: all 100ms linear !important;
    -ms-transition: all 100ms linear !important;
    transition: all 100ms linear !important;
    text-shadow: none !important;
}

.contact-form .btn-post-comment:hover,.contact-form .btn-post-comment:focus,.contact-form .btn-post-comment:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all 100ms linear !important;
    -moz-transition: all 100ms linear !important;
    -o-transition: all 100ms linear !important;
    -ms-transition: all 100ms linear !important;
    transition: all 100ms linear !important;
    outline: 0px !important;
}

.contact-form .btn, {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#btn-post-comment {
    padding: 12px 24px;
    margin-top: 24px;
    font-size: 12px;
    font-weight: 700;
    background-color: #f5f5f5;
    border-color: #ccc;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    text-shadow: none;
    border-style: solid;
    border-color: #adadad;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#btn-post-comment:hover,#btn-post-comment:focus,#btn-post-comment:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    outline: 0px;
    background-color: #e6e6e6;
    color: #444;
}
/*===========================================*/
/* 11.2.6 Blog post divider / .post-divider */
/*=========================================*/
.post-divider {
    display: block;
    height: 0px;
    border-bottom: #eee 1px solid;
    position: relative;
    z-index: 50;
    width: 180px;
    margin: 48px auto;
}

.post-divider:after {
    height: 1px;
    width: 90px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 45px;
    border-bottom: #16989d 1px solid;
}

.btn-read-more {
    padding: 12px 24px;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 500;
}

.post-action {
    border-top: #eee 1px solid;
    margin-bottom: 12px;
    margin-top: 36px;
    text-align: center;
}

.post-action .post-read-more {
    padding: 10px 16px;
    margin-top: 24px;
    font-size: 12px;
    font-weight: 500;
    background-color: #eee;
    position: relative;
    top: -14px;
    text-transform: uppercase;
    letter-spacing: .05em;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 4px;
}
/*=========================*/
/* 11.2.7 Post pagination */
/*=======================*/
.post-pagination {
    margin-bottom: 48px;
    border-bottom: #eee 1px solid;
    border-top: #eee 1px solid;
    padding: 24px 0px;
}

.oldest-post {
    display: block;
}

.oldest-post .oldest-post-label {
    display: inline-block;
    text-align: left;
    float: left;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.oldest-post .oldest-post-title {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
}

.oldest-post a i {
    margin-right: 10px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.newest-post {
    display: block;
}

.newest-post .newest-post-label {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.newest-post .newest-post-title {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
}

.newest-post a i {
    margin-left: 10px;
}

.single-post-share {
    text-align: center;
}

.single-post-share .share-this-post {
    padding: 12px 0px;
    display: inline-block;
}
/*==============================*/
/* 11.2.8 Blog post pagination */
/*============================*/
.post-pagination-con {
    text-align: match-parent;
    margin-bottom: 48px;
    border-bottom: #eee 2px solid;
}

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

.blog-pagination ul {
    margin: 0px;
    padding: 0px;
}

.blog-pagination ul li {
    display: inline-block;
    list-style: none;
}

.blog-pagination ul li a {
    display: inline-block;
    background-color: #fff;
    padding: 12px 24px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .05em;
}

.blog-pagination ul li a:hover {
    border-bottom: #16989d 2px solid;
    border-top: #16989d 1px solid;
    margin-bottom: -2px;
    margin-top: -1px;
}

.blog-pagination ul li.active a {
    border-bottom: #16989d 2px solid;
    border-top: #16989d 1px solid;
    margin-bottom: -2px;
    margin-top: -1px;
}




/*===================*/
/* 11.3 Post format */
/*=================*/
/*=======================================*/
/*=======Gallery Post====================*/
/* 11.3.1 Grid gallery / .post-grid-wrap*/
/*/css/justifiedgallery.css*/
/*====================================*/
.post-grid-wrap {
    margin-top: 48px;
}

.post-grid-container {
    margin-top: 48px;
    z-index: 120;
    position: relative;
}

.post-grid-wrap {
    margin-top: 48px;
    z-index: 120;
    position: relative;
}

.post-grid {
    max-width: 1260px;
    min-width: 240px;
    width: auto;
    margin: auto;
    padding: 0px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

.post-grid-container,.post-grid-container-splash {
    width: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*===========================*/
/* 11.3.2 Slideshow gallery */
/*=========================*/
.gallery-post {
    margin-top: 48px;
    margin-bottom: -1px;
    z-index: 120;
    position: relative;
}

.post-slideshow {
    margin: 0px;
    padding: 0px;
}

.post-slideshow img {
    width: 100%;
}
/*===================*/
/* 11.3.3 Link post */
/*=================*/
.link-thumb {
    position: relative;
    overflow: hidden;
}

.link-thumb a {
    display: block;
}

.link-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: #333;
    color: #fff;
    padding: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
    font-weight: 700;
    -webkit-transition: all .5s ease;
    /* Safari and Chrome */
    -moz-transition: all .5s ease;
    /* Firefox */
    -ms-transition: all .5s ease;
    /* IE 9 */
    -o-transition: all .5s ease;
    /* Opera */
    transition: all .5s ease;
    opacity: .9;
}

.link-thumb img {
    -webkit-transition: all .5s ease;
    /* Safari and Chrome */
    -moz-transition: all .5s ease;
    /* Firefox */
    -ms-transition: all .5s ease;
    /* IE 9 */
    -o-transition: all .5s ease;
    /* Opera */
    transition: all .5s ease;
}

.link-thumb:hover .link-overlay {
    background-color: #444;
    opacity: 1;
    -webkit-transition: all .5s ease;
    /* Safari and Chrome */
    -moz-transition: all .5s ease;
    /* Firefox */
    -ms-transition: all .5s ease;
    /* IE 9 */
    -o-transition: all .5s ease;
    /* Opera */
    transition: all .5s ease;
}

.link-thumb:hover img {
    -webkit-transform: scale(1.25);
    /* Safari and Chrome */
    -moz-transform: scale(1.25);
    /* Firefox */
    -ms-transform: scale(1.25);
    /* IE 9 */
    -o-transform: scale(1.25);
    /* Opera */
    transform: scale(1.25);
}

.link-src {
    display: table;
    width: 100%;
    height: 100%;
}

.link-src>span {
    display: table-cell;
    vertical-align: middle;
}
/*====================*/
/* 11.3.4 Quote post */
/*==================*/
.post-quote {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-top: 36px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    background-color: #363636;
}

.post-quote i {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 30px;
}

.post-blockquote{
    margin-bottom: 48px;
}

.post-blockquote p {
    font-size: 24px;
    margin-bottom: 12px;
    font-style: italic;
    line-height: 36px;
    color: #444;
    margin-top: 0px;
}

.post-blockquote:hover .post-quote {
    color: #fff;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.post-quote-style {
    padding: 12px 0px;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    quotes: "“" "”" "‘" "’";
}

.post-quote-style span:before {
    font-size: 24px;
    content: open-quote;
    font-weight: 700;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 5px;
    font-style: normal;
}

.post-quote-style span:after {
    font-size: 24px;
    content: close-quote;
    font-weight: 700;
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: 5px;
    font-style: normal;
}

.quote-author {
    margin-bottom: 24px;
    display: block;
    font-weight: 700;

}

.post-details .post-blockquote {
    background-color: #eee;
    padding: 1px 24px 1px 24px;
    margin-top: 24px;
    position: relative;
    text-align: center;
}



.post-details .post-blockquote .post-quote-style {
    border-top: none;
    border-bottom: none;
}

.post-details .post-quote-author {
    margin-top: 12px;
    display: block;
    color: #444;
    font-weight: 400;
    margin-bottom: 36px;
}

.post-details .post-quote {
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-top: 24px;
    text-align: center;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.post-share {
    margin-top: 48px;
}

.post-share .post-pagination {
    margin-bottom: 0px;
}

.post-format a {
    text-align: center;
}

.post-format i {
    top: 1px !important;
    position: relative;
}


.post-link{
    background-color: #eee;
    padding: 30px;
    text-align: center;
}
.post-link-icon{
    width: 48px;
    height: 48px;
    display: inline-block;
}
.post-link-icon i{
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 32px;
}
.link-post-title{
    display: block;
    font-size: 20px;
    margin: 12px 0px;
    font-weight: 500;
}
.link-post-url{
    font-weight: 500;
    display: block;
    padding: 6px;
}

/*==========================*/
/* 11.4 Sidebar / .sidebar */
/*========================*/
.sidebar {
    height: auto;
    margin-bottom: 192px;
}

.sidebar .archive-list li a {
    line-height: 36px;
    display: block;
}

.sidebar .widget-col {
    margin-bottom: 48px;
}

.sidebar .widget-col ul {
    margin-bottom: 0px;
}

.sidebar .widget-col h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #444444;
    position: relative;
    z-index: 2;
    border-bottom: #16989d 1px solid;
    padding-right: 0px;
    padding-bottom: 12px;
    margin-bottom: -1px;
}

.sidebar .widget-cat li a {
    line-height: 36px;
    display: block;
}

.sidebar .widget-col .widget-h {
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    padding-top: 12px;
    margin-bottom: 24px;
}

/*============================*/
/* 11.4.1 Sidebar Blog Search*/
/*==========================*/
input.blog-search {
    width: 80%;
    display: inline-block;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height: 48px;
    padding: 3px 12px;
    border: #ddd 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-search {
    width: 48px;
    height: 48px;
    box-shadow: none;
    background-color: #f5f5f5;
    border: #ddd 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-search i {
    font-size: 20px;
}

.btn-search:hover,.btn-search:focus {
    box-shadow: none;
    background-color: #eee;
}
/* Styling the input */
.search-box #search {
    -webkit-appearance: none;
    color: #f5f5f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    height: 48px;
    width: 0;
    position: absolute;
    padding: 10px 10px !important;
    opacity: 0;
    border: none;
    outline: none;
    position: absolute;
    right: 48px;
    border-bottom: #dce2e8 2px solid;
    margin-right: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
/*=============================*/
/* 11.4.2 About author widget */
/*===========================*/
.profile-card .author-short-bio {
    display: table;
}

.profile-card .author-short-bio .author-image {
    padding-right: 12px;
}

.profile-card .author-short-bio .author-image .author-image-thumb {
    width: 80px;
    height: 80px;
}

.profile-card .author-short-bio .author-image .author-image-thumb img {
    height: 100%;
}

.profile-card .author-short-bio > div {
    display: table-cell;
    vertical-align: middle;
}

.profile-card .author-short-intro h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin: 0px 0px 6px 0px;
}

.profile-card .author-short-intro h4 {
    font-weight: 700;
    text-transform: capitalize !important;
    color: #666 !important;
}

.profile-card .bio-details {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .1em;
}

.author-bio-social {
    margin: 24px 0px 0px 0px;
    padding: 0px;
    text-align: left;
}

.author-bio-social li {
    list-style: none;
    display: inline-block;
}

.author-bio-social li a {
    height: 48px;
    width: 48px;
    display: inline-block;
    color: #7e8d9d;
    background-color: #eee;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.author-bio-social li a:hover {
    background-color: #4a5867;
    color: #c0cddb;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.author-bio-social li a i {
    height: 48px;
    width: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
}
/*==================*/
/* 11.5 Ads widget */
/*================*/
.ads-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.ads-list ul li {
    float: left;
    height: 0px;
    padding-top: 50%;
    width: 50%;
    position: relative;
}

.ads-list ul li > a {
    height: 100%;
    width: 100%;
    padding: 2px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ads-list ul li > a img {
    width: 100%;
    height: 100%;
}
/*================*/
/* 11.6  Widgets */
/*==============*/
/*=====================================*/
/* 11.6.1 Widget styles / .widget-col */
/*===================================*/
.widget-col.widget_text select,.widget-col.widget_categories select,.widget-col.widget_archive select {
    width: 100%;
}

.widget-col.widget_archive>ul,.widget-col.widget_categories>ul,.widget-col.widget_pages>ul,.widget-col.widget_meta>ul,.widget-col.widget_recent_comments>ul,.widget-col.widget_recent_entries>ul,.widget-col.widget_rss>ul,.widget-col.widget_nav_menu .menu {
    margin-left: 0px;
}

.widget-col.widget_archive li,.widget-col.widget_categories li,.widget-col.widget_pages li,.widget-col.widget_meta li,.widget-col.widget_recent_comments li,.widget-col.widget_recent_entries li,.widget-col.widget_rss li,.widget-col.widget_nav_menu li {
    list-style: none;
    line-height: 30px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
}

.widget-col.widget_rss li {
    margin-bottom: 24px;
}

.widget-col.widget_rss li .rsswidget {
    display: block;
}

.widget-col.widget_archive li:hover:before,.widget-col.widget_categories li:hover:before,.widget-col.widget_pages li:hover:before,.widget-col.widget_meta li:hover:before,.widget-col.widget_recent_comments li:hover:before,.widget-col.widget_recent_entries li:hover:before,.widget-col.widget_rss li:hover:before,.widget-col.widget_nav_menu li:hover:before {
    content: "\f105";
    position: absolute;
    left: -12px;
    font-family: FontAwesome;
}

.widget-col.widget_archive li:hover,.widget-col.widget_archive li:focus,.widget-col.widget_archive li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_categories li:hover,.widget-col.widget_categories li:focus,.widget-col.widget_categories li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_pages li:hover,.widget-col.widget_pages li:focus,.widget-col.widget_pages li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_meta li:hover,.widget-col.widget_meta li:focus,.widget-col.widget_meta li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_recent_comments li:hover,.widget-col.widget_recent_comments li:focus,.widget-col.widget_recent_comments li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_recent_entries li:hover,.widget-col.widget_recent_entries li:focus,.widget-col.widget_recent_entries li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_rss li:hover,.widget-col.widget_rss li:focus,.widget-col.widget_rss li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-col.widget_nav_menu li:hover,.widget-col.widget_nav_menu li:focus,.widget-col.widget_nav_menu li:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}
/*========================================*/
/* 11.6.2 Calendar widget / #wp-calendar */
/*======================================*/
#wp-calendar>thead>tr>th,#wp-calendar>tbody>tr>th,#wp-calendar>tfoot>tr>th,#wp-calendar>thead>tr>td,#wp-calendar>tbody>tr>td,#wp-calendar>tfoot>tr>td {
    padding: 6px 6px 5px 6px;
    vertical-align: top;
    border: 1px solid #ddd;
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 12px;
}
/*===================================*/
/* 11.6.3 Widget header / .widget-h */
/*=================================*/
.widget-col h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin: 0px;
    color: #444444;
    position: relative;
    z-index: 2;
    padding-right: 10px;
}

.widget-h {
    position: relative;
    margin-top: 0px;
    margin-bottom: 24px;
    text-align: center;
}

.widget-h-line {
    height: 1px;
    display: block;
    position: absolute;
    width: 100%;
    top: 11px;
}
/*=========================================*/
/* 11.6.4 Latest post / .widget-post-list */
/*=======================================*/
.widget-post-list {
    display: table;
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.widget-post-list li {
    list-style: none;
    display: table-row;
}

.widget-post-list li>div {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 24px;
}

.widget-post-list li>div h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 500;
}

.widget-post-thumb {
    padding-right: 12px;
    width: 84px;
    height: 84px;
}

.widget-post-thumb img {
    width: 100%;
}

.widget-post-date {
    font-size: 12px;
}
/*=============================================*/
/* 11.6.5 Comment list / .widget-comment-list */
/*===========================================*/
.widget-comment-list {
    display: table;
    padding: 0px;
    margin-left: 0px;
}

.widget-comment-list li {
    list-style: none;
    display: table-row;
}

.widget-comment-list li>div {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 24px;
}

.widget-comment-list li>div h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 500;
}
/*============================================*/
/* 11.6.6 Widget category list / .widget-cat */
/*==========================================*/
.widget-cat,.widget-nav-social-link {
    padding: 0px;
}

.widget-cat li {
    list-style: none;
}

.widget-cat li a {
    display: block;
    line-height: 30px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
}

.widget-cat li a:hover,.widget-cat li a:focus,.widget-cat li a:active {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.widget-cat li a:hover:before {
    content: "\f105";
    position: absolute;
    left: -12px;
    font-family: FontAwesome;
}

.widget-cat,.wp-tag-cloud {
    padding: 0px;
    margin-left: 0px;
}
/*==========================================*/
/* 11.6.7 Widget tag cloud / .wp-tag-cloud */
/*========================================*/
.wp-tag-cloud li {
    list-style: none;
    display: inline-block;
    height: 32px;
}

.wp-tag-cloud li a {
    position: relative;
    display: inline-block;
    padding: 2px 12px;
    background-color: #eee;
    margin-bottom: 6px;
    margin-right: 6px;
    line-height: 31px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    font-size: 14px;
}

.wp-tag-cloud li a:hover {
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

/*=================================================*/
/* 11.6.8 Responsive tab widget / .resp-tabs-list */
/*===============================================*/
ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-list li i {
    font-size: 20px;
    margin-right: 10px;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border-top: 1px solid #1fa3ba;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
    color: #1fa3ba;
}

.resp-content-active,.resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #eeeeee;
}

h2.resp-accordion {
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    border: 1px solid #eeeeee;
    border-top: 0px solid #eeeeee;
    margin: 0px;
    padding: 15px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #eeeeee !important;
    margin-bottom: 0px !important;
    padding: 15px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #eeeeee !important;
    background: blue;
}
/*======================================================*/
/* 11.6.9 Responsive vertical tab widget / .resp-vtabs */
/*====================================================*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    float: left;
    width: 70%;
    min-height: 250px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #1fa3ba;
    border-bottom: 1px solid #eeeeee;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow:after {
    float: right;
    content: '\f107';
    font-family: 'FontAwesome';
    color: #1fa3ba;
    font-size: 18px;
}

h2.resp-tab-active span.resp-arrow:after {
    color: #1fa3ba;
}
/*=============================================================*/
/* 11.6.10 Responsive tab accordion styles / .resp-tab-active */
/*===========================================================*/
h2.resp-tab-active {
    background: #f9f9f9 !important;
    color: #1fa3ba;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

h2.resp-accordion i {
    font-size: 20px;
    margin-right: 10px;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #eeeeee;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #eeeeee !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #eeeeee !important;
}
/*==================================*/
/* 11.6.11 Archive / .archive-list */
/*================================*/
.archive-list {
    margin: 0px;
}

.archive-list li {
    list-style: none;
}

.archive-list li a {
    display: block;
    line-height: 30px;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
}

.archive-list li a:hover,.archive-list li a:focus,.archive-list li a:active {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
}

.archive-list li a:hover:before {
    content: "\f067";
    position: absolute;
    left: -14px;
    font-family: FontAwesome;
    font-size: 8px;
}


/*====================*/
/* 12. Theme Options */
/*==================*/
.st-theme-options,
.st-theme-options.option-show{
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.st-theme-options{
    width: 340px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: -340px;
    background-color: #fff;
    z-index: 100;
}
.st-theme-options.option-show{
    right: 0px;
}
.st-theme-options .options-action{
    width: 100px;
    height: 48px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    left: -100px;
    line-height: 48px;
    text-align: right;
    padding-right: 10px;
    top: 80px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}
.st-theme-options .options-action i{
    font-size: 24px;
    height: 48px;
    width: 40px;
    display: inline-block;
    line-height: 48px;
    text-align: center;
    position: absolute;
    left: 0px;
}
.st-theme-options .options-container{
    margin-top: 80px;
}

.st-theme-options .options-container .st-theme-options-h {
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    padding-top: 12px;
    margin-bottom: 24px;
    text-align: center;
}

.st-theme-options .options-container .st-theme-options-h h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    color: #444444;
    position: relative;
    z-index: 2;
    border-bottom: #16989d 1px solid;
    padding-right: 0px;
    padding-bottom: 12px;
    margin-bottom: -1px;
    margin-top: 0px;
}

.colors-list{
    text-align: center;
    margin: 0px 0px 24px 0px;
}
.colors-list li{
    width: 48px;
    height: 48px;
    background-color: #f5f5f5;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.layout-list{
    margin: 0px;
    text-align: center;
}
.layout-list li{
    padding: 10px;
    width: 100px;
    height: 100px;
    list-style: none;
    background-color: #eee;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    color: #ccc;

}

.layout-list li.active{
    background-color: #444;
    color: #fff;

}

.admin-bar .nav-wrapper{
    top: 30px;
}

.admin-bar .sticky-nav{
    top: 30px !important;
}

.page-template-landing-page .page,
.page-template-landing-page .su-row{
    margin-bottom: 0px;
}




/*==Erorr 404==*/
.error-number{
    font-size: 140px;
    padding: 36px 0px 12px 0px;
}
.error-404{
    line-height: normal;
    padding-top: 70px;
    padding-bottom: 48px;
}
.layout-404 .top-logo{
    position: relative;
    width: auto;
    text-align: center;
    left:0px;
    overflow: hidden;
}
.error-404 h3{
    margin-bottom: 0px;
}
.error-404 .error-instruction{
    text-align: left;
    line-height: 24px;
    font-size: 14px;
    margin-top: 12px;
}

.instruction-list{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.instruction-list li{
    font-size: 14px;
    line-height: 30px;
    list-style-type: circle;
}