/*
Theme Name: Lois
Theme URI: https://www.sanyog.in/lois-free-wordpress-themes/
Author: codexdemon
Author URI: https://www.sanyog.in/
Description: Lois is an incredibly flexible and outrageously pliable, amazingly convenient and wonderfully time-saving, user-friendly as well as developer friendly, technologically sophisticated and visually cohesive, functionally diverse and impressively engaging and appealing responsive WordPress creative multi-concept theme. Lois is a truly spectacular theme, gifted with a uniquely competent and creatively open-minded set of tools that empower webmasters from all walks of life to effectively design and develop professional quality websites brimming with imaginative visual styles and gorgeous visual philosophy. Lois is big on choice, offering you a great selection of sophisticated demo websites that are readymade and easily deployed with a single click, requiring minimal cosmetic customization and branding before you go live with your content, the same day you install Lois.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lois
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, full-width-template, translation-ready, blog, portfolio

The Lois WordPress Theme, Copyright 2017 Sanyog Shelar
The Lois is distributed under the terms of the GNU GPL
*/

/*
BASE
WORDPRESS CORE
STRUCTURE
IMAGE EFFECTS
BUTTONS 
FORMS
SOCIAL MEDIA
TOP NAV
LOGO
MAIN NAV
FRONT PAGE - BANNER / SLIDER
FRONT PAGE - ICONS
FRONT PAGE - TESTIMONIALS 
ENTRY
BREADCRUMBS
PAGINATION
LISTS
PARALLAX
WIDGETS
COMMENTS
FOOTER
FOOTER NAV
MEDIA QUERIES
*/

/* BASE
------------------------------------------------------------------------*/

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #333333;
    font-size: 14px;
    background-color: #f5f5f5;
    line-height: 1.714
}

*:focus, button:focus, input:focus, a:focus, .bootstrap-select .btn:focus {
    outline: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
}

img.pull-left {
    margin-right: 10px
}

hr {
    border-top-color: #3a85eb
}

a {
    color: #d6af62
}

a:hover, a:focus {
    color: #d6af62;
    text-decoration: none;
}

h1 {
    font-size: 22px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

section h1 {
    font-size: 38px;
    margin: 0 0 25px;
    font-weight: 300
}

section h2 {
    font-size: 36px;
    margin: 0 0 40px; /*font-weight:300*/
}

p { /*margin-bottom:24px */
}

blockquote {
    border-left: 5px solid #3a85eb;
    padding: 35px 0 4px 15px;
    margin-bottom: 28px;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 25px;
}

blockquote cite {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    line-height: 3.2;
    color: #666666;
    font-style: normal;
    display: block;
}

blockquote .quote {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 25px;
}

blockquote .by {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    line-height: 1.2
}

blockquote .info {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    line-height: 1.2;
    color: #666666
}

/* WORDPRESS CORE
------------------------------------------------------------------------*/
.main-class {
    padding-right: 5px;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

.wp-caption {
    max-width: 100%; /* Image does not overflow the content area */
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0 10px;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    margin-top: 10px;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.sticky, .gallery-caption, .bypostauthor {
}

/* STRUCTURE
------------------------------------------------------------------------*/
.main-wrapper {
    position: relative;
    overflow: hidden
}

section {
    padding: 60px 0 20px;
    position: relative
}

.parallax.frontpage-cta1 {
    padding: 70px 0 60px;
    position: relative
}

section.page {
    padding: 160px 0 20px;
}

section + .section-circle-arrow {
}

section.white {
    background-color: #fff
}

section.arrow-on {
    padding-top: 80px
}

section.shadow-on {
    -webkit-box-shadow: 0 0 6px #cecece;
    -moz-box-shadow: 0 0 6px #cecece;
    box-shadow: 0 0 6px #cecece
}

section.frontpage-featured-link-counters {
    padding: 50px 0 30px;
}

section.frontpage-featured-link-icons {
    padding: 40px 0 20px;
}

section.frontpage-featured-link-ourclient {
    padding: 20px 0 20px;
}

section.frontpage-featured-link-pricing {
    padding: 40px 0 40px;
}

.section-title {
    font-size: 36px;
    margin: 0 0 25px;
    font-weight: 300
}

.section-title.text-center {
    margin-bottom: 15px
}

.section-description {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px
}

.section-circle-arrow {
    color: #fff;
    line-height: 60px;
    background-color: #40c873;
    text-align: center;
    font-size: 18px;
    z-index: 10;
    width: 60px;
    height: 60px;
    display: block;
    margin-left: -30px;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 48px rgba(64, 200, 115, 0.25);
    -moz-box-shadow: 0 6px 48px rgba(64, 200, 115, 0.25);
    box-shadow: 0 6px 48px rgba(64, 200, 115, 0.25);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1)
}

.section-circle-arrow:focus,
.section-circle-arrow:hover {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2);
    -moz-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2);
    box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2)
}

/*.main-column{margin-right:-28px}*/
.sidebar { /*margin-left:21px;*/
    margin-right: 5px
}

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

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

/* IMAGE EFFECTS
------------------------------------------------------------------------*/
.ripple {
    position: relative;
    overflow: hidden
}

.ripple-effect {
    display: block;
    pointer-events: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.ripple-effect .effect {
    display: block;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    position: absolute;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    width: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

/* BUTTONS
------------------------------------------------------------------------*/
.btn {
    min-width: 130px;
    line-height: 20px;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1)
}

.btn-white {
    border-color: #fff;
    background-color: #fff;
    color: #000000;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.btn-white:focus,
.btn-white:hover {
    border-color: #fff;
    background-color: #fff;
    color: #000000;
    -webkit-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.btn-green {
    border-color: #40c873;
    background-color: #40c873;
    color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(64, 200, 115, 0.14), 0 3px 1px -2px rgba(64, 200, 115, 0.2), 0 1px 5px 0 rgba(64, 200, 115, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(64, 200, 115, 0.14), 0 3px 1px -2px rgba(64, 200, 115, 0.2), 0 1px 5px 0 rgba(64, 200, 115, 0.12);
    box-shadow: 0 2px 2px 0 rgba(64, 200, 115, 0.14), 0 3px 1px -2px rgba(64, 200, 115, 0.2), 0 1px 5px 0 rgba(64, 200, 115, 0.12)
}

.btn-green:focus,
.btn-green:hover {
    border-color: #fff;
    background-color: #fff;
    color: #40c873;
    -webkit-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2);
    -moz-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2);
    box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2)
}

.btn-blue {
    border-color: #d6af62;
    background-color: #d6af62;
    color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 114, 188, 0.14), 0 3px 1px -2px rgba(0, 114, 188, 0.2), 0 1px 5px 0 rgba(0, 114, 188, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 114, 188, 0.14), 0 3px 1px -2px rgba(0, 114, 188, 0.2), 0 1px 5px 0 rgba(0, 114, 188, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 114, 188, 0.14), 0 3px 1px -2px rgba(0, 114, 188, 0.2), 0 1px 5px 0 rgba(0, 114, 188, 0.12)
}

.btn-blue:focus,
.btn-blue:hover {
    border-color: #d6af62;
    background-color: #d6af62;
    color: #fff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(0, 114, 188, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 114, 188, 0.2);
    -moz-box-shadow: 0 14px 26px -12px rgba(0, 114, 188, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 114, 188, 0.2);
    box-shadow: 0 14px 26px -12px rgba(0, 114, 188, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 114, 188, 0.2)
}

.btn-blue.alt {
    background-color: transparent;
    color: #000000
}

.btn-blue.alt:focus,
.btn-blue.alt:hover {
    background-color: transparent;
    color: #000000
}

/* FORMS
------------------------------------------------------------------------*/
.wpcf7 p {
    margin: 0;
    padding: 0
}

.form-actions .btn {
    margin-right: 15px;
    min-width: 150px;
    margin-bottom: 5px
}

.form-actions .btn:last-child {
    margin-right: 0
}

