/*
Theme Name:     LAML Materialize
Theme URI:      http://trendytheme.net/demo2/wp/materialize/
Author:         TrendyTheme / Freitag Olaf
Author URI:     http://themeforest.net/user/trendytheme
Description:    Materialize is a truly multi-purpose WordPress theme. This Version is adapted for the LAML. With this theme you can build sites under Corporate, Creative, Agency, Restaurant, Blog, Charity, Consulting Firm, Portfolio, Construction, Parallax, App Landing, Book Opening and much more categories. Moreover, Materialize comfortably suits all common website styles. 
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    materialize
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options
*/


/* =-=-=-=-=-=-= CSS TABLE CONTENT =-=-=-=-=-=-= 
# GENERAL
    ## TYPOGRAPHY
    ## WORDPRESS CORE
    ## TABLE STYLE
    ## BUTTON
# GLOBAL STYLES
# SECTION TITLE
# HEADER TOPBAR
# NAVIGATION
    ## DROPDOWN MENU
    ## 2ND LAVEL MENU
    ## MEGA MENU STYLE
    ## MOBILE MENU STYLE
    ## FOOTER MENU
# SEARCH STYLE
# SLIDER SECTION
# PAGE HEADER STYLE
# PORTFOLIO STYLE
    ## Portfolio Filter
    ## Portfolio with title
    ## Portfolio Card Style
    ## Portfolio Details Page
# FEATURED BOXED STYLE
    ## Featured Plus Box
    ## Featured Animated Block
    ## Featured Animated Flat Block
# ABOUT SECTION
# CONTACT SECTION
# NEWSLETTER SECTION
# BLOG STYLE
    ## POST FORMAT VIDEO
    ## POST FORMAT AUDIO
    ## POST FORMAT QUOTE
    ## POST FORMAT LINK
    ## DEFAULT GALLERY POST
    ## CUSTOM GALLERY POST
    ## POST FORMAT STATUS
    ## POST FORMAT CHAT
    ## PAGINATION
    ## INNER POST PAGINATION
    ## SINGLE POST PAGER
    ## SLIDER STYLE
        ### COMMON STYLE FOR ALL WIDGETS
        ### WIDGET_SEARCH
        ### POPULAR POSTS
        ### AUTHOR INFO WIDGET
        ### RECENT COMMENT WIDGET
        ### NEWSLETTER WIDGET
        ### TAG CLOUD
    ## BLOG GRID STYLE
    ## SINGLE POST
        ### AUTHOR BIO
        ### COMMENTS-WRAPPER
        ### COMMENT TAB
# CALL TO ACTION STYLE
# TESTIMONIAL STYLE
    ## TESTIMONIAL FLAT STYLE
    ## CREATIVE TESTIMONIAL STYLE 
# PRICING TABLE
# FOOD MENU
# FOOTER SECTION
    ## FOOTER STYLE TWO
    ## FOOTER STYLE THREE
    ## FOOTER STYLE FOUR
    ## PRELOADER
# TO TOP
# 404 PAGE
    
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/* =-=-=-=-=-=-= GENERAL =-=-=-=-=-=-= */
body{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 29px;
    font-weight: 500;
    color: #999;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased !important;

}

html,
body {
    width: 100%;
    height: 100%;
}

body.logged-in {
    top: 32px;
}

/* Link style
------------------------------ */
a{
    color: #03a9f4;
}
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #0077c2;
    outline: none;
    text-decoration: none;
}

dl dd{
    margin-bottom: 10px;
}

/* Transition elements
------------------------------------------ */
a,
.navbar a,
.form-control,
.navbar-default,
.header-wrapper,
.woocommerce .button, 
.woocommerce input.submit {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}


/* =-=-=-=-=-=-= TYPOGRAPHY =-=-=-=-=-=-= */
h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 0 0 15px;
    color: #202020;
}

h1 {
    font-size: 35px;
    line-height: 50px;
}

h2 {
    font-size: 25px;
}

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

h4 {
    font-size: 18px;
    line-height: 20px;
}

p {
    margin-bottom: 15px;
}

p img { 
    margin: 0;
}

ul, ol {
    margin-bottom: 0;
}
.entry-content ul,
.entry-content ol{
    margin-bottom: 10px;
}


/* Accessibility
------------------------------------------- */
/* 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}


/* =-=-=-=-=-=-= WORDPRESS CORE =-=-=-=-=-=-= */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignnone {
    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
}

/*gutenberg support*/
.wp-block-separator {
    border: none;
    border-bottom: 2px solid #dadada;
    margin: 20px auto;
    max-width: 100px;
}
.wp-block-separator.is-style-wide{
    max-width: 100%;
    border: none;
    border-bottom: 2px solid #dadada;
}
.alignfull,
.alignwide {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
    max-width: inherit;
}

@media only screen and ( min-width: 950px) {
    .alignwide {
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
    }
    .single-post .col-md-10 .entry-content .alignwide {
        margin-left: -100px;
        margin-right: -100px;
        width: auto;
        text-align: center;
    }
    .single-post .col-md-10 .entry-content .alignfull {
        margin-left: -webkit-calc( -100vw / 2 + 100% / 2);
        margin-left: calc( -100vw / 2 + 100% / 2);
        margin-right: -webkit-calc( -100vw / 2 + 100% / 2);
        margin-right: calc( -100vw / 2 + 100% / 2);
        max-width: 100vw;
        text-align: center;
    }
}

@media screen and (min-width: 568px) and (max-width: 767px) {
    .wp-block-cover-image {
        min-height: 300px;
    }
}

@media (max-width: 567px) {
    .wp-block-cover-image {
        min-height: 220px;
    }
}

.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0 !important;
    margin: 0 0px 15px 0px;
}
.wp-block-pullquote cite{
    font-style: normal;
    text-transform: uppercase;
    font-size: 13px;
}

.wp-block-pullquote {
    border-top: 4px solid #555d66;
    border-bottom: 4px solid #555d66;
    color: #40464d;
    padding: 30px 0;
    margin: 20px 0;
}

.wp-block-media-text .wp-block-media-text__content{
    line-height: 1.5;
    text-align: left;
}

/* Captions
-------------------------------------------*/
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 3px;
    text-align: center;
}