.form-control-line {
    display: block;
    border: 0;
    border-bottom: 1px solid;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 300;
    padding: 5px 0;
    background-color: transparent;
    color: inherit;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.entry .form-control-line {
    border-bottom: 1px solid;
    border-bottom-color: rgba(0, 0, 0, 0.5)
}

select.form-control-line {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.form-control-line::-moz-placeholder {
    color: #fff
}

.form-control-line:-ms-input-placeholder {
    color: #fff
}

.form-control-line::-webkit-input-placeholder {
    color: #fff
}

.btn-group.bootstrap-select.form-control-line {
    margin: 0;
    padding: 0;
    background-color: #fff
}

.btn-group.bootstrap-select.form-control-line:before {
    z-index: 5;
    border-bottom: 2px solid #006cff;
    width: 0%;
    height: 0;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.5s ease all
}

.btn-group.bootstrap-select.form-control-line.open:before {
    width: 100%;
    left: 0
}

.btn-group.bootstrap-select.form-control-line .btn {
    background-color: transparent !important;
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    padding: 5px 0;
    text-transform: none
}

.wpcf7-radio,
.wpcf7-checkbox {
    font-size: 12px;
}

.wpcf7-radio label,
.wpcf7-checkbox label {
    font-weight: 300
}

span.wpcf7-list-item:first-child {
    margin-left: 0
}

input[type=checkbox], input[type=radio] {
    margin-top: 0;
    vertical-align: middle
}

.wpcf7-checkbox label, .wpcf7-radio label {
    position: relative;
    padding-left: 30px;
    min-height: 20px;
    cursor: pointer
}

.wpcf7-checkbox label .wpcf7-list-item-label:before,
.wpcf7-radio label .wpcf7-list-item-label:before {
    background-color: rgba(0, 0, 0, 0.87);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    display: block;
    height: 9px;
    left: 13px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 5px;
    width: 9px;
    z-index: 1;
}

@-webkit-keyframes checkRiffle {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }
    50% {
        transform: scale(6, 6);
        opacity: 0.2;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

/* Standard syntax */
@keyframes checkRiffle {
    0% {
        transform: scale(1, 1);
        opacity: 0;
    }
    50% {
        transform: scale(6, 6);
        opacity: 0.2;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

.wpcf7-checkbox label .wpcf7-list-item-label:before {
    top: 7px;
    left: 5px;
}

.wpcf7-checkbox label.on .wpcf7-list-item-label:before,
.wpcf7-radio label.on .wpcf7-list-item-label:before {
    animation-name: checkRiffle;
    animation-duration: 0.5s;
}

.wpcf7-checkbox label:before, .wpcf7-radio label:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #757575;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.wpcf7-radio label:before {
    width: 15px;
    top: 2px;
    left: 10px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.wpcf7-radio label:after {
    display: none;
    content: "";
    position: absolute;
    top: 5px;
    left: 13px;
    width: 9px;
    height: 9px;
    background-color: #006cff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.wpcf7-checkbox label:after {
    content: "\e013";
    color: #006cff;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 4px;
    top: 1px;
    font-size: 12px;
    width: 0;
    overflow: hidden
}

.wpcf7-checkbox label.on:before, .wpcf7-radio label.on:before {
    border-color: #006cff;
}

.wpcf7-checkbox label.on:after {
    width: 20px;
    transition: width 0.3s cubic-bezier(0.52, 0, 0.575, 1)
}

.wpcf7-radio label.on:after {
    display: block
}

.wpcf7-checkbox label.disabled:before, .wpcf7-radio label.disabled:before {
    border-color: #757575;
}

.wpcf7-radio label.disabled:after {
    background-color: #757575;
}

.wpcf7-checkbox label.disabled, .wpcf7-radio label.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.wpcf7-checkbox label input[type=checkbox], .wpcf7-radio label input[type=radio] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.bootstrap-select.btn-group.form-control-line .dropdown-menu {
    min-width: 200px;
    max-height: 100%;
    width: auto;
    padding: 5px;
    margin-top: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bootstrap-select.btn-group.form-control-line .dropdown-menu li a {
    padding: 10px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}

.bootstrap-select.btn-group.form-control-line .dropdown-menu li.selected a, .bootstrap-select.btn-group.form-control-line .dropdown-menu li a:active, .bootstrap-select.btn-group.form-control-line .dropdown-menu li a:focus, .bootstrap-select.btn-group.form-control-line .dropdown-menu li a:hover {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    background-color: #006cff;
    color: #FFFFFF;
}

.label-floating {
    position: relative;
    padding-top: 20px
}

.label-floating:before {
    z-index: 5;
    border-bottom: 2px solid #006cff;
    width: 0%;
    height: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.5s ease all
}

.label-floating.focus:before {
    width: 100%;
    left: 0
}

.label-floating .form-label {
    line-height: 20px;
    font-size: 11px;
    position: absolute;
    left: 0;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    top: 25px;
    cursor: text
}

.label-floating.no-empty .form-label,
.label-floating.focus .form-label {
    font-size: 12px;
    top: 0
}

.form-control {
    line-height: 20px;
    padding: 10px;
    height: 40px;
    border-color: #cacaca;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.form-control:focus {
    border-color: #3a85eb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.form-label {
    line-height: 19px;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 300
}

.cont-form .form-group {
    margin-bottom: 0px;
}

.checkbox label, .radio label,
.checkbox-inline label, .radio-inline label {
    font-weight: 400;
    font-size: 12px
}

.contact-form {
    margin-bottom: 30px
}

.contact-form .form-group {
    margin-bottom: 35px
}

/* SOCIAL MEDIA
------------------------------------------------------------------------*/
.menu-social-container .menu {
    list-style: none;
    margin: 0;
    padding: 20px 20px 15px
}

.menu-social-container .menu li {
    display: inline-block;
    margin-right: 5px;
    border: 0;
    padding: 0;
    margin-bottom: 5px
}

.menu-social-container .menu li:last-child {
    margin-right: 0
}

.menu-social-container .menu li a {
    color: inherit;
    border: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #006cff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.menu-social-container .menu a:before {
    font-family: 'FontAwesome';
    width: 40px;
    display: inline-block
}

.frontpage-cta1 .menu-social-container .menu,
.frontpage-cta2 .menu-social-container .menu,
.frontpage-open1 .menu-social-container .menu,
.frontpage-open2 .menu-social-container .menu {
    padding-left: 0
}

.social-menu {
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

.social-menu li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px
}

.social-menu li:last-child {
    margin-right: 0
}

.social-menu li a {
    color: inherit
}

.social-menu > li > a:focus, .social-menu > li > a:hover {
    color: #40c873;
    text-decoration: none
}

.social-menu a:before {
    font-family: 'FontAwesome'
}

.menu-social-container .menu a[href*="facebook.com"]:before,
.social-menu a[href*="facebook.com"]:before {
    content: "\f09a"
}

.menu-social-container .menu a[href*="twitter.com"]:before,
.social-menu a[href*="twitter.com"]:before {
    content: "\f099"
}

.menu-social-container .menu a[href*="instagram.com"]:before,
.social-menu a[href*="instagram.com"]:before {
    content: "\f16d"
}

.menu-social-container .menu a[href*="pinterest.com"]:before,
.social-menu a[href*="pinterest.com"]:before {
    content: "\f231"
}

.menu-social-container .menu a[href*="wordpress.com"]:before,
.social-menu a[href*="wordpress.com"]:before {
    content: "\f19a"
}

.menu-social-container .menu a[href*="linkedin.com"]:before,
.social-menu a[href*="linkedin.com"]:before {
    content: "\f0e1"
}

.menu-social-container .menu a[href*="youtube.com"]:before,
.social-menu a[href*="youtube.com"]:before {
    content: "\f16a"
}

.menu-social-container .menu a[href*="plus.google.com"]:before,
.social-menu a[href*="plus.google.com"]:before {
    content: "\f0d5"
}

.menu-social-container .menu a[href*="mailto"]:before,
.social-menu a[href*="mailto"]:before {
    content: "\f0e0"
}

.menu-social-container .menu a[href*="rss"]:before,
.social-menu a[href*="rss"]:before {
    content: "\f09e"
}

.social-menu.circle li {
    margin-right: 10px
}

.social-menu.circle.md li {
    margin-right: 5px
}

.social-menu.circle li:last-child {
    margin-right: 0
}

.social-menu.circle li.label {
    font-size: 14px;
    color: inherit;
    font-weight: 400;
    padding: 0
}

.social-menu.circle li a {
    width: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: block;
    background-color: #006cff;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.social-menu.circle li a:before {
    width: 30px;
    display: inline-block
}

.social-menu.circle.md li a {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.social-menu.circle.md li a:before {
    width: 40px
}

.menu-social-container .menu li a[href*="facebook.com"],
.social-menu.circle li a[href*="facebook.com"] {
    background-color: #3b5998
}

.menu-social-container .menu li a[href*="twitter.com"],
.social-menu.circle li a[href*="twitter.com"] {
    background-color: #00aced
}

.menu-social-container .menu li a[href*="instagram.com"],
.social-menu.circle li a[href*="instagram.com"] {
    background-color: #517fa4
}

.menu-social-container .menu li a[href*="pinterest.com"],
.social-menu.circle li a[href*="pinterest.com"] {
    background-color: #cb2027
}

.menu-social-container .menu li a[href*="wordpress.com"],
.social-menu.circle li a[href*="wordpress.com"] {
    background-color: #21759b
}

.menu-social-container .menu li a[href*="linkedin.com"],
.social-menu.circle li a[href*="linkedin.com"] {
    background-color: #007bb6
}

.menu-social-container .menu li a[href*="youtube.com"],
.social-menu.circle li a[href*="youtube.com"] {
    background-color: #bb0000
}

.menu-social-container .menu li a[href*="plus.google.com"],
.social-menu.circle li a[href*="plus.google.com"] {
    background-color: #dd4b39
}

.menu-social-container .menu li a[href*="rss"],
.social-menu.circle li a[href*="rss"] {
    background-color: #fb8f3d
}

/* Special Classes */
.menu-social-container .menu.transparent li a {
    background-color: transparent !important;
}

.menu-social-container .menu.blue li a {
    background-color: #3a85eb !important;
}

.menu-social-container .menu.black li a {
    background-color: #000000 !important;
}

.menu-social-container .menu.brandcolors li a {
    font-size: 14px;
    background-color: transparent !important;
}

.entry.team .menu-social-container .menu.brandcolors li a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.menu-social-container .menu.brandcolors li a[href*="facebook.com"] {
    color: #3b5998
}

.menu-social-container .menu.brandcolors li a[href*="twitter.com"] {
    color: #00aced
}

.menu-social-container .menu.brandcolors li a[href*="instagram.com"] {
    color: #517fa4
}

.menu-social-container .menu.brandcolors li a[href*="pinterest.com"] {
    color: #cb2027
}

.menu-social-container .menu.brandcolors li a[href*="wordpress.com"] {
    color: #21759b
}

.menu-social-container .menu.brandcolors li a[href*="linkedin.com"] {
    color: #007bb6
}

.menu-social-container .menu.brandcolors li a[href*="youtube.com"] {
    color: #bb0000
}

.menu-social-container .menu.brandcolors li a[href*="plus.google.com"] {
    color: #dd4b39
}

.menu-social-container .menu.brandcolors li a[href*="rss"] {
    color: #fb8f3d
}

.textwidget .menu-social-container ul {
    box-shadow: none;
    border-top: 1px solid #d5d5d5;
    text-align: center;
}

.textwidget .menu-social-container ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.textwidget .menu-social-container .menu a:before {
    width: 30px;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right;
}

.header-row {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 125px;
    overflow: hidden;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    text-align: center;
}

.header-row.shrink {
    height: 80px;
    line-height: 50px;
}

.header-color1 {
    background-color: black;
    color: #fff;
}

.header-row .logo {
    padding: 10px 0;
    font-weight: normal;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    margin: 25px 0;
    float: left;
}

.header-row.shrink .logo {
    padding: 15px 0;
    margin: 1px 0;
}

.header-row .navbar {
    min-height: 42px;
    margin: 35px 0;
    border: 0;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out !important;
    border-radius: 0
}

.header-row.shrink .navbar {
    min-height: 42px;
    margin: 15px 0;
    border: 0;
    border-radius: 0
}

/* TOP NAV
------------------------------------------------------------------------*/
header { /*padding-bottom:102px*/
}

header {
    position: relative;
    z-index: 1000
}

.header-row-1 {
    background-color: #3a85eb;
    position: relative;
    z-index: 2
}

.header-row-1 .social-menu {
    float: right
}

.header-row-1-toggle {
    background-color: #3a85eb;
    height: 38px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    display: none;
    position: relative;
    z-index: 2
}

.header-row-1-toggle:before {
    content: "\f107";
    font-family: 'FontAwesome'
}

.header-row-1-toggle.open:before {
    content: "\f106"
}

.header-row-1-toggle:focus, .header-row-1-toggle:hover {
    background-color: #40c873;
    color: #fff;
    text-decoration: none
}

.header-row-2 {
    position: fixed;
    width: 100%;
    z-index: 10; /*top:43px;*/
    left: 0;
}

.header-row-2.header-up {
    margin-top: -102px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.header-row-2.header-down {
    margin-top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.header-row-2 {
    margin: 0;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.header-row-2-left {
    float: left
}

.header-row-2-right {
    float: right
}

.top-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #4e91ed
}

.top-menu:after {
    content: "";
    display: table;
    clear: both
}

.top-menu > li {
    float: left;
    border-right: 1px solid #4e91ed;
    padding: 0;
    margin: 0
}

.top-menu > li > a {
    padding: 10px 20px;
    color: #fff;
    display: block;
    font-size: 13px;
    text-decoration: none;
    line-height: 22px
}

.top-menu > li > a:focus,
.top-menu > li > a:hover {
    color: #fff;
    background-color: #40c873;
    text-decoration: none
}

.top-menu.social-menu > li > a {
    position: relative;
    overflow: hidden;
    width: 52px;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap
}

.top-menu.social-menu > li > a:before {
    width: 52px;
    text-align: center;
    display: inline-block
}

/* LOGO
------------------------------------------------------------------------*/
/*.logo{padding:30px 0;position:relative;z-index:2}
*/
.logo a {
    color: inherit;
    text-decoration: none
}

.logo.image-logo {
}

.header-logo-text {
    color: #303030;
    font-size: 42px;
    margin: 0;
    line-height: 1;
    font-weight: 300
}

.header-logo-text sup {
    text-transform: uppercase;
    font-size: 57.14%;
    top: -0.7em
}

.header-logo-text .icon {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    margin-right: 8px;
    margin-top: -5px
}

/* MAIN NAV
------------------------------------------------------------------------*/
.navbar-collapse {
    padding: 0
}

.navbar-nav > li > a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.navbar-nav > .navbar-search {
    position: static
}

.navbar-nav > .navbar-search .dropdown-menu {
    width: 100%;
    top: 12.5px;
    left: auto;
    right: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.navbar-toggle {
    margin-top: 14px;
    margin-bottom: 14px
}

.main-search {
    position: relative
}

.main-search .input-search {
    height: 47px;
    padding: 15px 40px 15px 20px;
    border-color: #d0d0d0;
    -webkit-box-shadow: 0 0 6px rgba(61, 61, 61, 0.58);
    -moz-box-shadow: 0 0 6px rgba(61, 61, 61, 0.58);
    box-shadow: 0 0 6px rgba(61, 61, 61, 0.58);
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px
}

.main-search .btn-search {
    min-width: inherit;
    position: absolute;
    right: 20px;
    top: 13px;
    line-height: 20px;
    height: 20px;
    background-color: transparent;
    font-size: 14px;
    color: #666666;
    padding: 0;
    border: 0
}

.main-search .btn-search:focus,
.main-search .btn-search:hover {
    background-color: transparent;
    color: #006cff
}

.main-search-close {
    position: absolute;
    left: 100%;
    margin-left: 15px;
    top: 13px;
    line-height: 20px;
    font-size: 14px;
    color: #666666
}

.main-search-close:focus, .main-search-close:hover {
    color: #f06292;
    text-decoration: none
}

.dropdown-menu {
    min-width: 170px;
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.22);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.dropdown-menu > li > a {
    padding: 10px 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666666
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #3a85eb
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #3a85eb
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar-default .navbar-nav > li > a {
    color: #f0f1f3;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #d6af62;
}

.navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #d6af62 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #d6af62
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #d6af62
}

.navbar-toggle {
    margin-right: 0
}

.navbar-default .navbar-toggle {
    border-color: #006cff
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #006cff
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border-color: #40c873
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #40c873
}

.page-scroll a {
    color: #555 !important;
}

.page-scroll a:hover,
.page-scroll a:focus,
.page-scroll a:active {
    color: #006cff !important;
}

/* FRONT PAGE - ICONS
------------------------------------------------------------------------*/
.simple-icon {
    margin: 0 auto 50px;
    text-align: center;
    max-width: 230px
}

.simple-icon-icon {
    border: 4px solid #dadada;
    width: 74px;
    height: 74px;
    text-align: center;
    line-height: 66px;
    display: block;
    margin: 0 auto 30px;
    font-size: 22px;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.simple-icon-icon:focus, .simple-icon-icon:hover {
    border-color: #006cff;
    text-decoration: none
}

.simple-icon-title {
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 15px; /*white-space:nowrap;overflow:hidden;text-overflow:ellipsis*/
}

.simple-icon-title a {
    color: inherit;
    text-decoration: none
}

.simple-icon-title a:focus,
.simple-icon-title a:hover {
    color: #006cff;
    text-decoration: none
}

.simple-icon-summary {
    font-size: 13px;
    line-height: 22px;
    margin: 0
}

/* FRONT PAGE - featured
------------------------------------------------------------------------*/
.featured-container {
    padding: 0 0;
}

/* ENTRY
------------------------------------------------------------------------*/
.entry { /*max-width:500px;*/
    margin: 0 auto 60px;
    transition: all 0.2s ease-out 0s;
}

.entry:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 40px 40px;
    transform: translate(0px, -5px);
}

.entry-thumb.video {
    padding-bottom: 51.1%;
    position: relative
}

.entry .media-left .entry-thumb i {
    font-size: 35px;
}

.entry-thumb.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.entry-thumb img {
    width: 100%;
    height: 500px;
}

.entry-body {
    padding: 25px 20px;
    position: relative
}

.entry-body-details { /*padding:20px 0*/
}

.entry-category {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.entry-category a {
    text-decoration: none;
    color: #333;
}

.entry-category a:focus, .entry-category a:hover {
    color: #d6af62;
    text-decoration: none
}

.entry-title {
    font-weight: 400;
    display: inline-block;
    margin: 0 0 15px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

h3.entry-title {
    font-size: 18px
}

h1.entry-title {
    font-size: 33px;
    line-height: 45px;
    width: 100%;
}

h1.feed-title {
    font-weight: 500;
    font-size: 18px
}

.entry-content h3 {
    font-size: 20px;
    line-height: 25px
}

.entry-content p {
    font-size: 16px
}

.entry-title a {
    color: inherit
}

.entry-title a:focus, .entry-title a:hover {
    color: #d6af62;
    text-decoration: none
}

.entry-summary {
    font-size: 13px;
    line-height: 22px;
    height: 66px;
    margin: 0;
    overflow: hidden
}

.entry.team .entry-summary {
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    overflow: visible;
    height: auto !important;
}

.entry.lt-card .entry-summary {
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    overflow: visible;
    height: auto !important;
}

.entry-full {
    font-size: 13px;
    line-height: 22px; /*height:66px;margin:0;overflow:hidden*/
}

.entry-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 25px 0 15px;
    font-size: 14px;
    color: #666666
}

.entry-meta li {
    display: inline-block;
    margin-right: 20px
}

.entry-meta li:last-child {
    margin-right: 0
}

.entry-meta li .fa {
    opacity: 0.66;
    filter: alpha(opacity=66);
    margin-right: 2px
}

.entry-meta a {
    color: #666666
}

.entry-meta a:focus, .entry-meta a:hover {
    color: #006cff;
    text-decoration: none
}

.entry-more {
    position: absolute;
    top: -30px;
    right: 60px;
    z-index: 10
}

.entry-more a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background-color: #006cff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 114, 188, 0.14), 0 3px 1px -2px rgba(0, 114, 188, 0.2), 0 1px 5px 0 rgba(0, 114, 188, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 114, 188, 0.14), 0 3px 1px -2px rgba(0, 114, 188, 0.2), 0 1px 5px 0 rgba(0, 114, 188, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 114, 188, 0.14), 0 3px 1px -2px rgba(0, 114, 188, 0.2), 0 1px 5px 0 rgba(0, 114, 188, 0.12);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1)
}

.entry-more a:focus,
.entry-more a:hover {
    background-color: #40c873;
    color: #fff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2);
    -moz-box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2);
    box-shadow: 0 14px 26px -12px rgba(64, 200, 115, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(64, 200, 115, 0.2)
}

.entry.full {
    max-width: inherit;
    margin-bottom: 50px;
    margin-left: 5px;
    margin-right: 5px
}

.entry.full .entry-title,
.entry.full .entry-category {
    white-space: normal
}

.entry.details {
    max-width: inherit;
    margin-bottom: 50px;
    margin-left: 5px;
    margin-right: 5px
}

.entry.details .entry-title,
.entry.details .entry-category {
    white-space: normal
}

.entry.details .entry-body { /*padding:25px 35px 40px 30px*/
}

.entry.no-thumb .entry-more {
    display: none
}

.entry.feature {
    max-width: 600px;
    margin-bottom: 40px;
    display: table;
    width: 100%
}

.entry.feature .entry-thumb {
    float: left;
    width: 40px;
    margin: 35px 0 0 15px;
}

.entry.feature .entry-body {
    margin-left: 180px;
    display: table-cell;
    vertical-align: top
}

.entry.feature .entry-category {
    margin: 0
}

.entry.feature .entry-title {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 35px;
}

.entry.feature .entry-title a {
    color: #333
}

.entry.feature .entry-summary {
    font-size: 16px;
    line-height: 20px;
    height: 80px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

/* BREADCRUMBS
------------------------------------------------------------------------*/
.breadcrumb {
    padding: 0;
    background-color: transparent;
    border: 0;
    margin-bottom: 14px
}

.breadcrumb > li a {
    color: inherit;
    text-decoration: none
}

.breadcrumb > li + li:before {
    color: inherit;
    padding: 0 3px;
    font-weight: 400
}

.breadcrumb > li.active {
    font-weight: 500;
    font-size: 18px
}

.breadcrumb > li a:focus,
.breadcrumb > li a:hover {
    color: #006cff;
    text-decoration: none
}

/* PAGINATION
------------------------------------------------------------------------*/
.post-pagination {
    margin: 70px 0;
    position: relative
}

.post-pagination .btn {
    width: 150px
}

.post-pagination .btn .fa {
    margin-right: 5px
}

.post-pagination .post-pagination-prev {
    float: left
}

.post-pagination .post-pagination-next {
    float: right
}

.post-pagination .post-pagination-center {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -75px;
    text-transform: none
}

/* LISTS
------------------------------------------------------------------------*/
.list-angle-right {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    color: #666666
}

.list-angle-right li {
    border-bottom: 1px solid #bebebe;
    padding: 12px 0 12px 25px;
    position: relative
}

.list-angle-right li:before {
    position: absolute;
    top: 15px;
    left: 1px;
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 12px;
    line-height: 24px
}

.list-angle-right li a {
    color: inherit
}

.list-angle-right li a:hover {
    text-decoration: none
}

/* PARALLAX
------------------------------------------------------------------------*/
.parallax {
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.parallax:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    top: 0;
    background-color: #0e2431;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.parallax .container-fluid, .parallax .container {
    position: relative;
    z-index: 1
}

.no-parallax {
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.no-parallax:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
    top: 0;
    background-color: #0e2431;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.no-parallax .container-fluid, .no-parallax .container {
    position: relative;
    z-index: 1
}

.color-bg {
    color: #000;
}

.parallax .heading-color {
    color: #fff;
}

.parallax .heading-desc {
    color: #fff;
}

.no-parallax .heading-color {
    color: #fff;
}

.no-parallax .heading-desc {
    color: #fff;
}

.parallax .title h2 {
    color: #fff;
}

.parallax .title h5 {
    color: #fff;
}

.no-parallax .title h2 {
    color: #fff;
}

.no-parallax .title h5 {
    color: #fff;
}

.parallax .media-heading a {
    color: #fff;
}

.no-parallax .media-heading a {
    color: #fff;
}

.parallax .entry.feature .entry-title a {
    color: #fff;
}

.no-parallax .entry.feature .entry-title a {
    color: #fff;
}

.parallax .agency-blog-content h3 a {
    color: #fff;
}

.no-parallax .agency-blog-content h3 a {
    color: #fff;
}

.parallax .agency-blog-hover:hover .agency-blog-content h3 a {
    color: #2e3033;
}

.no-parallax .agency-blog-hover:hover .agency-blog-content h3 a {
    color: #2e3033;
}

.parallax .light-box-style .title p {
    color: #fff;
}

.parallax .light-style-boxes-bg h2 a {
    color: #fff;
}

.parallax .light-style-boxes-bg:hover h2 a {
    color: #000;
}

.parallax .light-style-boxes-bg p {
    color: #fff;
}

.parallax .light-style-boxes-bg:hover p {
    color: #000;
}

.no-parallax .light-box-style .title p {
    color: #fff;
}

.no-parallax .light-style-boxes-bg h2 a {
    color: #fff;
}

.no-parallax .light-style-boxes-bg:hover h2 a {
    color: #000;
}

.no-parallax .light-style-boxes-bg p {
    color: #fff;
}

.no-parallax .light-style-boxes-bg:hover p {
    color: #000;
}

.parallax .box-content h3 a {
    color: #e4f3f0;
}

.no-parallax .box-content h3 a {
    color: #e4f3f0;
}

.parallax .box-content > p {
    color: #e0d6d6;
}

.no-parallax .box-content > p {
    color: #e0d6d6;
}

.parallax .team-wrapper-v11 h3 a {
    color: #fff;
}

.no-parallax .team-wrapper-v11 h3 a {
    color: #fff;
}

.parallax .team-wrapper-v11 h4 {
    color: #fff;
}

.no-parallax .team-wrapper-v11 h4 {
    color: #fff;
}

.parallax .team-v11 .team-wrapper-v11 > p {
    color: #fff;
}

.no-parallax .team-v11 .team-wrapper-v11 > p {
    color: #fff;
}

.parallax .blog-style-01 .style-01-content h3 a {
    color: #fff;
}

.no-parallax .blog-style-01 .style-01-content h3 a {
    color: #fff;
}

.parallax .blog-style-01 .style-01-content p {
    color: #fff;
}

.no-parallax .blog-style-01 .style-01-content p {
    color: #fff;
}

.parallax .blog-style-01 .style-01-content p a {
    color: #fff;
}

.no-parallax .blog-style-01 .style-01-content p a {
    color: #fff;
}

/* WIDGETS
------------------------------------------------------------------------*/
.widget {
    margin-bottom: 30px
}

.widget-title {
    font-size: 18px;
    margin: 0 0 20px;
    line-height: 23px;
    font-weight: 400
}

.widget-recent-post {
    list-style: none;
    margin: 0;
    padding: 0 0 10px
}

.widget-recent-post > li {
    margin-bottom: 20px
}

.widget-recent-post > li:last-child {
    margin-bottom: 0
}

.widget-recent-post .entry {
    margin-bottom: 0;
    max-width: inherit
}

.widget-recent-post .entry-thumb {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden
}

.widget-recent-post li:nth-child(3n) .entry-thumb {
    background-color: #7e57c2
}

.widget-recent-post li:nth-child(3n+1) .entry-thumb {
    background-color: #7cb342
}

.widget-recent-post li:nth-child(3n+2) .entry-thumb {
    background-color: #ef5350
}

.widget-recent-post .entry-thumb img {
    min-width: 100%;
    min-height: 100%
}

.widget-recent-post .entry-body {
    margin-left: 100px;
    padding: 10px 15px;
    height: 100px
}

.widget-recent-post .entry-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

.widget-recent-post .entry-summary {
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    height: 54px;
    overflow: hidden
}

.rpwwt-widget ul {
    background-color: transparent !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.rpwwt-widget ul li {
    border: 0 !important;
    margin-bottom: 20px !important;
    background-color: #fff !important;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2) !important;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

.rpwwt-widget ul li:hover {
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5) !important;
}

.rpwwt-widget ul li a {
    padding: 0 !important
}

.rpwwt-widget ul li a:focus,
.rpwwt-widget ul li a:hover {
    color: #006cff !important;
    background-color: transparent !important;
}

.rpwwt-widget ul li:last-child {
    margin-bottom: 0 !important;
}

.rpwwt-widget ul li img {
    float: left !important;
    width: 100px !important;
    height: 100px !important;
    margin: 0 !important;
}

.rpwwt-widget ul li:nth-child(3n) img {
    background-color: #7e57c2 !important
}

.rpwwt-widget ul li:nth-child(3n+1) img {
    background-color: #7cb342 !important
}

.rpwwt-widget ul li:nth-child(3n+2) img {
    background-color: #ef5350 !important
}

.rpwwt-widget ul li .rpwwt-post-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 0 0 100px !important;
    display: block !important;
    line-height: 1 !important;
    padding: 15px 15px 5px !important;
}

.rpwwt-widget ul li .rpwwt-post-excerpt {
    font-size: 11px !important;
    line-height: 18px !important;
    margin: 0 0 0 100px !important;
    height: 54px !important;
    overflow: hidden !important;
    padding: 0 15px 10px !important;
}

.widget ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 15px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    padding-bottom: 0px;
    padding-top: 0px
}

.widget ul > li {
    border-bottom: 1px solid #dedede
}

.widget ul > li:last-child {
    border-bottom: 0
}

.widget ul > li > a {
    padding: 10px 15px;
    line-height: 20px;
    color: #333333;
    font-size: 13px;
    display: inline-block;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1)
}

.widget ul > li > a:focus,
.widget ul > li:hover a {
    color: #d6af62;
    text-decoration: none
}

.widget ul > li:hover a {
    color: #d6af62;
    text-decoration: none
}

.widget span.post-date {
    padding: 0 15px;
    display: table;
}

.widget_search {
    position: relative
}

.widget_search form {
    position: relative
}

.widget_search .form-control {
    border: 0;
    height: 57px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1)
}

.widget_search .form-control:focus {
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5)
}

.widget_search .btn-search {
    min-width: inherit;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 20px;
    height: 20px;
    background-color: transparent;
    font-size: 14px;
    color: #666666;
    padding: 0;
    border: 0
}

.widget_search .btn-search:focus, .widget_search .btn-search:hover {
    background-color: transparent;
    color: #006cff
}

.widget_text .textwidget {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    background-color: #fff
}

.widget-about-image {
    text-align: center;
    background-color: #5435be
}

.widget-about-image img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto
}

.widget_text .textwidget_inner {
    padding: 25px 20px 15px;
    font-size: 13px;
    color: #666666;
    line-height: 20px
}

.widget_text h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 14px;
    color: #333333
}

.widget-about-foot {
    border-top: 1px solid #d5d5d5;
    padding: 25px 20px
}

.widget-about-foot .social-menu {
    margin: 0
}

.widget_text .textwidget p {
    padding-left: 25px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.widget_text .textwidget h4 {
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 25px
}

#recentcomments a, .widget_recent_comments a {
    font-weight: inherit;
    color: inherit;
    font-size: inherit
}

#recentcomments a:focus, #recentcomments a:hover,
.widget_recent_comments a:focus, .widget_recent_comments a:hover {
    color: #333;
    background-color: transparent
}

#recentcomments,
.widget-recent-comments {
    font-size: 12px;
    line-height: 18px;
    color: #939393;
    font-weight: 500;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2)
}

#recentcomments li,
.widget-recent-comments li {
    border-bottom: 1px solid #d5d5d5;
    padding: 18px
}

#recentcomments li:last-child,
.widget-recent-comments li:last-child {
    border-bottom: 0
}

#recentcomments li p,
.widget-recent-comments p {
    margin-bottom: 0
}

#recentcomments .comment-author-link,
.widget-recent-comments-title {
    color: #333;
    font-size: 13px;
    margin: 0 0 5px;
    display: block
}

#recentcomments .comment-author-link a,
.widget-recent-comments-title a {
    color: inherit;
    text-decoration: none
}

#recentcomments .comment-author-link a:focus, #recentcomments .comment-author-link a:hover,
.widget-recent-comments-title a:focus, .widget-recent-comments-title a:hover {
    color: #006cff;
    text-decoration: none
}

.widget-social {
    font-size: 13px;
    color: #666666;
    line-height: 20px;
    padding: 28px 18px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2)
}

.widget-social .social-menu {
    margin: 0
}

/* FOOTER
------------------------------------------------------------------------*/
footer {
    background-color: transparent;
    padding: 30px 0
}

.footer-logo {
    margin-bottom: 10px
}

.footer-logo a {
    color: inherit;
    text-decoration: none
}

.footer-logo-text {
    color: #303030;
    font-size: 36px;
    margin: 0;
    line-height: 1;
    font-weight: 500
}

.footer-logo-text sup {
    text-transform: uppercase;
    font-size: 57.14%;
    top: -0.7em
}

.footer-copyright {
    font-size: 11px;
    color: #666666;
    line-height: normal;
    margin: 0
}

.footer-copyright a {
    color: #000
}

.footer-credits {
    font-size: 10px;
    color: #666666;
    margin: 0;
    margin-top: 5px
}

.footer-credits a {
    color: #000
}

/* FOOTER NAV
------------------------------------------------------------------------*/
.footer-menu {
    list-style: none;
    margin: 0;
    padding: 26px 0;
    text-align: right
}

.footer-menu li {
    margin-right: 30px;
    display: inline-block
}

.footer-menu li:last-child {
    margin-left: 0
}

.footer-menu li a {
    font-size: 14px;
    color: #333333;
    padding: 0;
    display: block
}

.footer-menu li a:focus,
.footer-menu li a:hover {
    color: #006cff;
    text-decoration: none
}

.footer-menu li a[href*="facebook.com"] {
    color: #3b5998
}

.footer-menu li a[href*="twitter.com"] {
    color: #00aced
}

.footer-menu li a[href*="instagram.com"] {
    color: #517fa4
}

.footer-menu li a[href*="pinterest.com"] {
    color: #cb2027
}

.footer-menu li a[href*="wordpress.com"] {
    color: #21759b
}

.footer-menu li a[href*="linkedin.com"] {
    color: #007bb6
}

.footer-menu li a[href*="youtube.com"] {
    color: #bb0000
}

.footer-menu li a[href*="plus.google.com"] {
    color: #dd4b39
}

.footer-menu li a[href*="rss"] {
    color: #fb8f3d
}

.error404 .entry-body {
    text-align: center;
    padding-bottom: 280px;
}

.error-404 {
    font-size: 80px;
}

/* IFRAME EMBED
------------------------------------------------------------------------*/
.iframe-embed {
    position: relative;
    padding-bottom: 65%;
    height: 0;
    overflow: hidden;
}

.iframe-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* Carousel */
/*--------------------------------------------------------------
# Slide
--------------------------------------------------------------*/
.carousel-wrapper {
    margin: 60px 0;
}

.carousel-inner .item {
    height: 650px;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    text-align: center;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
}

.featured-post-thumbnail {
    height: 350px;
    overflow: hidden;
    position: relative;
}

.flexslider .slides img {
    position: absolute;
    left: 0;
}

.featured-post-thumbnail a {
    display: flex;
    justify-content: center;
    height: 350px;
}

.tour-title {
    align-self: center;
    font-size: 28px;
    color: #fff;
    display: none;
    z-index: 9;
}

.tour-title span {
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 15px;
    display: block;
}

#featured-post .section-label {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    margin: 40px 0;
}

#featured-post .section-label:before {
    display: none;
}

.flexslider {
    margin-bottom: 0;
}

#featured-post {
    background: #000;
    padding: 20px 0;
}

.carousel-control {
    position: initial;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    height: 500px;
    margin: auto;
}

.carousel-control .fa .fa-angle-right i {
    right: 5% !important;
}

.carousel-control i.fa.fa-angle-left.fa-2x {
    left: 6%;
}

.carousel-control i.fa.fa-angle-right.fa-2x {
    right: 6%;
}

.carousel-control .fa .fa-angle-left i {
    left: 5% !important;
}

.carousel-control i.fa.fa-angle-left.fa-2x {
    position: absolute;
    top: 55%;
}

.carousel-control i.fa.fa-angle-right.fa-2x {
    position: absolute;
    top: 55%;
}

.slides li .entry-meta span + span:before {
    color: rgba(255, 255, 255, 0.3);
}

.entry-meta span + span:before {
    content: " / ";
    color: #bbb;
    margin: 0 3px;
}
.banner-area-content .post-categories {
    list-style: none;
    background: black;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 4px 14px;
    color:#fff;
}
.banner-area-content .post-categories a{
    color:#fff;
    font-weight: 500;
    font-size: 16px;
}

/* MEDIA QUERIES
------------------------------------------------------------------------*/
@media (min-width: 1200px) {
    .container {
        width: 1130px
    }
}

@media (max-width: 1199px) {
    .testimonial-slider .testimonial-bubble {
        margin-left: 5px;
        margin-right: 5px
    }

    .main-column {
        margin-right: 0
    }

    .sidebar {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 1024px) {
    .portfolio .tw-part-port-col .portfolio-content-box{
        padding: 30px 50px 30px 50px !important;
    }
    .portfolio .tw-part-port-col2 .portfolio-content-box{
        padding: 30px 50px 30px 50px !important;

    }
}
@media (min-width: 320px) and (max-width: 640px) {
     .portfolio .tw-part-port-col2 img{
        width:100% !important;
        margin: 110px 0 50px 0 !important;
    }
    .portfolio .tw-part-port-col, .portfolio .tw-part-port-col2{
        /*padding: 10px 0 !important;*/
    }
}
@media (max-width: 320px){
    .portfolio .tw-part-port-col2 img{
        width:100% !important;
        margin: 204px 0 10px 0 !important;
    }
    .portfolio .tw-part-port-col2 .portfolio-content-box{
        margin:10px 0 !important;
    }
    .portfolio .tw-part-port-col .portfolio-content-box{
        margin:10px 0 !important;
    }
}

@media (max-width: 991px) {
    .contact-form {
        margin-bottom: 50px
    }

    .footer-menu {
        text-align: left;
        padding: 0 0 20px
    }

    .footer-menu li {
        margin-right: 20px;
        margin-bottom: 10px
    }

    .footer-menu li:last-child {
        margin-left: 0
    }

    .entry-title,
    .entry-category {
        white-space: normal
    }

    .entry-content,
    .entry-summary {
        height: auto
    }

    .entry-full {
        height: auto
    }

    .entry.feature .entry-title,
    .entry.feature .entry-category {
        white-space: nowrap
    }

    .entry.feature .entry-summary {
        height: 80px
    }

    .entry.full {
        margin-left: 0;
        margin-right: 0
    }

    .entry,
    .entry.feature,
    .entry.md {
        max-width: inherit
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .banner-area .banner-desp {
        position: absolute;
        top: 1.75% !important;
    }

    h2.text-color-white {
        font-size: 35px;
        line-height: 30px;
    }

    #respond input[type="text"] {
        width: 30.6% !important;
        margin: 0 11px 15px 0 !important;
    }

    .contact_form input[type="text"] {
        width: 30.6% !important;
    }

    .header-row {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: black;
        color: #fff;
        z-index: 1000;
        height: auto;
        text-align: left;
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        transition: height 0.3s;
        padding: 2px 0;
    }

    .header-row.shrink {
        height: auto;
        line-height: 50px;
    }

    .header-row .logo {
        font-weight: normal;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-row.shrink .logo {
        padding: 20px 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-row .navbar {
        min-height: 42px;
        margin: 35px 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .header-row.shrink .navbar {
        min-height: 42px;
        margin: 20px 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .agency-portfolio .tw-part-port-col .agency-portfolio-content-box {
        background: #fff !important;
        position: absolute !important;
        right: 6% !important;
        top: 12% !important;
        padding: 25px 20px !important;
    }

    .agency-portfolio .tw-part-port-col2 .agency-portfolio-content-box {
        position: absolute;
        left: 6%;
        background-color: #fff;
        padding: 25px 20px !important;
        text-align: right;
        z-index: 1;
        top: 12% !important;
    }

    .agency-portfolio .agency-portfolio-content h5 {
        font-size: 17px !important;
        padding-bottom: 0 !important;
    }

    .agency-portfolio .agency-portfolio-content p {
        font-size: 16px !important;
    }
    .agency-portfolio .tw-part-port-col img, .agency-portfolio .tw-part-port-col2 img {
    width:100% !important;
    height: 100% !important;
}
.portfolio .tw-part-port-col .portfolio-content-box {
    padding: 30px 45px 30px 45px !important;  
}
.portfolio .tw-part-port-col2 .portfolio-content-box {
    padding: 30px 45px 30px 45px !important;  
}

}

@media (max-width: 767px) {
    header {
        padding-bottom: 62px
    }

    .top-menu {
        border-left: 0;
        margin: 0 -15px;
        text-align: center
    }

    .top-menu > li {
        float: none;
        border-right: 0;
        border-bottom: 1px solid #4e91ed
    }

    .top-menu > li > a {
        padding: 5px 15px
    }

    .header-row-1 .social-menu {
        float: none;
        border-bottom: 1px solid #4e91ed
    }

    .header-row-1 .social-menu > li {
        border-bottom: 0;
        float: none;
        display: inline-block;
        vertical-align: top
    }

    .header-row-2-right {
        float: none
    }

    .logo {
        padding: 10px
    }

    .logo.image-logo {
        padding: 0;
        max-height: 62px
    }

    .logo.image-logo img {
        width: auto;
        max-height: 62px
    }

    .navbar-nav > li > a {
        padding: 10px 15px
    }

    .navbar-collapse {
        margin: 0 -15px;
        padding: 0 15px
    }

    .dropdown-menu > li > a {
        font-size: 14px
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 20px;
        line-height: 20px;
        font-size: 14px;
        color: #666666
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: #3a85eb
    }

    .navbar-default .dropdown-menu > .active > a:focus, .navbar-default .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #3a85eb
    }

    .header-row-1 {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
        -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
        -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
        -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
        transition: all 0.2s cubic-bezier(0.4, 0, 1, 1)
    }

    .header-row-1.open {
        max-height: 300px
    }

    .header-row-1-toggle {
        display: block
    }

    .navbar {
        margin: 0
    }

    .navbar-nav > .navbar-search > a {
        display: none !important
    }

    .navbar-nav > .navbar-search .dropdown-menu {
        display: block !important;
        position: relative;
        float: none;
        width: auto;
        margin: 10px 15px 0;
        top: 0
    }

    .main-search-close {
        display: none
    }

    .section-title {
        font-size: 30px
    }

    .btn {
        padding: 10px 20px;
        min-width: 100px;
        font-size: 11px
    }

    .frontpage-subscribe form .btn {
        top: 5px
    }

    .comment-body .comment-meta {
        width: auto;
        position: relative
    }

    .comment-list .children { /*margin-left:15px*/
    }

    .comment-body .reply, .comment-body .comment-content {
        margin-left: 0
    }

    h2.text-color-white {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .banner-area .banner-desp {
        position: absolute !important;
        top: 1.75% !important;
    }

    .banner-area .entry-thumb img {
        height: 450px;
    }

    .comments-area .comment-body .comment-metadata {
        float: none !important;
        font-size: 14px;
        color: #919191;
        text-transform: capitalize;
    }

    .header-row {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: black;
        color: #fff;
        z-index: 1000;
        height: 140px;
        text-align: left;
        overflow: hidden;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        transition: height 0.3s;
        line-height: 130px;
        height: auto
    }

    .header-row.shrink {
        height: auto;
        line-height: 70px;
    }

    .header-row .logo {
        padding: 0px 0;
        margin: 0px 0;
        font-weight: normal;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-row.shrink .logo {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .header-row .navbar {
        min-height: 42px;
        margin: 25px 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .header-row.shrink .navbar {
        min-height: 42px;
        margin: 15px 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    #respond input[type="text"] {
        width: 100% !important;
    }

    #respond textarea, #respond input[type="email"], #respond input[type="url"], .contact_form input[type="text"], .contact_form textarea, .post-password-form input[type="password"] {
        width: 100% !important;
    }
    .agency-portfolio .tw-part-port-col img, .agency-portfolio .tw-part-port-col2 img {
    width:100% !important;
    height: 100% !important;
}
.portfolio .tw-part-port-col img, .portfolio .tw-part-port-col2 img{
    width: 100% !important;
}
.portfolio .tw-part-port-col .portfolio-content-box{
    padding:10px !important;
    width: 100% !important;
    margin: 10px auto !important;
    top:49% !important;
}
.portfolio .tw-part-port-col2 .portfolio-content-box{
    padding:10px !important;
    width: 100% !important;
    margin: 10px auto !important;
    top:49% !important;
}
}

@media (max-width: 700px) {
}

@media (max-width: 560px) {
    .post-pagination {
        text-align: center
    }

    .post-pagination .btn {
        display: block;
        margin: 0 auto 5px;
        width: 100%
    }

    .post-pagination .post-pagination-next {
        float: none
    }

    .post-pagination .post-pagination-center {
        position: relative;
        margin-left: auto;
        left: 0
    }

    .header-logo-text {
        font-size: 30px;
    }

    .logo {
        padding-top: 15px;
    }
}

@media (max-width: 480px) {
    .entry.feature {
        max-width: inherit;
        display: block
    }

    .entry.feature .entry-thumb {
        float: none;
        width: auto
    }

    .entry.feature .entry-thumb img {
        width: 100%;
        height: auto
    }

    .entry.feature .entry-body {
        margin-left: auto;
        display: block
    }

    .entry.feature .entry-title,
    .entry.feature .entry-category {
        white-space: normal
    }

    .entry.feature .entry-summary {
        height: auto
    }

    .entry-more {
        right: 30px;
        top: -20px
    }

    .entry-more a {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
}

@media (max-width: 460px) {
}

@media (max-width: 400px) {
    .frontpage-subscribe form {
        padding-right: 0
    }

    .frontpage-subscribe form .btn {
        position: relative;
        margin-top: 10px;
        top: 0
    }

    .carousel-title {
        font-size: 16px
    }
}

@media (max-width: 320px) {
    .carousel-title {
        font-size: 14px
    }

    .entry-more {
        right: 10px
    }
}

/*--------------- Banner Area ----------------- */
.banner-area-content {
    position: absolute;
    z-index: 1;
    top: 50%;
    margin: 0 auto;
    width: 100%;
}

.banner-desp .entry-category a {
    text-decoration: none;
    color: #fff;
    background: black;
    padding: 15px 5px;
    margin: 10px 0;
    line-height: 30px;
}

.banner-area-content h1 {
    color: #fff;
    font-weight: 300;
    font-size: 50px;
}

.banner-desp {
}

.banner-area-content:hover h1 a {
    text-decoration: none;
}

.overlay {
    background: #050505 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

/*==================================================
            Style for  Team v1
====================================================*/
.team_style {
    padding: 50px 0;
}

.team_style .owl-pagination {
    text-align: right;
    position: absolute;
    right: 0;
    display: inline-flex;
    top: 45%;
}

.team_style .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 90%;
}

.meet-my-team {
    padding: 10px 0;
}

.meet-team-link a {
    font-size: 19px;
    font-weight: normal;
    color: #35393b;
}

.meet-team-link {
    margin-bottom: 8px;
}

.meet-team-details p, .meet-team-details-v9 p {
    font-size: 15px;
    color: #9f9fa0;
}

.meet-team-details .meet-team-a a {
    display: block;
    color: #9f9fa0;
}

.meet-team-details .meet-team-a {
    padding: 10px 0;
}

.meet-team-details ul {
    list-style: none;
    padding: 15px 0 0;
    border-top: 1px solid #ddd;
}

.meet-team-details ul li {
    float: none;
    display: inline;
    margin: 0 5px;
}

.meet-team-details ul li a {
    color: #9f9fa0;
}

.meet-team-a a {
    padding: 3px 0;
    font-size: 15px;
}

.meet-team-details {
    position: relative;
}

.meet-team-single-member:hover .meet-team-overlay {
    opacity: 1;
}

.meet-team-single-member {
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.alignedcenter {
    text-align: center;
}

.meet-team-image {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.meet-team-image img {
    width: 100%;
}

.meet-team-overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-bottom: 0 none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.light-overlay {
    border-radius: 15px;
}

.before-overlay {
    bottom: 15px;
    left: 0;
    position: absolute;
    width: 100%;
}

.overlay-middle {
    display: table-cell;
    vertical-align: middle;
}

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

.after-overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 30px;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.meet-team-single-member:hover .after-overlay {
    opacity: 1;
    top: 0;
}

.view-photo {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.team-rsp:hover a.view-photo {
    background: #e1bb71 none repeat scroll 0 0;
    color: #fff;
}

.view-photo .button-text {
    display: block;
    float: left;
    padding: 10px 17px;
    color:#fff;
}

.view-photo .button-icon {
    background: rgba(135, 181, 53, 0.45) none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 10px 12px;
}

.view-cam:hover {
    color: #fff;
}

.meet-team-image {
    height: 225px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.meet-team-single-member:hover {
    box-shadow: 0 5px 30px rgba(0, 10, 10, 0.09);
    transition: all 0.5s ease-out 0s;
}

.meet-team-single-member i.fa.fa-instagram:hover {
    color: #fb3958;
}

.meet-team-single-member i.fa.fa-facebook:hover {
    color: #2e63a5;
}

.meet-team-single-member i.fa.fa-twitter:hover {
    color: #00b4ff;
}

.meet-team-single-member i.fa.fa-google-plus:hover {
    color: #d53824;
}
.meet-team-single-member i.fa.fa-linkedin:hover {
    color: #0077B5;
}

/*------------------------- Fact Count ------------------------*/
.single-box-style {
    padding: 30px 0;
    text-align: center;
}

.count-facts {
    background-color: #15141a;
    padding: 50px 0 10px;
}

.counter-bc .iconCount .box-content > h3 a {
    font-size: 16px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
}

.counter-bc .iconCount .count {
    font-size: 60px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
}

.count-facts .box-content {
    margin-top: -20px;
}

/* portfolios*/
.title h5 {
    color: #303133;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 16px;
}

.title h2 {
    color: #646b73;
    font-size: 40px;
}

.style-uppercase {
    text-transform: uppercase;
}

/*==================================================
            Style for Portfolio
====================================================*/
.agency-portfolio {
    padding: 40px 0;
}

.agency-portfolio .tw-part-port-col, .agency-portfolio .tw-part-port-col2 {
    padding: 40px 0;
}

.agency-portfolio .tw-part-port-col .agency-portfolio-content-box {
    background: #fff;
    position: absolute;
    right: 6%;
    top: 15%;
    padding: 40px 25px;
}

.agency-portfolio .tw-part-port-col img, .agency-portfolio .tw-part-port-col2 img {
    transition: all 0.2s ease-out 0s;
    width:100%;
    height:450px;
}

.agency-portfolio .tw-part-port-col img:hover, .agency-portfolio .tw-part-port-col2 img:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    transform: translate(0, -5px);
}

.agency-portfolio .tw-part-port-col2 .agency-portfolio-content-box {
    position: absolute;
    left: 6%;
    background-color: #fff;
    padding: 40px 25px;
    text-align: right;
    z-index: 1;
    top: 15%;
}

.agency-portfolio .agency-portfolio-content h5 {
    font-size: 20px;
    padding-bottom: 20px;
}

.agency-portfolio .agency-portfolio-content p {
    color: #85888f;
    font-size: 19px;
    font-weight: 300;
}

.agency-portfolio .agency-portfolio-content .para-02 {
    font-size: 19px;
    color: #28292b;
    margin-top: -5px;
    font-weight: 300;
}

.agency-portfolio .agency-portfolio-content .para-02 span {
    font-size: 19px;
}

.agency-portfolio .agency-portfolio-content h6 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;
    color: #d6af62;
}

.agency-portfolio .agency-portfolio-content .para-02 span {
    color: #d6af62;
}

/*--------------- About Us Area ----------------- */
.services {
    margin: 0 0 30px 0;
}

.about-us-4col .media-body {
    padding: 0 0 0 20px;
}

.ui-design-block:hover, .product-ph-block:hover, .social-media-block:hover, .awward-win-block:hover {
    box-shadow: 0 5px 30px rgba(0, 10, 10, 0.1);
    transform: translate(0, -5px);
}

.ui-design-block, .product-ph-block, .social-media-block, .awward-win-block {
    margin-bottom: 45px;
    padding: 15px 15px 5px;
    transition: all 0.5s ease-out 0s;
}

.about-us-4col .media-left i {
    font-size: 35px;
}

.media-heading a {
    color: #333;
}

.about-us-4col .media-heading {
    font-size: 25px;
    color: #535353;
    font-weight: 300;
}

.about-us-4col .media-body p {
    color: #a7a7a7;
    font-size: 16px;
}

/*-------------------------- Agency Membership Plan ------------- */
.agency-membership-plan-area {
    border-top: 2px solid #e3e3e3;
    padding: 80px 0;
}

.agency-membership-plan-block .trial-membership-plan-label {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(140deg, #fec605 50px, transparent 20px);
    outline: 1px solid transparent;
    padding: 40px;
    border-top-left-radius: 4px;
}

.agency-membership-plan-block .popular-membership-plan-label {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(140deg, #e01d20 50px, transparent 20px);
    outline: 1px solid transparent;
    padding: 40px;
    border-top-left-radius: 4px;
}

.agency-membership-plan-block .new-membership-plan-label {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(140deg, #43cb83 50px, transparent 20px);
    outline: 1px solid transparent;
    padding: 40px;
    border-top-left-radius: 4px;
}

.agency-membership-plan-block {
    background-color: #000;
    border-radius: 5px;
}

.trial-membership-plan-label h6 {
    position: absolute;
    cursor: pointer;
    transform: rotate(-42deg);
    text-align: center;
    top: 4px;
    margin: 0;
    padding: 13px;
    left: -12px;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}

.agency-membership-plan-content {
    padding: 25px 0 15px;
}

.agency-membership-plan-content ul {
    list-style: none;
    text-align: left;
    border-radius: 5px;
    width: 80%;
    margin: 20px auto 0;
}

.agency-membership-plan-content ul li {
    color: #7e6c4a;
    font-size: 15px;
}

.agency-membership-plan-content ul li i {
    padding-right: 10px;
}

.agency-membership-plan-block:hover {
    box-shadow: 0 5px 30px rgba(0, 10, 10, 0.08);
    transform: translate(0, -5px);
}

.agency-membership-plan-block {
    transition: all 0.7s ease 0s;
    margin: 15px 0;
    -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.2s ease 0s;
}

.agency-membership-plan-content .button.full_bg_1 {
    color: #fff;
    width: 80%;
    margin: 20px auto;
}

.agency-membership-plan-content .button_label, .agency-blog-post-btn .button_label {
    font-size: 16px;
}

.agency-membership-plan-content a.button.button.full_bg_1.button_effect_top::after, .agency-blog-post-btn a.button.button.full_bg_1.button_effect_top::after {
    background: #ddb76d none repeat scroll 0 0;
}

.agency-membership-plan-content h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
}

.agency-membership-plan-content h2 {
    font-size: 35px;
    font-weight: 700;
}

.agency-membership-plan-content h2 span {
    font-size: 20px;
    font-weight: 700;
    vertical-align: super;
}

.agency-blog-hover {
    margin: 20px 0;
    background: #fff;
    border-radius: 5px;
}

.agency-membership-plan-content .button.full_bg_1 {
    background: #d6af62 none repeat scroll 0 0;
}

.agency-membership-plan-content h2 {
    color: #d6af62;
}

a.button_size_medium {
    font-size: 16px;
    padding: 0;
}

a.button_theme_1 {
    border-color: #d6af62;
}

.agency-membership-plan-content a.button_theme_1 {
    border-color: #d6af62;
}

a.button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 11px 20px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.bg_border_radius {
    border-radius: 3px;
}

.agency-membership-plan-content h4 {
    color: #d6af62;
}

/*-------------------------- Agency Blog ------------- */
.agency-blog {
    padding: 80px 0;
}

.agency-blog-content {
    padding: 5px 15px 10px;
}

.agency-blog-content h3 a {
    font-size: 25px;
    font-weight: 400;
    color: #2e3033;
}

.agency-blog-content p {
    font-size: 18px;
    color: #a7a7a7;
}

.agency-blog-post-btn .button.full_bg_1 {
    margin-top: 60px;
}

.agency-blog-post-btn .button.full_bg_1 {
    color: #fff;
}

.agency-blog-part-01 {
    padding-bottom: 50px;
}

.agency-blog-icons p {
    float: left;
    padding: 0 5px 0 0;
    font-size: 13px;
}

.agency-blog-icons p a {
    color: #a7a7a7;
}

.agency-blog-icons i {
    padding: 0 5px 0 0;
    color: #666666;
}

.agency-blog-hover:hover {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 10, 0.06);
    transition: all 0.4s ease-out 0s;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.button.full_bg_1 {
    background: #d6af62 none repeat scroll 0 0;
}

.agency-blog-post-btn .button.full_bg_1 {
    border-color: #d6af62;
}

.agency-blog-img img {
    height: 210px;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

/*-------------------------- Agency Partners ------------- */
.agency-partners {
    background: #15141a;
    padding: 75px 0 40px;
}

.agency-partner-content img {
    padding-right: 67px;
}

.agency-partner-content img:last-child {
    padding-right: 0;
}

.agency-partners .owl-pagination {
    padding-top: 40px;
}

.agency-partners img {
    padding: 0 28px 65px;
}

.agency-partners .carousel-indicators {
    bottom: 0;
    margin-left: 0;
}

/*-------------------------- Agency Contact ------------- */
.agency-contact {
    padding: 40px 0;
}

.agency-contact-area-content.bordr-l {
    border-left: 1px solid;
    padding: 0 37px;
}

.agency-contact-area-content p {
    font-size: 21px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 5px;
}

.agency-contact-area-content h6 {
    font-size: 18px;
    font-weight: 500;
}

.agency-contact-area-content h6 {
    color: #d6af62;
}

/*-------------------------- Agency Contact Form ------------- */
.agency-contact-form {
    padding: 30px 0;
}

.agency-contact-form input::placeholder {
    color: #fff !important;
    opacity: 0.6;
}

.agency-contact-form .wpcf7 input[type="text"],
.agency-contact-form .wpcf7 input[type="email"],
.agency-contact-form .wpcf7 textarea {
    border-radius: 0 !important;
    height: 45px;
    width: 100%;
    box-shadow: none !important;
    background-color: #959498 !important;
    color: #fff !important;
    padding: 7px;
}

.agency-contact-form .wpcf7 textarea {
    height: 100px;
}

.agency-contact-form input, textarea {
    border: none;
}

.agency-contact-form #messages {
    background-color: #959498;
    border: none;
    padding: 10px;
    width: 100%;
    color: #fff !important;
}

.wpcf7 input[type="submit"] {
    display: inline-block;
    z-index: 2;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    background-color: #1a191f;
    padding: 6px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: -1px;
}

.agency-contact-form a.button_theme_1 {
    border-color: #1a191f;
}

.agency-contact-form .button.full_bg_1 {
    background-color: #1a191f;
}

.agency-contact-form a.button.button.full_bg_1.button_effect_top::after {
    background: #302f36 none repeat scroll 0 0;
    border-color: #302f36;
}

/*==================================================
            Style for Footer Variation 01
====================================================*/
.footer_variation_menu01 ul li {
    display: inline;
}

.footer_variation_style_01 {
    background-color: #1e1e1e;
}

.footer_variation_style_01 {
    padding: 30px 0;
}

.footer_variation_menu01 p, .footer_variation_menu01 ul li a {
    color: #656565;
    padding-left: 10px;
}

a.iconbutton.footer_theme_circleicon {
    width: 35px;
    padding: 6px 0 0 0;
    text-align: center;
    border-radius: 30px;
    height: 35px;
}

.footer_variation_socialicon a {
    color: #fff;
}

.footer_socialiconbutton {
    background-color: #ebebeb;
    font-size: 14px;
    margin-left: 7px;
}

.fv_sty_left img {
}

.fv_sty_left p {
    padding-left: 5px;
    color: #656565;
}

.footer_variation_padding {
    padding: 40px;
}

.fv_sty_01 {
    float: right;
    margin: -10px 0 4px 0;
}

.social_googleplus::before {
    content: "\e096";
}

.rights-res {
    text-align: right;
    width: 100%;
    float: right;
    color: #434249;
    font-size: 13px;
}

.footer_socialiconbutton {
    background: #27262c;
}

.footer_variation_style_01 a.iconbutton {
    margin-bottom: 5px;
}

.iconbutton {
    font-size: 15px;
}

a.iconbutton {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 11px 20px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.theme_facebook_btn-color:hover {
    background-color: #2e63a5;
    color: #fff;
}

.theme_twitter_btn-color:hover {
    background-color: #00b4ff;
    color: #fff;
}

.theme_dribbble_btn-color:hover {
    background-color: #ff3d8b;
    color: #fff;
}

.theme_google-plus_btn-color:hover {
    background-color: #d53824;
    color: #fff;
}

/*----------------- partnership style ---------------*/
.partnership-style .title h2 {
    color: #fff;
    font-size: 23px;
    margin: 10px;
}

.partnership-style .title p {
    width: 50%;
    color: #fff;
    font-size: 18px;
    width: 50%;
    margin: 0 auto;
    padding: 0 0 25px;
}

.companies {
    padding: 40px 0;
}

.title h3 {
    color: #cfcfcf;
    font-size: 26px;
    font-weight: 500;
}

.title p {
    font-size: 18px;
}

.companies img {
    padding: 50px 30px;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.companies img:hover {
    opacity: 1;
    filter: none;
}

/* --------------- Footer scroll top------------- */
#myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #d6af62;
    color: white;
    cursor: pointer;
    padding: 0;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    font-size: 25px;
}

#myBtn:hover {
    background-color: #555;
}

/* Related Post */
.related-thumb img {
    padding: 0;
    width: 100%;
    height: 150px;
}

#related-posts {
    margin-bottom: 20px;
}

#related-posts ul {
    padding: 20px 0px 0px 0px;
}

#related-posts ul li {
    list-style: none outside none;
    float: left;
    margin-bottom: 15px;
}

.related-content {
    font-size: 15px;
    color: #999;
}

.related-content h3 a {
    color: #333;
    text-decoration: none;
}

.related-content h3 {
    font-size: 20px;
    color: #333;
}

.single-box h2 {
    padding: 10px;
    position: relative;
    margin: 0 -1px;
    font-size: 20px;
    font-weight: 700;
}

section.blog-post { /*padding:85px 0;*/
}

/* comment box */
#respond h3.comment-reply-title {
    margin: 0;
}

#respond small {
    display: block;
    margin: 0 0 13px;
    position: relative;
}

.comment_holder .comment .comment-respond {
    margin-top: 40px;
}

#respond {
    background-color: #f1f1f1;
    padding: 30px;
    margin: 30px 0;
}

input, textarea {
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 300;
    background: white;
    border: 0;
    width: auto;
    color: #222;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 0 1px transparent, 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 0 1px transparent, 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 1px transparent, 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    border: 1px solid #ddd;
}

#respond textarea, #respond input[type='email'], #respond input[type='url'], .contact_form input[type='text'], .contact_form textarea, .post-password-form input[type='password'] {
    width: 98%;
    margin: 0 0 15px 0;
    padding: 10px 17px;
    border: 1px solid #e9e9e9;
    outline: 0;
    resize: none;

    line-height: 18px;
    font-size: 16px;
    background-color: #FFFFFF;
    color: #7f8385;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#respond input[type='text'] {
    width: 31.07%;
    margin: 0 15px 15px 0;
    padding: 10px 17px;
    border: 1px solid #e9e9e9;
    outline: 0;
    float: left;
    resize: none;

    line-height: 18px;
    font-size: 16px;
    background-color: #FFFFFF;
    color: #7f8385;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.comment_respond_note {
    width: 100%;
    margin: 10px 0 15px 0;
    padding: 10px 17px;
    resize: none;
    font-family: inherit;
    line-height: 18px;
    font-size: 13px;
    background-color: #f6f6f5;
    color: #7f8385;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.comment_respond_note i {
    color: #bfa97d;
    margin: 0 12px 0 0;
}

#respond textarea {
    padding: 15px 17px;
    color: #7f8385;
    margin: 5px 0 13px 0;
}

.comment_holder #respond textarea, .comment_holder #respond input[type='text'] {
    background-color: #f6f6f5;
}

.comment_holder .comment #respond textarea, .comment_holder .comment #respond input[type='text'] {
    background-color: #f6f6f5;
}

.comment_holder #respond textarea {
    margin: 0 0 12px;
}

#respond textarea:focus, #respond input[type='text']:focus, .contact_form input[type='text']:focus, .contact_form textarea:focus, .post-password-form input[type='password']:focus {
    color: #7f8385;
    border-color: #bfa97d;
}