.wp-caption figcaption{
    padding: 5px 0 0;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0 none;
    width: auto;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.wp-caption .wp-caption-text {
    margin: 5px 0;
    text-align: center;
}

.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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Clearings
------------------------------------------- */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/* Widgets
-------------------------------------------*/
.widget {
    margin: 0 0 20px;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Content
-------------------------------------------*/
.sticky {
    display: block;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-links {
    clear: both;
}

.page-wrapper{
    padding-bottom: 100px;
}

/* Comments
-------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Infinite scroll
-------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/* Media
-------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

.video-section {
    top: 0%;
    left: 0%;
    height: 400px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.overlay {
    min-height: 400px;
    background-color: rgba(0, 0, 0, 0.5);
}

video, 
object {
    min-width:100%;
    min-height:100%;
}
.audio {
    width: 100%;
}


/* =-=-=-=-=-=-= TABLE STYLE =-=-=-=-=-=-= */
table{
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

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

thead {
    color: #272829;
    background-color: #f5f5f5;
}

table.event-schedule{
    border: 0;
}

table.event-schedule tr > th,
table.event-schedule tr > td{
    line-height: 30px;
}

table.event-schedule>tbody>tr>td, 
table.event-schedule>tbody>tr>th, 
table.event-schedule>tfoot>tr>td, 
table.event-schedule>tfoot>tr>th, 
table.event-schedule>thead>tr>td, 
table.event-schedule>thead>tr>th{
    border: 0;
    border-top: 1px solid #ddd;
}

/*blockquote style*/
blockquote {
    padding: 30px 40px;
    background: #f1f1f1;
    color: #666;
    border: 0;
    margin: 15px 0;
    position: relative;
    font-size: 17px;
    font-style: italic;
}
blockquote cite{
    font-size: 13px;
    margin-top: 10px;
    display: block;
    font-style: normal;
}
.blog-grid .blog-content blockquote {
    padding: 2em 2em 2em 4em;
}

blockquote p {
    margin-bottom: 0 !important;
}
.blog-quote blockquote{
    text-align: center;
    padding-top: 80px;
    font-style: normal;
    font-size: 20px;
    margin: 0;
}

.blog-quote blockquote small{
    margin-top: 15px;
}

.blog-quote blockquote::before {
    left: 0;
    right: 0;
}


/* =-=-=-=-=-=-= BUTTON =-=-=-=-=-=-= */
.btn {
    height: 50px;
    line-height: 28px;
    padding: 12px 38px;
    margin-bottom: 0;
    font-weight: 500;
}

.btn,
.btn:hover,
button:focus {
    background-color: #03a9f4;
}
.btn.focus, 
.btn:focus, 
.btn:hover {
    color: #fff;
}
.vc_general.vc_btn3:focus, 
.vc_general.vc_btn3:hover {
	color: #fff !important;
}
.btn.btn-sm {
    height: 36px;
    padding: 5px 16px;
}
.btn-lg {
    height: 60px;
    padding: 18px 38px;
}
.vc_btn3.vc_btn3-shape-rounded {
	border-radius: 2px !important;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 16px !important;
    padding: 16px 38px !important;
}
.vc_btn3.vc_btn3-size-lg {
    padding: 18px 38px !important;
}
.vc_btn3.vc_btn3-size-md.vc_btn3-icon-left:not(.vc_btn3-o-empty){
    padding-left: 45px !important;
}
.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty){
    padding-left: 60px !important;
}
.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-left:not(.vc_btn3-o-empty) .vc_btn3-icon{
    font-size: 28px;
}
.vc_btn3.vc_btn3-size-md strong,
.vc_btn3.vc_btn3-size-lg strong{
    font-size: 20px;
    display: block;
    font-weight: 900;
}
.vc_general.vc_btn3.vc_btn3-shape-rounded{
    border-radius: 3px;
}
.vc_general.vc_btn3.vc_btn3-style-classic{
    border: 0;
}
.vc_general.vc_btn3.vc_btn3-style-classic:hover,
.vc_general.vc_btn3.vc_btn3-style-classic:focus,
.vc_general.vc_btn3.vc_btn3-style-classic:active{
    border: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.vc_btn3 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.vc_btn3:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn:focus,
button:focus {
    outline: none !important;
}

/*primary button*/
.btn-primary.focus, 
.btn-primary:focus,
.btn-primary.active, 
.btn-primary:active,
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover,
.vc_btn3-color-theme_primary_color,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:active,
.woocommerce .product .entry-summary a.single_add_to_cart_button:hover,
.woocommerce .product .entry-summary a.single_add_to_cart_button:focus,
.woocommerce .product .entry-summary a.single_add_to_cart_button:active {
    color: #fff !important;
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important;
}
.btn-primary,
.btn-primary:hover,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce .product .entry-summary a.single_add_to_cart_button{
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4; 
}
/*pink button*/
.btn-pink,
.btn-pink:hover,
.vc_general.vc_btn3.vc_btn3-color-theme_pink_color,
.vc_general.vc_btn3.vc_btn3-color-theme_pink_color:hover{
	background-color: #ed145b;
	border-color: #ed145b;
    color: #ffffff;
}
/*white button*/
.btn-white,
.btn-white:hover,
.btn-white:focus {
	color: #03a9f4;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}

.btn-menu a{
    padding: 0px 20px !important;
    height: 40px;
    line-height: 40px !important;
    margin-top: 10px;
    text-transform: capitalize;
}
.btn-menu.active a,
.btn-menu a:hover,
.btn-menu a:focus{
    color: #ffffff !important;
}
.btn-round .btn,
.btn-round a{
    border-radius: 30px;
}

/*slider btn*/
.tt-icon-btn strong {
    font-size: 24px;
    font-weight: 900;
    line-height: 30px;
}
.tt-icon-btn i {
    float: left;
    font-size: 30px;
    padding-right: 16px;
    padding-top: 10px;
}
.tp-caption.tt-btn {
    margin: 15px !important;
    -webkit-transition: box-shadow 0.2s ease-out !important;
    -moz-transition: box-shadow 0.2s ease-out !important;
    -o-transition: box-shadow 0.2s ease-out !important;
    -ms-transition: box-shadow 0.2s ease-out !important;
    transition: box-shadow 0.2s ease-out !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.tp-caption.tt-btn:hover {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
address {
    line-height: 25px;
    margin-bottom: 30px;
}
.address-wrapper .info-wrapper {
    overflow: hidden;
}
.address-wrapper .info-wrapper p {
    margin: 0;
}
.address-wrapper .info-wrapper a {
    color: #999;
}
.address-wrapper .info-wrapper a:hover {
    color: #03a9f4;
}

/*alert*/
.alert {
    padding: 10px 15px;
    border-radius: 0;
    border: 0;
}
.tt-alert {
    background-color: transparent;
}
.alert-dismissible .close {
    top: 5px;
}

/* =-=-=-=-=-=-= List Style =-=-=-=-=-=-= */
.check-circle-list,
.check-square-list {
    padding: 0;
    list-style: none;
}
.check-circle-list li{
    line-height: 33px;
}
.check-circle-list li i{
    font-size: 16px;
    color: #cdcdcd;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.check-circle-list li:hover i{
    color: #03a9f4;
}

.check-square-list li{
    line-height: 46px;
}

.check-square-list li i{
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.check-square-list.list-right li i{
    margin-right: 0;
    margin-left: 10px;
}


/* Form Style
------------------------------------------- */
.form-group {
    margin-bottom: 30px;
}
.form-control {
    height: 60px;
    padding: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #202020;
    border: 1px solid #eee;
    border-radius: 0;
}
.form-control:focus {
    border-color: #03a9f4;
}

.input-field label {
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
}

input {
    line-height: inherit;
}
.submit-left .submit-wrapper{
	text-align: left !important;
}
.submit-center .submit-wrapper{
	text-align: center !important;
}
.submit-right .submit-wrapper{
	text-align: right !important;
}
.submit-brand .btn{
    background-color: #03a9f4 !important;
}
.submit-dark .btn{
    background-color: #202020 !important;
}


/* Customize Material Form style 
/* ------------------------------------ */
.form-control {
    border-radius: 0;
}
.input-field {
    margin-top: 45px;
}
.widget .input-field{
    margin-top: 0;
}
.input-field label {
    color: #999;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0;
}
.input-field label.active {
    font-size: 12px;
}

/* =-=-=-=-=-=-= GLOBAL STYLES =-=-=-=-=-=-= */
.section-wrapper{
    position: relative;
}
.container-fullwidth {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.container-fullwidth .vc_column_container>.vc_column-inner{
    padding-left: 0;
    padding-right: 0;
}
.vc_row.section-wrapper{
    margin-left: 0;
    margin-right: 0;
}
.vc_row.vc_row-o-full-height{
    min-height: 100vh !important;
}
.vc_row.vc_row-o-equal-height{
    margin-left: 0;
    margin-right: 0;
}

@media screen and (max-width: 767px) {
	.vc_row-o-equal-height .wpb_single_image .vc_figure {
		display: block;
	}
	.wpb_single_image img,
	.wpb_single_image .vc_single_image-wrapper {
	    width: 100%;
	}
}

.ie9 .vc_row-o-full-height .container{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.tt-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.white-text{
	color: #ffffff;
}
.theme-color {
    color: #03a9f4;
}
.theme-bg {
    background-color: #03a9f4;
}
.dark-bg {
    background-color: #2a2425;
}
.box-padding {
    padding: 60px 40px;
}

@media screen and (min-width: 768px) {
    .wpb_single_image img {
        width: 100%;
    }
    .vc_row-o-equal-height .wpb_single_image img {
        max-width: initial !important;
        width: initial;
    }
	
}


/* =-=-=-=-=-=-= SECTION TITLE =-=-=-=-=-=-= */
.sction-title-wrapper{
    margin-bottom: 80px;
}
.section-title {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 46px;
}
@media (min-width: 992px){
    .sction-title-wrapper .sub-title{
        width: 60%;
    }
    .sction-title-wrapper.text-center .sub-title{
        margin: 0 auto;
    }
    .sction-title-wrapper.text-right .sub-title{
        float: right;
    }
}
.sub-title p {
    margin: 0;
    line-height: 25px;
}
.section-intro {
    font-size: 24px;
}
.section-intro h2{
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 25px;
    text-transform: capitalize;
}
.title-description p {
    margin: 0;
    line-height: 25px;
}
.sction-title-wrapper .separator{
    background-color: #03a9f4;
    width: 100px;
    height: 2px;
    display: block;
    margin-bottom: 20px;
}
.sction-title-wrapper.text-center .separator{
    margin: 0 auto 20px;
}
.sction-title-wrapper.text-right .separator{
    margin-left: auto;
}


/*custom margin classes*/
.mt-30 {
    margin-top: 30px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-100 {
    margin-top: 100px;
}

/*margin bottom*/
.mb-30 {
    margin-bottom: 30px;
}
.mb-80 {
    margin-bottom: 80px;
}

/*margin right*/
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}

/*margin left*/
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}

/*custom padding classes*/
.no-padding .tt-item{
    padding: 0!important;
}

.row.no-padding{
    margin: 0!important;
}

/*padding Left*/
.pl-100 {
    padding-left: 100px;
}

/*padding-bottom*/
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}

/*padding top bottom*/
.ptb-50 {
    padding: 50px 0;
}
.ptb-90 {
    padding: 90px 0;
}

.overlay-bg {
    background-color: rgba(0, 0, 0, 0.5);
}
.gray-bg {
    background-color: #fafafa;
}
.gutter {
    padding-left: 10px!important;
    padding-right: 10px!important;
}

/*Font Size*/
.font-20 {
    font-size: 20px
}
.font-25 {
    font-size: 25px
}
.font-30 {
    font-size: 30px
}
.font-35 {
    font-size: 35px
}
.font-40 {
    font-size: 40px
}


/*font size in extra small devices*/
@media screen and (max-width: 767px) {
    .font-30 {
        font-size: 25px
    }

    h1,
    .font-35,
    .font-40 {
        font-size: 30px
    }
}

/*Line Height*/
.line-height-40 {
    line-height: 40px;
}
.line-height-50 {
    line-height: 50px;
}
.text-light {
    font-weight: 300 !important;
}
.text-regular {
    font-weight: 400 !important;
}
.text-medium {
    font-weight: 500 !important;
}
.text-bold {
    font-weight: 700 !important;
}
.text-extrabold {
    font-weight: 900 !important;
}
.dark-text {
    color: #202020 !important;
}


/* vertical middle align
-------------------------------------------*/
.vertical-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 0 15px;
}
/*TT Animate CSS*/
.tt-animate i {
    text-align         : center;
    overflow           : hidden;
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    transition         : all 0.5s;
}
.tt-animate i::before {
    speak                       : none;
    display                     : block;
    -webkit-font-smoothing      : subpixel-antialiased !important;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -ms-backface-visibility     : hidden;
}

/*Left To Right*/
.tt-animate.ltr i:hover::before {
    -webkit-animation : LeftToRight 0.3s forwards;
    -moz-animation    : LeftToRight 0.3s forwards;
    animation         : LeftToRight 0.3s forwards;
}
.tt-animate.ltr i:before {
    -webkit-animation : RightToLeft 0.3s forwards;
    -moz-animation    : RightToLeft 0.3s forwards;
    animation         : RightToLeft 0.3s forwards;
}

/*Right To Left*/
.tt-animate.btt i:hover::before {
    -webkit-animation : BottomToTop 0.3s forwards;
    -moz-animation    : BottomToTop 0.3s forwards;
    animation         : BottomToTop 0.3s forwards;
}
.tt-animate.btt i:before {
    -webkit-animation : TopToBottom 0.3s forwards;
    -moz-animation    : TopToBottom 0.3s forwards;
    animation         : TopToBottom 0.3s forwards;
}


/*---------------------------------------------------------
KEY FRAME 
-----------------------------------------------------------*/

/* Left to Right key frame*/

@-webkit-keyframes LeftToRight {
    49% {
        -webkit-transform : translate(100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

@-moz-keyframes LeftToRight {
    49% {
        -moz-transform : translate(100%);
    }
    50% {
        opacity        : 0;
        -moz-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

@keyframes LeftToRight {
    49% {
        transform : translate(100%);
    }
    50% {
        opacity   : 0;
        transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

/* Right to Left key frame*/

@-webkit-keyframes RightToLeft {
    49% {
        -webkit-transform : translate(100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

@-moz-keyframes RightToLeft {
    49% {
        -webkit-transform : translate(-100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(100%);
    }
    51% {
        opacity : 1;
    }
}

@keyframes RightToLeft {
    49% {
        -webkit-transform : translate(100%);
    }
    50% {
        opacity           : 0;
        -webkit-transform : translate(-100%);
    }
    51% {
        opacity : 1;
    }
}

/* Bottom to Top key frame*/
@-webkit-keyframes BottomToTop {
    49% {
        -webkit-transform : translateY(-100%);
        }
    50% {
        opacity           : 0;
        -webkit-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@-moz-keyframes BottomToTop {
    49% {
        -moz-transform : translateY(-100%);
        }
    50% {
        opacity        : 0;
        -moz-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@keyframes BottomToTop {
    49% {
        transform : translateY(-100%);
    }
    50% {
        opacity   : 0;
        transform : translateY(100%);
    }
    51% {
        opacity : 1;
    }
}


/* Top to Bottom key frame*/
@-webkit-keyframes TopToBottom {
    49% {
        -webkit-transform : translateY(-100%);
        }
    50% {
        opacity           : 0;
        -webkit-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@-moz-keyframes TopToBottom {
    49% {
        -moz-transform : translateY(-100%);
        }
    50% {
        opacity        : 0;
        -moz-transform : translateY(100%);
        }
    51% {
        opacity : 1;
        }
    }

@keyframes TopToBottom {
    49% {
        transform : translateY(-100%);
    }
    50% {
        opacity   : 0;
        transform : translateY(100%);
    }
    51% {
        opacity : 1;
    }
}


/* =-=-=-=-=-=-=-=-=-=- HEADER TOPBAR =-=-=-=-=-=-=-=-=-=-= */
.top-bar {
    min-height: 46px;
}
.top-bar .topbar-cta li {
    display: inline-block;
}
.top-bar .topbar-cta li+li {
	padding-left: 10px;
}
.top-bar .topbar-cta a {
    letter-spacing: 1px;
    line-height: 46px;
    color: #fff;
}
.ie9 .top-bar .topbar-cta a{
    letter-spacing: 0;
}
.top-bar .topbar-cta a i{
    position: relative;
    top: 7px;
}
.top-bar .social-top {
    margin-top: 13px;
    margin-bottom: 0;
}
.top-bar .social-top a i{
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
}
.top-bar .social-top a i:hover {
    color: #fff;
}
.header-wrapper.sticky .header-top-wrapper{
    display: none;
}
.header-top-wrapper {
    background-color: #03a9f4;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header-transparent .header-top-wrapper{
    background-color: rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header-dark .header-top-wrapper{
    border-bottom: 1px solid #232323;
}

@media(max-width: 767px) {
    .header-transparent .header-top-wrapper{
        border-bottom: 1px solid rgba(4, 4, 4, 0.06);
        background-color: #fff;
        color: #666;
    }
    .header-transparent .contact-info ul li a,
    .header-transparent .social-icon ul li a i{
        color: #666;
    }
}

@media(max-width: 479px){
    .header-top-wrapper .contact-info.pull-left,
    .header-top-wrapper .social-links-wrap.pull-right{
        float: inherit !important;
        text-align: center;
    }
}

@media(max-width: 600px) {
	.social-links-wrap.pull-left,
	.contact-info.pull-right {
		float: none !important;
	}
	.social-links-wrap.social-top,
	.topbar-cta {
		text-align: center;
	}
	.topbar-cta {
		margin-bottom: 
	}
	.topbar-cta,
	.top-bar .topbar-cta li+li {
		padding-left: 0;
	}
	.top-bar .topbar-cta a {
	    line-height: 29px;
	}
}

/*header cart icon*/
.woo-action-button{
    position: relative;
    right: 20px;
    top: 22px;
    float: right;
}

.header-wrapper.sticky .woo-action-button{
    top: 25px;
}
.tt-cart-count,
.tt-wishlist-count{
    margin-left: 20px;
}
.tt-wishlist-count > a,
.tt-cart-count .cart-contents{
    color: #202020;
    position: relative;
    display: block;
}

.tt-wishlist-count > a:hover,
.tt-wishlist-count > a:focus{
    color: #202020;
}

.tt-wishlist-count span,
.tt-cart-count .cart-contents .cart-count{
    position: absolute;
    top: 0;
    left: 10px;
    margin-left: 5px;
    color: #ffffff;
    background-color: #000;
    width: 15px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
}


/* ----------------------------------------------------------------
Hover Border Bottom Style
-----------------------------------------------------------------*/
@media (min-width: 768px) {
	.hover-border-bottom .navbar-nav>li>a, 
	.hover-border-bottom .navbar-nav>li>a {
	    border-bottom: 3px solid transparent;
	}

	.hover-border-bottom .navbar-nav>li.active>a, 
	.hover-border-bottom .navbar-nav>li:hover>a,
	.hover-border-bottom .navbar-nav>li.current-menu-parent>a,
	.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a,
	.header-transparent.hover-border-bottom .sticky .navbar-nav>li.active>a, 
	.header-transparent.hover-border-bottom .sticky .navbar-nav>li:hover>a, 
	.header-transparent.hover-border-bottom .sticky .navbar-nav>li.current-menu-parent>a,
	.header-transparent.hover-border-bottom .sticky .navbar-nav>li.current-menu-ancestor>a {
	    border-bottom: 3px solid #03a9f4;
	}

	.header-dark.hover-border-bottom .navbar-nav>li.active>a, 
	.header-dark.hover-border-bottom .navbar-nav>li:hover>a, 
	.header-dark.hover-border-bottom .navbar-nav>li.current-menu-parent>a,
	.header-dark.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a,
	.header-brand-color.hover-border-bottom .navbar-nav>li.active>a, 
	.header-brand-color.hover-border-bottom .navbar-nav>li:hover>a, 
	.header-brand-color.hover-border-bottom .navbar-nav>li.current-menu-parent>a,
	.header-brand-color.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a,
	.header-transparent.hover-border-bottom .navbar-nav>li.active>a, 
	.header-transparent.hover-border-bottom .navbar-nav>li:hover>a,
	.header-transparent.hover-border-bottom .navbar-nav>li.current-menu-parent>a,
	.header-transparent.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a,
	.header-semi-transparent.hover-border-bottom .navbar-nav>li.active>a, 
	.header-semi-transparent.hover-border-bottom .navbar-nav>li:hover>a, 
	.header-semi-transparent.hover-border-bottom .navbar-nav>li.current-menu-parent>a,
	.header-semi-transparent.hover-border-bottom .navbar-nav>li.current-menu-ancestor>a {
	    border-bottom: 3px solid #fff;
	}

}

/* ----------------------------------------------------------------
Hover Box Style
-----------------------------------------------------------------*/

@media (min-width: 768px) {
	.hover-box .navbar-nav {
    	margin-top: 14px;
	}
	.hover-box .header-wrapper.sticky .navbar-nav {
    	margin-top: 0;
	}
	.hover-box.header-center-menu .navbar-nav,
	.hover-border-box.header-center-menu .navbar-nav {
    	margin-top: 14px;
    	margin-bottom: 14px;
	}
	.hover-box .navbar-nav>li>a {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}

	.hover-box .header-wrapper.sticky .navbar-nav>li>a {
	    padding-top: 18px;
	    padding-bottom: 18px;
	}

	.hover-box .navbar-nav>li.active>a,
	.hover-box .navbar-nav>li.active>a i,
	.hover-box .navbar-default .navbar-nav>.active>a, 
	.hover-box .navbar-default .navbar-nav>.active>a:focus, 
	.hover-box .navbar-default .navbar-nav>.active>a:hover,
	.hover-box .navbar-default .navbar-nav>li>a:focus, 
	.hover-box .navbar-default .navbar-nav>li>a:hover,
	.hover-box .navbar-default .navbar-nav>li.active>a,
	.hover-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
	.hover-box .navbar-default .navbar-nav>li.current-menu-parent>a, 
	.hover-box .navbar-default .navbar-nav>li.current-menu-item>a
	.hover-box .header-transparent .navbar-default .navbar-nav>.active>a, 
	.hover-box .header-transparent .navbar-default .navbar-nav>.active>a:focus, 
	.hover-box .header-transparent .navbar-default .navbar-nav>.active>a:hover,
	.hover-box .header-transparent .header-wrapper.sticky .navbar-nav>li>a:focus, 
	.hover-box .header-transparent .header-wrapper.sticky .navbar-nav>li>a:hover,
	.hover-box .header-transparent .header-wrapper.sticky .navbar-nav>.active>a, 
	.hover-box .header-transparent .header-wrapper.sticky .navbar-nav>.active>a:focus, 
	.hover-box .header-transparent .header-wrapper.sticky .navbar-nav>.active>a:hover {
	    color: #fff !important;
	    background-color: #007e90;
	}

	/*.hover-box .navbar-nav>li:hover>a,*/
	.hover-box.header-brand-color .navbar-default .navbar-nav>li>a:hover,
	.hover-box.header-brand-color .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
	.hover-box.header-brand-color .navbar-default .navbar-nav>li.current-menu-parent>a {
	    color: #007e90 !important;
	    background: #fff !important;
	}

	.hover-box.header-center-menu .navbar-nav li .megamenu-wrapper {
	    padding: 16px 0 0;
	}
}


/* ----------------------------------------------------------------
Hover Border Box Style
-----------------------------------------------------------------*/
@media (min-width: 768px) {
	.hover-border-box .navbar-nav {
    	margin-top: 14px;
	}
	.hover-box.header-center-menu .navbar-nav {
    	margin-top: 14px;
    	margin-bottom: 14px;
	}
	.hover-border-box .navbar-nav>li>a {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	.hover-border-box .header-wrapper.sticky .navbar-nav>li>a {
	    padding-top: 0;
	    padding-bottom: 0;
	}
	.hover-border-box .navbar-default .navbar-nav>li>a {
		border: 1px solid transparent;
	}
	.hover-border-box .navbar-nav>li.active>a,
	.hover-border-box .navbar-default .navbar-nav>li>a:focus, 
	.hover-border-box .navbar-default .navbar-nav>li>a:hover,
	.hover-border-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
	.hover-border-box .navbar-default .navbar-nav>li.current-menu-parent>a {
	    color: #007e90 !important;
	    border: 1px solid #03a9f4;
	}
	.header-dark.hover-border-box .navbar-nav>li.active>a, 
	.header-dark.hover-border-box .navbar-default .navbar-nav>li>a:focus, 
	.header-dark.hover-border-box .navbar-default .navbar-nav>li>a:hover, 
	.header-dark.hover-border-box .navbar-default .navbar-nav li.current-menu-ancestor>a, 
	.header-dark.hover-border-box .navbar-default .navbar-nav li.current-menu-parent>a 
	.header-brand-color.hover-border-box .navbar-nav>li.active>a, 
	.header-brand-color.hover-border-box .navbar-default .navbar-nav>li>a:focus, 
	.header-brand-color.hover-border-box .navbar-default .navbar-nav>li>a:hover, 
	.header-brand-color.hover-border-box .navbar-default .navbar-nav li.current-menu-ancestor>a, 
	.header-brand-color.hover-border-box .navbar-default .navbar-nav li.current-menu-parent>a
	.header-transparent.hover-border-box .navbar-nav>li.active>a,
	.header-transparent.hover-border-box .navbar-default .navbar-nav>li>a:focus, 
	.header-transparent.hover-border-box .navbar-default .navbar-nav>li>a:hover, 
	.header-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
	.header-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-parent>a,
	.header-semi-transparent.hover-border-box .navbar-nav>li.active>a,
	.header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li>a:focus, 
	.header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li>a:hover, 
	.header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
	.header-semi-transparent.hover-border-box .navbar-default .navbar-nav>li.current-menu-parent>a {
	    color: #fff!important;
	    border: 1px solid #fff;
	}

	/*light background*/
	.header-transparent.hover-border-box .header-wrapper.sticky .navbar-nav>li.active>a,
	.header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li>a:focus, 
	.header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li>a:hover, 
	.header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
	.header-transparent.hover-border-box .header-wrapper.sticky .navbar-default .navbar-nav>li.current-menu-parent>a {
	    color: #007e90!important;
	    border: 1px solid #03a9f4;
	}
}


/* =-=-=-=-=-=-= NAVIGATION =-=-=-=-=-=-= */
.main-menu{
    position: relative;
}
.header-transparent .header-wrapper.sticky .navbar-default,
.header-wrapper .navbar-default{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.header-transparent .header-wrapper .navbar-default{
    box-shadow: none;
}
.navbar-header h1{
    display: inline-block;
    font-size: 44px;
    margin: 0;
}
.navbar-brand {
    margin: 0;
    padding: 0;
    height: auto;
}
.navbar-brand a{
    display: inline-block;
}
.has-header-topbar .navbar-brand img {
	margin: 0;
}
.navbar>.container .navbar-brand, 
.navbar>.container-fluid .navbar-brand{
    margin-left: 0;
}
.navbar-brand img {
    width: inherit;
    height: inherit;
}

/*
Default Navigation Style
-----------------------------*/
.navbar-default .navbar-nav>li>a {
    color: #fafafa;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    -webkit-transform: translateZ(0);
}
@media(min-width:768px) {
    .navbar-nav>li>a{
        padding: 15px 10px;
    }
	.hover-border-bottom .navbar .nav>li>a{
	    padding: 17px 5px;
	}
}


/*
Navigation Style For Larg Devices
--------------------------------------*/
@media(min-width:768px) {
	.navbar-nav {
		margin-top: 3px;
	}
	.navbar .nav>li {
		margin-left: 4px;
	}
    .navbar-default {
        padding: 17px 0;
    }
    .header-wrapper.sticky .navbar-default{
        padding: 6px 0;
    }
    .hover-box .header-wrapper.sticky .navbar-default {
	    padding: 0 0;
	}
	.has-header-topbar .navbar-default{
        padding: 12px 0;
    }
	.header-wrapper .navbar-brand img {
		width: 100%;
        height: auto;
		margin-top: -7px;
	    -webkit-transition: width 0.3s ease;
	    -moz-transition: width 0.3s ease;
	    transition: width 0.3s ease;
	}
	.header-wrapper.sticky .navbar-brand img{
	    width: 80%;
        height: auto;
	}
	.hover-border-bottom .header-wrapper .navbar-brand img {
		margin-top: 30px;
	}
    .hover-border-bottom .header-wrapper.sticky .navbar-brand img{
        margin-top: 12px;
    }
	.has-header-topbar.hover-border-bottom .header-wrapper .navbar-brand img {
		margin-top: -3px;
	}
    .navbar-nav li.has-mega-menu{
        position: static;
    }
    .navbar-nav ul{
        position: static;
        display: block;
        border: 0;
        margin: 0;
        min-width: 200px;
    }

	/*hover-border-bottom*/
	.hover-border-bottom .navbar-default,
	.hover-border-bottom .header-wrapper.sticky .navbar-default {
    	padding: 0;
	}
	.hover-border-bottom .navbar .nav>li {
		margin-left: 8px;
	}
	.hover-border-bottom .navbar .nav>li>a {
	    padding: 34px 10px;
	}
	.hover-border-bottom .header-wrapper.sticky .navbar .nav>li>a,
	.hover-border-bottom.has-header-topbar .navbar .nav>li>a,
	.hover-border-bottom.header-center-menu .navbar .nav>li>a {
        padding: 17px 10px;
    }
	.hover-border-bottom.has-header-topbar .navbar-header h1{
	    line-height: 66px;
	}
	.navbar-header h1{
	    line-height: 66px;
	}
    .header-transparent .navbar-default{
        background-color: transparent;
    }
    .navbar-nav>li>.dropdown-menu {
      margin-top: 23px;
    }
    .sticky .navbar-nav>li>.dropdown-menu {
      margin-top: 13px;
    }
    .navbar-right .dropdown-menu {
      right: auto;
      left: 15px;
    }
    .sticky .navbar-right .dropdown-menu {
      left: 13px;
    }
}

/*Logo*/
.sticky-logo,
.sticky-mobile-logo{
    display: none;
}

/*desktop*/
@media (min-width : 768px) {
    /*show sticky logo*/
    .has-sticky-logo .header-wrapper.sticky .sticky-logo{
        display: inline-block;
    }
}

/*hide site logo when show sticky logo*/
.has-sticky-logo .header-wrapper.sticky .site-logo{
    display: none;
}

.sticky-mobile-logo{
    height: auto;
    min-width: 100%;
}

/*mobile*/
@media (max-width : 767px) {
    /*show mobile sticky logo*/
    .has-sticky-mobile-logo .header-wrapper.sticky .sticky-mobile-logo{
        display: block;
    }
    /*hide mobile logo when show mobile sticky logo*/
    .has-sticky-mobile-logo .header-wrapper.sticky .mobile-logo{
        display: none !important;
    }
}


/*
Navigation Style For Small/Mobile Devices
------------------------------------------*/
.navbar .nav li a i{
    margin-right: 8px;
}
.navbar .nav li a.menu-heading {
    position: relative;
    cursor: default;
    color: #202020 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 700;
}
.navbar .nav li a.menu-heading::before {
	display: none;
}
.navbar .nav li a.menu-heading:hover{
    background-color: transparent !important;
}
.navbar-default {
    background-color: #007e90;
    margin-bottom: 0;
    border-color: transparent;
    z-index: 10000;
    border: 0;
    border-radius: 0;
}


/*Header dark*/
.header-dark .navbar-default {
    background-color: #007e90;
}
.header-dark .navbar-default .navbar-nav>li>a{
    color: #ffffff;
}


/*---------------------------------------
Header Brand Color
-----------------------------------------*/
.header-brand-color .navbar-default {
    background-color: #007e90;
}
.header-brand-color .navbar-default .navbar-nav>li>a{
    color: #fff;
}

.header-brand-color .navbar-default .navbar-nav>li>a:hover,
.header-brand-color .navbar-default .navbar-nav>li.current-menu-ancestor>a,
.header-brand-color .navbar-default .navbar-nav>li.current-menu-parent>a,
.header-brand-color .navbar-default .navbar-nav>li.current-menu-item>a{
    color: #fff !important;
}


/*------------------------------------
Header Semi Transparent
--------------------------------------*/
.header-semi-transparent .navbar-default {
    background-color: rgba(10,10,10, .5);
}
@media(max-width: 767px){
    .header-semi-transparent .navbar-default {
        background-color: #007e90;
    }
}
.header-semi-transparent .header-wrapper.sticky .navbar-default {
    background-color: #007e90;
}
.header-semi-transparent .navbar-default .navbar-nav>li>a{
    color: #ffffff;
}


/*---------------------------------------------
Header center menu
-----------------------------------------------*/
@media (min-width: 768px) {
	.header-center-menu .navbar-default {
	    padding: 0;
	}
	.header-center-menu .navbar-header{
	    border-bottom: 1px solid #eee;
	    padding: 15px 0 25px;
	}
	.header-center-menu .navbar-header,
	.header-center-menu .navbar-header .navbar-brand{
	    float:none;
	    text-align: center;
	}
	.header-center-menu .main-menu{
	    text-align: center;
	}
	.header-center-menu .navbar-nav{
	    float: none;
	}
	.header-center-menu .navbar-nav>li{
	    float: none;
	    display: inline-block;
	}
	.header-center-menu .header-wrapper.sticky .navbar-header,
	.header-center-menu .header-wrapper.sticky .navbar-header .navbar-brand,
	.header-center-menu .header-wrapper.sticky .navbar-nav>li{
	    float:left;
	}
	.header-center-menu .header-wrapper.sticky .navbar-nav{
	    float: right;
	}
	.header-center-menu .header-wrapper.sticky .navbar-header{
	    border-bottom: 0;
	    padding: 0;
	}
}


/*Header bottom menu*/
@media(min-width: 768px){
    .home.header-bottom-menu .header-wrapper.navbar-bottom-fixed{
        position: absolute;
        bottom: 0;
        top: auto;
        width: 100%;
        z-index: 100000;
    }
    .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav li .dropdown-wrapper{
        position: absolute;
        bottom: 40px;
        top: auto;
        padding-bottom: 22px;
        padding-top: 0;
    }
    .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav > li:hover > .dropdown-wrapper {
        bottom: 48px;
    }
    .home.header-bottom-menu.hover-border-bottom .header-wrapper:not(.sticky) .navbar-nav > li:hover > .dropdown-wrapper {
        bottom: 80px;
    }
    .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper{
        bottom: 0;
        padding-bottom: 0;
    }

    .home.header-bottom-menu .header-wrapper:not(.sticky) .navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper {
        position: static;
        padding: 0;
    }

    .home.header-bottom-menu .navbar-nav li .megamenu-wrapper{
        bottom: 0px;
        top: auto;
        bottom: -15px;
        top: auto;
        padding: 0 0 22px;
    }
}

.header-bottom-menu .header-wrapper.navbar-bottom-fixed.sticky{
    position: fixed;
    top: 0;
    bottom: auto;
    width: 100%;
    z-index: 100000;
}


/*Header floating menu*/
.header-floating-menu .header-wrapper.navbar-fixed-top{
    position: absolute;
    top: 50px;
}
.header-floating-menu .header-floating-wrapper{
    background-color: #fff;
    border-radius: 3px;
}
.header-floating-menu .header-floating-wrapper .container{
    width: inherit;
}
.header-floating-menu .header-wrapper.navbar-fixed-top.sticky {
    top: 30px;
}


.header-wrapper.navbar-fixed-top{
    position: static;
    top: 0;
}
.header-semi-transparent .header-wrapper.navbar-fixed-top,
.header-transparent .header-wrapper.navbar-fixed-top{
    position: absolute;
}
.header-wrapper.navbar-fixed-top.sticky{
    position: fixed;
}

.admin-bar .header-wrapper{
    top: 32px;
}

@media(max-width : 782px) {
    .admin-bar .navbar-fixed-top{
        top: 45px;
    }
}
@media(max-width : 600px) {
    .admin-bar .navbar-fixed-top.sticky{
        top: 0;
    }
}

.header-transparent .header-wrapper.sticky .navbar-default{
    background-color: #007e90;
}
@media (min-width: 768px) {
	.header-transparent .navbar-default .navbar-nav>li>a {
	    color: #fff;
	}
	.header-transparent .header-wrapper.sticky .navbar-nav>li>a{
	    color: #202020;
	}
}
@media (max-width: 767px) {
    .header-transparent .top-bar .social-top a i{
        color: #202020;
    }
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  color: #007e90;
  background-color: transparent;
}


/* =-=-=-=-=-=-= DROPDOWN MENU =-=-=-=-=-=-= */
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
  color: #007e90;
  background-color: transparent;
}
.navbar-nav>li:hover > .dropdown-wrapper > ul{
    display: block;
}
.navbar-nav>li .dropdown-menu {
  border-radius: 0;
  padding: 0;
}
.dropdown-menu>li>a {
    width: 100%;
    padding: 10px 20px;
    font-size: 13px;
	line-height: 24px;
    color: #202020;
    text-decoration: none;
    display: inline-block;
    position: relative;
    outline: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.03) !important;
}
.dropdown-menu>li>a.menu-heading {
	border-top: 0!important;
}
.dropdown-menu li a:hover{
    background-color: #fafafa !important;
}
.dropdown>li>a::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #03a9f4;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dropdown li:hover >a::before {
    width: 100%;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
    color: #fafafa;
    background-color: #007e90 !important;
}
.navbar-default .navbar-nav li.current-menu-ancestor>a,
.navbar-default .navbar-nav li.current-menu-parent>a,
.navbar-default .navbar-nav li.current-menu-item>a{
    color: #fafafa !important;
}
@media screen and (max-width: 767px) {
	.header-brand-color .navbar-default .navbar-nav li.current-menu-ancestor>a,
	.header-brand-color .navbar-default .navbar-nav li.current-menu-parent>a,
	.header-brand-color .navbar-default .navbar-nav li.current-menu-item>a{
        color: #fff !important;
        font-weight: 700;
    }
}
.navbar-default .navbar-nav li.current-menu-ancestor>a.menu-heading,
.navbar-default .navbar-nav li.current-menu-parent>a.menu-heading,
.navbar-default .navbar-nav li.current-menu-item>a.menu-heading {
    color: #202020 !important;
}
.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a{
    color: #202020;
}
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a:hover,
.navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a:hover {
    color: #007e90;
}
.navbar-nav li .dropdown-wrapper {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 40px;
    padding-top: 22px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    z-index: 999;
}

.header-wrapper.sticky .navbar-nav > li > .dropdown-wrapper{
    padding-top: 15px;
}

/*hover-border-bottom*/
.hover-border-bottom .navbar-nav li .dropdown-wrapper {
	padding-top: 31px;
}
.hover-border-bottom .header-wrapper.sticky .navbar-nav li .dropdown-wrapper,
.hover-border-bottom .header-wrapper.sticky .navbar-nav li .megamenu-wrapper {
    padding-top: 14px;
}
.has-header-topbar.hover-border-bottom .navbar-nav li .dropdown-wrapper {
    padding-top: 10px;
}

@media(min-width: 768px){
    .header-dark.hover-border-bottom .navbar-default .navbar-nav>li>a:focus, 
    .header-dark.hover-border-bottom .navbar-default .navbar-nav>li>a:hover,
    .header-dark.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
    .header-dark.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-parent>a, 
    .header-dark.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-item>a,
    .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:focus, 
    .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:hover,
    .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
    .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-parent>a, 
    .header-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-item>a 
    .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:focus, 
    .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li>a:hover,
    .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
    .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-parent>a, 
    .header-semi-transparent.hover-border-bottom .navbar-default .navbar-nav>li.current-menu-item>a {
        color: #fff !important;
    }
}

.header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li a:focus, 
.header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li a:hover,
.header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li.current-menu-ancestor>a, 
.header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li.current-menu-parent>a, 
.header-transparent.hover-border-bottom .sticky .navbar-default .navbar-nav>li.current-menu-item>a {
	color: #007e90 !important;
}

/*hover-box*/
.hover-box .navbar-nav li .dropdown-wrapper, 
.hover-border-box .navbar-nav li .dropdown-wrapper,
.hover-border-box .header-wrapper.sticky .navbar-nav > li > .dropdown-wrapper {
    padding-top: 28px;
}
.hover-box.has-header-topbar .navbar-nav > li > .dropdown-wrapper,
.hover-border-box.has-header-topbar .navbar-nav > li > .dropdown-wrapper {
	padding-top: 15px;
}
.hover-box .header-wrapper.sticky .navbar-nav > li > .dropdown-wrapper,
.hover-border-box.header-center-menu .navbar-nav > li > .dropdown-wrapper {
    padding-top: 17px;
}
.hover-box.header-center-menu .navbar-nav > li > .dropdown-wrapper {
    padding-top: 16px;
}

/*default nav*/
.navbar-nav > li:hover > .dropdown-wrapper,
.has-header-topbar.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper,
.has-header-topbar.header-center-menu.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper,
.has-header-topbar.hover-border-bottom.header-center-menu .navbar-nav li:hover > .megamenu-wrapper {
    top: 57px;
}

.header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper,
.has-header-topbar .navbar-nav > li:hover > .dropdown-wrapper,
.has-header-topbar .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper {
    top: 53px;
}

/*hover border bottom nav*/
.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper {
    top: 70px;
}

.has-header-topbar.hover-border-bottom.header-center-menu .sticky .navbar-nav li:hover > .megamenu-wrapper {
    top: 56px;
}

/*hover box/border box*/
.hover-box .navbar-nav > li:hover > .dropdown-wrapper,
.hover-border-box .navbar-nav > li:hover > .dropdown-wrapper,
.hover-border-box.has-header-topbar .navbar-nav > li:hover > .dropdown-wrapper,
.hover-box.has-header-topbar .navbar-nav > li:hover > .dropdown-wrapper,
.hover-box.has-header-topbar .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper {
	top: 41px;
}

.hover-box .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper{
    top: 48px;
}

.hover-border-box .header-wrapper.sticky .navbar-nav > li:hover > .dropdown-wrapper {
    top: 28px;
}

/*header-center-menu*/
.header-center-menu .navbar-nav > li:hover > .dropdown-wrapper,
.header-center-menu .navbar-nav li:hover > .megamenu-wrapper,
.has-header-topbar.header-center-menu .navbar-nav > li:hover > .dropdown-wrapper,
.has-header-topbar.header-center-menu .navbar-nav li:hover > .megamenu-wrapper,
.header-center-menu.hover-border-box .navbar-nav > li:hover > .dropdown-wrapper {
    top: 38px;
}

.header-center-menu.hover-border-bottom .navbar-nav > li:hover > .dropdown-wrapper {
	top: 36px;
}
.header-center-menu.hover-border-bottom .navbar-nav li:hover > .megamenu-wrapper {
    top: 37px;
}
.header-center-menu.hover-border-bottom .sticky .navbar-nav > li:hover > .dropdown-wrapper {
    top: 53px;
}

.navbar-nav li .dropdown-wrapper span{
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 15px;
}


/* =-=-=-=-=-=-= 2ND LAVEL MENU =-=-=-=-=-=-= */
.navbar-nav li > .dropdown-wrapper li > .dropdown-wrapper{
    left: 100%;
    margin-left: 10px;
    top: 0;
    padding: 0 0 0 5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.navbar-nav li > .dropdown-wrapper li.dropdown-inverse .dropdown-wrapper{
    left: auto;
    right: 100%;
    margin-right: 10px;
    margin-left: 0;
    padding: 0 5px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.navbar-nav li > .dropdown-wrapper li.dropdown-inverse:hover .dropdown-wrapper{
    margin-right: -5px;
}

.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{
    margin-left: -5px;
}
.navbar-nav > li:hover > .dropdown-wrapper,
.navbar-nav > li .dropdown-wrapper li:hover > .dropdown-wrapper{
    visibility: visible;
    opacity: 1;
}


/* =-=-=-=-=-=-= MEGA MENU STYLE =-=-=-=-=-=-= */
.navbar-nav li .megamenu-wrapper{
    position: absolute;
    top: 50px;
    left: auto;
    right: 0;
    visibility: hidden;
    opacity: 0;
    padding: 22px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.header-wrapper.sticky .navbar-nav li .megamenu-wrapper{
    padding-top: 15px;
}

/*hover-border-bottom*/
.hover-border-bottom .navbar-nav li .megamenu-wrapper {
	padding: 30px 0 0;
}
.has-header-topbar.hover-border-bottom .navbar-nav li .megamenu-wrapper {
    padding: 10px 0 0;
}

/*hover-border-box*/
.hover-border-box.header-center-menu .navbar-nav li .megamenu-wrapper {
    padding: 17px 0 0;
}
.hover-border-box .header-wrapper.sticky .navbar-nav li .megamenu-wrapper {
    padding-top: 24px;
}
.hover-border-box .navbar-nav li .megamenu-wrapper {
    padding: 28px 0 0;
}
.navbar-nav li:hover > .megamenu-wrapper, 
.has-header-topbar.hover-border-bottom .navbar-nav li:hover > .megamenu-wrapper {
    top: 60px;
}
.header-wrapper.sticky .navbar-nav li:hover > .megamenu-wrapper,
.has-header-topbar .navbar-nav li:hover > .megamenu-wrapper,
.has-header-topbar.header-wrapper.sticky .navbar-nav li:hover > .megamenu-wrapper {
    top: 51px;
}

/*hover-border-bottom*/
.hover-border-bottom .navbar-nav li:hover > .megamenu-wrapper {
    top: 74px;
}

/*hover-border-box*/
.hover-border-box .navbar-nav li:hover > .megamenu-wrapper {
    top: 54px;
}
.hover-border-box.has-header-topbar .navbar-nav li:hover > .megamenu-wrapper {
    top: 50px;
}
.hover-border-box .header-wrapper.sticky .navbar-nav li:hover > .megamenu-wrapper {
    top: 46px;
}
.hover-border-box.header-center-menu .navbar-nav li:hover > .megamenu-wrapper {
    top: 38px;
}
.navbar-nav li:hover > .megamenu-wrapper,
.navbar-nav li:hover > .megamenu-wrapper .dropdown-wrapper{
    visibility: visible;
    opacity: 1;
}
.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper{
    position: static;
    padding: 0;
}
.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul{
    display: block;
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
}
.navbar-nav li.has-mega-menu > .megamenu-wrapper .dropdown-wrapper ul li{
    border: 0;
}
.navbar-nav li.has-mega-menu li.has-mega-menu-child .dropdown-wrapper ul li:last-child a{
    border-bottom: 0;
}
.megamenu-wrapper .dropdown-megamenu{
    width: 100%;
    padding: 20px 20px 10px !important;
}
.megamenu-wrapper .menu-col-1 > li{
    width: 100%;
}
.megamenu-wrapper .menu-col-2 > li{
    width: 48%;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.megamenu-wrapper .menu-col-3 > li{
    width: 31%;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.megamenu-wrapper .menu-col-4 > li{
    width: 24%;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
@media (min-width : 768px) and (max-width : 991px) {
    .megamenu-wrapper .menu-col-4 > li{
        width: 23%;
    }
    .megamenu-wrapper ul li a{
        padding: 10px;
    }
}
.navbar-default.sticky .dropdown-wrapper{
    top: 40px;
    padding-top: 23px;
}
.navbar-default.sticky .megamenu-wrapper{
    top: 35px;
    padding-top: 28px;
}

.navbar-default.sticky .navbar-nav li:hover > .megamenu-wrapper{
    top: 25px;
}

@media (min-width : 992px) and (max-width : 1199px) {
    .navbar-nav li .megamenu-wrapper,
    .navbar-nav li .dropdown-wrapper{
        padding-top: 20px;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
    .navbar-default {
        padding: 10px 0;
    }
    .navbar .nav>li{
        padding: 0;
    }
    /*navbar*/
    .navbar-default .navbar-nav>li>a {
        padding: 10px 5px 10px;
        font-size: 12px;
    }
    .navbar-default.sticky .navbar-nav>li>a {
        padding: 20px 12px;
    }
    .navbar-nav li .dropdown-wrapper,
    .navbar-nav li .megamenu-wrapper{
        padding-top: 12px;
    }
}


/* =-=-=-=-=-=-= MOBILE MENU STYLE =-=-=-=-=-=-= */
@media(max-width : 767px) {

	.navbar-nav li a {
	    padding-top: 7px;
	    padding-bottom: 7px;
	    color: #202020;
	}
	.header-dark .navbar-nav li a,
	.header-brand-color .navbar-nav li a,
	.header-semi-transparent .navbar-nav li a {
	    color: #fff;
	}
    .navbar .nav>li{
        padding: 0;
    }
    .navbar-nav li{
        list-style: none;
    }
    .navbar-default ul ul{
        padding-left: 20px !important;
    }
	.navbar-default .navbar-nav li a {
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	.header-dark .navbar-default .navbar-nav li a,
	.header-brand-color .navbar-default .navbar-nav li a,
	.header-semi-transparent .navbar-default .navbar-nav li a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
        background-color: transparent;
        color: #007e90;
    }
    .navbar-default .navbar-nav li.current-menu-ancestor.has-mega-menu-child>a,
    .navbar-default .navbar-nav li.current-menu-parent.has-mega-menu-child>a{
        color: #ffffff;
    }
    .navbar-nav li .dropdown-wrapper,
    .navbar-nav li .sub-dropdown-wrapper{
        position: static;
        padding: 0;
        margin: 0;
    }
    .navbar-nav>li:hover > .dropdown-wrapper > ul{
        display: none;
    }
    .navbar-nav>li.open > .dropdown-wrapper > ul{
        display: block;
    }
    .navbar-brand {
        padding: 5px 15px;
        margin: 0;
    }

    /*mobile menu dropdown trigger*/
    .dropdown-menu-trigger{
		position: absolute;
	    right: 0;
	    top: 0;
	    background-color: transparent;
	    color: #616161;
	    border: 0;
	    text-align: center;
	    width: 60px;
	    height: 45px;
	    font-size: 20px;
	    line-height: 43px;
	    border-left: 1px solid rgba(0, 0, 0, 0.05);
    }
	
	.header-brand-color .dropdown-menu-trigger.menu-collapsed,
    .header-brand-color .dropdown-menu-trigger,
    .header-dark .dropdown-menu-trigger,
    .header-semi-transparent .dropdown-menu-trigger {
    	color: #fff;
    }
    .header-dark .dropdown-menu-trigger,
    .header-brand-color .dropdown-menu-trigger,
    .header-semi-transparent .dropdown-menu-trigger {
	    border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
    .dropdown-menu-trigger:focus {
    	background-color: transparent;
    }

    .dropdown-menu-trigger.menu-collapsed {
        color: #03a9f4;
    }
    .dropdown-menu-trigger i:last-child{
        display: none;
    }
    .dropdown-menu-trigger.menu-collapsed i:first-child{
        display: none;
    }
    .dropdown-menu-trigger.menu-collapsed i:last-child{
        display: block;
    }
    .has-mega-menu .has-mega-menu-child .collapse{
        display: block;
        padding: 0;
    }
    .has-mega-menu .has-mega-menu-child .dropdown-menu-trigger{
        display: none;
    }

    .mobile-menu.navbar-collapse{
        max-height: 340px;
    }
}

.navbar-toggle {
    border-radius: 0;
    margin-top: 14px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fafafa;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header-dark .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover{
    background-color: #007e90;
    border-color: #007e90;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #007e90;
}


/* =-=-=-=-=-=-= FOOTER MENU =-=-=-=-=-=-= */
.footer-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-nav>li{
    display: inline-block;
}
.footer-nav>li{
    margin-right: 20px;
}
.footer-nav>li:last-child{
    margin-right: 0;
}
.footer-menu ul li a{
    display: block;
    font-size: 14px;
    color: #ffffff;
}
.footer-menu ul li a:hover{
    color: #81ddff;
}


/*footer dropdown*/
.footer-nav ul.sub-menu{
    display: none;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 190px;
    background-color: #ffffff;
    padding: 10px;
}
.footer-nav ul.sub-menu li a{
    color: #202020;
}
.footer-nav ul.sub-menu li a:hover{
    color: #03a9f4;
}
.footer-nav>li>ul.sub-menu>li ul.sub-menu{
    left: 170px;
    bottom: 0;
}
.footer-nav>li>ul ul{
    display: none;
}
.footer-nav li{
    position: relative;
}
.footer-nav>li > ul.sub-menu li:hover > ul.sub-menu,
.footer-nav > li:hover>ul.sub-menu{
    display: block;
}

@media screen and (max-width: 580px) {
    .footer-menu ul {
        text-align: center;
    }
    .footer-menu ul li {
        float: none;
        display: inline-block;
    }
}


/* ================= SEARCH STYLE ==================== */

@media (min-width: 768px) {
	.has-header-search .navbar-nav{
	    margin-right: 30px;
	}
}

.search-wrapper{
    position: relative;
}
.search-trigger {
    position: absolute;
    right: 0;
    top: -17px;
    cursor: pointer;
    z-index: 200
}
.hover-border-bottom .search-trigger,
.header-center-menu .search-trigger {
	top: 0;
}
.search-trigger:focus {
    outline: none
}
.search-trigger i {
    font-size: 18px;
    line-height: 100px;
    color: #202020;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0px auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.header-center-menu .search-trigger i {
    line-height: 65px;
}
.hover-border-bottom .search-trigger i {
    line-height: 106px;
}
.hover-border-bottom .sticky .search-trigger i,
.hover-border-bottom.has-header-topbar .search-trigger i {
    line-height: 74px;
}
.search-trigger i:hover,
.header-transparent .sticky .search-trigger i:hover {
    color: #03a9f4;
}
.header-dark .search-trigger i,
.header-transparent .search-trigger i,
.header-semi-transparent .search-trigger i,
.header-brand-color .search-trigger i,
.header-transparent .search-trigger i:hover,
.header-brand-color .search-trigger i:hover {
	color: #fff;
}
.header-transparent .sticky .search-trigger i {
	color: #202020;
}

@media (min-width: 769px) {
    .search-trigger.light i {
        color: #fff;
    }
    .search-trigger.dark i {
        color: #202020;
    }
    .sticky .search-trigger.light i {
        color: #999;
    }
    .sticky .search-trigger.light.semidark i {
        color: #fff;
    }
}

.tt-nav.sticky .search-trigger i.material-icons {
    line-height: 62px;
}

.search-trigger .search-btn {
    padding: 0;
    outline: 0;
    width: 40px;
    height: 40px;
    margin-top: 30px;
    border-radius: 50%;
    box-sizing: border-box;
    transform-origin: 50%;
    -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-trigger .search-btn:active,
.search-trigger .search-btn:focus {
    outline: none
}
.search-trigger .icon-search,
.search-trigger .search-close {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.icon-search {
    position: absolute;
    top: 18px;
    left: 20px;
    font-size: 28px
}
.search-close {
    position: fixed;
    top: 35px;
    right: 35px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 30px;
    visibility: hidden;
    -webkit-transform: translate(10px, 0) rotate(90deg);
    -moz-transform: translate(10px, 0) rotate(90deg);
    -ms-transform: translate(10px, 0) rotate(90deg);
    -o-transform: translate(10px, 0) rotate(90deg);
    transform: translate(10px, 0) rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1001;
    cursor: pointer
}
.search-close:hover {
    color: #fff;
}
.search-form-wrapper{
    position: relative;
}
.search-form-wrapper .search-button{
    position: absolute;
    top: 30px;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.search-form-wrapper .search-button i.material-icons {
	font-size: 20px;
}
.search-form-wrapper .input-field input[type=text],
.search-form-wrapper .input-field input[type=search] {
    color: #fff;
    font-size: 17px !important;
    padding: 5px 0;
    top: -10px;
    margin: 0;
}
.search-form-wrapper .input-field label {
	font-size: 14px;
	font-weight: 400;
}
.search-form-wrapper .input-field label.active {
    font-size: 12px;
}
.search-form-wrapper form{
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    pointer-events: none;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;    
    visibility: hidden;
    -webkit-transform: translate(40px, 0);
    -moz-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    -o-transform: translate(40px, 0);
    transform: translate(40px, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}
.active-search {
    overflow: hidden;
}
.active-search .search-form-wrapper form,
.active-search .search-close {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.active-search .search-trigger .icon-search {
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    visibility: hidden
}
.active-search .search-trigger .search-btn {
    position: relative;
    cursor: default;
    z-index: 300;
    background-color: rgba(3, 169, 244, 0.9);
    -webkit-transform: scale(90);
    -moz-transform: scale(90);
    -ms-transform: scale(90);
    -o-transform: scale(90);
    transform: scale(90);
}

@media screen and (max-width: 767px) {
	.header-brand-color .navbar-default .navbar-toggle,
	.header-semi-transparent .navbar-default .navbar-toggle {
	    border-color: #fff;
	}
	.header-semi-transparent .navbar-default .navbar-toggle:hover,
	.header-semi-transparent .navbar-default .navbar-toggle:focus {
		border-color: transparent;
	}
	.header-brand-color .navbar-toggle .icon-bar,
	.header-semi-transparent .navbar-toggle .icon-bar {
	    background-color: #007e90;
	}
	.search-trigger {
	    right: 50px;
	    top: 0;
	}
    .search-trigger i,
    .sticky .search-trigger i {
        line-height: 60px;
    }
	.hover-border-bottom .search-trigger i,
	.hover-border-bottom .sticky .search-trigger i {
	    line-height: 65px;
	}
	.header-transparent .search-trigger i,
	.header-transparent .search-trigger i:hover {
	    color: #202020;
	}    
    .search-trigger .search-btn {
        margin-top: 6px;
    }
	.header-center-menu .search-trigger {
	    top: -42px;
	}
	.header-center-menu .search-trigger i {
	    line-height: 20px;
	}
}

.home.header-bottom-menu .search-form-wrapper form{
    position: fixed;
    left: 15px;
    right: 15px;
}

@media(min-width: 768px){
    .home.header-bottom-menu .search-form-wrapper form{
        left: 150px;
        right: 150px;
    }
}

/* =-=-=-=-=-=-= SLIDER SECTION =-=-=-=-=-=-= */
.slider-wrapper{
    margin-bottom: 120px;
}
.trendy-slider {
    overflow: hidden;
    position: relative;
}
.trendy-slider img{
    width: 100%;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    max-height: 700px;
    opacity:.8;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.carousel-fade .carousel-inner .active { 
    opacity: 1 
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { 
    opacity: 1 
}
.carousel-fade .carousel-inner .item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}
.carousel-fade .carousel-control {
    z-index: 20 
}


/* Caption style
------------------------------------------- */
.trendy-slider .carousel-caption {
    position: absolute;
    top: 50%;
    margin-top: -165px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    color: #fff;
    bottom: inherit;
}

.trendy-slider .slides-container > li:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}

/* Next and previous control button style
------------------------------------------- */

/*control button style one*/
.slides-navigation a{
    width: 50px;
    height: 50px;
    line-height: 46px;
    font-size: 40px;
    top: 50%;
    text-align: center;
    margin-top: -25px;
    border-radius: 50%;
    color: #000;
    background-color: #ddd;
    background-image: none;
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
}
.tt-home-slider:hover .slides-navigation a {
    opacity: 1;
    visibility: visible;
}
.tt-home-slider .slides-navigation a:hover {
    background-color: #03a9f4;
    color: #fff;
}
.tt-home-slider .slides-navigation a.prev {
    left: 30px;
}
.tt-home-slider .slides-navigation a.next{
    right: 30px;
}


/* Text animation delay for first slider
------------------------------------------- */
.delay-1 {
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    animation-delay: 300ms;
}
.delay-2 {
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    animation-delay: 600ms;
}
.delay-3 {
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}
.delay-4 {
    -webkit-animation-delay: 1500ms;
    -moz-animation-delay: 1500ms;
    animation-delay: 1500ms;
}


/* =-=-=-=-=-=-= SLIDER AND HERO UNIT STYLE =-=-=-=-=-=-= */
.slider-caption {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-transform: uppercase;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.hero-block-caption h2,
.slider-caption h2{
    color:#FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
}

.hero-block-caption h2 strong,
.slider-caption h2 span,
.slider-caption h2 strong{
    font-weight: 900;
}

.hero-block-caption h3,
.slider-caption h3{
    color:#FFFFFF;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
    font-family: 'Open Sans', sans-serif;
}

.hero-block-caption .btn{
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  border-color: #fff;
  border-radius: 30px;
  padding: 20px 58px;
}

.hero-block-caption .btn:hover{
    background: #fff;
    border-color: transparent;
    color: #03a9f4;
}

.home-section .intro h2,
.tt-text-rotator h2 {
    font-weight: 300;
    color: #fff;
    font-size: 75px;
    line-height: 80px;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
}

.bold-font,
.tt-text-rotator h2 {
    font-weight: 800;
}

.home-section .intro h3, 
.intro-sub h3 {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.intro .btn {
    padding: 20px 58px;
    font-size: 20px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    border-color: #fff;
    border-radius: 30px;
}
.intro .btn:hover {
    background: #fff;
    border-color: transparent;
    color: #03a9f4;
}

@media (max-width : 767px) {
    .hero-block-caption h2,
    .slider-caption h2,
    .home-section .intro h2,
    .tt-text-rotator h2 {
      font-size: 22px;
      line-height: 35px;
      letter-spacing: 0;
      margin-bottom: 0; 
    }
    .hero-block-caption h3,
    .slider-caption h3,
    .home-section .intro h3, 
    .intro-sub h3{
      font-size: 10px;
      margin-bottom: 15px;
    }
    .hero-block-caption .btn,
    .slider-caption .btn,
    .intro .btn {
      font-size: 14px;
      padding: 10px 30px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
    
    .hero-block-caption h2,
    .slider-caption h2,
    .home-section .intro h2,
    .tt-text-rotator h2{
      font-size: 33px;
      line-height: 56px;
    }
    .hero-block-caption h3,
    .slider-caption h3,
    .home-section .intro h3, 
    .intro-sub h3{
      font-size: 14px;
      margin-bottom: 25px;
    }
}

/* Intro Block
------------------------------------------- */
.intro-block {
    width: 100%;
    min-height: 300px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.intro-content {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    padding: 0 50px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.intro-block:hover .intro-content {
    -webkit-transform: translate(0%, -65%);
    -moz-transform: translate(0%, -65%);
    -ms-transform: translate(0%, -65%);
    -o-transform: translate(0%, -65%);
    transform: translate(0%, -65%);
}
.intro-block h2 {
    color: #fff;
}
.intro-block p {
    line-height: 24px;
    margin: 0;
}
.intro-block a.learn-more{
    position: absolute;
    color: #03a9f4;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    left: 0;
    bottom: -50px;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.intro-block:hover a.learn-more{
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.intro-block a.learn-more:hover{
    background: #fff;
}
.intro-block a.learn-more i {
    margin-left: 15px;
}

@media (min-width : 992px) and (max-width : 1199px) {
    .intro-content {
        padding: 0 30px;
    }
}
@media (max-width : 991px) {
    .intro-block {
        border-bottom: 1px solid #f1f1f1;
    } 
}
@media (max-width: 650px) {
    .intro-block {
        border-bottom: 0;
    }
}

/* =-=-=-=-=-=-= PAGE HEADER STYLE =-=-=-=-=-=-= */
.page-title {
    position: relative;
    padding: 10px 0;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.header-transparent .page-title{
    padding: 180px 0 120px;
}

.header-semi-transparent .page-title{
    padding: 220px 0 80px;
}
.title-overlay-color{
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.page-title .container {
    position: relative;
}
.page-title h2{
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0;
    word-break: break-word;
    -ms-word-break: break-word;
}
.breadcrumb>li+li:before{
    padding: 0 0;
}
/*Page Sub-title*/
.page-title span {
    font-weight: 400;
    display: inline-block;
    font-size: 16px;
    text-transform: capitalize;
}
.page-title.overlay-enable h2,
.page-title.overlay-enable span,
.page-title.overlay-enable .breadcrumb li a,
.page-title.overlay-enable .breadcrumb li.active{
    color: #ffffff;
}

.blog .page-title,
.single-post .page-title,
.single-tt-service .page-title,
.single-tt-joblist .page-title{
    text-align: center;
}
.blog .page-title .breadcrumb,
.single-post .page-title .breadcrumb,
.single-tt-service .page-title .breadcrumb,
.single-tt-joblist .page-title .breadcrumb{
    position: static;
}

.blog .page-title h2,
.single-post .page-title h2,
.single-tt-joblist .page-title h2,
.single-tt-service .page-title h2,
.single-tt-portfolio .page-title h2{
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
}

.header-section-hide .vc-page-contents,
.header-section-hide .page-wrapper,
.header-section-hide .blog-wrapper,
.header-section-hide .materialize-shop{
    padding-top: 100px;
}

.header-section-hide .login-wrapper{
    margin-top: 100px;
}

/* Breadcrumb
------------------------------------------- */
.page-title .breadcrumb {
    position: absolute;
    background-color: transparent;
    width: auto;
    top: 50%;
    left: auto;
    right: 30px ;
    margin: -10px 0 0 0;
    padding: 0;
}
.page-title .breadcrumb li {
    letter-spacing: 1px;
    color: inherit;
}
.page-title .breadcrumb li a{
    color: inherit;
}

/* Page Title Center
------------------------------------------- */
.page-title.text-center {
    text-align: center;
}
.page-title.text-center .breadcrumb {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 20px 0 0 0;
}

/* Page Title Left
------------------------------------------- */
.page-title.text-left {
    text-align: left;
}
.page-title.text-left .breadcrumb {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    margin: 20px 0 0 0;
}

/* Page Title Right
------------------------------------------- */
.page-title.text-right {
    text-align: right;
}
.page-title.text-right .breadcrumb {
    position: relative;
    top: 0;
    left: auto;
    right: 0;
    margin: 20px 0 0 0;
}

/* Page Title(only title) Right
------------------------------------------- */
.page-title.title-right {
    text-align: right;
}
.page-title.title-right .breadcrumb {
    left: 0;
    right: auto;
}
@media (max-width: 767px) {
    .page-title,
    .page-title.page-title-right {
        text-align: center;
    }
    .page-title .breadcrumb {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        margin: 10px 0 0 !important;
        position: relative !important;   
    }
}


/* =-=-=-=-=-=-= PORTFOLIO STYLE =-=-=-=-=-=-= */
.tax-tt-portfolio-cat .portfolio-container{
    padding: 0 0 100px;
}
.tax-tt-portfolio-cat .pagination{
    margin-top: 0;
}
/*
Portfolio Filter
-------------------------------------------------------*/
.portfolio-filter {
    margin:0 0 50px;
    padding: 0;
    list-style: none;
}

.portfolio-filter li {
    display: inline-block;
    color: #202020;
    background-color: #eee;
    padding: 7px 22px;
    margin: 4px;
    border-radius: 2px;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.portfolio-filter li:hover,
.portfolio-filter li.active {
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/*Preset Color*/
.brand-filter li:hover,
.brand-filter li.active {
    background-color: #03a9f4;
}

ul.portfolio-filter.default-color li.active {
    background-color: #03a9f4;
}
ul.portfolio-filter.dark-color li.active {
    background-color: #1B2E3F;
}
ul.portfolio-filter.default-color li.active,
ul.portfolio-filter.dark-color li.active {
    color: #fff;
}


/* filter-transparent
------------------------------------------- */
ul.portfolio-filter.filter-transparent li {
    color: #a9a8a8;
    background-color: transparent;
}
ul.portfolio-filter.filter-transparent li.active {
    background-color: transparent;
}

/*filter-square*/
ul.portfolio-filter.filter-square li{
    border-radius: 0;
}

/*filter-round*/
ul.portfolio-filter.filter-round li{
    border-radius: 20px;
}

/*filter-rounded*/
ul.portfolio-filter.filter-rounded li{
    border-radius: 2px;
}

/*filter-outline*/
ul.portfolio-filter.filter-outline li{
    border: 1px solid #ccc;
    background-color: transparent;
}
ul.portfolio-filter.filter-outline li.active {
    border: 1px solid transparent;
}


/* Portfolio CSS Start
------------------------------------------- */
.portfolio-wrapper{
    margin-bottom: 30px;
}
.no-padding .portfolio-wrapper{
    margin-bottom: 0;
}
.portfolio{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.portfolio img{
    width: 100%;
}
.no-padding .portfolio {
    margin-bottom: 0;
}
.portfolio .zilla-likes-count{
    margin-left: 10px;
}
.portfolio-item {
    float: left;
}

.portfolio-item .thumb {
    position: relative;
    overflow: hidden;
}
.portfolio-item .thumb img{
    width: 100%;
    height: auto;
    display: block;
}


/*
Default Portfolio Hover
-----------------------------------------------------------------*/
.portfolio-wrapper .bg-overlay {
    position: absolute;
    bottom: -200px;
    right: -200px;
    width: 200px;
    height: 200px;
    background-color: rgba(3, 169, 244, 0.9);
    z-index: 1;
    border-radius: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);
    -moz-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);
    -ms-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);
    -o-transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);
    transition: all 0.5s cubic-bezier(0.39,0.575,0.56499,1);

    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
}
.portfolio-wrapper:hover .bg-overlay {
    right: 0;
    bottom: 0;
    -webkit-transform: scale(10) translateZ(0);
    -moz-transform: scale(10) translateZ(0);
    -ms-transform: scale(10) translateZ(0);
    -o-transform: scale(10) translateZ(0);
    transform: scale(10) translateZ(0);
}

/*Internet Explorar Fixing*/
.ie9 .portfolio-wrapper:hover .bg-overlay {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.portfolio-intro .action-btn,
.portfolio-intro h2,
.portfolio-intro p {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    z-index: 10;
    opacity: 0;
}
.portfolio-intro h2,
.portfolio-intro p {
    -webkit-transform: translate(0%, 100px);
    -moz-transform: translate(0%, 100px);
    -ms-transform: translate(0%, 100px);
    -o-transform: translate(0%, 100px);
    transform: translate(0%, 100px);
}
.portfolio-wrapper:hover .portfolio-intro h2,
.portfolio-wrapper:hover .portfolio-intro p {
    opacity: 1;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.portfolio-wrapper:hover .portfolio-intro .action-btn {
    opacity: 1;
    margin-top: -50px;
    -webkit-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -moz-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -ms-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -o-transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: 400ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.portfolio-wrapper:hover .portfolio-intro h2 {
    margin-top: 15px;
    -webkit-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -moz-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -ms-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -o-transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: 500ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.portfolio-wrapper:hover .portfolio-intro p {
    color: #fff;
    margin-top: 50px;
    -webkit-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -moz-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -ms-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    -o-transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
    transition: 700ms cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.portfolio-wrapper:hover .portfolio-intro.overlay-icon-hidden h2{
    margin-top: -10px;
}
.portfolio-wrapper:hover .portfolio-intro.overlay-icon-hidden p{
    margin-top: 30px;
}
.portfolio-intro .action-btn {
    font-size: 26px;
}
.portfolio-intro h2 {
    margin-bottom: 5px;
    text-transform: capitalize;
}
.portfolio-intro p {
    margin-bottom: 0;
    text-transform: capitalize;
}
.portfolio-intro a,
.portfolio-intro a:hover,
.portfolio-intro a:focus  {
    text-align: center;
    color: #fff;
}

/* gutter */
.gutter .portfolio-item {
    padding: 15px;
}


/* ----------------------------------------------------------------
Portfolio with title
-----------------------------------------------------------------*/
.portfolio-with-title .portfolio-wrapper {
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -ms-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
.portfolio-with-title .portfolio-wrapper:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.portfolio-with-title .portfolio-wrapper:hover .portfolio-title {
    border: 1px solid transparent;
}
.portfolio-with-title .portfolio-title {
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -ms-transition: border 0.3s;
    transition: border 0.3s;
}

.portfolio-with-title .portfolio-title h2,
.portfolio-with-title .portfolio-title h2 a {
    text-transform: capitalize;
    color: #202020;
    margin-bottom: 5px;
}
.portfolio-with-title .portfolio-title p {
    margin: 0;
    text-transform: capitalize;
}
.portfolio-with-title .portfolio-title p a {
    color: #999;
}
.portfolio-with-title .portfolio-title h2 a:hover,
.portfolio-with-title .portfolio-title p a:hover {
    color: #03a9f4;
}
.portfolio-with-title .portfolio-wrapper:hover .portfolio-intro .action-btn {
    margin-top: -15px;
}
.portfolio-with-title.portfolio-masonry .portfolio-title {
    padding: 15px;
}
.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
    padding: 15px 0;
}


/* ----------------------------------------------------------------
Portfolio Card Style
-----------------------------------------------------------------*/
.portfolio-container .portfolio-item a.links{
    margin-right: -3px;
}
.portfolio-item .card a{
    margin-right: 0;
}
.portfolio-item .card .card-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px!important;
    color: #202020;
}
.portfolio-item .card .card-title i {
    color: #03a9f4;
    line-height: 30px;
}
.portfolio-item .card .card-content p a{
    color: #999;
}
.portfolio-item .card .card-content p a:hover{
    color: #03a9f4;
}
.portfolio-item .card .card-reveal {
    padding: 30px;
    background-color: rgba(5, 170, 244, 0.95);
    color: #fff;
}
.portfolio-item .card .card-reveal p {
    line-height: 24px;
}
.portfolio-item .card .card-reveal .card-title {
    color: #fff;
    font-weight: 700;
}
.portfolio-item .card .card-reveal p a,
.portfolio-item .card .card-reveal .card-title i {
    color: #fff;
}
.portfolio-item .card .card-reveal a.readmore {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 15px;
    display: inline-block;
}


/* Portfolio Five Column Grid
------------------------------------------- */
@media (min-width: 992px) {
    .tt-grid .portfolio-item.col-md-5 {
        width: 20%;
    }
}


/* Portfolio Details Page
------------------------------------------- */
.single-portfolio-wrapper{
    margin-top: 100px;
}
.single-tt-portfolio .navbar-default{
    -webkit-box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3);
    -moz-box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3);
    -o-box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3);
    box-shadow: 0px 4px 7px -3px rgba(158, 158, 158, 0.3);
}
.portfolio-nav{
    padding: 0 0 40px;
}
.portfolio-nav a {
    margin-right: 12px;
    color: #a7a7a7;
    font-size: 16px;
}
.portfolio-nav .next a {
    margin-right: 0;
}
.portfolio-nav a:hover {
    color: #007e90;
}
.portfolio-nav .prev a i {
    margin-right: 5px
}
.portfolio-nav .next a i {
    margin-left: 5px
}
.project-overview {
    padding-bottom: 100px;
}
.project-overview .portfolio-title p{
    margin-bottom: 5px;
    text-transform: uppercase;
}
.project-overview .portfolio-title p a{
    color: #007e90;
    margin-right: -3px;
}
.project-overview .portfolio-title h2{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 35px;
}
.project-overview h2{
    font-size: 30px;
    line-height: 22px;
    margin-bottom: 20px;
}
.project-overview p {
    margin-bottom: 25px;
}
.project-overview blockquote {
    background-color: #fafafa;
    font-style: italic;
    padding: 20px 20px 20px 60px;
    font-size: 16px;
    color: #969595;
    border: 1px solid #eee;
    border-left: 5px solid #03a9f4;
    position: relative;
}
.project-overview blockquote::before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    color: #eee;
    left: 15px;
    top: 25px;
}
ul.portfolio-meta {
    padding: 0;
    list-style: none;
}
.portfolio-meta li:first-child{
    margin-top: 0;
}
.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}
.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 1px;
    color: #202020;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
.portfolio-meta li a {
    margin-right: 10px;
    color: #a7a7a7;
}
.portfolio-meta li a:hover {
    color: #03a9f4;
}
.quick-overview .btn {
    text-transform: capitalize;
    margin-top: 20px;
}
.single-portfolio-wrapper .portfolio-slider,
.portfolio-thumbnail{
    margin-bottom: 60px;
}
@media(max-width: 991px){
    .quick-overview {
        margin-top: 40px;
    }
}
.control-two .carousel-control {
    text-shadow: none;
    opacity: 0;
    visibility: hidden;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 30px;
    text-shadow: none;
    opacity: 0;
    background-image: none;
}
.control-two:hover .carousel-control {
    opacity: 1;
    visibility: visible;
}
.control-two:hover .carousel-control:hover {
    color: #03a9f4;
    background-color: #fff;
    border: 1px solid transparent;
}
.control-two .left.carousel-control{
    left: 30px;
}
.control-two .right.carousel-control{
    right: 30px;
}
.portfolio-more-images .single-image {
    margin-top: 10px;
}
.loadmore-btn{
    width: 150px;
}

/* ----------------------------------------------------------------
Magnific Popup Customisation for Portfolio
-------------------------------------------------------------------*/
.mfp-bg{
    z-index: 10420;
}
.mfp-wrap{
    z-index: 10430;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}
.mfp-bottom-bar {
    display: none;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s;
}
.mfp-arrow-right::after {
    content: "\f105" !important;
}
.mfp-arrow-left::after {
    content: "\f104" !important;
}
.mfp-arrow-right::before ,
.mfp-arrow-left::before {
    border: none !important;
}
.mfp-arrow {
    height: 60px;
}
.mfp-arrow::before, 
.mfp-arrow::after, 
.mfp-arrow .mfp-b, 
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}
img.mfp-img {
    padding: 40px 0px 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


/* =-=-=-=-=-=-= FEATURED BOXED STYLE =-=-=-=-=-=-= */
.icon-block {
	margin-top: 40px;
}

/*Icon Default Style*/
.icon-block.icon-default .tt-icon {
    margin-bottom: 15px;
}
.icon-block .tt-icon i{
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.icon-block.icon-default:hover .tt-icon i{
    color: #03a9f4;
}
.icon-block:hover .tt-icon.icon-hover-default i{
	border: 1px solid transparent;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.icon-block:hover .tt-icon.icon-hover-default i{
    background-color: #03a9f4;
    color: #ffffff;
}
.icon-block:hover .tt-icon.icon-hover-white i{
    background-color: #ffffff;
    color: #03a9f4 !important;
}
.icon-block:hover .tt-icon.icon-hover-black i{
    background-color: #202020;
    color: #ffffff;
}


/* Icon Position
------------------------------------------- */

/*icon position left*/
.icon-block.icon-position-left .tt-icon{
    float: left;
    margin-right: 20px;
}
.icon-block.icon-position-left .tt-content{
    overflow: hidden;
}

/*icon position center*/
.icon-block.icon-position-center .tt-icon{
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
.icon-block.icon-position-center .tt-content{
    text-align: center;
}

/*icon position top left*/
.icon-block.icon-position-top-left .tt-icon{
    float: none;
    text-align: left;
}

/*icon postition right*/
.icon-block.icon-position-right .tt-icon{
    float: right;
    text-align: right;
    margin-left: 20px;
}
.icon-block.icon-position-right .tt-content{
    text-align: right;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
	.icon-block.icon-position-right .tt-icon{
	    float: left;
	    text-align: left;
	    margin-right: 20px;
	    margin-left: 0;
	}
	.icon-block.icon-position-right .tt-content{
	    text-align: left;
	}
}
.icon-block i {
    font-size: 28px;
}
.icon-block h3 {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
}
.icon-block .tt-icon a,
.icon-block h3 a{
    color: #202020;
}
.icon-block h3 a:hover{
    color: #c03a2b;
}
.tt-icon.flat-icon i{
    display: inline-block;
}
.icon-block.icon-default .tt-icon i{
    font-size: 40px;
}
.icon-block .tt-icon a.theme-color, 
.icon-block h3.theme-color,
.icon-block h3 a.theme-color{
    color: #03a9f4;
}

/* Icon Shape
------------------------------------------- */
.icon-block.icon-square .tt-icon i,
.icon-block.icon-round .tt-icon i,
.icon-block.icon-circle .tt-icon i {
	display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}

/*Square Icon*/
.icon-block.icon-square .tt-icon i {
    line-height: 70px;
}

/*Round Icon*/
.icon-block.icon-round .tt-icon i {
    line-height: 70px;
    border-radius: 4px;
}

/*Circle Icon*/
.icon-block.icon-circle .tt-icon i {
    line-height: 68px;
    border-radius: 50%;
}

.icon-block.icon-square .tt-icon i,
.icon-block.icon-round .tt-icon i,
.icon-block.icon-circle .tt-icon i {
    border: 1px solid #e2e2e2;
}

/*Theme Color Icon Style*/
.icon-block.icon-square .tt-icon i.theme-color,
.icon-block.icon-round .tt-icon i.theme-color,
.icon-block.icon-circle .tt-icon i.theme-color {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.icon-block.icon-square:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-round:hover .tt-icon.icon-hover-default i.theme-color,
.icon-block.icon-circle:hover .tt-icon.icon-hover-default i.theme-color{
    border: 1px solid #03a9f4;
}
.icon-block.icon-square:hover .tt-icon.icon-hover-white i,
.icon-block.icon-round:hover .tt-icon.icon-hover-white i,
.icon-block.icon-circle:hover .tt-icon.icon-hover-white i{
    border: 1px solid #ffffff;
}
.icon-block.icon-square:hover .tt-icon.icon-hover-black i,
.icon-block.icon-round:hover .tt-icon.icon-hover-black i,
.icon-block.icon-circle:hover .tt-icon.icon-hover-black i{
    border: 1px solid #202020;
}
@media only screen and (max-width : 767px) {
    .icon-block{
      margin-bottom: 30px !important;
    }
}


/*Featured  Block Common Style
-------------------------------------------------------------------*/
.default-block .icon-block {
    margin-top: 20px;
}
.default-block .icon-block {
	padding: 30px 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.outline-border .icon-block,
.featured-carousel .icon-block {
    margin-top: 30px;
    padding: 50px 25px 30px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 4px;
}
.hover-block .icon-block:hover {
    background-color: #03a9f4;
    border: 1px solid transparent;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}
.hover-block .icon-block:hover .tt-icon i,
.hover-block .icon-block:hover .tt-content h3,
.hover-block .icon-block:hover .tt-content p {
    color: #fff !important;
}

.hover-block .icon-block,
.hover-block .icon-block .tt-icon i,
.hover-block .icon-block .tt-content h3,
.hover-block .icon-block .tt-content p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}


/*Featured Border Block
-------------------------------------------------------------------*/
.outline-border .icon-block {
    margin-top: 30px;
}

/*
Carousel Featured Block
-----------------------------------------------------------------*/
.featured-carousel .icon-block {
    margin-top: 0;
}

.featured-carousel.owl-theme .owl-controls {
    margin-top: 20px;
}

.featured-carousel .owl-item {
    padding: 20px 8px;
}

.featured-carousel.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #dadada;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}
.featured-carousel.owl-theme .owl-dots .owl-dot.active span, 
.featured-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #03a9f4 !important;
}


/* Featured Plus Box
-------------------------------------------------------------------*/
.border-plusbox {
    overflow: hidden;
}
.border-plusbox .icon-block {
    margin-top: 0;
}
.border-plusbox .icon-block-grid {
    padding: 50px 30px;
    position: relative;
}
.border-plusbox .icon-block-grid:after,
.border-plusbox .icon-block-grid:before {
    content: '';
    position: absolute;
}
.border-plusbox .icon-block-grid:before {
    height: 100%;
    top: 0;
    right: -2px;
    border-right: 1px solid #eee;
}
.border-plusbox .icon-block-grid:after  {
    width: 100%;
    height: 0;
    top: auto;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #eee;
}
.border-plusbox.hover-block .icon-block:hover {
    background-color: transparent;
    border: 0;
    box-shadow: none; 
}
.border-plusbox.hover-block .icon-block-grid:hover {
    background-color: #03a9f4;
}
.border-plusbox.hover-block .icon-block-grid:hover .tt-icon i,
.border-plusbox.hover-block .icon-block-grid:hover .tt-content h3,
.border-plusbox.hover-block .icon-block-grid:hover .tt-content p {
    color: #fff;
}
.border-plusbox.hover-block .icon-block-grid,
.border-plusbox.hover-block .icon-block-grid .tt-icon i,
.border-plusbox.hover-block .icon-block-grid .tt-content h3,
.border-plusbox.hover-block .icon-block-grid .tt-content p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}


/*Featured Animated Block
-------------------------------------------------------------------*/
.animated-block .icon-block {
    margin-top: 0;
    border: 0;
}
.animated-block.hover-block .icon-block:hover {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.animated-block .icon-block-grid {
    position: relative;
    overflow: hidden;
    padding:40px 30px 20px 30px;
    min-height: 310px;
}
.animated-block .icon-block-grid:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.animated-block .icon-block-grid .tt-content h3 {
	margin-bottom: 30px;
}
.animated-block .icon-block-grid .tt-content p { 
    overflow:hidden; 
    height:0;
    margin: 0;
}
.animated-block .icon-block-grid:hover .tt-content p { 
    height:126px; 
}
.animated-block .icon-block-grid .tt-icon,
.animated-block .icon-block-grid .tt-content h3,
.animated-block .icon-block-grid .tt-content p { 
    position: relative;
    top: 50px; 
}
.animated-block .icon-block-grid:hover .tt-icon,
.animated-block .icon-block-grid:hover .tt-content h3,
.animated-block .icon-block-grid:hover .tt-content p { 
    top: 0; 
}
.animated-block .icon-block-grid,
.animated-block .icon-block-grid .tt-icon,
.animated-block .icon-block-grid .tt-content h3 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}
.animated-block .icon-block-grid .tt-content p {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease; 
}


/*Featured Animated Flat Block
-------------------------------------------------------------------*/
.animated-block.hover-block .icon-block:hover .tt-icon i, 
.animated-block.hover-block .icon-block:hover .tt-content h3, 
.animated-block.hover-block .icon-block:hover .tt-content p {
     color: inherit; 
}
.animated-block.hover-block .icon-block-grid:hover {
    background-color: #03a9f4;
}
.animated-block.hover-block .icon-block-grid:hover .tt-icon i, 
.animated-block.hover-block .icon-block-grid:hover .tt-content h3, 
.animated-block.hover-block .icon-block-grid:hover .tt-content p {
    color: #fff;
}


/* =-=-=-=-=-=-= ABOUT SECTION =-=-=-=-=-=-= */

/*popup*/
.tt-popup-wrapper{
    position: relative;
}

.tt-popup-wrapper img{
    width: 100%;
}
@media (max-width : 1199px) {
    .tt-popup-wrapper img{
        height: auto !important;
    }
}
.tt-popup{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -37px;
    margin-left: 16px;
    text-align: center;
}
.tt-popup i{
    font-size: 68px;
    text-align: center;
    color: #fff;
    margin-left: 5px;
}


/* Content carousel
------------------------------------------- */
.content-carousel-wrapper {
    padding: 15px 40% 70px 70px;
}
@media (max-width : 1199px){
    .content-carousel-wrapper {
        padding: 50px;
    }
}
@media (min-width : 1200px){
    .content-carousel-wrapper {
        padding: 15px 16% 70px 70px;
    }
}
@media (min-width : 1920px) {
    .content-carousel-wrapper {
        padding: 15px 40% 70px 70px;
    }
}
.content-carousel-wrapper h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
}
.content-carousel h3{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}
.content-carousel p{
    margin-bottom: 30px;
}
.content-carousel .carousel-control{
    top: 6px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid #fff;
    text-align: center;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.content-carousel .carousel-control.left {
    right: 25px;
    left: auto;
}
.content-carousel .carousel-control.left,
.content-carousel .carousel-control.right {
    background-image: none;
}
.content-carousel .carousel-control:focus, 
.content-carousel .carousel-control:hover {
    color: #2c3e50;
    background-color: #fff;
}


/* Progress Bar
------------------------------------------- */
.wpb_progress_bar_heading {
    margin-bottom: 50px;
}
.vc_progress_bar .vc_single_bar .vc_label {
    padding: 0 !important;
    font-size: 14px;
    bottom: 30px;
    color: #999 !important;
    text-shadow: none !important;
}
.vc_progress_bar .vc_single_bar .vc_label .vc_label_units {
    position: absolute;
    top: 0;
    right: 0;
}
.vc_progress_bar .vc_single_bar {
    background: #eee!important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 5px;
    margin-bottom: 65px !important;
}
.vc_progress_bar > div:last-child{
    margin-bottom: 0 !important;
}
.vc_progress_bar .vc_single_bar .vc_bar {
    border-radius: 0 !important;
}


/*------------------------------------------------------------------
CountDown Timer
-------------------------------------------------------------------*/
.countdown {
  margin-bottom: 0
}
.timer-white-color .countdown li {
	color : #fff;
}
.countdown li {
  display: inline-block;
  text-align: center;
  min-width: 110px;
}
.countdown li+li {
  margin-left: 50px;
}
.countdown li span {
  font-size: 60px;
  line-height: 50px;
  font-weight: 900;
}
.countdown li p{
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
}
@media screen and (max-width: 770px) {
    .countdown li+li {
      margin-left: 10px;
    }
}

/*timer theme color*/
.timer-brand-color .countdown li span {
    color: #03a9f4;
}
.timer-brand-color .countdown li span p {
    color: #999;
}

/*timer multi color*/
.timer-multi-color .countdown li {
  min-width: 80px;
}
.timer-multi-color .countdown li+li {
  margin-left: 30px;
}
.timer-multi-color .countdown li span {
  font-size: 40px;
  line-height: 40px;
}
.timer-multi-color .countdown li:nth-child(1) span {
    color: #e040fb;
}
.timer-multi-color .countdown li:nth-child(2) span {
    color: #03a9f4;
}
.timer-multi-color .countdown li:nth-child(3) span {
    color: #4CAF50;
}
.timer-multi-color .countdown li:nth-child(4) span {
    color: #e91e63;
}
.timer-multi-color .countdown li span p {
    color: #fff;
}


/* Counter Common Style
------------------------------------------- */
.counter-section strong {
    display: block;
    font-size: 66px;
    line-height: 70px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #4b4b4b;
}
span.count-description {
    display: block;
    text-transform: uppercase;
}
.counter-wrap{
    padding:100px 0;
}
.counter-wrap i{
    color: #03a9f4;
}
@media (max-width: 767px) {
    .counter-wrap{
        padding:40px 0;
    }
}
.counter-wrap i{
    display: block;
    margin-bottom: 20px;
}
.counter-wrap i::before {
    font-size: 50px;
    line-height: 60px;
}


/*Counter Background Style*/
.background-style.counter-section strong {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
}
.background-style .count-description {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}


/*Counter Plus Box Style*/
.plusbox-style {
    overflow: hidden;
}
.plusbox-style .counter-wrap {
    padding: 50px 0;
    position: relative;
}
.plusbox-style .counter-wrap:after,
.plusbox-style .counter-wrap:before {
    content: '';
    position: absolute;
}
.plusbox-style .counter-wrap:before {
    height: 100%;
    top: 0;
    right: -2px;
    border-right: 1px solid #dadbdc;
}
.plusbox-style .counter-wrap:after  {
    width: 100%;
    height: 0;
    top: auto;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #dadbdc;
}


/*Title Count Style*/
.title-style.counter-section strong,
.title-style span.count-description {
    display: inline;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: capitalize;
}

/*------------------------------------------------------------------
Count Up
-------------------------------------------------------------------*/
.counter-wrap strong{
    display: block;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
}
.count-description {
    font-size: 20px;
    font-weight: 500;
}
.counter-wrap {
    padding: 120px 0;
}

@media screen and (max-width: 767px) {
    .counter-wrap {
        padding: 60px 0;
    }
}

/*Fats style*/
.facts-two .counter-wrap .material-icons{
    font-size: 50px;
}
.facts-two .timer {
    display: block;
    font-size: 66px;
    line-height: 70px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #4b4b4b;
}
.facts-two .count-description {
    font-size: 14px;
    text-transform: uppercase;
}



/*count-plus-box*/
.count-plus-box {
    overflow: hidden;
}
.count-plus-box li {
    width: 50%;
    float: left;
    position: relative;
    padding: 30px 35px;
    text-align: center;
}

@media screen and (max-width: 479px) {
    .count-plus-box li {
        width: 100%;
    }
}

.count-plus-box li:after,
.count-plus-box li:before {
    content: '';
    position: absolute;
}
.count-plus-box li:before {
    height: 100%;
    top: 0;
    right: -2px;
    border-right: 1px solid #dadbdc;
}

.count-plus-box li:after  {
    width: 100%;
    height: 0;
    top: auto;
    right: 0;
    bottom: -1px;
    border-bottom: 1px solid #dadbdc;
}

.count-plus-box .material-icons {
    display: inline-block;
    font-size: 40px;
}
.count-plus-box .timer {
    display: block;
    font-size: 66px;
    line-height: 70px;
    font-weight: 500;
    color: #303b41;
}
.count-plus-box .count-description {
    font-size: 14px;
    text-transform: uppercase;
}



/* CREATIVE PAGE */

/*About Me Page*/
.about-intro {
   padding: 0 120px;
}
@media (min-width: 1920px) {
    .about-intro {
       padding: 140px 120px 0 0;
    }
}
.about-intro h2{
    font-size: 41px;
    margin-bottom: 10px;
}
.about-intro span.theme-color {
    margin-bottom: 30px;
    font-size: 18px;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .about-intro {
       padding: 0 30px;
    }
}

.about-intro ul {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.about-intro ul li {
    font-size: 16px;
}
.about-intro ul li+li {
    margin-top: 10px;
}

.about-intro ul li i.material-icons {
    position: relative;
    top: 5px;
}


@media(min-width: 1367px){
    .my-hobbies .vc_column-inner,
    .clients-say .vc_column-inner{
        padding: 90px 100px !important;
    }
}

@media(max-width: 1366px){
    .my-hobbies .vc_column-inner,
    .clients-say .vc_column-inner{
        padding: 60px 50px !important;
    }
}
@media(max-width: 767px){
    .my-hobbies .vc_column-inner,
    .clients-say .vc_column-inner{
        padding: 50px 0px !important;
    }
}
.my-hobbies.default-block.icon-block {
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.clients-say .testimonial-meta span {
    color: #c5a5ff;
}

.facts {
    padding: 110px;
}
.facts h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .about-intro{
        padding: 60px;
    }
    .facts {
        padding: 50px 30px;
    }
}
@media screen and (max-width: 530px) {
    .about-intro{
        padding: 15px;
    }
}


/*Author info*/
.profile .author-cover {
    position: relative;
}
.profile .author-cover img{
    width: 100%;
}
.author-wrapper.profile .author-avatar {
    margin: 0;
    position: relative;
    padding: 15px 20px 30px 130px;
}
.author-wrapper.profile .author-avatar h2{
    margin-bottom: 0;
}
.author-wrapper.profile .author-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    padding: 5px;
    position: absolute;
    top: -30px;
    left: 15px;
    z-index: 20;
}

.profile .author-meta {
    padding: 0 40px;
    overflow: hidden;
}
.profile .author-meta li {
    list-style: none;
    margin: 10px 0;
    font-weight: 500;
    overflow: hidden;
}
.profile .author-meta li .title,
.profile .author-meta li .value{
    width: 48%;
    float: left;
}
.profile .author-meta li .title {
    display: inline-block;
    color: #202020;
}

.profile .available {
    display: block;
    padding: 12px;
    text-align: center;
    border-top: 1px solid #eee;
}
.profile .available a{
    display: inline-block;
    color: #999;
}
.profile .available a:hover{
    color: #03a9f4;
}

@media screen and (max-width: 991px) {
    .author-wrapper.profile {
        margin-top: 30px;
    }  
}

@media screen and (max-width: 479px) {
    .profile .author-meta li .title {
        width: 80px;
    }
}


/*------------------------------------------------------------------
Quick booking form
-------------------------------------------------------------------*/
.booking-form-wrapper {
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 10;
}
.booking-form-wrapper::before {
    content: "";
    width: calc(100% - 22px);
    height: 8px;
    background-color: #ccc;
    position: absolute;
    left: 10px;
    top: -8px;
    border-radius: 10px 10px 0 0;
}
.booking-form-wrapper h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #03a9f4;
    position: relative;
}
.booking-form-wrapper h3:before {
    content: "";
    width: 5px;
    height: 30px;
    background-color: #03a9f4;
    position: absolute;
    left: -40px;
    top: -5px;
}
.booking-form-wrapper .input-field {
    margin-top: 30px;
}
.booking-form-wrapper textarea.materialize-textarea {
    min-height: 40px;
}
.booking-form-wrapper .btn{
    border-radius: 30px;
    padding: 10px 25px;
    text-transform: capitalize;
}

@media screen and (max-width: 991px) {
    .booking-form-wrapper {
        margin-top: 50px;
    }
}


/* =-=-=-=-=-=-= PROCESS SECTION =-=-=-=-=-=-= */
.process-box {
    background-color: #03a9f4;
    color: #fff;
    padding: 30px;
    border-radius: 10px;
}
.process-box i::before {
    font-size: 30px;
}
.process-box h3{
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    margin: 0;
}

.process-in {
    position: relative;
    text-align: center;
}
.process-in:before {
    top: 35px;
    width: 75%;
    left: 12%;
    content: " ";
    display: block;
    position: absolute;
    border-top: dashed 1px #e6e6e6;
}
.process-white-text{
    color: #fff;
}
@media (max-width: 768px) {
  .process-in:before {
    border: none;
  }
}
.process-in > li .process-number {
    width: 70px;
    height: 70px;
    font-size: 37px;
    font-weight: 500;
    line-height: 60px;
    color: #673ab7;
    background: #fff;
    margin-bottom: 30px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.process-in > li:hover .process-number {
    color: #fff;
    background: #673ab7;
}
.process-in .process-desc {
    padding: 0 20px;
    color: #fff;
}
.process-in .process-desc h2{
    margin-bottom: 20px;
}


/* =-=-=-=-=-=-= PARTNER SECTION =-=-=-=-=-=-= */
.partner-item{
    text-align: center;
}
.tt-bh-effect{
    position:relative;
    display:block;
}
.tt-bh-effect img{
    margin: 0 auto;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.tt-bh-effect img:hover{
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: inherit;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.boxed-item {
	min-height: 160px;  
	position: relative;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -ms-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
.boxed-item img {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   text-align: center;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.boxed-item:hover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/*Gutter Less Partner*/
.partner-item.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

/*Gutter Partner*/
.partner-item.item-gutter {
    margin-bottom: 30px;
}

/*Partner Carousel*/
.partner-carousel.owl-carousel .boxed-item {
    margin-left: 0;
    margin-bottom: 0;
}
.partner-carousel.owl-carousel .boxed-item:hover{
    box-shadow: none;
}


/* =-=-=-=-=-=-= CASE STUDY SECTION =-=-=-=-=-=-= */
.case-study-left {
    padding: 60px 40px 60px 110px;
}
.case-study-right {
    padding: 60px 110px 60px 40px;
}
.case-study-wrapper h2 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 15px;
}
.case-study-wrapper p {
    font-size: 18px;
    margin-bottom: 30px;
}
.case-study-wrapper.dark-bg{
    background-color: #2c3e50;
}


/* =-=-=-=-=-=-= MAP SECTION =-=-=-=-=-=-= */
#ttmap {
    height: 250px;
}
#mapcontent p{
    margin: 0;
    font-size: 16px;
}


/* =-=-=-=-=-=-= CONTACT SECTION =-=-=-=-=-=-= */
.submit-wrapper {
    position: relative;
    margin-top: 50px;
}
div.wpcf7 .ajax-loader {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    z-index: 100;
}
div.wpcf7 img.ajax-loader {
    margin-left: 0;
    position: absolute;
    left: calc(50% - 60px);
    top: calc(50% - 6px);
}
div.wpcf7-response-output{
    border: 0;
}
.wpcf7 span.wpcf7-not-valid-tip {
    position: relative;
    top: 5px;
    color: #ff0000;
    text-align: left;
    font-size: 11px;
    background-color: #ECECEC;
    display: inline-block;
    padding: 0 10px;
    border-radius: 5px;
}
.wpcf7 span.wpcf7-not-valid-tip::before{
    position: absolute;
    top: -5px;
    left: 0;
    content:"";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ECECEC;
}
.wpcf7 div.wpcf7-validation-errors{
    color: #ff0000;
    background-color: #fff3f3;
}
.wpcf7 div.wpcf7-mail-sent-ok {
    color: #00c03b;
    background-color: #effdda;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ok {
    text-align: center;
    border: 0;
    font-weight: 600;
    padding: 12px 15px;
    border-radius: 2px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
div.wpcf7 .input-field {
    margin-bottom: 20px;
}
.map-section  .map-content {
    display: none;
}

.picker--opened .picker__frame{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.picker__close, 
.picker__today{
    color: inherit;
}
.picker__today:focus{
    color: #ffffff;
}
.picker__box{
    border: 0;
}

/* Address Info */

.icon-wrapper.icon-position-left i {
    font-size: 30px;
    line-height: 38px;
    float: left;
    margin-right: 18px;
    padding-left: 2px;
}
.icon-wrapper.icon-position-top i {
    font-size: 30px;
    line-height: 38px;
    float: none;
    margin-right: 18px;
    padding-left: 2px;
}
.icon-wrapper .address,
.icon-wrapper .phone,
.icon-wrapper .mail{
    overflow: hidden;
}
.icon-wrapper .mail a {
    color: #999;
}
.icon-wrapper .mail a:hover {
    color: #03a9f4;
}

/* Process Wrapper */
.process-wrapper {
    padding: 110px 110px 0px 110px;
    padding-left: 120px !important;
}
.process-wrapper .default-block .icon-block {
    padding: 0;
}

@media screen and (max-width: 768px){
    .process-wrapper {
        padding: 110px 30px 0 30px;
        padding-left: 30px !important;
    }
}


/* =-=-=-=-=-=-= NEWSLETTER SECTION =-=-=-=-=-=-= */
@media screen and (min-width: 770px) {
    .subscribe-form .input-field {
        width: 70%;
        float: left;
        margin-right: 20px;
    }
    .subscribe-form button {
    	margin-top: 45px;
    }
}

.subscribe-form .input-field label {
    line-height: 40px;
}
.subscribe-form .input-field label.active {
    font-size: 12px;
    line-height: 16px;
}
.newsletter-style-two .subscribe-form .input-field label {
    color: #fff;
}
.newsletter-style-two .subscribe-form .input-field input[type=email]:focus:not([readonly]) + label {
    color: #fff !important;
}
.subscribe-form .input-field input {
    margin-top: 20px;
    height: 30px;
}
.newsletter-style-two .subscribe-form .input-field input[type=email] {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.subscribe-form .input-field input[type=email].invalid {
    border-bottom: 1px solid #F44336;
}
.subscribe-form .input-field input[type=email].valid {
    border-bottom: 1px solid #4CAF50;
}
.newsletter-style-two .subscribe-form .input-field input[type=email]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff; 
}
.subscribe-form .btn {
    text-transform: capitalize !important;
}
@media screen and (max-width: 729px) {
    .subscribe-form .btn {
        margin: 20px auto 0;
        display: block;
    }

}


/* =-=-=-=-=-=-= GALLERY =-=-=-=-=-=-= */
.gallery-wrapper {
	position: relative;
}
.tt-gallery-thumb {
    margin: -36px 0 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    text-align: center;
}
.tt-gallery-thumb .slides {
    display: inline-block;
    width: inherit !important;
}
.tt-gallery-thumb .slides>li {
    width: 70px !important;
    height: 70px !important;
    margin-right: 10px;
}
.tt-gallery-thumb .slides img {
    width: 70px !important;
    height: 70px !important;
    background-color: #fff;
    padding: 5px;
    border-radius: 50%;
}
.tt-gallery-thumb .slides>li.flex-active-slide img {
    background-color: #03a9f4;
}
.tt-gallery-nav .gallery-control {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
}
.tt-gallery-nav .gallery-control.next {
	left: auto;
	right: 0;
}
.tt-gallery-thumb .flex-direction-nav {
    display: none;
}

@media screen and (max-width: 370px){
    .tt-gallery-thumb .slides>li {
        width: 50px !important;;
    }

    .tt-gallery-thumb .slides img {
        width: 50px !important;;
        height: 50px !important;
    }

}

.tt-gallery img{
    width: 100%;
}

/*device-mockup*/
.device-mockup {
  position: relative;
  width: 100%;
  padding-bottom: 61.775701%;
}
.device-mockup > .device {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("images/macbook.png");
}

.device-mockup > .device > .screen {
  background-color: #000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  top: 11.0438729%;
  bottom: 14.6747352%;
  left: 13.364486%;
  right: 13.364486%;
  overflow: hidden;
}

.device-mockup[data-device="ipad"],
.device-mockup[data-device="ipad"][data-orientation="portrait"] {
  padding-bottom: 128.406276%;
}
.device-mockup[data-device="ipad"][data-orientation="landscape"] {
  padding-bottom: 79.9086758%;
}
.device-mockup[data-device="ipad"] > .device,
.device-mockup[data-device="ipad"][data-color="black"] > .device,
.device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="black"] > .device {
  background-image: url("images/ipad_port_black.png");
}
.device-mockup[data-device="ipad"][data-color="white"] > .device,
.device-mockup[data-device="ipad"][data-orientation="portrait"][data-color="white"] > .device {
  background-image: url("images/ipad_port_white.png");
}
.device-mockup[data-device="ipad"][data-orientation='landscape'] > .device,
.device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="black"] > .device {
  background-image: url("images/ipad_land_black.png");
}
.device-mockup[data-device="ipad"][data-orientation="landscape"][data-color="white"] > .device {
  background-image: url("images/ipad_land_white.png");
}
.device-mockup[data-device="ipad"] > .device > .screen,
.device-mockup[data-device="ipad"][data-orientation="portrait"] > .device > .screen {
  top: 12.025723%;
  bottom: 12.154341%;
  left: 13.45995%;
  right: 13.45995%;
}
.device-mockup[data-device="ipad"][data-orientation="landscape"] > .device > .screen {
  top: 13.87755102%;
  bottom: 13.87755102%;
  left: 11.5459883%;
  right: 11.5459883%;
}

/*screenshot-carousel*/
.screenshot-carousel-wrapper .carousel-control {
    top: 50%;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
    width: 70px;
    height: 70px;
    font-size: 40px;
    line-height: 70px;
    background: #fff;
    background-image: none !important;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: -35px;
}
.screenshot-carousel-wrapper .carousel-control:hover {
    color: #fff;
    background: #81c784;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (min-width: 850px) {
    .screenshot-carousel-wrapper .carousel-control.left {
        left: -70px;
    }
    .screenshot-carousel-wrapper .carousel-control.right {
        right: -70px;
    }
}
@media screen and (max-width: 767px) {
    .screenshot-carousel-wrapper .carousel-control {
        margin-top: -20px;
        width: 40px;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
}


/*work-showcase-section*/
.work-showcase img{
    width: 100%;
}
.work-showcase .item{
    max-height: 700px;
}
.work-showcase .carousel-control {
    top: 50%;
    margin-top: -26px;
    width: 52px;
    height: 52px;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    background-color: #fff;
    text-shadow: none;
    background-image: none !important;
    border-radius: 100%;
    filter: none;
}
.work-showcase .carousel-control:focus, 
.work-showcase .carousel-control:hover {
    color: #000;
    background-color: #03a9f4;
    filter: alpha(opacity=100);
    opacity: 1;
}
.work-showcase .carousel-control.left {
    left: 5%;
}
.work-showcase .carousel-control.right {
    right: 5%;
}
.work-showcase .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 0 0 0 5px;
    background-color: #c7c7c7;
    border: 1px solid transparent;
}
.work-showcase .carousel-indicators .active {
    background-color: #03a9f4;
}
@media screen and (min-width: 768px) {
    .work-showcase .carousel-indicators {
        bottom: -50px;
    }
}


/* -----------------------------------------------------
BLOG STYLE 
-------------------------------------------------------- */
.blog-wrapper{
    margin-bottom: 120px;
}
.post-wrapper {
    padding: 0;
    background-color: #fff;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    transition: all .25s;
    border-radius: 2px;
    margin-bottom: 50px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.post-wrapper:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/*sticky blog post*/
.post-wrapper.sticky {
	background-color: #f7f7f7;
}


/*post thumb wrapper*/
.post-wrapper.has-post-thumbnail .post-thumbnail {
    position: relative;
}
.post-wrapper .post-thumbnail {
    margin-bottom: 25px;
}
.post-wrapper.has-post-thumbnail .post-thumbnail.blog-quote{
    margin-bottom: 0;
}
article img {
	max-width: 100%;
	height: auto;
}
.has-post-thumbnail .entry-header::before,
.format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail::before,
.format-video .featured-wrapper .entry-header.has-video::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    width: 100%;
    height: 130%;
    z-index: -1;
}
.format-chat.has-post-thumbnail .entry-header::before{
    display: none;
}
.blog-grid .has-post-thumbnail .entry-header::before {
    height: 130%;
}
.post-wrapper .entry-header{
    padding: 20px 20px 0;
}
/*entry header*/
.post-wrapper.has-post-thumbnail .entry-header,
.format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail,
.format-video .featured-wrapper .entry-header.has-video {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 20;
    width: 100%;
}

.post-wrapper .entry-header,
.format-gallery .featured-wrapper,
.format-video .featured-wrapper {
    position: relative;
}

/*entry title*/
.post-wrapper .entry-title {
	width: 95%;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}
.post-wrapper .entry-title a,
.post-wrapper .post-comments a,
.post-wrapper .entry-content .more-link{
    color: #03a9f4;
}
.post-wrapper .entry-title a:hover,
.post-wrapper .post-comments a:hover,
.post-wrapper .entry-content .more-link:hover{
    color: #0077c2;
}
.single .entry-title {
	width: 100%;
}
.post-wrapper.has-post-thumbnail .entry-header .entry-title,
.format-gallery .featured-wrapper .entry-header .entry-title,
.format-video .featured-wrapper .entry-header .entry-title {
    width: 95%;
    margin-bottom: 0;
    z-index: 20;
    position: relative;
}
.post-wrapper.has-post-thumbnail .entry-header .entry-title a,
.post-wrapper.has-post-thumbnail .entry-header .entry-title a:hover,
.format-video .featured-wrapper .entry-header.has-video .entry-title a,
.format-video .featured-wrapper .entry-header.has-video .entry-title a:hover,
.format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .entry-title a,
.format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .entry-title a:hover {
    color: #fff;
}
/*post comments*/
.post-wrapper .entry-header .post-comments {
    font-size: 16px;
    color: #03a9f4;
    position: absolute;
    right: 40px;
    bottom: 0;
    z-index: 20;
}
.post-wrapper.has-post-thumbnail .entry-header .post-comments,
.post-wrapper.format-video .entry-header.has-video .post-comments,
.post-wrapper.format-gallery .entry-header.has-gallery-thumbnail .post-comments{
	bottom: 20px;
}
.post-wrapper.post-password-required .post-comments {
	position: inherit;
	right: 0;
}
.post-wrapper .post-comments a{
    display: inline-block;
}
.post-wrapper.has-post-thumbnail .entry-header .post-comments a,
.post-wrapper.has-post-thumbnail .entry-header .post-comments span,
.format-video .entry-header.has-video .post-comments a,
.format-video .entry-header.has-video .post-comments span,
.format-gallery .entry-header.has-gallery-thumbnail .post-comments a,
.format-image .entry-header .post-comments a,
.format-gallery .entry-header.has-gallery-thumbnail .post-comments span,
.format-image.has-post-thumbnail .entry-header .post-comments span {
    color: #fff;
}
.post-wrapper .post-comments a::before,
.post-wrapper .post-comments span::before{
    font-family: FontAwesome;
    content: "\f086";
    position: absolute;
    right: -20px;
    top: 0;
}

.post-wrapper .header-wrap .post-comments{
    position: relative;
    padding-left: 20px;
}
.post-wrapper .header-wrap .post-comments a::before,
.post-wrapper .header-wrap .post-comments span::before{
    left: 0;
    right: auto;
    top: auto;
}

/*posted in category*/
.entry-header .posted-in a {
    display: inline-block;
    padding: 0 10px;
    background-color: #03a9f4;
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: capitalize;
    position: relative;
    z-index: 20;
    border-radius: 2px;
    font-size: 13px;
    line-height: 24px;
}
.entry-header .posted-in a:hover {
    background-color: #0077c2;
    color: #fff;
}
.entry-header .posted-on{
    margin-left: 8px;
    font-size: 13px;
}
.entry-header .posted-on i{
    margin-right: 4px;
}
.entry-header .posted-on a {
    color: #999999 ;
}
.has-post-thumbnail .entry-header .posted-on i,
.has-post-thumbnail .entry-header .posted-on a, 
.format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .posted-on i,
.format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail .posted-on a, 
.format-video .featured-wrapper .entry-header.has-video .posted-on i,
.format-video .featured-wrapper .entry-header.has-video .posted-on a{
    color: #ffffff !important;
}
.entry-header .posted-on a:hover {
    color: #03a9f4 ;
}

.entry-header span.post-comments{
    display: block;
}

/*entry content*/
.post-wrapper .entry-content p {
    margin-bottom: 15px;
}
.post-wrapper .entry-content .more-link {
    display: table;
    margin-top: 20px;
}
.post-wrapper .entry-content .more-link i{
    font-size: 8px;
    margin-left: 3px;
    position: relative;
    top: -2px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.post-wrapper .entry-content .more-link:hover i{
    margin-left: 5px;
}

@media(max-width: 480px){
    .post-wrapper .entry-title {
        width: 85% !important;
        font-size: 14px;
        line-height: 16px;
    }

    .post-wrapper.has-post-thumbnail .entry-header, 
    .format-gallery .featured-wrapper .entry-header.has-gallery-thumbnail, 
    .format-video .featured-wrapper .entry-header.has-video{
        padding: 10px;
    }
}
.post-wrapper .blog-content{
    padding: 0 20px;
}
.blog-content .entry-content .wpb_content_element{
    margin-bottom: 0;
}
.blog-content .entry-content .container{
    width: 100%;
}

.blog-content .entry-content .vc_column_container>.vc_column-inner{
    padding: 0;
}


/* POST FORMAT VIDEO
------------------------------------------- */
.post-wrapper.format-video iframe{
    width: 100%;
    min-height: 315px;
}


/* POST FORMAT AUDIO
------------------------------------------- */
.post-wrapper.format-audio .featured-wrapper::before {
    top: auto;
    bottom: 0;
    height: 50px;
}
.post-wrapper.format-audio iframe {
    width: 100%;
    height: 203px;
}
@media (min-width : 992px) and (max-width : 1199px) {
    .post-wrapper.format-audio iframe {
        height: 165px;
    }
}


/* POST FORMAT QUOTE
------------------------------------------- */
.format-quote .entry-header blockquote {
    width: 70%;
    margin: 0 auto;
    border: 0;
    padding: 110px 20px 45px;
    position: relative;
}
.format-quote .entry-header blockquote::before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #0697d9;
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.format-quote .entry-header blockquote p {
    margin-bottom: 10px;
}
.format-quote .entry-header blockquote small {
    font-size: 14px;
    line-height: 35px;
}
.format-quote .entry-header blockquote small,
.format-quote .entry-header blockquote small a {
    color: #fff;
}
.format-quote.tag-post-formats .entry-header {
	display: none;
	margin-bottom: 0;
}


/* POST FORMAT LINK
------------------------------------------- */
.format-link .blog-link > a {
    display: block;
    padding: 20px 60px;
    font-size: 16px;
    background: #f1f1f1;
    position: relative;
}
.format-link .blog-link > a:hover {
    color: #fff;
    background-color: #03a9f4;
}
.format-link .blog-link > a::before {
    position: absolute;
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 16px;
    left: 35px;
    top: 20px;
}
.format-link .blog-link > a,
.format-link .post-thumbnail {
    margin-bottom: 20px;
}


/* DEFAULT GALLERY POST
------------------------------------------- */
.format-gallery .featured-wrapper {
    margin-bottom: 25px;
}
.gallery {
  margin-bottom: 1.5em;
  border: 1px solid #eee;
}
.gallery-caption {
  display: block;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 97.8%;
  border: 1px solid #eee;
  padding: 5px;
  margin: 10px;
}
.gallery-item img {
  width: 100%;
  height: auto;
}
.gallery-columns-2 .gallery-item {
  max-width: 47.6%;
}
.gallery-columns-3 .gallery-item {
  max-width: 30.5%;
}
.gallery-columns-4 .gallery-item {
  max-width: 22.6%;
}
.gallery-columns-5 .gallery-item {
  max-width: 18.8%;
  margin: 5px;
}
.gallery-columns-6 .gallery-item {
  max-width: 15.48%;
  margin: 5px;
}
.gallery-columns-7 .gallery-item {
  max-width: 13.1%;
  margin: 5px;
}
.gallery-columns-8 .gallery-item {
  max-width: 11.31%;
  margin: 5px;
}
.gallery-columns-9 .gallery-item {
  max-width: 9.92%;
  margin: 5px;
}
.gallery-columns-7 figcaption {
  font-size: 12px;
  line-height: 20px;
}
.gallery-columns-8 figcaption {
  font-size: 12px;
  line-height: 20px;
}
.gallery-columns-9 figcaption {
  font-size: 12px;
  line-height: 20px;
}
.format-gallery .gallery {
  border: 0;
}


/* CUSTOM GALLERY POST
------------------------------------------- */
.blog-gallery-carousel .carousel-control {
    top: 50%;
    margin-top: -18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    filter: alpha(opacity=100);
    /*opacity: 0;*/
    z-index: 300;
    background-image: none;
}
.blog-gallery-carousel .carousel-control:focus, 
.blog-gallery-carousel .carousel-control:hover {
    color: #fff;
    background-color: #03a9f4;
}
.blog-gallery-carousel .carousel-control.left {
   left: 0;
}
.blog-gallery-carousel .carousel-control.right {
   right: 0;
}


/* POST FORMAT STATUS
------------------------------------------- */
.format-status p {
    background-color: #D5F1F9;
    padding: 15px 25px;
    color: #666;
    margin-bottom: 0 !important;
}

/* POST FORMAT CHAT
------------------------------------------- */
article.format-chat {
    margin-bottom: 50px;
}
.format-chat .entry-title {
    margin: 0;
}
.format-chat .entry-content p:nth-child(odd), 
.format-chat .entry-content p:nth-child(even) {
    padding: 10px 25px;
    margin-top: 30px;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.format-chat .entry-content p:nth-child(odd) {
    margin-right: 30px;
    background: #F5F5F5;
    border-radius: 15px 0 15px 15px;
}
.format-chat .entry-content p:nth-child(even) {
    margin-left: 30px;
    background: #D5F1F9;
    border-radius: 0 15px 15px 15px;
}
.format-chat .entry-content p:nth-child(odd)::before,
.format-chat .entry-content p:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-bottom: 15px solid transparent; 
}
.format-chat .entry-content p:nth-child(odd)::before {
    right: -15px;
    border-left: 15px solid #f5f5f5;
    -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1));
    filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1));
}
.format-chat .entry-content p:nth-child(even)::before {
    left: -15px;
    border-right: 15px solid #d5f1f9;
    -webkit-filter: drop-shadow(-1px 4px 1px rgba(0,0,0,0.1));
    filter: drop-shadow(-1px 4px 1px rgba(0,0,0,0.1));
}


/* Post Password Protected 
------------------------------------------- */
.post-password-required .form-control {
    font-size: 14px;
}
.post-password-required .input-group-btn{
    top: 8px;
}
.post-password-required .input-group-btn .btn {
    height: 46px;
    padding: 10px 38px;
}
.post-password-required .input-group-btn:last-child>.btn{
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}


/* PAGINATION
------------------------------------------- */
.blog-pagination {}
@media (max-width: 767px) {
    .blog-pagination {
        margin-bottom: 40px;
    }
}
.blog-navigation,
.page-numbers,
.pagination {
    margin: 50px 0 0;
}
.posts-content .pagination .page-numbers{
    margin-top: 0;
}
.woocommerce nav.woocommerce-pagination ul{
    border: 0;
}
.woocommerce nav.woocommerce-pagination ul li{
    border-right: 0;
}
.pagination>li{
    display: inline-block;
}
.page-numbers>li>a,
.page-numbers>li>span,
.pagination>li>a, 
.pagination>li>span {
    font-size: 13px;
    margin-left: 10px !important;
    color: #a7a7a7;
    border: 1px solid #eee;
    min-width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 !important;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.page-numbers>li>a.prev,
.page-numbers>li>a.next,
.pagination>li>a.prev,
.pagination>li>a.next{
    width: 75px;
}
.page-numbers>li:first-child>a, 
.page-numbers>li:first-child>span,
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.page-numbers>li:last-child>a, 
.page-numbers>li:last-child>span,
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}
.page-numbers>li>a:hover, 
.page-numbers>li>span:hover, 
.page-numbers>li>a:focus, 
.page-numbers>li>span:focus,
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus{
    color: #fff !important;
    background-color: #03a9f4 !important;
    border-color: transparent !important;
}
.page-numbers .current,
.pagination .current,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important;
    color: #fff !important;
}
.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
    border-color: #eee;
}
.page-count {
    font-size: 13px;
    border: 1px solid #eee;
    color: #a7a7a7;
    padding: 2px 12px;
}
@media (max-width: 479px) {
    .pagination>li>a, 
    .pagination>li>span {
        margin-bottom: 10px;
    }
}
.blog-navigation .previous-page i{
    margin-right: 5px;
}
.blog-navigation .next-page{
    text-align: right;
}
.blog-navigation .next-page i{
    margin-left: 5px;
}
.blog-navigation a{
    color: #a7a7a7;
    border: 1px solid #a7a7a7;
    padding: 10px 20px;
    border-radius: 50px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.blog-navigation a:hover{
    border-color: #03a9f4;
    color: #ffffff;
    background-color: #03a9f4;
}

/* INNER POST PAGINATION
------------------------------------------- */
.page-pagination{
    margin-bottom: 20px;
}
.page-pagination a span{
    color: #949494;
    background-color: #eee;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    line-height: 23px;
    display: inline-block;
    text-align: center;
}
.page-pagination a:hover span,
.page-pagination > span {
    background-color: #03a9f4;
    color: #fff;
}
.page-pagination > span{
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    border-radius: 3px;
}
.page-pagination .page-links-title{
    margin-right: 8px;
    width: inherit;
    color: inherit;
    background-color: transparent;
}


/* SINGLE POST PAGER
------------------------------------------- */
.single-post-navigation {
    margin-bottom: 50px;
    text-align: center;
}
.single-post-navigation a {
	font-size: 16px;
	line-height: 64px;
	color: #999;
	display: block;
	border: 1px solid #eee;
}
.single-post-navigation a:hover{
    color: #fff;
    background-color: #03a9f4;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.single-post-navigation a i {
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
}
.single-post-navigation a:hover i {
    opacity: 1;
    visibility: visible;
}
.single-post-navigation .previous a:hover i {
    padding-right: 10px;
}
.single-post-navigation .next a:hover i {
    padding-left: 10px;
}

@media (max-width: 479px){
    .single-post-navigation a{
        font-size: 12px;
    }
    .previous-post-link i,
    .next-post-link i {
        display: none;
    }
}


/* =-=-=-=-=-=-= SIDEBAR STYLE =-=-=-=-=-=-= */
@media (max-width: 767px) {
    .tt-sidebar-wrapper {
        margin-top: 50px;
    }
}
.tt-sidebar-wrapper .widget{
    margin-bottom: 50px;
}
.tt-sidebar-wrapper.left-sidebar .widget,
.tt-sidebar-wrapper.right-sidebar .widget{
    padding: 35px 20px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.tt-sidebar-wrapper.left-sidebar .widget.widget_search,
.tt-sidebar-wrapper.right-sidebar .widget.widget_search,
.tt-sidebar-wrapper.left-sidebar .widget.widget_product_search,
.tt-sidebar-wrapper.right-sidebar .widget.widget_product_search{
    padding: 35px 20px 20px;
}
.tt-sidebar-wrapper .widget-title{
    font-size: 20px;
    font-weight: 700;
    color: #03a9f4;
}
@media (min-width: 992px) {
    .tt-sidebar-wrapper.right-sidebar {
        padding-left: 20px;
    }
    .tt-sidebar-wrapper.left-sidebar {
        padding-right: 20px;
    }
}

/* -----------------------------------------------------------
COMMON STYLE FOR ALL WIDGETS
-------------------------------------------------------------- */
.tt-sidebar-wrapper .widget {
    margin-bottom: 50px;
}
.tt-sidebar-wrapper .widget-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
}
.tt-sidebar-wrapper .widget-title,
.tt-sidebar-wrapper .widget-title a {
    color: #202020;
}

.tt-sidebar-wrapper .widget > ul,
.menu-testing-menu-container ul {
	padding: 0;
}
.tt-sidebar-wrapper .widget > ul > li,
.menu-testing-menu-container ul > li {
	list-style-type: none;
}


.tt-sidebar-wrapper .widget_product_categories > ul > li,
.tt-sidebar-wrapper .widget_layered_nav ul li,
.tt-sidebar-wrapper .widget_categories ul li,
.tt-sidebar-wrapper .widget_archive ul li,
.tt-sidebar-wrapper .widget_meta ul li,
.tt-sidebar-wrapper .widget_pages ul li,
.tt-sidebar-wrapper .widget_rss ul li,
.tt-sidebar-wrapper .widget_recent_comments ul li,
.tt-sidebar-wrapper .widget_recent_entries ul li {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.tt-sidebar-wrapper .widget_categories ul li:last-child,
.tt-sidebar-wrapper .widget_layered_nav ul li:last-child,
.tt-sidebar-wrapper .widget_archive ul li:last-child,
.tt-sidebar-wrapper .widget_meta ul li:last-child,
.tt-sidebar-wrapper .widget_pages ul li:last-child,
.tt-sidebar-wrapper .widget_rss ul li:last-child,
.tt-sidebar-wrapper .widget_recent_comments ul li:last-child,
.tt-sidebar-wrapper .widget_recent_entries ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.tt-sidebar-wrapper .widget_product_categories ul li a,
.tt-sidebar-wrapper .widget_layered_nav ul li a,
.tt-sidebar-wrapper .widget_categories ul li a,
.tt-sidebar-wrapper .widget_archive ul li a,
.tt-sidebar-wrapper .widget_meta ul li a,
.tt-sidebar-wrapper .widget_pages ul li a,
.tt-sidebar-wrapper .widget_nav_menu ul li a,
.tt-sidebar-wrapper .widget_recent_comments ul li a,
.tt-sidebar-wrapper .widget_recent_entries ul li a {
    display: inline-block;
    color: #999;
    text-transform: capitalize;
}
.tt-sidebar-wrapper .widget_product_categories ul li a:hover,
.tt-sidebar-wrapper .widget_layered_nav ul li a:hover,
.tt-sidebar-wrapper .widget_categories ul li a:hover,
.tt-sidebar-wrapper .widget_archive ul li a:hover,
.tt-sidebar-wrapper .widget_meta ul li a:hover,
.tt-sidebar-wrapper .widget_pages ul li a:hover,
.tt-sidebar-wrapper .widget_nav_menu ul li a:hover,
.tt-sidebar-wrapper .widget_recent_comments ul li a:hover,
.tt-sidebar-wrapper .widget_recent_entries ul li a:hover {
    color: #03a9f4;
}

.recentcomments .comment-author-link{
    font-weight: 700;
}

/* WIDGET_SEARCH
--------------------------------------------------------- */
.search-form {
    position: relative;
}
.search-form .input-field input[type=text],
.search-form .input-field input[type=search]{
    height: inherit;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
}
.search-form button {
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 20px;
    height: 60px;
    background-color: transparent;
    border: 0;
    color: #c3c3c3;
}
.search-form button:focus{
    background-color: transparent;
}
.not-found .form-control{
    height: 60px;
}


/*
POPULAR POSTS
--------------------------------------------------------*/
.tt-popular-post {
    border: 1px solid #eee;
}
.tt-popular-post .tab-content{
    padding: 30px 20px;
}
.tt-popular-post .nav-tabs {
    border-bottom: 1px solid transparent;
}
.tt-popular-post .nav-tabs>li,
.tt-popular-post .nav-tabs.nav-justified>li {
    position: relative;
}
.tt-popular-post .nav-tabs>li::before,
.tt-popular-post .nav-tabs.nav-justified>li::before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #eee;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    z-index: 10;
}
.tt-popular-post .nav-tabs>li:last-child::before,
.tt-popular-post .nav-tabs.nav-justified>li:last-child::before {
    display: none;
}
.tt-popular-post .nav-tabs>li>a, 
.tt-popular-post .nav-tabs.nav-justified>li>a {
	padding: 17px 30px;
    color: #bebebe;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    border-left: none!important;
    border-top: none!important;
    border-right: none!important;
    border-bottom: 4px solid transparent!important;
    background: none;

}
.tt-popular-post .nav-tabs>li.active>a, 
.tt-popular-post .nav-tabs.nav-justified>li.active>a {
	color: #202020;
    border-bottom: 4px solid #03a9f4!important;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
}
.tt-popular-post .media,
.tt-latest-post .media,
.tt-recent-comments .media {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.footer-sidebar .tt-popular-post .media,
.footer-sidebar .tt-latest-post .media,
.footer-sidebar .tt-recent-comments .media {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.footer-sidebar .tt-popular-post .media:last-of-type,
.footer-sidebar .tt-latest-post .media:last-of-type,
.footer-sidebar .tt-recent-comments .media:last-of-type,
.tt-popular-post .media:last-of-type,
.tt-latest-post .media:last-of-type,
.tt-recent-comments .media:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}
.tt-popular-post .media img,
.tt-latest-post .media img,
.tt-recent-comments .media img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    max-width: inherit;
}
.tt-popular-post .media-body,
.tt-latest-post .media-body,
.tt-recent-comments .media-body {
    vertical-align: middle;
}
.tt-popular-post .media .media-left,
.tt-latest-post .media .media-left,
.tt-recent-comments .media .media-left {
    padding-right: 15px;
    width: 50px;
}
.tt-popular-post .media-body h4,
.tt-latest-post .media-body h4,
.tt-recent-comments .media-body h4 {
    font-size: 15px;
    margin-bottom: 0;
}
.tt-popular-post .media-body h4 a,
.tt-latest-post .media-body h4 a,
.tt-recent-comments .media-body h4 a{
    color: #999;
}
.tt-popular-post .media-body h4 a:hover,
.tt-latest-post .media-body h4 a:hover,
.tt-recent-comments .media-body h4 a:hover{
    color: #03a9f4;
}
.tt-popular-post .media-body h4+span,
.tt-latest-post .media-body h4+span {
    float: right;
}

.tt-popular-post .entry-meta li,
.tt-latest-post .entry-meta li,
.tt-recent-comments .entry-meta li {
    font-size: 12px;
    text-transform: capitalize;
}

.tt-popular-post .entry-meta li+li,
.tt-latest-post .entry-meta li+li,
.tt-recent-comments .entry-meta li+li {
    margin-left: 5px;
    position: relative;
}

.tt-popular-post .entry-meta li+li:before,
.tt-latest-post .entry-meta li+li:before,
.tt-recent-comments .entry-meta li+li:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #eee;
    position: absolute;
    left: -7px;
    top: 10px;
}


/* WIDGET_TEXT
--------------------------------------------------------- */
.tt-sidebar-wrapper .widget_text img {
	max-width: 100%;
	height: auto;
}


/* AUTHOR INFO WIDGET
--------------------------------------------------------- */
.author-info-wrapper {
	position: relative;
    border: 1px solid #eee;
}
.author-cover {
    position: relative;
}
.author-cover::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(32, 32, 32, 0.8));
    width: 100%;
    height: 50%;
    z-index: 1;
}
.author-cover img{
    width: 100%;
}
.author-cover + .author-avatar {
	margin-bottom: 35px;
}
.author-cover + .author-avatar img {
    background: #fff;
    padding: 5px;
    position: absolute;
    top: 116px;
    left: 15px;
    z-index: 20;
}
.author-avatar {
	margin: 20px 0;
}
.author-info-wrapper .author-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.author-info-wrapper h4 {
	font-weight: 700;
	text-transform: uppercase;
}
.author-info-wrapper p {

    line-height: 25px;
}
.author-info-wrapper .author-avatar,
.author-info-wrapper h4,
.author-info-wrapper p {
    padding: 0 25px;
    text-align: center;	
}
.author-social-links ul {
    text-align: center;
    margin-bottom: 20px;
}
.author-social-links ul li a{
    display: block;
    width: 30px;
    height: 30px;
    color: #999;
}
.author-social-links ul li a:hover{
    color: #03a9f4;
}



/* NEWSLETTER WIDGET
------------------------------------------- */
.widget.widget_mc4wp_form_widget{
    padding: 30px 35px 40px;
    background-color: #03a9f4;
    color: #ffffff;
    text-align: center;
}
.widget.widget_mc4wp_form_widget .widget-title{
    color: #ffffff;
    border: 0;
}
.widget_mc4wp_form_widget .mc4wp-form{
    margin-bottom: 0;
}
.widget_mc4wp_form_widget .form-group{
    margin-bottom: 15px;
}
.widget_mc4wp_form_widget .form-control{
    height: 50px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.20);
    color: #ffffff;
    border: 0;
    text-align: center;
}
.widget_mc4wp_form_widget .btn{
    color: #03a9f4;
    width: 100%;
    background-color: #fff;
    line-height: 50px;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
}
.widget_mc4wp_form_widget .btn:hover,
.widget_mc4wp_form_widget .btn:focus{
    background-color: #efefef;
    color: #03a9f4;
    outline: none;
}
.widget_mc4wp_form_widget .form-control::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.3);
}
.widget_mc4wp_form_widget .form-control:-moz-placeholder { /* Firefox 18- */
   color: rgba(255, 255, 255, 0.3);
}
.widget_mc4wp_form_widget .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255, 255, 255, 0.3);
}
.widget_mc4wp_form_widget .form-control:-ms-input-placeholder {  
   color: rgba(255, 255, 255, 0.3);
}

/*Widget Select Option Style*/
.widget select {
    width: 100%;
    height: 60px;
    padding: 10px 20px;
    color: #666;
    border: 1px solid #eee;
}
.widget select:focus {
    border: 1px solid #03a9f4;
    outline: none;
}

/*widget_calendar*/
.footer-sidebar .widget_calendar .calendar_wrap {
    border: 0;
    padding: 0;
}
.widget_calendar .calendar_wrap table {
    width: 100%;
}
.widget_calendar .calendar_wrap table caption {
    padding: 0 0 5px;
    margin-bottom: 15px;
    color: #666;
    border-bottom: 1px solid #eee;
}
.widget_calendar #today {
    color: #03a9f4;
}

/* TAG CLOUD
------------------------------------------- */
.widget_tag_cloud a{
    display: inline-block;
    font-size: 13px!important;
    line-height: 27px;
    padding: 0px 11px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 50px;
    margin-right: 7px;
    margin-bottom: 7px;
}
.widget_tag_cloud a:hover{
    background-color: #03a9f4;
    color: #fff!important;
    border: 1px solid transparent;   
}

/*widget_nav_menu*/
.widget_nav_menu .menu {
    padding-left: 15px;
}
.widget_nav_menu .menu .sub-menu{
    padding-left: 15px;
}

/* BLOG GRID STYLE
--------------------------------------------------------- */
.blog-grid .format-quote .entry-header blockquote {
    width: 100%;
    padding: 110px 30px 45px;
}
.blog-grid .post.format-link .blog-link > a {
    padding: 20px 20px 20px 60px;
    line-height: 24px;
}


/* SINGLE POST 
------------------------------------------- */
.single-post .post-wrapper {
    margin-bottom: 30px;
}
.single-post .entry-title {
    margin: 5px 0 12px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.single-post .header-wrap {
    margin-bottom: 25px;
    padding: 0 20px;
}
.single-post .header-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-post .header-wrap ul li {
    float: left;
    font-size: 14px;
    text-transform: capitalize;
    margin-right: 15px;
}
.single-post .header-wrap ul li:last-child {
    margin-right: 0;
}
@media ( max-width: 479px) {
    .single-post .header-wrap ul li {
        font-size: 13px;
        line-height: 24px;
    }
}
.single-post .header-wrap ul li a {
    color: #999;
}
.single-post .header-wrap ul li a:hover {
    color: #03a9f4;
}
.single-post .header-wrap ul li i {
    margin-right: 5px;
}
.single-post .entry-footer {
	border-top: 1px solid #eee;
    padding: 20px 20px 20px;
    margin-top: 30px;
}
.single-post .entry-footer .post-tags {
    float: left;
}
.single-post .entry-footer .tags-links {
    position: relative;
    padding-left: 25px;
}
.single-post .entry-footer .tags-links::before {
	content: "\f02c";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: -5px;
}
.single-post .entry-footer .post-tags a{
    color: #999;
    text-transform: capitalize;
}
.single-post .entry-footer .post-tags a:hover{
    color: #03a9f4;
}
.single-post .entry-footer .post-share {
    float: right;
}
.single-post .entry-footer .post-share ul li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #999;
	color: #fff;
}
.single-post .entry-footer .post-share ul li a.facebook {
	background-color: #3b5998;
}
.single-post .entry-footer .post-share ul li a.twitter {
	background-color: #1da1f2;
}
.single-post .entry-footer .post-share ul li a.google-plus {
	background-color: #dd4b39;
}
.single-post .entry-footer .post-share ul li a.linkedin {
	background-color: #00a0dc;
}


/* AUTHOR BIO
------------------------------------------- */
.single-post .post-author {
    border: 1px solid #eee;
    margin-bottom: 80px;
}
.single-post .post-author .media {
    padding: 30px 20px;
}
.single-post .post-author .media-left {
    padding-right: 20px;
    vertical-align: middle;
}
.single-post .post-author .media-left img {
    border-radius: 50%;
}
.author-info h3{
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
}
.author-social-info {
    border-top: 1px solid #eee;
    padding: 15px 20px;
}
.authors-post {
    float: left;
}
.authors-post a,
.authors-post i{
    color: #a7a7a7;
}
.authors-post a:hover{
    color: #03a9f4;
}
.authors-post i {
    margin-right: 10px;
}
.author-social {
    float: right;
}
.author-social ul li a {
    color: #a7a7a7;
}
.author-social ul li a:hover {
    color: #03a9f4;
}
@media (max-width: 350px) {
    .author-box .author-box-image {
        display: block;
        padding-right: 0;
    }
    .author-box .author-box-image img {
        margin: 0 auto 20px;
    }
}


/* COMMENTS-WRAPPER
------------------------------------------- */
.comments-wrapper .comments-title,
.comments-wrapper .comment-reply-title {
	font-weight: 500;
}
.comments-wrapper ul {
    list-style: none;
}
.comments-wrapper > ul {
    padding: 0;
}

.comments-wrapper .media-heading {
    margin-bottom: 0;
}
.comments-wrapper .media-body {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.comment-list .media {
    margin-top: 30px;
}
.comment-list .media .media-left{
    padding-right: 20px;
}
.comment-list .media .media-left img{
    border-radius: 3px;
}
.comment-list .bypostauthor .media .media-left img{
    border: 1px solid #ef475b;
}
.comments-wrapper .comment-info {
    color: #a7a7a7;
    font-size: 13px;
    line-height: 22px;
    position: relative;
}
.comments-wrapper .comment-info .comment-author {
	font-size: 18px;
	color: #ed145b;
	font-weight: 700;
}
.comment-meta-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.comment-meta-wrapper a {
    display: inline-block;
    color: #ed145b;
}
.comment-meta-wrapper a:hover {
    color: #03a9f4;
}
.comment-meta-wrapper a + a {
	margin-left: 20px;
    padding-left: 20px;
    border-left: 2px solid #ed145b;
}

@media (max-width: 550px){
    .comment-meta-wrapper {
	    top: 26px;
	    right: auto;
	    font-size: 10px;
	    line-height: 12px;
    }
	.comment-meta-wrapper a + a {
		margin-left: 10px;
	    padding-left: 10px;
	}
	.comment-info time {
	    margin-top: 20px;
	    display: inline-block;
	}
}

.comment-respond {
    margin-top: 50px;
}
.comment-respond .comment-reply-title {
    margin-bottom: 30px;
}
.comment-respond .btn {
    margin-top: 25px;
}

@media screen and (max-width: 479px) {
    .comments-wrapper ul.children {
        padding: 0;
    }
	.pager.comment-navigation .next>a,
	.pager.comment-navigation .previous>a, 
	.pager.comment-navigation .previous>span 
	.pager.comment-navigation .next>span {
	    float: none;
	    display: block;
	    margin: 5px 0;
	}
}
.pager.comment-navigation {
	margin-top: 50px;
}
.pager.comment-navigation li a {
    color: #999;
    display: block;
    border: 1px solid #eee;
    border-radius: 0;
    padding: 6px 20px;
}
.pager.comment-navigation li.previous a i{
    margin-right: 5px;
}
.pager.comment-navigation li.next a i{
    margin-left: 5px;
}
.pager.comment-navigation li a:hover {
    color: #fff;
    background-color: #03a9f4;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.comments-wrapper .comment-form .input-field {
    margin-top: 30px;
}
.comments-wrapper .comment-form label {
    margin-bottom: 0;
    font-weight: 500;
    left: 15px;
}
.comments-wrapper .comment-form .comment-form-comment label {
    left: 0;
}
.comments-wrapper .comment-form input[type=text], 
.comments-wrapper .comment-form input[type=email], 
.comments-wrapper .comment-form input[type=url],  
.comments-wrapper .comment-form textarea.materialize-textarea {
    border-bottom: 1px solid #eee;
}
.comments-wrapper .comment-form .form-submit .btn {
    font-size: 16px;
    font-weight: 700;
}


/*WP Default Comments
--------------------------------------------------*/
.comments-wrapper .comment-notes, 
.comments-wrapper .comment-awaiting-moderation {
	padding: 11px 15px;
    color: #31708f;
    background-color: #d9edf7;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.comments-wrapper input, 
.comments-wrapper textarea, 
.post-password-form input {
    color: #212121;
    width: 100%;
}

.comments-wrapper textarea {
	width: 100%;
	min-height: 80px;
	border: 0;
	border-bottom: 1px solid #eee;
}
.comments-wrapper .form-submit input{
	border: none;
	margin-top: 20px;
	color: #fff;
	text-transform: uppercase;
	height: 50px;
}
.comments-wrapper textarea:focus,
.comments-wrapper .form-submit input:focus {
	outline: none;
}

/*
COMMENT TAB
-------------------------------------------------------*/
.comments-tab .nav-tabs>li>a {
    padding: 17px 30px;
}
.comments-tab .nav-tabs>li>a, 
.comments-tab .nav-tabs.nav-justified>li>a {
    border-radius: 0;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 18px;
    background-color: transparent;
}

.comments-tab .nav-tabs>li>a, .nav-tabs.nav-justified>li>a {
    font-weight: 500;
    text-transform: uppercase;
    color: #999;
    margin-right: -1px;
    border: 1px solid #eee;
    border-radius: 0;
    background-color: #fafafa;
}

#facebook-comment > p{
    display: none;
}

.comments-tab .nav-tabs>li.active>a, 
.comments-tab .nav-tabs>li.active>a:focus, 
.comments-tab .nav-tabs>li.active>a:hover, 
.comments-tab .nav-tabs.nav-justified>.active>a, 
.comments-tab .nav-tabs.nav-justified>.active>a:focus, 
.comments-tab .nav-tabs.nav-justified>.active>a:hover {
    color: #fff;
    background-color: #03a9f4;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.comments-tab .panel-body {
    padding: 30px 0;
}

@media (max-width: 767px){
    .comments-tab .panel-body {
        padding: 30px;
    }
}



/* LATEST POST 
------------------------------------------- */
.press-release-wrapper .entry-meta li:last-child {
    float: right;
}
.press-release-wrapper .entry-meta li a.zilla-likes {
    border: 0 !important;
}
.press-release-wrapper .blog-content {
    padding: 20px 0;
}
.press-release-wrapper .entry-footer {
    padding: 15px 0;
    border-top: 0;
}
.press-release-wrapper .lodemore {
    margin-top: 50px;
}



/* =-=-=-=-=-=-= CALL TO ACTION STYLE =-=-=-=-=-=-= */
.tt-cta-content h2{
    margin-bottom: 10px;
    font-weight: 700;
}
.tt-cta-content p{
    margin: 0;
}
.tt-cta-wrapper.button-right .tt-cta-content{
    width: 75%;
    display: inline-block;
}
.tt-cta-wrapper.button-right .tt-cta-button{
    float: right;
}
.sub-top + h2 {
	margin-bottom: 0;
}
.sub-title.sub-top {
	text-transform: uppercase;
}
.sub-title.sub-bottom {
    font-size: 16px;
    width: 100%;
}
.tt-cta-wrapper.text-center .sub-title {
	width: 60%;
	margin: 20px auto;
}

@media(max-width: 991px){
    .tt-cta-wrapper.button-right .tt-cta-content{
        width: 100%;
    }

    .tt-cta-wrapper.button-right .tt-cta-button{
        margin-top: 30px;
        float: none;
    }
}


/* =-=-=-=-=-=-= TESTIMONIAL STYLE =-=-=-=-=-=-= */

/*
TESTIMONIAL FLAT STYLE
---------------------------------------------------------------*/
.flat-testimonial .quote-content p {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    position: relative;
}
.flat-testimonial .author-info .author-name {
    font-size: 20px;
    font-weight: 700;
}
.flat-testimonial .carousel-indicators {
    bottom: -65px;
}
.flat-testimonial .carousel-indicators li {
    width: 13px;
    height: 13px;
    margin: 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid transparent;
}
.flat-testimonial .carousel-indicators .active {
    width: 25px;
    height: 13px;
    background-color: #fff;
}

.flat-testimonial .carousel-control {
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    text-shadow: none;
    background-color: transparent;
    filter: alpha(opacity=100);
    opacity: 1;
    display: none; /*remove this if you want to show navigation arrow*/
}

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


/*
CREATIVE TESTIMONIAL STYLE
---------------------------------------------------------------*/
.creative-testimonial .testimonial-content {
    padding: 30px 40px 30px;
}
.creative-testimonial .author-info {
    display: block;
    margin-top: 30px;
    margin-bottom: 50px;
}
.creative-testimonial .author-name {
    color: #03a9f4;
    font-weight: 700;
}
.creative-testimonial .author-meta {
    font-weight: 400;
}
.creative-testimonial .quote-img {
    margin-bottom: 30px;
}
.creative-testimonial .carousel-control {
    top: auto;
    bottom: 20px;
    width: 30px;
    height: 30px;
    line-height: 40px;
    color: #ddd;
    text-shadow: none;
    background-image: none !important;
    filter: 0;
}
.creative-testimonial .carousel-control.left {
    left: 50%;
    margin-left: -35px;
}
.creative-testimonial .carousel-control.right {
    right: 50%;
    margin-right: -35px;
}
.creative-testimonial .carousel-control:focus, 
.creative-testimonial .carousel-control:hover {
    color: #0985bd;
    opacity: 1;
}


/*
Flex Testimonial Common Style
---------------------------------------------------------------*/
.flex-testimonial {
    position: relative;
}

.client-thumb-circle,
.client-thumb-square {
    text-align: center;
}

.client-thumb-circle .quote-img,
.client-thumb-square .quote-img {
    margin-bottom: 50px;
}

.client-thumb-circle .quote-content p,
.client-thumb-square .quote-content p {
    margin-bottom: 30px;
}

.client-thumb-circle .client-info,
.client-thumb-square .client-info {
    margin-bottom: 30px;
}

.flex-testimonial .flex-control-thumbs img.flex-active {
    position: relative;
    z-index: 100;
    opacity: 1;
}


/*
Client Thumb Circle Style
---------------------------------------------------------------*/
.client-thumb-circle .client-info .client-name {
    color: #03a9f4;
    font-weight: 700;
    text-transform: capitalize;
}
.client-thumb-circle .flex-control-thumbs li {
    width: 72px;
    float: none;
    margin: 0 15px;
}
.client-thumb-circle .flex-control-thumbs img {
    opacity: .1;
    border-radius: 50%; 
}


/*
Client Thumb Square Style
---------------------------------------------------------------*/
.client-thumb-square .quote-content p {
	font-size: 18px;
}
.client-thumb-square .client-info .client-name {
	color: #202020;
	font-size: 18px;
	font-weight: 700;
    text-transform: capitalize;
}
.client-thumb-square .client-info .client-title {
    display: block;
    line-height: 18px;
    font-weight: 400;
}
.client-thumb-square .flex-control-thumbs li {
    width: 70px;
    float: none;
    margin: 0 2px;
}
.client-thumb-square .flex-control-thumbs img {
    opacity: .4;
}


/*
Client Thumb Grid Common Style
---------------------------------------------------------------*/
.client-thumb-grid .quote-content p,
.client-thumb-half-grid .quote-content p {
    font-size: 18px;
    margin-bottom: 30px;
}
.client-thumb-grid .client-info .client-name,
.client-thumb-half-grid .client-info .client-name {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.client-thumb-grid .client-info .client-title,
.client-thumb-half-grid .client-info .client-title {
    display: block;
    line-height: 18px;
    font-weight: 400;
}
.client-thumb-grid .flex-control-thumbs li,
.client-thumb-half-grid .flex-control-thumbs li {
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px;
    -webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -ms-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
}
.client-thumb-grid .flex-control-thumbs img,
.client-thumb-half-grid .flex-control-thumbs img {
    opacity: .4;
}
.client-thumb-grid .flex-control-thumbs img.flex-active,
.client-thumb-half-grid .flex-control-thumbs img.flex-active {
    position: relative;
    z-index: 100;
    opacity: 1;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*
Client Thumb Grid Style
---------------------------------------------------------------*/
.client-thumb-grid {
	text-align: center;
}
.client-thumb-grid .client-info {
    margin-bottom: 30px;
}
.client-thumb-grid .flex-control-thumbs {
    padding: 20px 15px;
}
.client-thumb-grid .flex-control-thumbs img {
    padding: 20px 50px;
}


/*
Client Thumb Half Grid Style
---------------------------------------------------------------*/
.client-thumb-half-grid .flex-viewport {
    width: 50%;
    float: left;
}
.client-thumb-half-grid .flex-control-nav {
    width: 50%;
    float: right;
    text-align: right;
}
.client-thumb-half-grid .flex-control-thumbs {
    padding: 0 15px 20px;
}
.client-thumb-half-grid .flex-control-thumbs img {
    padding: 10px 20px;
}
.client-thumb-half-grid .flex-control-thumbs li {
    width: 33.33%;
}


@media (max-width: 767px) {
    .client-thumb-half-grid .flex-viewport,
    .client-thumb-half-grid .flex-control-nav {
        width: 100%;
        float: none;
    }
    .client-thumb-half-grid .flex-viewport {
        margin-bottom: 30px;
    }
    .client-thumb-half-grid .flex-control-nav {
        text-align: left;
    }
    .client-thumb-grid .flex-control-thumbs img {
        padding: 20px 10px;
    }  
}


/*case study page css*/

.tt-content-box {
	margin-bottom: 30px;
}
.tt-content-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    padding: 40px 20px 0;
    color: #fff;
    text-align: center;
	border: 1px solid #dedede;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}
.tt-content-wrapper:hover {
	background-color: #03a9f4;
	border: 1px solid transparent;
}
.tt-content-wrapper .tt-hidden-content{ 
    overflow:hidden; 
    height:0; 
}
.tt-content-wrapper:hover .tt-hidden-content { 
    height:auto; 
}
.tt-content-wrapper .tt-visible-content,
.tt-content-wrapper .tt-hidden-content { 
    position: relative;
    top: 50px;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;
}
.tt-content-wrapper:hover .tt-visible-content,
.tt-content-wrapper:hover .tt-hidden-content {
    top: 0;
}


/*content style*/
.tt-visible-content i {
    font-size: 40px;
    color: #03a9f4;
    margin-bottom: 20px;
    display: block;
}
.tt-visible-content h2 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #03a9f4;
    text-transform: uppercase;
}
.tt-content-wrapper:hover .tt-visible-content i,
.tt-content-wrapper:hover .tt-visible-content h2 {
	color: #fff;
}
.basecamp-intro h2{
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
}
.basecamp-solution {
    padding: 100px 0 0;
    background-color: #fafafa;
    border-top: 1px solid #d2d2d2;
}
.solution-intro-wrapper {
    display: table;
}
.basecamp-solution-thumb {
    display: table-cell;
    vertical-align: bottom;
}
@media (max-width: 991px) {
    .basecamp-solution-intro {
        margin-bottom: 50px;
    }   
}

@media (min-width: 1200px) {
    .basecamp-solution-intro {
        padding-left: 12%;
    }   
}
@media (min-width: 1920px) {
    .basecamp-solution-intro {
        padding-left: 35%;
    }   
}
.basecamp-solution-thumb {
    padding-right: 0;
}
.basecamp-solution-thumb img {
    width: 100%;
}

.basecamp-testimonial {
    padding: 100px 0;
    background-color: #03a9f4;
}
.basecamp-testimonial blockquote {
    padding: 0;
    margin: 0;
    text-align: center;
    border-left: 0;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-weight: 300;
    border: 0;
}
.basecamp-testimonial blockquote::before {
    display: none;
}
.basecamp-testimonial blockquote footer {
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    color: #fff;
    margin-top: 35px;
}
.basecamp-testimonial blockquote footer cite {
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}
.basecamp-testimonial blockquote footer:before {
    content: "";
}
.image-holder img{
    margin: 0 auto;
}
.case-study-page.gradient-bottom::after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: -webkit-linear-gradient(top, rgba(255,0,0,0), rgba(0, 0, 0, 0.5));
    background: -o-linear-gradient(bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5));
    background: -moz-linear-gradient(bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5));
    background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 70px;
    z-index: 100;
}


/* COMMON CLASS IN MULTI HOMEPAGES
------------------------------------------- */

/*Alert Shortcode Page*/
.shortcode-alert-wrapper h2 {
    margin-bottom: 25px;
}

/*Contact Page*/
.contact-info address {
    margin-bottom: 30px;
    line-height: 24px;
}
.contact-info h3{
    text-transform: capitalize;
}



/* =-=-=-=-=-=-= PRICING TABLE =-=-=-=-=-=-= */
.pricing-table {
    margin-bottom: 30px;
}
.table-header {
    padding: 40px 30px 0;
    margin-bottom: 7px;
    color: #666;
}
.package-name {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: -10px;
}
.package-price {
    width: 112px;
    height: 112px;
    background-color: #ed145b;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    position: relative;
    top: 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.package-price .currency-symbol,
.package-price .price {
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    display: inline-block;
    margin-top: 25px;
}
.package-price .currency-code {
    font-size: 12px;
    font-weight: 700;
    display: block;
}
.table-info {
    padding: 60px 30px;
}
.table-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.table-info ul li{
    font-size: 16px;
    line-height: 40px;
    color: #666;
}
.table-footer {
    padding: 0 30px 60px;
}
.table-header,
.table-info,
.table-footer {
    background-color: #fff;
}
.pricing-table:hover .brand-hover {
    background-color: #03a9f4;
    color: #fff;
}
.pricing-table,
.table-header,
.package-price {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pricing-table:hover,
.pricing-table:hover .package-price {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

/* =-=-=-=-=-=-= MAGNIFIC POPUP =-=-=-=-=-=-= */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.75;
}
.mfp-bottom-bar {
    display: none;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-arrow-right::after,
.mfp-arrow-left::after {
    font-family: 'FontAwesome';
    border: none !important;
    color: #fff;
    font-size: 65px;
    -webkit-transition: .5s;
    transition: .5s;
}
.mfp-arrow-right::after {
    content: "\f105" !important;
}
.mfp-arrow-left::after {
    content: "\f104" !important;
}
.mfp-arrow-right::before ,
.mfp-arrow-left::before {
    border: none !important;
}
.mfp-arrow {
    height: 60px;
}
.mfp-arrow::before, 
.mfp-arrow::after, 
.mfp-arrow .mfp-b, 
.mfp-arrow .mfp-a {
    margin-top: 15px;
    top: -1px !important;
}
img.mfp-img {
    padding: 40px 0px 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(0.95);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}



/* ====== FOOD MENU ====== */
/*you can remove this css if you not use restaurant demo or coffee shop demo*/

.food-menu-wrapper {
    -webkit-transition: box-shadow .3s ease-out;
    -moz-transition: box-shadow .3s ease-out;
    -o-transition: box-shadow .3s ease-out;
    -ms-transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;
}
.food-menu-wrapper:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.food-menu-intro {
    padding: 24px;
    background-color: #0092d4;
}
.food-menu-intro .material-icons{
    font-size: 40px;
}
.food-menu-list {
    padding: 30px;
}

.food-menu {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.food-menu-title {
    margin-bottom: 5px;
}
.food-menu-detail {
    line-height: 20px;
}
.food-menu-price {
    font-style: italic;
}
.food-menu-price-detail {
    position: relative;
    text-align: right;
}
.food-menu-label {
    background: #fff8f1;
    color: #03a9f4;
    display: inline-block;
    padding: 0 10px;
    font-style: italic;
    font-size: 13px;
    float: right;
    position: relative;
}

.food-menu-intro i{
    line-height: 50px;
    display: inline-block;
    font-size: 45px;
    margin: 0;
    color: rgba(0, 0, 0, 0.15);
}


/* =-=-=-=-=-=-= FOOTER SECTION =-=-=-=-=-=-= */
.footer-section {
    background-color: #03a9f4;
    color: #fff;
    position: relative;
}
.footer-onepage-wrapper{
    padding: 80px 50px; 
}
.footer-onepage #toTop{
    display: none !important;
}
.backToTop i{
    font-size: 70px;
    line-height: 85px;
    background-color: #03a9f4;
    color: #fff;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.backToTop i:hover{
    background-color: #cd000e;
}
.footer-section p{
    line-height: 30px;
}
.copyright{
    margin-top: 26px;
    color: #ffffff;
    font-weight: 400;
}
.copyright p {
    margin: 0;
}
.social-icon ul li a i{
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.social-icon ul li a i:hover{
    color: #03a9f4;
    border: 1px solid #03a9f4;
}

.footer-sidebar {
    font-weight: 400;
    padding: 85px 0 20px;
    position: relative;
}
.footer-sidebar .widget{
    display: inline-block;
    border: 0;
    padding: 0 15px;
}
.copyright a,
.footer-sidebar,
.footer-sidebar a,
.footer-sidebar input,
.footer-sidebar strong,
.tt-flickr-photo li a::after,
.footer-sidebar .widget-title,
.footer-sidebar .input-field label,
.footer-sidebar .subscribe-form label,
.footer-sidebar .widget_nav_menu ul li a,
.footer-section .social-links-wrap li a i,
.footer-sidebar .subscribe-form label.active,
.footer-sidebar .tt-latest-post .media-body h4 a,
.tt-sidebar-wrapper.footer-sidebar .widget-title a,
.footer-sidebar .widget_calendar .calendar_wrap table caption,
.tt-sidebar-wrapper.footer-sidebar .widget_categories ul li a, 
.tt-sidebar-wrapper.footer-sidebar .widget_archive ul li a, 
.tt-sidebar-wrapper.footer-sidebar .widget_meta ul li a, 
.tt-sidebar-wrapper.footer-sidebar .widget_pages ul li a, 
.tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li a, 
.tt-sidebar-wrapper.footer-sidebar .widget_recent_comments ul li a, 
.tt-sidebar-wrapper.footer-sidebar .widget_recent_entries ul li a,
.tt-sidebar-wrapper.footer-sidebar .widget_product_categories ul li a,
.tt-sidebar-wrapper.footer-sidebar .widget_layered_nav ul li a{
    color: #ffffff;
}
.footer-sidebar input[type=text]:focus:not([readonly]) + label{
    color: #ffffff !important;
    border-bottom-color: #ffffff;
}
.footer-sidebar input[type=text]:focus:not([readonly]){
    border-bottom-color: #ffffff;
}
.copyright a:hover,
.footer-sidebar a:hover,
.footer-sidebar .widget_nav_menu ul li a:hover,
.footer-sidebar .tt-latest-post .media-body h4 a:hover,
.tt-sidebar-wrapper.footer-sidebar .widget-title a:hover,
.tt-sidebar-wrapper.footer-sidebar .widget_categories ul li a:hover, 
.tt-sidebar-wrapper.footer-sidebar .widget_archive ul li a:hover, 
.tt-sidebar-wrapper.footer-sidebar .widget_meta ul li a:hover, 
.tt-sidebar-wrapper.footer-sidebar .widget_pages ul li a:hover, 
.tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li a:hover, 
.tt-sidebar-wrapper.footer-sidebar .widget_recent_comments ul li a:hover, 
.tt-sidebar-wrapper.footer-sidebar .widget_recent_entries ul li a:hover,
.tt-sidebar-wrapper.footer-sidebar .widget_product_categories ul li a:hover,
.tt-sidebar-wrapper.footer-sidebar .widget_layered_nav ul li a:hover{
    color: #81ddff;
}
.footer-sidebar .widget-title{
    font-weight: 400;
    font-size: 20px;
    border: 0;
    margin: 0 0 24px;
}
.footer-sidebar ul{
    padding: 0;
    list-style: none;
}
.footer-sidebar ul li i{
    margin-right: 15px;
}
.footer-sidebar .widget_nav_menu ul li a{
    text-transform: capitalize;
    position: relative;
}
.footer-sidebar .wp-caption p.wp-caption-text{
    color: #6b6b6b;
}
.tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li,
.tt-sidebar-wrapper.footer-sidebar .widget_categories ul li, 
.tt-sidebar-wrapper.footer-sidebar .widget_archive ul li, 
.tt-sidebar-wrapper.footer-sidebar .widget_meta ul li, 
.tt-sidebar-wrapper.footer-sidebar .widget_pages ul li, 
.tt-sidebar-wrapper.footer-sidebar .widget_rss ul li, 
.tt-sidebar-wrapper.footer-sidebar .widget_recent_comments ul li, 
.tt-sidebar-wrapper.footer-sidebar .widget_recent_entries ul li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.woocommerce .footer-sidebar .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #7d7d7d;
}

/*widget nav menu*/
.tt-sidebar-wrapper.footer-sidebar .widget_nav_menu ul li a{
    display: block;
    line-height: 45px;
}

/*subscription*/
.footer-sidebar .subscribe-form input[type=email]{
    border: 0;
    padding: 0;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.footer-sidebar .subscribe-form .btn{
    display: block;
    height: inherit;
    background-color: transparent;
    color: #fff;
    margin-left: 0;
    font-size: 13px;
    box-shadow: none;
    border: 1px solid #fff;
    padding: 6px 15px;
}
.footer-sidebar .subscribe-form label{
    left: 0;
    top: 30px;
}

.footer-sidebar .subscribe-form .input-field input[type=email]:focus:not([readonly]) {
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
}

/*Latest post widget*/
.footer-sidebar .tt-latest-post .media{
    margin-top: 10px;
}
.footer-sidebar .tt-latest-post .entry-meta li,
.footer-sidebar .tt-latest-post .entry-meta li a{
    color: #f1f1f1;
}
.tt-flickr-photo li{
    display: inline-block;
    margin: 0 5px 5px 0;
}
.tt-flickr-photo li a{
    display: block;
    position: relative;
}
.tt-flickr-photo li a::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    z-index: 100;
}
.tt-flickr-photo li a::after{
    content: "\f067";
    font-family: fontawesome;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    margin-top: -13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    z-index: 101;
}
.tt-flickr-photo li a:hover::before,
.tt-flickr-photo li a:hover::after{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*Copyright*/
.footer-copyright{
    background-color: #007e90;
    padding: 25px 0 7px;
}
.footer-multi-wrapper .copyright{
    margin: 0;
}

/*Footer social icon*/
.footer-section .social-links-wrap ul{
    margin: 0;
}
.footer-section .social-links .list-inline>li {
    padding-right: 4px;
    padding-left: 4px;
}
.footer-section .social-links-wrap li a i{
    border: 0;
    display: block;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
.footer-section .social-links-wrap li a i:hover{
    color: #007e90;
    background-color: #fff;
}

@media(max-width: 767px){
    .footer-multi-wrapper .social-links-wrap{
        text-align: center;
    }
}

.privacy-policy-link {
    margin-left: 5px;
}


/* =-=-=-=-=-=-= FOOTER STYLE TWO =-=-=-=-=-=-= */
.footer-two .footer-logo-wrapper {
    padding: 90px 0 70px;
}
.footer-two .footer-copyright{
    padding: 0 0 7px;
    background-color: transparent;
}
.footer-two .footer-copyright hr {
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer-two .footer-copyright .copyright {
    margin-top: 0;
}
.footer-two .social-link {
    text-align: right;
}
.footer-two .social-link li a {
    color: #0379ae;
}
.footer-two .social-link li a:hover {
    color: #fff;
}
.footer-two .back-top {
    right: 50%;
    margin-right: -35px;
}

/* =-=-=-=-=-=-= FOOTER STYLE THREE =-=-=-=-=-=-= */
.back-totop-wrap{
    position: relative;
}
.back-top i{
    font-size: 32px;
}
.footer-three-wrapper .social-links-wrap,
.footer-four-wrapper .social-links-wrap{
    padding: 20px 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.footer-three-wrapper .social-links-wrap li a i,
.footer-four-wrapper .social-links-wrap li a i{
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.footer-three-wrapper .footer-logo-wrapper,
.footer-four-wrapper .footer-logo-wrapper{
    margin: 45px 0 35px;
}
.footer-three-wrapper .footer-copyright{
    background-color: transparent;
    padding: 0;
}
.footer-intro-text{
    margin: 0 auto 70px;
    color: #ffffff;
}
@media (min-width: 992px){
    .footer-intro-text{
        width: 60%;
    }
}
.footer-menu{
    background-color: #0288d1;
    padding: 18px 0;
}

/* =-=-=-=-=-=-= FOOTER STYLE FOUR =-=-=-=-=-=-= */
.footer-four-wrapper .copyright{
    margin-top: 18px;
}
.footer-four-wrapper .footer-copyright {
    padding: 10px 0 7px;
}
.footer-four-wrapper .footer-menu{
    background-color: transparent;
}
.footer-sidebar address{
    line-height: 30px;
}

@media(min-width: 992px){
    .footer-four-wrapper .footer-sidebar > div:nth-child(2),
    .footer-four-wrapper .footer-sidebar > div:nth-child(3){
        padding-left: 80px;
    }
}
@media (max-width: 991px) {
    .copyright {
        text-align: center;
        display: block;
    }
    .footer-two .social-link {
        margin-top: 15px;
        text-align: center;
    }
}

/* =-=-=-=-=-=-= PRELOADER =-=-=-=-=-=-= */
#preloader {
    background: #ffffff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
}
.status-mes {
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}

/* =-=-=-=-=-=-= TO TOP =-=-=-=-=-=-= */
#toTop{
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #03a9f4;
    cursor: pointer;
    display: none;
    z-index: 9999;
    width: 40px;
    height: 40px;
    border: 2px solid #03a9f4;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#toTop:hover {
  color: #fff;
  background-color: #03a9f4;
  border: 2px solid transparent;
}

/*Visual composer sytle override 
----------------------------------------------------------------------------------- */
.vc_message_box{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/*Common style for all accordion*/
.vc_tta.vc_general.vc_tta-accordion.vc_tta-o-no-fill .vc_tta-panel-body {
    padding: 15px 0px
}
.vc_tta-color-theme_default_color .vc_tta-panel .vc_tta-panel-heading {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.0), 0 2px 10px 0 rgba(0, 0, 0, 0.0);
}
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-default .vc_active .vc_tta-panel-title>a,
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-classic .vc_active .vc_tta-panel-title>a,
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-modern .vc_active .vc_tta-panel-title>a,
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_active .vc_tta-panel-title>a {
    color: #fff!important;
}
.vc_tta-color-theme_default_color.vc_tta-style-default .vc_tta-panel .vc_tta-panel-heading {
    background-color: #eee;
}
.vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-accordion.vc_tta-style-flat {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.vc_tta-color-theme_default_color .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #03a9f4;
}

/*Accordion Flat Style*/

.vc_tta.vc_general.vc_tta-style-flat .vc_tta-panel-title>a {
    padding: 18px 20px;
}

.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading,
.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, 
.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #03a9f4!important;
}

.vc_tta-color-theme_default_color.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body,
.vc_tta-color-theme_default_color.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: #fff;
}

.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    box-shadow: none;
}

.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    position: relative;
}
.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading:before {
    content: "";
    width: 92%;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 20px;
    bottom: 0;
}


/*Flat White Accordion*/
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading:before {
    background: rgba(0, 0, 0, 0.15);
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: #202020 !important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #03a9f4 !important;
}


/*Accordion Outline Style*/
.vc_tta.vc_tta-style-outline .vc_tta-panel-heading {
    border-width: 1px!important;
}
.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
    background-color: transparent;
    border-color: #eee;
}
.vc_tta.vc_general.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #03a9f4;
}

.vc_tta-color-theme_default_color.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #03a9f4!important;
}

.vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading, 
.vc_tta.vc_tta-style-outline .vc_tta-panel:not(:last-child) .vc_tta-panel-heading {
    margin-bottom: 0px!important;
}

/*equal height*/
.vc_row-o-equal-height .vc_col-has-fill .wpb_wrapper{
    min-height: 300px;
}

/*slider*/
.theme-default .nivoSlider img,
.flexslider .slides img{
    height: auto;
}

.wpb_revslider_element{
    margin-bottom: 0 !important;
}


/*Back to top*/
.back-top{
    position: absolute;
    right: 0;
    top: -28px;
}

@media(max-width: 767px){
    .footer-multi-wrapper .back-top{
        left: 0;
        right: 0;
        top: -80px;
        text-align: center;
        margin: 0 auto;
    }
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-tab.vc_active > a {
    transition: all 0.2s ease-in-out !important;
}

/* 404 PAGE
------------------------------------------- */
.error-page-wrapper {
    padding: 150px 0;
}
.not-found-icon i {
    font-size: 130px;
    line-height: 170px;
    text-align: center;
    display: block;
    color: #dadada;
}
.error-message {
    padding-left: 60px;
    border-left: 1px solid #eee;
}
.error-message h2{
    color: #fff;
    font-size: 130px;
    line-height: 100px;
    font-weight: 700;
    margin-bottom: 30px;
    text-shadow: 5px 5px 0 #dadada, -1px -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}
.ie9 .error-message h2,
.ie9 .error-wrapper-alt h2{
    color: #999;
}
.error-message .error-sub {
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}
.error-message a.btn{
    margin-top: 15px;
}
.error-message a i {
    margin-right: 5px;
}
@media (max-width: 767px) {
    .error-message {
        padding-left: 0;
        border-left: 0;
        text-align: center;
    }
}
.no-results .page-header{
    margin-top: 0;
}
.error404.header-transparent .header-wrapper{
    background-color: #3a3a3a;
}
.error404.header-transparent .error-page-wrapper{
    padding: 300px 0 150px;
}



/* =-=-=-=-=-=-= WOOCOMMERCE =-=-=-=-=-=-= */
.materialize-shop{
    margin-bottom: 100px;
}
/*shop home*/
.shop-category-wrapper ul{
    list-style: none;
    padding: 0;
}
.shop-category-wrapper,
.shop-category-wrapper .child-category{
    background-color: #fff;
    padding: 20px 0px 20px 25px;
    box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.08);
}
.shop-category-wrapper h2{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 15px -25px;
    padding: 0 0 15px 25px;
}
.shop-category-wrapper h2 i{
    margin-right: 10px;
    color: #03a9f4;
}
.shop-category-wrapper ul li a{
    display: block;
    padding: 5px 20px 5px 0;
    font-size: 16px;
    color: #333333;
}
.shop-category-wrapper ul li a:hover{
    color: #03a9f4;
}
.shop-category-wrapper > ul > li.has-child-category{
    position: relative;
}
.shop-category-wrapper > ul > li.has-child-category > a::after{
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    top: 5px;
    right: 15px;
}
.shop-category-wrapper > ul > li.has-child-category .child-category{
    position: absolute;
    left: 100%;
    width: 100%;
    top: -20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    z-index: 1;
}

.shop-category-wrapper > ul > li.has-child-category .child-category.dropdown-inverse{
    left: auto;
    right: 25px;
    z-index: 100;
    width: 240px;
}

.shop-category-wrapper > ul > li.has-child-category:hover .child-category{
    opacity: 1;
    visibility: visible;
}

/*Shop banner*/
.shop-banner-wrapper{
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 250px;
    box-shadow: 0px 0px 21px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.banner-content .intro-title{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.banner-content{
    padding: 40px;
    position: relative;
}
.banner-content h2{
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 35px;
}

.banner-content .btn{
    color: #666666;
    padding: 7px 20px;
    height: inherit;
    font-weight: 700;
    font-size: 14px;
}

.banner-content .offer{
    position: absolute;
    bottom: 20px;
    left: 55%;
    width: 70px;
    height: 70px;
    background-color: #fff;
    display: inline-block;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 700;
    color: #f53600;
    box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.3);
}

@media(max-width: 767px){
    .banner-content .offer{
        left: auto;
        right: 15px;
    }
}


.page-template-template-shop{
    background-color: #f4f4f4;
}
.woocommerce h2{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
}
.woocommerce-checkout .woocommerce,
.materialize-shop.materialize-cart{
    padding: 0;
}

/*.product column*/
.related.products ul.products li.column-three.product{
    width: 22.05%;
}
.materialize-shop ul.products li.column-two.product{
    width: 48%;
}
.materialize-shop ul.products li.column-three.product{
    width: 30.7%;
}

.woocommerce table.shop_table td {
    padding: 12px 12px;
}
.woocommerce table.shop_table {
    margin: 0 -1px 50px 0;
}
@media(max-width : 767px){
    .related.products ul.products li.column-three.product,
    .materialize-shop ul.products li.column-three.product{
        width: 48%;
    }
    .materialize-shop ul.products li.column-three.product:nth-child(3n){
        margin-right: 3.8%;
    }
    .materialize-shop ul.products li.column-three.product:nth-child(2n){
        margin-right: 0;
    }
    

    .woocommerce ul.products li.first, 
    .woocommerce-page ul.products li.first {
        clear: none;
    }
}

/*product style*/
.product-content-wrapper{
    position: relative;
}
.woocommerce ul.products li.product .product-content-wrapper .product-thumbnail > a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.woocommerce .product-thumbnail img, 
.woocommerce-page .product-thumbnail img{
    width: 100%;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    background-color: #fff;
    text-align: center;
    overflow: inherit;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    border-radius: 3px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    transition: all 400ms;
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.woocommerce ul.products li.product .star-rating{
    margin: 0 auto;
}
.woocommerce .star-rating span{
    color: #f69907;
}
.woocommerce ul.products li.product h3{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #202020;
    padding: 0 15px 5px;
}
.woocommerce ul.products li.product .price{
    color: #999999;
    font-size: 16px;
    margin-top: 5px;
}
.woocommerce .product a.button{
    display: block;
    padding: 0 10px;
    height: 50px;
    font-size: 15px;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 0;
    color: #27547D;
    background-color: transparent;
    border-top: 1px solid #EEEEEE;
    box-shadow: none;
}

.woocommerce .product a.button:hover,
.woocommerce .product a.button:focus{
    color: #03a9f4 !important;
    background-color: transparent !important;
    border-color: #EEEEEE !important;
}

.woocommerce a.button:focus, 
.woocommerce a.button:active{
    color: #ffffff;
}
.woocommerce #respond input#submit.loading:after, 
.woocommerce a.button.loading:after, 
.woocommerce button.button.loading:after, 
.woocommerce input.button.loading:after{
    top: 0;
}
.woocommerce a.added_to_cart{
    position: absolute;
    top: 50%;
    margin-top: -26px;
    padding: 0;
    left: 0;
    right: 0;
    background-color: #03a9f4;
    padding: 12px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

/*floating button*/
a.compare,
.wishlist-btn{
    position: absolute;
    top: 2px;
    right: 10px;
    padding: 10px 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.wishlist-btn::before{
    content: "";
    height: 40px;
    background-color: #212121;
    width: 40px;
    position: absolute;
    right: -5px;
    top: 3px;
    border-radius: 50%;
    z-index: 0;
}
a.compare{
    top: 34px;
    right: 7px;
}
.yith-wcwl-add-to-wishlist{
    margin-top: 0;
}
.entry-summary .yith-wcwl-add-to-wishlist{
    display: inline-block;
}
.yith-wcwl-add-to-wishlist .ajax-loading{
    position: absolute;
    top: 15px;
    left: 7px;
    margin-left: 0;
    z-index: 2;
}
.wishlist-btn .add_to_wishlist{
    position: relative;
    z-index: 1;
}
a.compare,
.yith-wcwl-add-to-wishlist .add_to_wishlist{
    font-size: 0 !important;
}
.yith-wcwl-add-to-wishlist a{
    color: #ffffff;
    position: relative;
    z-index: 1;
}
.yith-wcwl-add-to-wishlist i{
    color: #ff4a4a;
    font-size: 24px;
}
.yith-wcwl-add-to-wishlist span.feedback{
    display: none;
}
.yith-wcwl-add-to-wishlist .add_to_wishlist::before{
    color: #ffffff;
    content:"\f08a";
    font-family: fontawesome;
    font-size: 24px;
}
.entry-summary .yith-wcwl-add-to-wishlist i,
.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before{
    font-size: 30px;
    position: relative;
    top: 7px;
}
a.compare::before{
    color: #ffffff;
    content: "\f0ec";
    font-family: fontawesome;
    font-size: 20px;
    height: 40px;
    background-color: #212121;
    width: 40px;
    position: absolute;
    right: -2px;
    top: 17px;
    border-radius: 50%;
    z-index: 0;
    line-height: 40px;
}
.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before,
.entry-summary .yith-wcwl-add-to-wishlist a,
a.compare:hover:before{
    color: #03a9f4;
}
.yith-wcwl-add-to-wishlist .add_to_wishlist:hover:before{
    color: #ff4a4a;
}
.product-content-wrapper:hover a.compare,
.product-content-wrapper:hover .wishlist-btn{
    visibility: visible;
    opacity: 1;
}
.woocommerce .blockUI.blockOverlay{
    background-color: transparent !important;
}

/* Product single page
--------------------------------------------------*/
.single-product .materialize-shop{
    margin-bottom: 50px;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    background-color: #f3f3f3;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    width: 100%;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images{
    text-align: center;
    width: 45%;
}
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
    width: 53%;
}

.woocommerce div.product div.images img{
    display: inline-block;
    width: inherit;
    margin: 0 auto;
}

@media(max-width: 768px){
    .woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images{
        width: 100%;
    }
    .woocommerce #content div.product div.summary, 
    .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, 
    .woocommerce-page div.product div.summary {
        width: 100%;
    }

    .woocommerce div.product div.images img{
        width: 100%;
    }
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
    margin: 10px 10px 0 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:last-child{
    margin-right: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 23.5%;
}

@media(max-width: 1199px){
   .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
        width: 23%;
    }
}

@media(max-width: 991px){
   .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
        width: 22.6%;
    }
}

/*yith magnifier*/
.woocommerce div.product div.images div.thumbnails{
    padding-top: 0;
}
.thumbnails.slider{
    height: inherit;
}
.yith_magnifier_gallery li{
    padding: 0 1px !important;
}
.single-product.woocommerce .materialize-shop .thumbnails #slider-prev, 
.single-product.woocommerce .materialize-shop .thumbnails #slider-next{
    margin-top: -15px;
}
div.pp_woocommerce .pp_close {
    font-size: 0 !important;
}
div.pp_woocommerce .pp_close:before {
    font-size: 25px;
    right: -15px;
}

.woocommerce ul.products li.product .onsale{
    background-color: #03a9f4;
    padding: 0;
    left: 0;
    right: auto;
    margin: -5px 0 0 -5px;
}

.woocommerce div.product form.cart .variations label {
    color: #999999;
    font-size: 14px;
}

.woocommerce-product-details__short-description{
    margin-bottom: 40px;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price{
    color: #999999;
    font-weight: 700;
    font-size: 20px;
}
.woocommerce ul.products li.product .price del{
    display: inline-block;
}
.woocommerce div.product form.cart, 
.woocommerce div.product p.cart{
    margin: 0 20px 40px 0;
    display: inline-block;
    float: left;
}
.woocommerce .product .entry-summary a.single_add_to_cart_button{
    display: inline-block;
    padding: 0 25px;
}
.product_meta{
    clear: both;
}
.product_meta > span{
    display: block;
    font-weight: 600;
}
.product_meta span a{
    color: #999999;
    font-weight: 400;
}
.product_meta span a:hover{
    color: #03a9f4;
}
.woocommerce div.product form.cart div.quantity {
    margin-right: 20px;
}
.woocommerce .quantity .btn-quantity{
    background-color: transparent;
    border: 0;
    width: 30px;
    height: 43px;
    padding: 0;
    color: #ffffff;
    background-color: #b9b9b9;
    position: relative;
    top: -1px;
}
.woocommerce .materialize-cart .quantity .btn-quantity{
    top: 0;
}
.woocommerce .quantity .btn-quantity:hover{
    background-color: #03a9f4;
}
.woocommerce .quantity input.qty{
    border-radius: 2px;
    width: 50px;
    padding: 0;
}
.woocommerce .quantity input:focus{
    outline: 0;
}
.woocommerce div.product form.cart .button {
    padding: 14px 20px;
}
.woocommerce div.product form.cart .variations select{
    display: none;
}

/*Tabs*/
.woocommerce div.product .woocommerce-tabs{
    margin-bottom: 80px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    margin: 0;
    height: 44px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
    border-bottom: 1px solid #f3f3f3;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border-radius: 0;
    padding: 0;
    border: 0;
    margin: 0;
    background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li > a{
    padding: 8px 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active > a{
    background-color: #03a9f4;
    color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}
.woocommerce div.product .woocommerce-tabs .panel{
    padding: 25px 0;
    box-shadow: none;
}

.woocommerce div.product div.images{
    margin-bottom: 80px;
}

/*Review*/
.woocommerce #reviews #comments h2{
    margin: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
    float: none;
    text-align: left;
}
.woocommerce #reviews #comments ol.commentlist{
    padding: 0;
    margin-top: 30px;
}
.woocommerce #review_form_wrapper{
    margin-top: 30px;
}
.woocommerce .comment-form{
    margin-top: 20px;
}
.woocommerce #review_form #respond textarea{
    border: 0;
    border-bottom: 1px solid;
}
.woocommerce #review_form #respond textarea:focus{
    outline: none;
}
.woocommerce #review_form #respond textarea:focus,
.woocommerce #reviews input:focus,
.woocommerce #reviews textarea:focus{
    border-color: #03a9f4;
}
.woocommerce #review_form #respond .form-submit{
    margin-top: 50px;
}
.woocommerce #review_form #respond .form-submit input{
    padding: 15px 40px;
}
.woocommerce p.stars a{
    color: #f69907;
}

.up-sells.products > h2,
.related.products > h2{
    margin-bottom: 30px;
}


/* Cart page
--------------------------------------------------*/
.woocommerce-cart .page-wrapper{
    padding-bottom: 0;
}
.woocommerce .cart .button, 
.woocommerce .cart input.button {
    padding: 15px 20px;
}

.woocommerce .coupon .input-text{
    width: 100px !important;
    height: 46px;
    margin-right: 10px !important;
}

.woocommerce table.shop_table>tbody>tr>td.actions:first-child{
    border-right: 1px solid #ddd!important;
}

.woocommerce a.remove{
    text-align: center;
    margin: 0 auto;
    color: #b1b1b1 !important;
}
.woocommerce a.remove:hover{
    background-color: transparent;
    color: red !important;
}
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals{
    padding: 20px;
    background-color: #fff;
}
.woocommerce .materialize-cart .cart-collaterals .cart_totals tr td{
    text-align: right;
}
.woocommerce .materialize-cart .cart-collaterals .cart_totals tr th,
.woocommerce .materialize-cart .cart-collaterals .cart_totals tr td{
    border-top: 0;
    border-right: 0;
}

#add_payment_method .wc-proceed-to-checkout, 
.woocommerce-cart .wc-proceed-to-checkout, 
.woocommerce-checkout .wc-proceed-to-checkout{
    padding-bottom: 0;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    margin-bottom: 0;
    background-color: #03a9f4;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
    margin-bottom: 0;
    background-color: #bd153d;
}


/* Checkout page
------------------------------------------------------*/
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
    padding: 13px 20px;
}

.woocommerce .select2-choice,
.woocommerce .input-text{
    height: 42px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    color: #202020;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.woocommerce form .form-row textarea{
    padding: 10px 20px;
}

.woocommerce input[type=text]:focus, 
.woocommerce input[type=password]:focus, 
.woocommerce input[type=email]:focus, 
.woocommerce input[type=url]:focus, 
.woocommerce input[type=date]:focus, 
.woocommerce input[type=tel]:focus, 
.woocommerce input[type=number]:focus, 
.woocommerce input[type=search]:focus, 
.woocommerce textarea:focus.materialize-textarea,
.woocommerce input[type=text]:focus:not([readonly]), 
.woocommerce input[type=password]:focus:not([readonly]), 
.woocommerce input[type=email]:focus:not([readonly]), 
.woocommerce input[type=url]:focus:not([readonly]), 
.woocommerce input[type=time]:focus:not([readonly]), 
.woocommerce input[type=date]:focus:not([readonly]), 
.woocommerce input[type=datetime-local]:focus:not([readonly]), 
.woocommerce input[type=tel]:focus:not([readonly]), 
.woocommerce input[type=number]:focus:not([readonly]), 
.woocommerce input[type=search]:focus:not([readonly]), 
.woocommerce textarea:focus, 
.woocommerce textarea.materialize-textarea:focus:not([readonly]){
    box-shadow: none;
}

.select2-drop-active{
    border-color: #e5e5e5;
}

.woocommerce .select2-choice:focus,
.woocommerce .input-text:focus {
    border-color: #03a9f4;
}

.dropdown-content{
    padding: 0;
}
.dropdown-content li{
    list-style: none;
}
.dropdown-content li > a, 
.dropdown-content li > span {
    display: block;
    padding: 12px 15px;
    color: #999999;
    font-size: 13px;
}
.select-wrapper span.select-dropdown{
    color: #999999;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    min-width: 210px;
}
.select-wrapper span.select-dropdown:after{
    content:"\f0d7";
    font-family: fontawesome;
    font-size: 14px;
    right: 10px;
}
.woocommerce table.shop_table{
    border: 0;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{
    border-top: 0;
}

.woocommerce table.shop_table thead>tr>th,
.woocommerce table.shop_table tbody>tr>td,
.woocommerce table.shop_table tfoot>tr>th{
    border-right: 0;
}

.woocommerce table.shop_table thead>tr>th:last-child,
.woocommerce table.shop_table tbody>tr>td:last-child{
    border-right: 1px solid #ddd;
}

.woocommerce table.shop_table>tbody>tr:first-child>th,
.woocommerce table.shop_table>tbody>tr:first-child>td{
    border-top: 1px solid #ddd !important;
}

.woocommerce .materialize-cart table.shop_table>tbody>tr:first-child>th,
.woocommerce .materialize-cart table.shop_table>tbody>tr:first-child>td{
    border-top: 0 !important;
}

.woocommerce table.shop_table.order_details>tbody>tr:first-child>th,
.woocommerce table.shop_table.order_details>tbody>tr:first-child>td{
    border-top: 0 !important;
}

.woocommerce table.shop_table>tbody>tr>th:first-child,
.woocommerce table.shop_table>tbody>tr>td:first-child{
    border-right: 0 !important;
}

.woocommerce .order_details{
    padding-left: 0;
}

#order_review_heading{
    margin-top: 80px;
}



/* Woocommerce sidebar
--------------------------------------------------------*/
.woocommerce .widget_price_filter .ui-slider-horizontal{
    height: 3px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: #cacaca;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    top: -5px;
    background-color: #03a9f4;
    width: 12px;
    height: 12px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
    background-color: #26547c;
}

.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img{
    width: 60px;
    margin-right: 10px;
    float: left;
}

.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li{
    padding-bottom: 15px;
}
.woocommerce ul.cart_list li:last-child, 
.woocommerce ul.product_list_widget li:last-child{
    padding-bottom: 0;
}

.woocommerce ul.product_list_widget li.mini_cart_item{
    padding-bottom: 15px;
}

/*My account*/
.woocommerce .woocommerce-MyAccount-navigation{
    background-color: #fff;
    padding: 30px;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
    margin: 0;
    padding: 0;
}
.woocommerce .woocommerce-MyAccount-navigation ul li{
    list-style: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
    color: #999999;
    text-transform: uppercase;
    display: block;
    line-height: 36px;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{
    color: #03a9f4;
}
.woocommerce .woocommerce-MyAccount-content{
    padding: 30px;
    background-color: #fff;
    min-height: 276px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address{
    background-color: #fbfbfb;
    padding: 10px;
}
.woocommerce .woocommerce-MyAccount-content .button{
    margin-top: 40px;
}