#respond textarea:focus::-webkit-input-placeholder, #respond input[type='text']:focus::-webkit-input-placeholder, .contact_form input[type='text']:focus::-webkit-input-placeholder, .contact_form textarea:focus::-webkit-input-placeholder, .post-password-form input[type='password']:focus::-webkit-input-placeholder {
    color: #7f8385;
}

#respond textarea:focus:-moz-placeholder, #respond input[type='text']:focus:-moz-placeholder, .contact_form input[type='text']:focus:-moz-placeholder, .contact_form textarea:focus:-moz-placeholder, .post-password-form input[type='password']:focus:-moz-placeholder {
    color: #7f8385;
}

#respond textarea:focus::-moz-placeholder, #respond input[type='text']:focus::-moz-placeholder, .contact_form input[type='text']:focus::-moz-placeholder, .contact_form textarea:focus::-moz-placeholder, .post-password-form input[type='password']:focus::-moz-placeholder {
    color: #7f8385;
}

#respond textarea:focus:-ms-input-placeholder, #respond input[type='text']:focus:-ms-input-placeholder, .contact_form input[type='text']:focus:-ms-input-placeholder, .contact_form textarea:focus:-ms-input-placeholder, .post-password-form input[type='password']:focus:-ms-input-placeholder {
    color: #7f8385;
}

div.comment_form {
    display: inline-block;
    margin: 0 0 40px;
    width: 100%;
    padding: 0;
}

div.comment_form form p.form-submit, div.comment_holder .comment p.form-submit {
    margin: 0;
}

div.comment_form form p.form-submit .success p {
    margin: 10px 0 0;
}

div.comment_form form p.logged-in-as {
    margin: 0 0 17px;
    font-size: 12px;
    font-weight: 400;
}

div.comment_form form p.logged-in-as a {
    color: #bfa97d;
}

div.comment_form form p.logged-in-as a:hover {
    color: #9d9d9d;
}

#cancel-comment-reply-link {
    margin: 0;
    display: inline-block;
    width: 100%
}

.submit, .form-submit input[type='submit'] {
    color: #ffffff;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-width: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #999;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

footer.comment-meta {
    padding: 0;
}

/* fetured post */
.featured-cat .post-categories a {
    color: #333;
    font-size: 21px;
    font-weight: 700;
}

.featured-title {
    font-size: 22px;
    color: #222;
    font-weight: bold;
    line-height: 1.2;
    padding: 10px 0;
}

.lois_home_sidebar {
    margin-top: 20px;
}

.widget.lois_widget.lois_home_sidebar h3.widget-title {
    font-size: 20px;
    font-weight: 800;
    text-transform: initial;
}

.widget.lois_widget.lois_home_sidebar h3.widget-title a {
    color: #222;
}

.widget.lois_widget.lois_home_sidebar span.cm1 {
    color: gray;
}

.widget.lois_widget.lois_home_sidebar .lois_sidebar_post_title .p_title {
    color: #222;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}

.widget.lois_widget.lois_home_sidebar .lois_post_news_header .news_heading {
    padding: 0;
    margin-bottom: 15px;
}

/* Sidebar With Images */
.lois_sidebar_widget {
    margin-bottom: 10px;
}

.lois_sidebar_post_image {
    padding: 0;
}

.lois_sidebar_post_image img {
    width: 100%;
}

.lois_sidebar_posts {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
}

ul.lois_widget {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#lois_random_post_widgets-2 {
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

.widget ul.random-ls {
    list-style: none;
    margin: 0;
    padding: 10px 0 15px;
    background-color: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
    box-shadow: none;
}

.catleft-1 {
    background-color: #fff;
    padding: 5px 10px;
    margin: 15px 0 10px 0;
}

.catleft-2 {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    padding: 20px 20px;
}

.featured-title a {
    color: #333;
}

.featured-cat ul.post-categories {
    box-shadow: none;
}

.featured-cat ul.post-categories a {
    padding-left: 0;
}

.catleft-1 a {
    color: #333;
}

.lois_sidebar_post_title a {
    color: #333;
    font-weight: 500;
    font-size: 16px;
}

a.widget-title-link.widget_title {
    color: #333;
}

.page-header {
    z-index: 0;
    margin: 0;
}

.error-form .form-control {
    border: 0;
    height: 57px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
}

.error-form .btn-search {
    min-width: inherit;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 20px;
    height: 20px;
    background-color: transparent;
    font-size: 14px;
    color: #666666;
    padding: 0 10px;
    border: 0;
}

/*-----Light Style------*/
.light-style-boxes-bg {
    background: transparent;
    border: 2px solid #e9eaeb;
    padding: 25px;
    margin: 15px 0;
}

.light-box-style .title p {
    color: #646b73;
    font-size: 18px;
    width: 50%;
    margin: 0 auto;
    padding: 0 0 25px;
}

.light-box-style .title h2 {
    font-size: 23px;
    margin: 10px;
}

.light-style-boxes-bg h2 {
    font-weight: 500;
    font-size: 20px;
    padding: 20px 0 0 0;
    margin: 10px 0;
}

.light-style-boxes-bg h2 a {
    color: #262936;
}

.light-style-boxes-bg p {
    color: #646b73;
    font-size: 16px;
}

.light-style-boxes-img i {
    font-size: 45px;
    opacity: 0.5;
}

.light-box-style .light-style-boxes-bg:hover {
    border-color: #d6af62;
    background-color: #fff;
    transition: all 0.5s ease-out 0s;
}

.light-style-boxes-bg:hover .light-style-boxes-img i {
    opacity: 1;
}

.btm-title {
    padding: 60px 0 30px;
}

.btm-title h2 {
    color: #262936;
    font-size: 23px;
}

.btm-title p {
    color: #646b73;
    font-size: 16px;
    padding-bottom: 15px;
}

.btm-title a.button.button.full_bg_2.button_effect_left::after {
    background: #42a4d8 none repeat scroll 0 0;
}

.btm-title a.button_size_large .button_label {
    padding: 14px 30px;
}

.btm-title .button_label {
    font-size: 17px;
    font-weight: 500;
}

.light-style-boxes-img {
    padding: 10px 0 5px
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .agency-portfolio .tw-part-port-col .agency-portfolio-content-box {
        background: #fff;
        position: relative;
        top: 0;
        padding: 40px 30px;
        z-index: 2;
        left: 1%;
    }

    .agency-portfolio .tw-part-port-col2 .agency-portfolio-content-box {
        position: relative;
        background-color: #fff;
        padding: 40px 30px;
        text-align: right;
        z-index: 1;
        top: 0;
        left: 1%;
    }

    .agency-contact-area-content.bordr-l {
        border-left: none;
        padding: 0;
    }

    .team_style .owl-pagination {
        text-align: center;
        position: relative;
        right: none;
        display: inline-flex;
        top: none;
    }

    .agency-partner-content img {
        padding-right: 15px;
    }

    .blog-style01-img img, .agency-blog-img img {
        width: 100%;
    }

    .meet-team-image img {
        width: 100%;
    }
}

/* css for single post content */
.banner-area { /*min-height: 500px;*/
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-area .banner-desp {
    position: absolute;
    top: 2%;
    margin: 45px 0;
}

.content-black {
    background: #000;
    width: auto;
    margin-top: 0;
    margin-bottom: 3px;
    padding: 10px 10px;
    font-weight: 600;
}

.blog-area {
    padding: 50px 0 90px;
}

.text-color-white {
    color: #fff;
}

h2.text-color-white {
    font-size: 35px;
}

img.avatar.avatar-50.photo {
    border-radius: 50%;
}

.single-blog h1 {
    line-height: 1.4;
    padding-bottom: 20px;
    margin: 0;
}

.blog-post-author {
    width: 60px;
    float: left;
}

.text-color-dark {
    color: #252525;
}

.vs5 .blog-description h1 {
    margin: 0;
    vertical-align: middle;
}

.vs5 .blog-description {
    padding-top: 10px;
    float: left;
    padding-bottom: 0;
    padding-left: 25px;
}

h5.padding-top {
    font-weight: 600;
    font-size: 16px;
    color: #252525;
}

.post-social-icon .list-inline > li {
    padding-left: 0;
}

.social-icons a.iconbutton.footer_theme_circleicon {
    width: 50px;
    padding: 6px 0 0 0;
    text-align: center;
    border-radius: 50%;
    height: 50px;
    font-size: 22px;
}

a.theme_facebook_btn {
    background-color: #2e63a5;
    color: #fff;
}

a.theme_facebook_btn:hover {
    box-shadow: 0px 5px 12px #888888;
}

a.theme_twitter_btn {
    background-color: #00b4ff;
    color: #fff;
}

a.theme_twitter_btn:hover {
    box-shadow: 0px 5px 12px #888888;
}

a.theme_pinterest-p_btn {
    background-color: #cb1f25;
    color: #fff;
}

a.theme_pinterest-p_btn:hover {
    box-shadow: 0px 5px 12px #888888;
}

a.theme_google-plus_btn {
    background-color: #d53824;
    color: #fff;
}

a.theme_google-plus_btn:hover {
    box-shadow: 0px 5px 12px #888888;
}

.icons-style-n {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 20px;
    padding-bottom: 20px;
}

.blog-area .icons-style-n .azm-btn {
    margin: 4px;
    padding: 12px 10px;
}

.icons-style-n .azm-btn i {
    padding-right: 23px;
}

.blog-imgcn-txt img {
    position: relative;
}

.blog-imgcn-txt .blog-img-txt {
    bottom: 0;
    background-color: #000;
    position: absolute;
}

.blog-img-txt {
    padding: 0 5px;
}

.blog-img-txt h3 {
    margin: 0;
}

.blog-post-bottom .blog-post-ul {
    padding-left: 15px;
}

.blog-post-right .blog-img-txt p {
    margin: 0;
    font-style: italic;
    padding-top: 4px;
}

.blog-tag li {
    display: inline;
    padding-right: 10px;
}

.blog-tag {
    list-style: none;
    padding: 20px 0; /*border:1px solid #eee;*/
    border-width: 1px 0 1px 0;
}

.prev-nxt-article {
    padding: 30px 0;
    border: 1px solid #eee;
    border-width: 1px 0 1px 0
}

.pl {
    padding-left: 0;
}

.pr {
    padding-right: 0;
}

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

.blog-lf-pd {
    padding-left: 10px;
}

.blog-area .nav-pills {
    padding: 40px 0 70px;
}

.blog-published {
    padding: 10px 0;
}

.blog-area .nav-pills > li.active > a,
.blog-area .nav-pills > li.active > a:focus,
.blog-area .nav-pills > li.active > a:hover {
    background: transparent;
}

.blog-tab-area {
    border-bottom: 1px solid #eeeeee;
}

.blog-area .nav-pills > li > a {
    border: 1px solid #eeeeee;
    border-radius: 0;
    margin: 5px;
}

.blog-area .media-left img {
    min-width: 49px;
    border-radius: 50%;
    margin-right: 10px;
}

.blog-single-no-sp strong {
    padding-right: 15px;
}

.blog-single-no-sp .fa-circle {
    font-size: 2px;
    vertical-align: middle;
    padding-right: 5px;
}

.tw-comments #comment,
.tw-comments .btn-default {
    border-radius: 0;
}

.tw-comments .btn-default {
    padding: 10px 40px;
}

.blog-post-top .media.border-bottom {
    border-bottom: 1px solid #eeeeee;
    padding: 30px 0;
}

.blog-post-top ul {
    list-style: none;
    padding: 0;
}

.blog-post-top ul li {
    float: left;
    padding-right: 10px;
}

.blog-post-top ul > li > a > .fa-angle-up,
.blog-post-top ul > li > a > .fa-angle-down {
    vertical-align: middle;
    font-weight: bold;
}

.blog-post-top ul > li > a > .fa-angle-down {
    padding-right: 10px;
}

.blog-post-top ul > li > a > .fa-angle-right {
    padding-left: 5px;
    font-weight: bold;
}

.blog-post-top ul > li > a {
    color: #595454;
}

.pd-lf {
    margin-left: 40px;
}

.search-blog .find-blog-btn {
    background: #fff none repeat scroll 0 0;
}

.blog-catagory ul li a {
    padding: 15px 0;
}

.single-instagrame {
    padding: 10px 0;
}

.side-recent-post-right h5 {
    margin-top: 5px;
}

.side-recent-post-right > a {
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0;
}

.side-recent-tweet-left {
    float: left;
    padding: 4px 0;
    width: 14%;
}

.side-recent-tweet-right {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    width: 86%;
}

.side-recent-tweet-right a span {
    float: right;
}

/*comment css */
img.avatar.avatar-80.photo {
    border-radius: 50%;
}

ul.comment-list {
    list-style: none;
    padding-left: 0;
}

/*comments area style*/
.comments-area {
    margin: 40px 0 40px;
}

.comments-area .comments-title,
.comments-area .comment-reply-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: #333;
    margin: 0 0 30px;
}

.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area .comment-body .avatar {
    float: left;
    margin-right: 20px;
}

.comments-area .comment-body .fn {
    float: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #616161;
    margin-right: 8px;
}

.comments-area .comment-body .fn a {
    color: #222;
}

.comments-area .comment-body .says {
    display: none;
}

.comments-area .comment-body .comment-metadata {
    float: left;
    font-size: 14px;
    color: #919191;
    text-transform: capitalize;
}

.comments-area .comment-body .comment-metadata a {
    color: #919191;
}

.comments-area .comment-body .comment-metadata a:hover, .comments-area .comment-body .comment-metadata a:focus {
    text-decoration: none;
    color: #41aad4;
}

.comment-author {
    float: left;
}

.comment-meta {
    overflow: hidden;
    margin-bottom: 10px;
}

.comments-area .comment-body .comment-content {
    margin-left: 97px;
    margin-top: -50px;
    font-size: 14px;
    line-height: 1.6;
}

.comments-area .comment-body .reply {
    margin-left: 97px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
}

.comments-area .comment-body .reply a {
    color: #919191; /*border: 1px solid #ddd;*/
    border-radius: 20px;
    padding: 0px 0px;
    float: left;
    text-transform: capitalize;
}

.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus {
    text-decoration: none; /*background: #06509d;border-color: #06509d;color: #fff;*/
}

.comments-area .comment-body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.comments-area .comment-list .children {
    padding-left: 97px;
}

.bypostauthor {
    display: block;
}

.comment_holder {
    padding: 50px 0 40px;
    margin: 0;
}

.single-post .comment_holder .comments .comment {
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.comment_number .comment_number_inner i {
    position: relative;
    top: -1px;
    padding: 0 10px 0 0;
}

.comment_holder ul.comment-list {
    list-style: none;
    position: relative;
    z-index: 150;
    padding: 0;
    margin: 30px 0 0;
}

.comment_holder .comment-list li {
    display: inline-block;
    position: relative;
    width: 100%
}

.comment-list .post_author_comment .post-author-comment-icon {
    margin-left: 5px;
    color: #bfa97d;
    font-size: 12px;
}

.comment_holder .comment-list li ul.children li:last-child {
    padding: 0;
}

.comment_holder .comment-list > li {
    margin: 0 0 40px;
}

.comment_holder .comment-list > li:last-child {
    margin: 0;
}

.comment_holder .comment .image {
    display: block;
    width: 73px;
    height: 73px;
    float: left;
}

.comment_holder .comment:not(.pingback-comment) .text {
    padding: 0 0 0 91px;
    min-height: 73px;
}

.comment_holder .comment:not(.pingback-comment) .text li {
    display: list-item;
}

.comment_holder .comment .text .comment_date {
    line-height: 24px;
    font-size: 11px;
    float: left;
    font-family: inherit;
    margin: 17px 0 0 0;
    color: #bfa97d;
}

.comment_holder .comment .text .comment_info {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.comment_holder .comment .text .name {
    float: left;
    color: #333;
    line-height: 18px;
}

.comment_holder .comment.pingback-comment .name {
    text-transform: none;
    line-height: 1.8em;
    max-width: 90%
}

.comment_holder .comment .text .replay, .comment_holder .comment .text .comment-reply-link, .comment_holder .comment .text .comment-edit-link {
    color: #bfa97d;
    font-size: 12px;
    float: right;
    font-weight: 400;
    margin-left: 10px;
    -webkit-transition: background-color .15s ease-out, color .15s ease-out;
    -moz-transition: background-color .15s ease-out, color .15s ease-out;
    -o-transition: background-color .15s ease-out, color .15s ease-out;
    -ms-transform: background-color .15s ease-out, color .15s ease-out;
    transition: background-color .15s ease-out, color .15s ease-out;
}

.single-post .comment_holder .bottom-comment-link .comment .text .replay, .single-post .comment_holder .bottom-comment-link .comment .text .comment-reply-link {
    position: absolute;
    bottom: -27.5px;
    right: 25px;
    height: 47px;
    width: 47px;
    line-height: 47px;
    text-indent: -9999px;
    background-color: #b2980d;
    border-radius: 50%
}

.single-post .comment_holder .bottom-comment-link .comment .text .replay:after, .single-post .comment_holder .bottom-comment-link .comment .text .comment-reply-link:after {
    position: absolute;
    content: "J";
    width: 100%;
    height: 100%;
    line-height: 47px;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #fff;
    text-indent: 0;
    text-align: center;
}

.single-post .comment_holder .bottom-comment-link .comment .text .replay:hover, .single-post .comment_holder .bottom-comment-link .comment .text .comment-reply-link:hover {
    background-color: #fff;
}

.single-post .comment_holder .bottom-comment-link .comment .text .replay:hover:after, .single-post .comment_holder .bottom-comment-link .comment .text .comment-reply-link:hover:after {
    color: #b2980d;
}

.comment_holder .comment .text .replay:hover, .comment_holder .comment .text .comment-reply-link:hover, .comment_holder .comment .text .comment-edit-link:hover {
    color: #333;
}

.comment_holder .comment .text .text_holder {
    display: block;
    margin: 6px 0 0 0;
    color: #a0a3a4;
}

.comment_holder .comment .logged-in-as {
    margin: 10px 0;
}

.comment_holder .comment .form-submit {
    margin: 0 0 20px;
}

.comment_holder .comment-list li ul.children {
    margin: 30px 0 0 0;
    padding: 0 0 0 70px;
}

.comment_holder .comment-list li ul.children li {
    margin: 0 0 18px 0;
    border-bottom: 0;
}

.comment_holder .comment-list li ul.children li:last-child {
    margin: 0;
}

/* Post Navigation */
.post-previous {
    float: left;
}

/*.post-previous a:after {content: '«';left: 0;}*/
.post-next {
    float: right;
    text-align: right;
}

/*.post-next a:after {content: '»';right: 0;}*/
.post-navigation div span {
    display: block;
    font-size: 13PX;
    color: #252525;
    font-weight: 600;
}

.post-navigation div a:after {
    position: absolute;
    color: #ccc;
    font-size: 56px;
    margin-top: -11px;
    height: 22px;
    line-height: 22px;
    top: 34%;
}

.post-navigation div {
    display: block;
    width: 245px;
    margin: 30px 0;
    position: relative;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.post-navigation div a {
    color: #333;
    text-decoration: none;
}

img.avatar.avatar-140.photo {
    border-radius: 50%;
}

/* admin css */
.blog-tab-area {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.blog-published {
    padding: 25px 0;
    margin: 25px 0px;
}

.post-social-icon { /*border-bottom: 1px solid #eeeeee;*/
}

.shadow-details {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    padding: 20px 20px;
    margin: 0 0 10px 0;
}

.heading-color {
    color: #303133;
}

.heading-client {
    color: #fff;
}

.heading-size {
    font-size: 23px;
}

.heading-desc {
    color: #646b73;
    font-size: 18px;
    width: 50%;
}

.heading-client {
    color: #fff;
}

.section-margin {
    margin-bottom: 30px;
}

.site-heading {
    color: #646b73;
}

/*Css for header-2 */
.header-color2 {
    background-color: #fff;
    color: #000;
}

.header-wrapper2 .navbar-default .navbar-nav > li > a {
    color: #000;
}

.header-wrapper2 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #d6af62;
}

/*------------------------------- Content Box ----------------------------- */
.box-styleTwo .box-content {
    background: transparent;
    padding: 25px;
    border-color: #e9e3e2;
    border: 1px solid #e1e1e1;
}

.content-box-area .title p {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 25px;
}

.content-box-area .title h2 {
    font-size: 35px;
}

.box-content h3 { /* margin: -15px 0 15px;*/
    font-size: 22px;
    color: #252525;
    margin-top: 25px;
}

.box-content h3 a {
    font-size: 23px;
    font-weight: 400;
    color: #2d2d2d;
}

.box-styleTwo {
    padding: 20px 0 0;
}

.boxIcon {
    font-size: 30px;
    border: 1px solid #d6af62;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
}

.box-styleTwo .box-icon {
    left: 50%;
    margin-left: -37px;
    position: absolute;
    top: -8px;
    margin-bottom: 0;
}

.box-styleTwo .boxIcon {
    padding: 12px;
    height: 75px;
    width: 75px;
}

.single-box-style:hover span.boxIcon i {
    color: #fff;
    transition: all .5s ease 0s;
}

.single-box-style:hover span.boxIcon {
    background-color: #d6af62;
}

.box-content > p {
    color: #777777;
    margin-bottom: 15px;
    font-size: 16px;
}

.box-styleTwo .single-box-style {
    position: relative;
}

.single-box-style {
    padding: 30px 0;
    text-align: center;
}

/* services blog */
.style-01-image img {
    width: 100%;
    height: 225px;
}

.blog-style-01 .title p {
    width: 50%;
    margin: 0 auto;
}

.blog-style-01 .title h2 {
    font-size: 35px;
}

.blog-style-01 .style-01-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.333;
    margin: 15px 0 15px 0;
}

.bottom-padding {
    margin-bottom: 20px;
}

.testimonial-blog.blog-style-01 .blog-style01-content {
    background: transparent;
}

.blog-style-01 .blog-style01-content {
    margin: 25px 0 25px 0;
    padding: 0;
}

.blog-style-01 .style-01-content h3 a {
    color: #262936;
}

.blog-style-01 .style-01-content p {
    line-height: 24px;
    color: #646b73;
    font-size: 16px;
}

.blog-style-01 .style-01-content p a {
    font-size: 17px;
    text-decoration: underline;
    color: #777777;
}

.blog-style-01 .style-01-content:hover p a {
    color: #d6af62;
}

.blog-style-01 .carousel-inner {
    padding: 0 0 70px;
}

.blog-style-01 .carousel-indicators {
    bottom: 0;
    margin-left: 0;
}

.blog-style-01 .carousel-indicators li {
    border-color: #bdbdbd;
}

/*==================================================
.            Style for Team v11
====================================================*/
.team-v11 .team-v11-sd {
    position: relative;
    margin: 50px 0 20px 0;
}

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

.team-wrapper-v11 h3 {
    font-size: 20px;
    color: #35393b;
    padding-top: 15px;
    font-weight: normal;
}

.team-wrapper-v11 h4 {
    font-weight: normal;
    font-size: 16px;
    color: #35393b;
}

.team-v11 .team-wrapper-v11 > .meet-team-single-member-team-v11 {
    position: relative;
}

.team-v11 .team-wrapper-v11 > .meet-team-single-member-team-v11:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: transparent;
    transition: all 0.4s ease-in-out;
}

.team-v11 .team-wrapper-v11:hover > .meet-team-single-member-team-v11:after {
    background: rgba(0, 0, 0, 0.5);
}

.team-v11 .team-wrapper-v11 > .meet-team-single-member-team-v11 .meet-team-details-team-v11 {
    left: 0;
    top: 45%;
    z-index: 1;
    padding: 0;
    width: 100%;
    height: 36px;
    list-style: none;
    margin-top: -18px;
    text-align: center;
    visibility: hidden;
    position: absolute;
    transition: all 0.2s ease-in-out;
}

.team-v11 .team-wrapper-v11:hover > .meet-team-single-member-team-v11 .meet-team-details-team-v11 {
    top: 50%;
    visibility: visible;
}

.team-v11 .team-wrapper-v11 > .meet-team-single-member-team-v11 .meet-team-details-team-v11 .meet-team-overlay-team-v11,
.team-v16 .meet-team-single-member-team-v16 .meet-team-overlay-team-v16 {
    margin: 0 5px;
    text-align: center;
    display: inline-block;
}

.team-v11 .team-wrapper-v11 > .meet-team-single-member-team-v11 .meet-team-overlay-team-v11 i {
    color: #eee;
    border-width: 2px;
    border-color: #eee;
    transition: all 0.1s ease-in-out;
}

.team-v11 .title p {
    width: 50%;
    margin: 0 auto;
}

.team-v11 .team-wrapper-v11 > p {
    margin: 20px 0;
    position: relative;
    color: #9f9fa0;
    padding-right: 5px;
    font-size: 15px;
}

.team-v11 .team-wrapper-v11 > p:before {
    left: 0;
    top: -10px;
    height: 1px;
    width: 40px;
    content: " ";
    position: absolute;
    background: #bbb;
    transition: all 0.4s ease-in-out;
}

.team-v11 .team-wrapper-v11:hover > p:before {
    width: 100%;
    background: #d6af62;
}

.team-v11 .iconbutton1.theme_facebook_btn2,
.team-v11 .iconbutton1.theme_twitter_btn2,
.team-v11 .iconbutton1.theme_google-plus_btn2,
.team-v16 .iconbutton1.theme_facebook_btn2,
.team-v16 .iconbutton1.theme_twitter_btn2,
.team-v16 .iconbutton1.theme_google-plus_btn2,
.team-v16 .iconbutton1.theme_linkedin_btn2{
    color: #fff;
    border-color: #fff;
    border-width: 1px;
}

.team-v11 a.theme_facebook_btn2:hover,
.team-v16 a.theme_facebook_btn2:hover {
    border-color: #2e63a5;
}

.team-v11 a.theme_twitter_btn2:hover,
.team-v16 a.theme_twitter_btn2:hover {
    border-color: #00b4ff;
}

.team-v11 a.theme_google-plus_btn2:hover,
.team-v16 a.theme_google-plus_btn2:hover {
    border-color: #d53824;
}
.team-v11 a.theme_linkedin_btn2:hover,
.team-v16 a.theme_linkedin_btn2:hover {
    border-color: #0077B5;
}

a.iconbutton1 {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
    overflow: hidden;
    padding-top: 10px;
    width: 45px;
    height: 45px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    border-radius: 50%;
}

.team-v11 .iconbutton1.theme_facebook_btn2, .team-v11 .iconbutton1.theme_twitter_btn2, .team-v11 .iconbutton1.theme_google-plus_btn2, .iconbutton1.theme_linkedin_btn2 {
    border: 1px solid #fff;
}

a.theme_twitter_btn2:hover {
    background-color: #00b4ff;
}

a.theme_facebook_btn2:hover {
    background-color: #2e63a5;
}

a.theme_google-plus_btn2:hover {
    background-color: #d53824;
}
a.theme_linkedin_btn2:hover {
    background-color: #0077B5;
}


/*==================================================
            Style for blog style 01
====================================================*/
.blog-style { /*background-color: #efefef;*/
}

.blog-style .blog-style01-content {
    background-color: #fff;
    margin: 25px 0 25px 0;
    padding: 0;
}

.blog-style .style-01-image {
    padding: 0;
}

.blog-style .style-pd {
    margin: 40px 0 5px 0;
}

.blog-style .blog-style01-content .upper-yellow {
    font-size: 9px;
    color: rgb(224, 164, 51);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
}

.blog-style .blog-style01-content h3 {
    font-size: 24px;
    color: rgb(51, 51, 51);
    line-height: 1.333;
    margin: 15px 0 15px 0;
    font-weight: 500;
}

.blog-style .blog-style01-content h3 a {
    color: rgb(51, 51, 51);
}

.blog-style .blog-style01-content p {
    font-size: 15px;
    color: #9b9b9c;
    line-height: 1.6;
}

.blog-style .blog-style-icons {
    display: inline-flex;
}

.blog-style .blog-style-icons i {
    margin: 0 5px 0 0;
}

.blog-style .style-01-content .blog-style-icons p {
    margin: 0 15px 0 0;
}

.blog-style .style-01-image img {
    width: 100%;
}

.blog-style .style02-pd {
    padding: 25px 20px 20px 20px;
}

.blog-style .bg-grey {
    background-color: #efefef;
    margin: 25px 0 25px 0;
    padding: 0;
}

.blog-style .content-style08 {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.667;
}

.upper-yellow-bg {
    position: absolute;
    font-size: 9px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    background-color: rgb(224, 164, 51);
    padding: 2px 2px;
}

.style-01-content-pd-top {
    font-size: 24px;
    color: rgb(51, 51, 51);
    line-height: 1.1;
    margin: 35px 0 15px 0;
}

/*style of contact-form 2 lawyer */
.cont-form .wpcf7 textarea {
    height: 45px;
    margin:20px 0;
}

.cont-form .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    border-radius: 4px !important;
    width: 100%;
    box-shadow: none !important;
    background-color: #fff !important;
    color: #555 !important;
    padding: 7px;
    height: 45px;

}


.cont-form .wpcf7 input[type="submit"] {
    display: inline-block;
    z-index: 2;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    background-color: rgb(224, 85, 42);
    padding: 10px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: -1px;
    border-radius: 4px;
    height: 45px;
    margin: 20px 0;
}

.cont-form input, textarea {
    border: none;
}

.featured-image-padding {
    margin: 80px 0 0 0;
}

.sample-post {
    padding-top: 140px;
}

.featured-title-without-img h2.entry-title {
    margin-top: 85px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px;
}

/*--------------------------------------------------------------
 Tables
--------------------------------------------------------------*/

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}

/* Widget Sidebar Css */
span.rss-date {
    padding: 0 20px;
    display: table;
}

.rsswidget {
    padding: 10px 20px;
}

.rssSummary {
    display: block;
    padding: 0 15px;
    margin: 0 10px;
}

cite {
    padding: 0 15px;
    margin: 0 10px;

}

.widget_text .textwidget select {
    width: -webkit-fill-available;
    width: 100%;
}

/*........................portfolio2..................*/

.portfolio {
    padding: 40px 0;
}

.portfolio .tw-part-port-col, .portfolio .tw-part-port-col2 {
    padding: 70px 0;
    margin:20px auto;
}
.portfolio .tw-part-port-col img, .portfolio .tw-part-port-col2 img {
    width:100%;
}
.portfolio .tw-part-port-col .portfolio-content-box {
    background-color: #ffffff;
    padding: 65px 96px 65px 96px;
    box-shadow: 0px 1px 12px #dddddd;
    width: 630px;
    position: absolute;
    top: 43%;
    right:0;
    margin:0 15px;
    z-index: 1;
}

.portfolio .tw-part-port-col2 .portfolio-content-box {
    background-color: #ffffff;
    padding: 65px 96px 65px 96px;
    box-shadow: 0px 1px 12px #dddddd;
    width: 630px;
    position: absolute;
    top: 43%;
    margin:0 15px;
    left:0;
    z-index: 1;
}
.portfolio-content p{
    font-size:16px;
    padding: 10px 0 25px 0;
    color:#636363;
}
a.portfolio-btn {
    background: transparent;
    padding: 7px 10px;
    border: 2px solid #d6af62;
    color:#000;
    font-weight: 600;
    font-size: 14px;
}
a.portfolio-btn:hover{
    background-color: #d6af62;
    color: rgb(242,242,242);
    border: 2px solid #d6af62;
}
.portfolio-content h4 a{
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.portfolio .portfolio-content-box a.view-photo{
    background-color: #d6af62;
}