/*
Theme Name: W Studio

Theme URI: http://themeforest.net/user/wilylab

Author: Wilylab

Author URI: https://wilylab.com/

Version: 2.0.3

Description: A Beautiful, Professional and Ultimate Wordpress Theme Made by Wilylab

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: w-studio

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/



/*
someting
CSS INDEX
=========
1. Base CSS
    1.1 Layout 
    1.2 Common classes
    1.3 Colors
    1.4 Backgrounds

2. Typography
    2.1 Anchor
    2.2 Headings
    2.3 Selection Color

3. Page Areas
    3.1 Header
    3.2 Menu
    3.3 Home
    3.4 Content
        3.4.1 Slider
        3.4.2 Counter Column
        3.4.3 Creative service
        3.4.4 Pricing section
        3.4.5 Sidebar
    3.4 Footer
    3.5 Scroll to top

4. Hover styles
    4.1 Hover style 1
    4.2 Hover style 2
    4.3 Hover style 3
    4.4 Hover style 4
    4.5 Hover style 5
    4.6 Hover style 6
    4.7 Hover style 7
    4.8 Hover style 8
    4.9 Hover style 9

5. Pages
    5.1 Index
    5.2 About Us
    5.3 Portfolio
    5.4 Blog pages
    5.5 Meet The Team
    5.6 Contact Us
    5.7 404
    5.8 Features
==============================================*/

/* ============================================

1. Base CSS

===============================================*/
html {
	font-size: 13px;
}
body {
    color: #666666;
    font-family: "Raleway", sans-serif !important;
    font-size: 13px;
    line-height: 1.69em;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
img {
    max-width: 100%;
}
iframe {
    border: none !important;
}

/* Classes needed by Theme Check */
.wp-caption {
  max-width: 100%;
}

.wp-caption-text {

  font-weight: normal;

}

.sticky {

	max-width: 100%;

}

.gallery-caption {

  font-weight: normal;

}

.bypostauthor {

  font-weight: normal;

}

.alignleft {

  display: inline;

  float: left;

  margin-right: 15px;

}

.alignright {

  display: inline;

  float: right;

  margin-left: 15px;

}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.display-table {
	display: table;
	width: 100%;
	height: 100%;
}
.vertical-middle-title {
	display: table-cell;
	vertical-align: middle;
}
.vertical-middle-title h1,
.vertical-middle-title .wl-page-heading {
	margin-bottom: 0;
}
/* 1.1 Layout 

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

.container {

    padding-left: 0;

    padding-right: 0;

}

.wl-rowsqueezing {

    margin-left: 0px;

    margin-right: 0px;

}

.wl-section-heading,
.wl-page-heading {
    margin-bottom: 60px;
}

.wl-section-heading::after,
.wl-page-heading::after {

    border-top: 2px solid #444;

    content: "";

    display: block;

    margin-top: 10px;

    width: 40px;

}



/* 1.2 Common classes

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

.wl-color-trans {

    background-color: transparent;

}

.wl-overlay {

    background-color: rgba(240, 240, 240, 0.85);

    height: 100%;

}

.wl-overlay-black {

    background-color: rgba(0, 0, 0, 0.7);

    height: 100%;

}

.wl-overlay-black p a {

    color: #d7d7d7;

}

.wl-overlay-black h5 {

    color: #d7d7d7;

}

.wl-overlay-black .wl-section-heading::after {
    border-top: 2px solid #fff;
}

.wl-overlay-black2 {
    background-color: rgba(0, 0, 0, 0.35);
    height: 100%;
}

.wl-overlay-black2 .wl-home-items p {
    color: #d7d7d7 !important;
}

.wl-section-largemargin {

    margin-bottom: 168px;

    margin-top: 168px;

}

.wl-section-largemargin-top {

    margin-top: 168px;

}

.wl-section-largemargin-bottom {

    margin-bottom: 168px;

}

.wl-section-margintop3 {

    margin-top: 116px;

}

.wl-section-margintop4 {

    margin-top: 75px;

}

.wl-section-marginbottom50 {

    margin-bottom: 50px;

}

.wl-section-margintop {

    margin-top: 126px;

}

.wl-section-marginbottom {

    margin-bottom: 126px;

}

.wl-section-marginboth {

    margin-bottom: 126px;

    margin-top: 126px;

}

.wl-joint-sections .wl-section-marginboth {

    margin-bottom: 105px;

    margin-top: 105px;

}



.wl-margintopzero {

    margin-top: 0;

}

.wl-adjustmargin-bottom {

    margin-bottom: 126px;

}

.wl-adjustmargin-bottom2 {

    margin-bottom: 162px;

}

.wl-section-smallmargin2 h5 {

    margin-top: 0;

}

.wl-section-marginbottom.wl-sort-link {

    margin-bottom: 119px;

}

.wl-sort-masonry.wl-sort-link {

    margin-bottom: 119px;

    margin-top: 21px;

}

.wl-sort-masonry2.wl-sort-link {

    margin-top: 25px;

}

.wl-blog-contents {

    margin-top: 126px;

}

.wl-section-margintop2 {

    margin-top: 53px;

}

.cbp-l-caption-title {

    display: inline-block;

}

.reverse-div {

    float: right;

}

.wl-row4{

    margin-top: 84px;

}

.wl-section-smallmargin2 {

    margin-bottom: 52px;

    margin-top:126px;
    
    overflow:hidden;

}

.wl-section-smallmargintop {

    margin-top: 36px;

}

.wl-joint-sections .wl-section-smallmargintop {

    margin-top: 21px;

}

.wl-section-padding-bottom {

    padding-bottom: 50px;

}

.wl-standard-margin {

    margin: 20px 0;

}

.wl-standard-marginbottom {

    margin-bottom: 20px;

}

.wl-box-marginbottom {

    margin-bottom: 42px;

}

.wl-box-margintop {

    margin-top: 40px;

}

.wl-col-leftpadding {

    padding-left: 30px;

    padding-right: 0;

}
.wl-blog-sidebar .wl-col-leftpadding {
     padding-left: 20px;
}
.wl-paddingzero {

    padding: 0 !important;

}

.wl-padding-leftzero {

    padding-left: 0 !important;

}

.wl-padding-rightzero {

    padding-right: 0!important;

}

.wl-large-padding {

    padding-left: 100px;

    padding-right: 100px;

}

.wl-marginzero {

    margin: 0 !important;

}

.wl-marginzero-bottom {

    margin-bottom: 0 !important;

}

.wl-marginzero-top {

    margin-top: 0 !important;

}

.wl-decrease-left {

    margin-left: -30px;

}

.wl-mlzero {

    margin-left: 0 !important;

}

.wl-margin-topaligned {

    margin-top: -7px;

}
.wl-widemargin + p {
    margin-right: 10px;
}
.wl-aligned-center {
    text-align: center;
}
.wl-aligned-center .wl-section-heading {
    position: relative;
}
.wl-aligned-center .wl-section-heading::after {
    left: 50%;
    margin-left: -20px;
    position: absolute;
}
.wl-aligned-center .wl-section-heading + p {
    float: left;
    margin-right: 0;
    margin-top: 33px;
    padding-left: 15px;
    padding-right: 15px;
}
.wl-align-padding {

    padding-left: 18px;

}

.wl-margin-large {

    margin-top: 75px;

    margin-bottom: 75px;

}

.wl-full-margin {

    margin-top: 50px;

    margin-bottom: 50px;

}

.wl-full-margin-top {

    margin-top: 50px;

}

.wl-normal-margin {

    margin-top: 42px;

    margin-bottom: 42px;

}

.wl-nomalmargin-top {

    margin-top: 42px;

}

.wl-nomalmargin-bottom {

    margin-bottom: 30px;

}

.wl-common-margin {

    margin: 15px;

}

.wl-common-margin-both {

    margin: 15px;

}

.wl-common-margintop {

    margin-top: 15px;

}

.wl-common-marginbottom {

    margin-bottom: 15px;

}

.wl-heightauto {

    float: left;

    height: auto !important;

    width: 100%;

}

.wl-subsection-topmargin {

    margin-top: 30px;

}

.wl-row:after,

.wl-row:before {

    clear: both;

    display: table;

    content: " ";

}

.wl-height1 {

    height: 570px;

}

.wl-height3 {

    height: 470px;

}

.wl-height2 {

    height: 225px;

}

.wl-full-width {

    width: 100%;

}

.wl-regular-text {

    font-size: 13px !important;

    line-height: 1.5em !important;

}

.wl-relative {

  position: relative;

}

.wl-absolute {

    position: absolute;

    top: 0;

}

.wl-item-style2 {

    margin-top: 15% !important;

}

.wl-portfolio-img-big {

    max-height: 570px;

    overflow: hidden;

}

.wl-overflow {

    overflow: hidden;

}

.wl-overflow2 {

    overflow: visible !important;

}

.wl-inlinblock {

    display: inline-block;

}

.double-columns .item {

    position: relative!important;

}

.wl-display-none {

    display: none;

}



/* 1.3 Colors

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

.wl-color1 {

    color: #ffffff;

}

.wl-color2 {

    color: #222222;

}

.wl-color4 {

    color: #444444;

}

.wl-color3, .wl-color3 a {

    color: #999999;

}

.wl-color1 h5 {

    color: #ffffff;

}

.wl-bg-color1 {

    background-color: #f0f0f1;

}

.wl-bg-color2 {

    background-color: #f2f2f2;

}

.wl-bg-colored {

    background-color: #ffffff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);

}

.wl-bg-color3 {

    background-color: #ffffff;

}

.cbp-lightbox.wl-color1 {

    opacity: 1 !important;

    font-size: 22px !important;

}

.cbp-lightbox.wl-color1:hover {

    color: #ffffff !important;

}

.cbp-lightbox.font-no-scale {

    font-size: 28px !important;

}

::-webkit-input-placeholder {

    color: #a9a9a9 !important;

}

::-moz-placeholder {

    color: #a9a9a9 !important;

    opacity: 1;

}

::-ms-placeholder {

    color: #a9a9a9 !important;

    opacity: 1;

}
/* 1.4 Backgrounds -------------------------------*/
.wl-cover-bg3 {
    background: url("assets/images/bg/home3.jpg") center center no-repeat;
    background-size: cover;
}
.wl-bgcolor4 {
    background-color: #f9f9f9;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}
.wl-joint-sections .wl-bgcolor4 {
    margin-left: 0;
}
.wl-bgcolor4 .wl-services {
    margin-left: -15px;
}

/* ============================================

2. Typography

===============================================*/



/* 2.1 Anchor

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

a {

    text-decoration: none !important;

    color: #222222;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}

a:hover {

    color: #767676;

}

a.wl-img:hover {

    opacity: 1!important;

}

:active,

:focus {

    outline: none !important;

}

a img {

    border: none;

}

.active > a {

    color: #222222;

    font-size: 12px !important;

    font-weight: bold;

}

a.active {

    opacity: 0.5;

}



/* 2.2 Headings

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

h1,

h2,

h3,

h4,

h5,

h6 {

    color: #222222;

    margin: .618em 0;

}

h1 {

    font-size: 55px;

    font-weight: 700;

    line-height: 1.15em;

}

h2 {

    font-size: 34px;

    line-height: 1.23em;

}

h3 {

    font-size: 21px;

    line-height: 1.5em;

}

h4 {

    font-size: 17px;

    line-height: 1.618em;

}

h5 {

    font-size: 13px;
    line-height: 1.5em;
}

h6 {

    font-size: 12px;

    line-height: 1.618em;

    margin-bottom: 30px;

}



/* 2.3 Selection Color

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

::selection {

    background: #767676;

    color: #FFF;

    text-shadow: none;

}

::-moz-selection {

    background: #767676;

    /* Firefox */

    color: #FFF;

    text-shadow: none;

}

::-webkit-selection {

    background: #767676;

    /* Safari */

    color: #fff;

    text-shadow: none;

}

code, kbd, tt, var, samp, pre {
    font-family: Inconsolata,monospace;
    color: #666666;
    background-color: inherit;
}

ins {
    font-family: Inconsolata,monospace;
    background-color: #444444;
}

table a {
    color: #222222;
    font-weight: normal;
    font-size: 13px;
}

table td, .mce-item-table td {
	font-weight: normal;
    font-size: 13px;
}

kbd {
    background-color: inherit;
    border-radius: 0;
    box-shadow: none;
    padding: 2px 4px;
}

pre {
	padding: 20px;
}



/* ============================================

3. Page Areas

===============================================*/



/* 3.1 Header

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

/* header section */

.wl-header-wrap {

    float: left;

    margin-top: 40px;

    width: 100%;

}
.wl-recent-post {

    color: #444444;

    font-size: 13px;

    line-height: 1.5em;

    text-transform: uppercase;

    font-weight: 700;

}
.wl-header {
    width: 100%;
    z-index: 9999;
}
.admin-bar .wl-header {
    top: 30px;
}

.wl-logo {

    float: left;
    z-index: 9999999!important;

}
.wl-header-wrap .wl-logo {

    margin-bottom: 5px;

    margin-top: 5px;
   
    top: 45px;

}

.wl-header-bgcolor {

    margin-top: 0;

}

/* 3.2 Menu

    --------------------------------*/
.wl-main-nav {

    float: right;

}

.wl-main-nav ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.wl-main-nav ul li {

    display: inline-block;

}

.navbar-fixed-top .wl-main-nav ul li a {

    color: #393939;

}

.wl-main-nav ul li a {

    color: #393939;

    display: block;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1.2px;

    line-height: 90px;

    padding: 0 15px;

    text-transform: uppercase;

    z-index: 999;

}

.wl-main-nav .wl-color1 ul li a {

    color: #ffffff;

}

.wl-main-nav ul li a:hover {

    opacity: 0.5 !important;

}
a:hover:not(.active){

    opacity: 0.5 !important;
}


/*for sticky menu*/

@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-70px);

        transform: translateY(-70px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-70px);

        -ms-transform: translateY(-70px);

        transform: translateY(-70px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}

.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    animation-duration: 1s;

    animation-fill-mode: both;

}

.fadeInDown .wl-color-trans {

    margin-top: 0;

}



/*for sub and mega menu*/

nav.wl-main-nav ul li a span.wl-triangle::after {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: transparent transparent #edecec;

    border-image: none;

    border-style: solid;

    border-width: 8px;

    content: "";

    left: 20px;

    position: absolute;

    bottom: -40px;

    opacity: 0;

    z-index: 11;

    transition: 0.1s ease;

    -webkit-transition: 0.1s ease;

}

nav.wl-main-nav ul li:hover a span.wl-triangle::after {

    bottom: 0;

    opacity: 1;

    transition: 0.4s ease;

    -webkit-transition: 0.4s ease;

}

nav.wl-main-nav ul li ul.sub-menu {

    background-color: #f2f2f2;

    border-top: 2px solid #666666;

    position: absolute;

    width: 200px;

    top: 90px;

    opacity: 0;

    visibility: hidden;

    z-index: 999;

    transition: 0.1s ease;

    -webkit-transition: 0.1s ease;

}

nav.wl-main-nav ul li ul.sub-menu li {

    display: list-item;

    border-bottom: 1px solid #e3e2e3;

    padding-left: 15px;

}

nav.wl-main-nav ul li .mega-menu li {

    display: list-item;

}

nav.wl-main-nav ul li ul.sub-menu li:last-child,

nav.wl-main-nav ul li .mega-menu ul li:last-child {

    border-bottom: none;

}

nav.wl-main-nav ul li ul.sub-menu li a,

nav.wl-main-nav ul li .mega-menu li a {

    color: #666666;

    font-size: 11px;

    line-height: 36px;

    letter-spacing: 0.5px;

    display: block;

    text-transform: uppercase;

}

nav.wl-main-nav ul li ul.sub-menu li a:hover,

nav.wl-main-nav ul li .mega-menu li a:hover {

    padding-left: 17px !important;

}

nav.wl-main-nav > ul > li:hover > ul.sub-menu,

nav.wl-main-nav > ul > li:hover > .mega-menu {

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    opacity: 1;

    top: 90px;

    transition: all 0.2s ease 0s;

    -moz-transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

    visibility: visible;

}

nav.wl-main-nav ul li .mega-menu {

    border-top: 2px solid #666666;

    width: 100%;

    position: absolute;

    right: 0;

    background-color: #f2f2f2;

    opacity: 0;

    visibility: hidden;

    top: 90px;   

    z-index: 999;

}

nav.wl-main-nav ul li .mega-menu .mega-menu-items {
    float: left;
    width: 25%;
    padding: 0 15px;
    margin: 20px 0;
}

nav.wl-main-nav ul li.mega-menu-2 > .mega-menu .mega-menu-items {
    width: 50%;    
}

nav.wl-main-nav ul li.mega-menu-3 > .mega-menu .mega-menu-items {
    width: 33.33%;
}

nav.wl-main-nav ul li .mega-menu .mega-menu-items:last-child {

    border-right: none;

}

.mega-menu-items h5 {

    color: #fff !important;

    text-align: center;

}

.mean-container .mean-bar {

    background: transparent;

    float: right;

    margin-top: -7px;

    margin-bottom: 8px;

    width: 100%;

}

.mean-container a.meanmenu-reveal {

    color: #767676;

}

.wl-color-trans.mean-container a.meanmenu-reveal {

    color: #ffffff;

}

.mean-container a.meanmenu-reveal span {

    background: #767676!important;

}

.wl-color-trans.mean-container a.meanmenu-reveal span {

    background-color: #ffffff !important;

}

.mean-container .mean-nav {

    background: #767676;

}

.mean-container .mean-nav ul li a {

    padding: 0.6em 5%;

}

.mean-container .mean-nav ul li a.mean-expand {

    background: none;

    border: none !important;

    font-size: 20px!important;

    z-index: 9999;


}
.wl-mega-menu-none .mean-expand {
    display: none !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {

    background: transparent;

    opacity: 0.5;

}

.mean-container .mean-nav ul li li a {

    padding: 0.6em 10%;

    text-transform: capitalize;

}

.admin-bar .navbar-fixed-top {

    top: 30px;

}

.navbar-fixed-top .wl-main-nav.wl-color1 > ul > li > a {

    color: #222222 !important;

}

.small-sub-menu {

    background-color: #f2f2f2;

    border-top: 2px solid #666666;

    left: 200px;

    opacity: 0;

    position: absolute;

    top: -2px;

    transition: all 0.2s ease-in 0s;

    -moz-transition: all 0.2s ease-in 0s;

    -webkit-transition: all 0.2s ease-in 0s;

    visibility: hidden;

    width: 180px;

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    z-index: 1;

}

.sub-menu-left {

    left: -180px;

}

nav.wl-main-nav ul li ul.sub-menu li:hover .small-sub-menu {

    opacity: 1;

    visibility: visible;

    transition: all 0.2s ease-in 0s;

    -moz-transition: all 0.2s ease-in 0s;

    -webkit-transition: all 0.2s ease-in 0s;

}

.mega-menu-heading {

    color: #444444;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.5px;

    line-height: 1.5em;

    margin: 10px 0 15px 15px;

    text-transform: uppercase;

    width: 100%;

    float: left;

    position: relative;

    z-index: 9999;

}

nav.wl-main-nav ul li .mega-menu ul li a::before {

    border-bottom-color: transparent;

    border-bottom-style: solid;

    border-left-style: solid;

    border-top-color: transparent;

    border-top-style: solid;

    content: "";

    display: inline-block;

    margin-right: 10px;

}
nav.wl-main-nav ul li a:hover span.wl-menu-text {

    opacity: 0.5;

}

nav.wl-main-nav ul li .mega-menu ul li a:hover,

nav.wl-main-nav ul li ul.sub-menu li a:hover,

ul.sub-menu li .small-sub-menu ul li a:hover {

    opacity: 0.5;

}

#nav ul li.current a {

    opacity: 0.5;

}

nav.wl-main-nav ul li.mega-menu-2 > .mega-menu {

    border-top: 2px solid #666666;

    width: 50%;

    margin-left: -22.3%;

    position: absolute;

    background-color: #f2f2f2;

    opacity: 1;

    visibility: hidden;

    top: 90px;

    z-index: 10;

}

nav.wl-main-nav ul li.mega-menu-2 > .mega-menu .small-mega-menu {

    float: left;

    width: 50%;

    padding: 0 15px;

    margin: 20px 0;

}

nav.wl-main-nav ul li .mega-menu2 .small-mega-menu:last-child {

    border-right: none;

}

nav.wl-main-nav ul li .mega-menu-2 li {

    display: list-item;

}

nav.wl-main-nav ul li .mega-menu-2 li a {

    color: #666666 !important;

    font-size: 11px;

    line-height: 36px;

    letter-spacing: 0.5px;

    display: block;

    text-transform: uppercase;

}

nav.wl-main-nav ul li.mega-menu-2:hover > .mega-menu {

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    opacity: 1;

    top: 90px;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

    visibility: visible;

}

nav.wl-main-nav ul li .mega-menu-2 ul li a::before {

    border-bottom-color: transparent;

    border-bottom-style: solid;

    border-left-color: #333333;

    border-left-style: solid;

    border-top-color: transparent;

    border-top-style: solid;

    content: "";

    display: inline-block;

    margin-right: 10px;

}

nav.wl-main-nav ul li .mega-menu-2 ul li a:hover {

    padding-left: 17px !important;

}

nav.wl-main-nav ul li .mega-menu-2 ul li a:hover {

    opacity: 0.5;

}

.mega-menu-3col {

    width: 33.3333% !important;

}


/* 3.3 Home

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

.wl-home {

    width: 100%;

}

.wl-home-style2 {
    height: 396px;
}

.wl-home-style3 {
    position: relative;
}
.wl-banner-container {
	width: 100%;
	height: 100%;
}
.wl-home-items {
	display: table;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}
.blog .wl-home-items,
.archive .wl-home-items {
       position: inherit;
}
.wl-middle-content {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.wl-home-items2 {

    margin-top: -148px;

}

.wl-home-items3 {

    margin-top: -38px;

}

.wl-home-items4 {

    margin-top: 125px;

}

.wl-home-items4 h1 {

    margin-top: 0;

}

.wl-home-items p {

    color: #444444;

    line-height: 1.69em;

    margin: auto auto -14px;

    padding-bottom: 0;
}
.wl-side-title h2 {
    margin-top: 90px;
}
.wl-abouthome.wl-home-items p{

     font-size: 21px;

    color: #444444 !important;

    line-height: 1.5em;

}
.wl-overlay-black a {
    color: #fff;
}
.wl-home-heading {
    margin-bottom: 30px;
}
.blog .wl-home-heading, .archive .wl-home-heading {
    margin-bottom: 0;
}
.wl-home-heading h1 {

    margin: 0;

    text-transform: capitalize;

}

.wl-category-title h2 {

    margin-top: 14px;

}

.wl-sort-link {

    margin-top: 52px;

    overflow: hidden;

    text-align: center;

    width: 100%;

}

.wl-sort-link h5 {

    color: #555555 !important;

    display: inline-block;

    margin: 0 !important;

    vertical-align: super;

}

.wl-margin-top-zero {
   margin-top: 0;
}

.wl-menu-filter.wl-blog-aligen .wl-sort-link {

     margin-top: 0;

}

.wl-overlay-black p.wl-color1 {

    color: #ffffff !important;

}

div.fs1 {

    color: #a9a9a9;

    display: inline-block;

    font-size: 30px;

}

.wl-link-to {

    display: inline-block;

    height: 30px;

    position: relative;

}

.wl-link-to.wl-color1 a:hover {

    opacity: 0.5 !important;

}

.wl-link-to span {

    color: #ababab;

    font-size: 30px !important;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;
    line-height: 13px;

}

[data-icon]::before {
    line-height: 0;
}

.wl-direction-left {

    right: auto;

    left: -30px;

}

.wl-direction-right {

    left: auto;

    right: -30px;

}

.wl-link-to a {

    color: #555555;

    font-size: 13px;

    font-weight: bold;

    line-height: 30px;

    text-transform: uppercase;

	position: relative;

	top: -8px;

}
.wl-link-to a#w-load-more,
.wl-link-to a#load_more_team {
    color: #555555;
}
.wl-link-to.wl-color1 a,

.wl-link-to.wl-color1 span {

    color: #ffffff;

}

.wl-media-plot2 {

    margin-bottom: 50px;

    margin-top: 20px !important;

}



/*home masonry*/

.wl-grid-sizer-3,

.wl-home-grid-2 {

    width: 25%;

}

.wl-home-large-grid {

    width: 50%;

}

.wl-home-grid-2 {

    float: left;

    margin-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

}

.hover-effect-1 .hover-text {

    bottom: 175px;

    position: absolute;

    width: 100%;

    z-index: 99999;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.hover-effect-1 .hover-text p {

    color: #c4c4c4;

}

.hover-effect-1:hover .hover-text {

    bottom: 60px;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}



/* 3.4 Content

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

.wl-feature-box {

    float: left;

    width: 100%;

}

.wl-feature-box h5 span {

    color: #c9c9c9;

    font-size: 28px ;

    padding-right: 15px;

    vertical-align: middle;

}

.wl-feature-box p {

    margin-left: 45px;

    margin-right: 65px;

}

.wl-rightfeature-boxes {

    padding-left: 56px;

    padding-right: 0;

}

.wl-rightfeature-boxes .wl-feature-box p {

    margin-right: 45px;

}

.wl-feature-images {

    padding: 0;

    margin-top: 10px;

    overflow: hidden;

}

.wl-section-heading h2 {

    font-weight: 700;

}

.wl-featured-portfolio-box {
    
    margin-bottom: 15px;
    margin-top:0;
    position: relative;
}

.wl-service-info {

    margin: 70px 0;

}

.wl-featured-portfolio-box {

    margin-top: 15px;

    margin-bottom: 15px;

}

.wl-featured-portfolio-box-2 {

    margin-top: 0;

    margin-bottom: 0;

	overflow: hidden;

    position: relative;

}

.wl-services-absolute {

    position: absolute;

    top: 0;

}

.wl-column-services {

    padding-left: 100px;

}

.wl-feature-boxicon {

    float: left;

    display: inline-block;
    margin-top: 16px;

    width: 20%;

}

.wl-feature-boxinner {

    float: left;

    width: 80%;

}

.wl-feature-boxinner p {

    margin-right: 0px;

    margin-bottom: 0px;

}

.wl-feature-boxicon > img {

    margin-top: 15px;

    opacity: 0.3;

}

.wl-clients .wl-absolute {

    width: 100%;

}

.wl-clients .wl-overlay-black {

    width: 100%;

}

.wl-testimonial-small .wl-section-heading {

    margin-bottom: 40px;

}

.wl-testimonial-small.wl-testimonial-small h5 {

    margin-top: 15px;

    margin-left: 0;

}

.wl-testimonial-small p.wl-client-designation {

    margin-left: 0 !important;

}

.wl-text-slider.wl-testimonial-small .item {

    width: 83%

}

.wl-text-slider.wl-testimonial-small .owl-wrapper-outer {

    width: 83%;

}

.wl-testimonial-small .owl-next,

.wl-testimonial-small .owl-prev {

    top: 10%;

}

.wl-testimonial-small .owl-carousel {

    margin-left: -62px;

}

.wl-client-designation {

    color: #444444;

    font-style: normal;

    font-size: 11px;

    margin-left: 200px !important;
    
    text-transform: capitalize;

}
.wl-client-designation.wl-client-align{
    margin-left: 0 !important;
}

.wl-clients-logo {

    margin-top: 32px;

}

.wl-clients-logo img {

    margin-right: 59px;
    display: inline-block;

}

.wl-testimonial2 {

    margin-top: 180px;

}

.wl-testimonial-head {

    margin-top: 230px!important;

}

.wl-full-margin .counter-column {

    margin-top: 10px;

    margin-bottom: 10px;

}

.wl-section-desc {

    padding-left: 70px;

}

.wl-contact2 .wl-section-desc {

    padding-left: 0;

}

.wl-studio-video {

    height: auto;

    margin-bottom: -4px;

    max-width: 100%;

}

/*3.4.1 Slider

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



#feature-owl .item img {

    width: 100%;

}

#feature-owl,

#feature-owl .owl-wrapper-outer,

#feature-owl .owl-wrapper-outer .owl-wrapper,

#feature-owl .owl-wrapper-outer .owl-wrapper .owl-item,

#feature-owl .owl-wrapper-outer .owl-wrapper .owl-item .item {

    height: 100%;

}

.owl-prev {

    color: #222222 !important;

    font-size: 28px;

    left: 0;

    position: absolute;

    top: 28%;

}

.owl-next {

    color: #222222 !important;

    font-size: 28px;

    right: 0;

    position: absolute;

    top: 28%;

}

#owl-1 .owl-prev {

    left: -50px;

    top: 46%;

}

#owl-1 .owl-prev i {

    font-size: 50px;

    color: #666666;

}

#owl-1 .owl-next {

    right: -50px;

    top: 46%;

}

#owl-1 .owl-next i {

    font-size: 50px;

    color: #666666;

}

.wl-text-slider .owl-wrapper-outer {

    width: 370px;

    margin: auto;

}

.wl-text-slider .item {

    width: 370px;

}

.wl-text-slider p {

    font-size: 14px;

    font-style: italic;

    line-height: 31px;

    margin: auto;

}

.wl-text-slider h5 {

    text-transform: capitalize;

    margin-bottom: -3px;

    margin-left: 200px;

    margin-top: 30px;

}

.owl-controls {

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    opacity: 0;

}

.wl-section-slider:hover .owl-controls {

    opacity: 1;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

}

#owl-1 .owl-controls {

    opacity: 1;

}



/* 3.4.2 Counter Column

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

.number-div {

    text-align: center;

    height: 160px;

    width: 100%;

    background-color: #F0F0F1;

    position: relative;

}

.number-div h2 {

    font-weight: 700;

}

.count > span.wl-count-ico {

    color: #ddddde;

    float: left;

    font-size: 44px;

    margin-top: 44px;

    margin-bottom: 24px;

    width: 100%;

    min-height: 40px;

}

.wl-counterdiv {

    bottom: 46px;

    float: left;

    position: absolute;

    width: 100%;

}

.wl-counter-transparent {

    color: #ffffff !important;

}

.wl-counter-transparent .number-div {

    background-color: transparent;

}

.wl-counter-transparent .number-div .wl-counterdiv {

    position: static;

}

.wl-counter-transparent .number-div .wl-counterdiv h2 {

    color: #ffffff;

}

.wl-counter-transparent .counter-column {

    margin-top: 30px;

}



/* 3.4.3 creative service

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

.wl-services {

    height: 570px;

}

.wl-services2 {

    height: 470px;

}

.creative-content {

    height: 142px;

    text-align: center;

}

.wl-5rows {

    margin-top: 105px

}

.creative-content span {

    font-size: 44px;

}

.wl-services .wl-color1::after {

    border-top: 2px solid #fff;

}

.wl-services .wl-section-heading h2 {

    margin-top: 0;

}



/* 3.4.4 Pricing section

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

.wl-pricing {

    background-color: #f0f0f1;

    transition: all 0.4s linear 0s;

    -webkit-transition: all 0.4s linear 0s;

}

.wl-pricing label {

    font-size: 30px;

    line-height: 60px;

}

.wl-price-amount {

    color: #222222;

    font-size: 60px;

    font-weight: bolder;

    line-height: 60px;

}

.wl-price-amount span {

    font-size: 30px;

}

.wl-pricing-feature {

    width: 50%;

    float: left;

}

.wl-pirce-border-both {

    border-right: 1px solid #cecece;

    border-top: 1px solid #cecece;

}

.wl-pirce-border-one {

    border-top: 1px solid #cecece;

}

.wl-pricing-feature img {

    padding: 25px 0 20px 0;

    opacity: 0.5;

}

.wl-price-order {

    background-color: #222222;

}

.wl-price-order h5 {

    line-height: 42px;

}

.wl-pricing {

    border: 2px solid #ffffff;

}

.wl-pricing:hover {

    background-color: #fff;

    border: 2px solid #222222;

}

.wl-pricing1 {

    background-color: #f1f1f1;

    cursor: pointer;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1 h3 {

    background-color: #6a6a6a;

    padding: 10px 0;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1 .wl-price-amount {

    padding: 5px 0;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1 p {

    line-height: 34px;

    font-weight: 500;

    margin: -5px 20px 25px 20px;

    text-transform: uppercase;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1 a {

    background-color: #444444;

    display: inline-block;

    font-weight: 600;

    margin-bottom: 30px;

    padding: 1px 10px;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1:hover h3 {

    font-size: 25.79px;

    line-height: 1.5em;

    background-color: #F40057;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1:hover .wl-price-amount {

    font-size: 64.47px;

    line-height: 64.47px;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1:hover p {

    font-size: 13.97px;

    line-height: 36.7px;

    margin-left: 10px;

    margin-right: 10px;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1:hover a {

    background-color: #F40057;

    font-size: 13.97px;

    padding: 2px 10px;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}

.wl-pricing1:hover {

    margin-top: -15px;

    margin-bottom: 75px;

    transition: 0.1s linear;

    -webkit-transition: 0.1s linear;

}



/* 3.4.5 Sidebar

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

.wl-blog-sidebar {
    padding-left: 60px;
	margin-bottom: 120px;
	float: left;
	width: 100%;
}

.wl-blog-sidebar h5 {
	text-transform: uppercase;
	font-weight: 700;
}

.wl-blog-sidebar input {

    border: 1px solid #e0e0e0;

    border-radius: 2px;

    height: 30px;

    margin-top: 8px;

    padding-left: 20px;

    width: 270px;

}

.wl-blog-sidebar .wl-section-margintop {

    margin-top: 126px;

}

.wl-category ul {

    padding-left: 0;

    margin-left: -10px;

}

.wl-category ul li {

    list-style: none;

    display: flex;

    margin-bottom: 15px;

}

.wl-category ul li:last-child {

    margin-bottom: 25px;

}

.wl-category ul li span {

    color: #cccccc;

    float: left;

    font-size: 28px;

}

.wl-category ul li a {

    float: left;

    margin-left: 15px;

    margin-top: -3px;

    font-weight: 500;

}

.wl-category ul li a:hover {

    color: #444444;

    opacity: 1;

}

#twitter-feed .carousel-indicators li span {

    background-color: #666666;

    border: medium none;

    border-radius: 50%;

    display: block;

    height: 8px;

    margin-left: 2px;

    margin-top: 2px;

    width: 8px;

}

#twitter-feed .carousel-indicators li {

    margin-left: 5px;

}

#twitter-feed .carousel-indicators li.active {

    border: 1px solid #666666;

    background-color: #fff;

    height: 14px;

    margin-bottom: -3px;

    width: 14px;

}

#twitter-feed .carousel-indicators {

    bottom: -30px;

}

.wl-instagram-image {

    width: 90px;

    float: left;

}

.wl-margin-both {

    margin-left: 15px;

    margin-right: 15px;

}

.wl-standard-margin a {

    color: #767676;

}

.wl-blog-aligen {

    margin-bottom: 52px;

}
.wl-sort-link.text-center.blog-category {
    margin-bottom: 15px;
}
.wl-recent-post {

    margin-top: 0;

}

.wl-sidebar-items > h5::after {

    border-top: 1px solid #444;

    content: "";

    display: block;

    margin-top: 10px;

    width: 40px;

}

/* 3.4 Footer

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

footer {
    background-color: #F0F0F1;
}
.footer_top,
.footer_bottom {
	padding: 25px;
}
.wl-copy-right {
    text-align: center;
}
.wl-copy-right p {
    font-size: 11px;
    color: #666;
    margin: 0;
	line-height: 70px;
}
.wl-copy-right a {
    text-decoration: underline !important;
}
.wl-media-icons {
    float: right;
}
.wl-media-icons .wl-media-plot {
    margin-top: 0;
}
.wl-media-icons .wl-media-plot a {
    line-height: 70px;
}
.wl-media-plot {
    margin-top: 3px;
}
.wl-bottom-title .wl-media-icons .wl-media-plot a {
    line-height: 40px;
}
.wl-media-plot a {
	color: #9c9c9c;
	display: inline-block;
	font-size: 16px;
	padding-left: 15px;
}
.sidebar-social .wl-media-plot a { line-height: 30px; }
.wl-footer-logo,
.wl-copy-right,
.wl-media-icons {
	display: inline-block;
}
.wl-footer-logo .wl-img {
	margin-right: 10px;
}

/* 3.5 Scroll to top
    -----------------------------------*/
.scroll-top {

    position: fixed;

    bottom: 45px;

    right: 0;

    visibility: hidden;

    opacity: 0;

    cursor: pointer;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.scroll-top-active {

    visibility: visible;

    opacity: 1;

    right: 40px;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.scroll-top span {

    color: #767676;

    font-size: 28px;

    opacity: 0.5;

    transition: all 0.5s ease 0s;

    -webkit-transition: all 0.5s ease 0s;
    z-index: 99999;

}

.scroll-top span:hover {

    opacity: 1;

}

.hover-scale-1:hover img {

    -ms-transform: scale(1.25, 1.25);

    -webkit-transform: scale(1.25, 1.25);

    transform: scale(1.25, 1.25);

    transition: 0.2s linear;

    -webkit-transition: 0.2s linear;

}

.hover-scale-1 img {

    transition: 0.2s linear;

    -webkit-transition: 0.2s linear;

}



/* ============================================

4. Hover styles

===============================================*/



/* 4.1 Hover style 1

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

.hover-effect-1 {

    opacity: 0;

    transition: 0.2s linear;

    -webkit-transition: 0.2s linear;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

    overflow: hidden;

}

.hover-effect-1 .hover-inner {

    background-color: rgba(34, 34, 34, 0.7);

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

    width: 100%;

    display: table;

}

.hover-effect-1 .hover-inner a {

    font-size: 28px;

    display: table-cell;

    vertical-align: middle;

}

.hover-effect-1:hover {

    opacity: 1;

    transition: 0.2s linear;

    -webkit-transition: 0.2s linear;

}

.hover-effect-1:hover .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

}

.wl-align-left .wl-overlay-absolute {

    left: 0;

}

.wl-align-right .wl-overlay-absolute {

    right: 0;

}

.hover-effect-1 .blog-hover-inner a span {

    border-bottom: 2px solid #ffffff;

    border-top: 2px solid #ffffff;

    font-size: 13px;

    font-weight: 600;

    padding: 15px;

}

.hover-effect-1 .blog-hover-inner a:hover {

    opacity: 1;

}

.hover-effect-1 .blog-hover-inner a span:hover {

    opacity: 0.5;

}

.hover-effect-1 .bottom-icon-right {

    background-color: #999999;

    bottom: -72px;

    height: 100px;

    position: absolute;

    right: 0;

    transform: skewY(135deg);

    width: 100px;

    z-index: 100;

}

.hover-effect-1 .bottom-icon-right a {

    bottom: 53px;

    display: block;

    font-size: 28px;

    position: absolute;

    right: 8px;

    transform: skewY(-135deg);

}

.hover-effect-1 .bottom-icon-left {

    background-color: #999999;

    bottom: -72px;

    height: 100px;

    position: absolute;

    left: 0;

    transform: skewY(-135deg);

    width: 100px;

    z-index: 100;

}

.hover-effect-1 .bottom-icon-left a {

    bottom: 53px;

    display: block;

    font-size: 28px;

    position: absolute;

    left: 8px;

    transform: skewY(135deg);

}

.blog-overlay-hover:hover + .hover-effect-1 {

    opacity: 1;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.blog-overlay-hover:hover + .hover-effect-1 .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-effect-1 .hover-text {

    width: 100%;

    position: absolute;

    text-align: center;

    bottom: -40px;

    transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

}

.hover-effect-1:hover .hover-text {

    bottom: 40px;

    transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

}

.hover-effect-1 .hover-inner a:hover {

    opacity: 1;

}

.hover-effect-1 .hover-inner a:hover span:hover {

    opacity: 0.5;

}

.wl-sibling-hover-1:hover ~ .wl-sibling-hover-2 .hover-effect-1 {

    opacity: 1;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.wl-sibling-hover-1:hover ~ .wl-sibling-hover-2 .hover-effect-1 .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.wl-sibling-hover-2:hover .hover-effect-1 {

    opacity: 1;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.wl-sibling-hover-2:hover .hover-effect-1 .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.wl-hover-sibling .hover-effect-1 {

    opacity: 1;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.wl-hover-sibling .hover-effect-1 .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

/* 4.2 Hover style 2

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

.hover-effect-2 {

     height: 92%;

    left: 0;

    opacity: 0;

    overflow: hidden;

    padding-top: 8%;

    position: absolute;

    top: 0;

    transition: all 0.3s linear 0s;

    width: 100%;

}

.hover-effect-2 .hover-inner {
    
    background-color: rgba(34, 34, 34, 0.7);

    display: table;

    height: 100%;

    margin: auto;

    text-align: center;

    transform: scale(1, 0);

    transition: all 0.3s linear 0s;

     width: 84%;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;


}

.hover-effect-2 .hover-inner a {

    font-size: 28px;

    display: table-cell;

    vertical-align: middle;

}

.hover-effect-2:hover {

    opacity: 1;

}

.hover-effect-2:hover .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.wl-hover-sibling2 .hover-effect-2 {

    opacity: 1;

}

.wl-hover-sibling2 .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

}

/* 4.3 Hover style 3

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

.hover-effect-3 {

    opacity: 0;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

}

.hover-effect-3 .hover-inner {

    background-color: rgba(0, 0, 0, 0.1);

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    opacity: 0;

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

    width: 100%;

    display: table;

}

.hover-effect-3 .hover-inner a {

    font-size: 28px;

    padding: 100px;

    display: table-cell;

    vertical-align: middle;

}

.hover-effect-3:hover {

    opacity: 1;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.hover-effect-3:hover .hover-inner {

    opacity: 1;

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-parent-3:hover img {

    -webkit-filter: blur(8px);

    filter: blur(8px);

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.hover-effect-3 .hover-text {

    width: 100%;

    position: absolute;

    text-align: center;

    bottom: -40px;

    transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

}

.hover-effect-3:hover .hover-text {

    bottom: 40px;

    transition: all 0.2s linear 0s;

    -webkit-transition: all 0.2s linear 0s;

}

.hover-effect-3 .hover-inner a:hover {

    opacity: 1;

}

.hover-effect-3 .hover-inner a:hover span:hover {

    opacity: 0.5;

}



/* 4.4 Hover style 4

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

.hover-effect-4 {

    opacity: 0;

    transition: 0.5s linear;

    -webkit-transition: 0.5s linear;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

}

.hover-effect-4 .hover-inner {
    background-color: rgba(34, 34, 34, 0.7);
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    transform: scale(0, 0);
    transition: all 0.5s linear 0s;
    vertical-align: middle;
    width: 100%;
    display: table;
    position: absolute;
}

.hover-effect-4 .hover-inner a {
    font-size: 28px;

    padding: 50px;

    vertical-align: middle;

    display: table-cell;

    transition: all 0.5s linear 0s;

    -webkit-transition: all 0.5s linear 0s;

    opacity: 1 !important;
}

.hover-effect-4:hover {

    opacity: 1;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}

.hover-effect-4:hover .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.5s linear 0s;

    -webkit-transition: all 0.5s linear 0s;

}

.hover-effect-4 .hover-inner a:hover {

    opacity: 1 !important;

    font-size: 48px;

    transition: all 0.5s linear 0s;

    -webkit-transition: all 0.5s linear 0s;

}

.hover-effect-4 .hover-inner a:hover span:hover {

    opacity: 0.5;

}



/* 4.5 Hover style 5

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

.hover-parent-5 {

    position: relative;

    overflow: hidden;

    display: block;

    z-index: 1;

}

.hover-parent-5 .hover-img-5 {

    left: 0;

    position: relative;

    top: 0;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}

.hover-parent-5 .hover-effect-5 {

    position: absolute;

    bottom: -77px;

    background-color: #444444;

    padding: 10px 15px;

    height: 77px;

    left: 0;

    opacity: 0;

    position: absolute;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

    width: 100%;

}

.hover-parent-5:hover .hover-img-5 {

    top: -77px;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}

.hover-parent-5:hover .hover-effect-5 {

    bottom: 0;

    opacity: 1;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}



/* 4.6 Hover style 6

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

.hover-effect-6 {

    opacity: 0;

    transition: 0.5s linear;

    -webkit-transition: 0.5s linear;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

    overflow: hidden;

}

.hover-effect-6 .hover-inner {

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-effect-6:hover {

    opacity: 1;

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-effect-6:hover .hover-inner {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-effect-6 .wl-inner-rotate {

    background-color: rgba(244, 67, 54, 0.7);

    border-top: 300px solid rgba(34, 34, 34, 0.7);

    padding: 10px;

    height: 160%;

    margin-top: -125px;

    -webkit-transform: skewY(16deg);

    -moz-transform: skewY(16deg);

    -o-transform: skewY(16deg);

    transform: skewY(16deg);

    width: 100%;

}

.hover-effect-6 .hover-inner .wl-inner-rotate .wl-hover-text {

    margin-top: 45px;

    -webkit-transform: skewY(-16deg);

    -moz-transform: skewY(-16deg);

    -o-transform: skewY(-16deg);

    transform: skewY(-16deg);

    width: 70%;

    float: left;

}

.hover-effect-6 .hover-inner a {

    float: left;

    font-size: 28px;

    margin-top: 13px;

    text-align: center;

    width: 30%;

    -webkit-transform: skewY(-16deg);

    -moz-transform: skewY(-16deg);

    -o-transform: skewY(-16deg);

    transform: skewY(-16deg);

}

.hover-effect-6 .hover-inner .wl-color1 a {

  float: none;

  font-size: 13px;

  margin-top: 0;

  text-align: left;

  transform: inherit;

  width: inherit;

}

/* 4.7 Hover style 7

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

.hover-effect-7 img {

    transition: 0.2s;

    -webkit-transition: 0.2s;

}

.hover-effect-7:hover img {

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5), 0 10px 20px rgba(0, 0, 0, 0.5);

    transition: 0.2s;

    -webkit-transition: 0.2s;

}



/* 4.8 Hover style 8

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

.hover-effect-8 {

    opacity: 0;

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

    overflow: hidden;

}

.hover-effect-8 .hover-inner {

    background-color: rgba(126, 126, 126, 0.7);

    bottom: 0;

    height: 80%;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 10%;

    -webkit-transform: scale(0, 1) skewY(45deg);

    -moz-transform: scale(0, 1) skewY(45deg);

    -o-transform: scale(0, 1) skewY(45deg);

    transform: scale(0, 1) skewY(45deg);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

    width: 100%;

    display: table;

}

.hover-effect-8 .hover-inner a {

    font-size: 28px;

    display: table-cell;

    vertical-align: middle;

    -webkit-transform: skewY(-45deg);

    -moz-transform: skewY(-45deg);

    -o-transform: skewY(-45deg);

    transform: skewY(-45deg);

}

.hover-effect-8 .hover-text {

    float: right;

    text-align: center;

    opacity: 0;

    margin-top: -20px;

    margin-right: 5px;

    transition: .5s linear;

    -webkit-transition: .5s linear;

}

.hover-effect-8:hover {

    opacity: 1;

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-effect-8:hover .hover-inner {

    -webkit-transform: scale(1, 1) skewY(45deg);

    -moz-transform: scale(1, 1) skewY(45deg);

    -o-transform: scale(1, 1) skewY(45deg);

    transform: scale(1, 1) skewY(45deg);

    transition: all 0.3s linear 0s;

    -webkit-transition: all 0.3s linear 0s;

}

.hover-effect-8:hover .hover-text {

    opacity: 1;

    margin-top: 0;

    transition: .5s linear;

    -webkit-transition: .5s linear;

}



/* 4.9 Hover style 9

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

.hover-parent-9 {

    position: relative;

    overflow: hidden;

    display: block;

    z-index: 1;

}

.hover-parent-9 .hover-img-9 {

    left: 0;

    position: relative;

    top: 0;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}

.hover-parent-9 .hover-effect-9 {

    position: absolute;

    bottom: -77px;

    background-color: #1976d2;

    height: 77px;

    left: 0;

    opacity: 0;

    position: absolute;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

    width: 100%;

}

.hover-parent-9:hover .hover-img-9 {

    top: -77px;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}

.hover-parent-9:hover .hover-effect-9 {

    bottom: 0;

    opacity: 1;

    transition: all 0.2s ease 0s;

    -webkit-transition: all 0.2s ease 0s;

}

.hover-effect-9 .hover-inner {

    float: left;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-color: rgb(25, 118, 210);

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transform-origin: left top;

    transition: 0.5s linear;

    -webkit-transition: 0.5s linear;

}

.hover-effect-9 .hover-inner .hover-text {

    width: 80%;

    float: left;

    padding: 5px 0 10px 10px;

}

.hover-effect-9 .hover-inner .hover-icon {

    background-color: #ef6c00;

    height: 93px;

    margin-top: 38px;

    position: absolute;

    right: 0;

    transform: skewY(153deg);

    width: 142px;

}

.hover-effect-9 .hover-inner .hover-icon a {

    float: left;

    font-size: 28px;

    margin-right: 15px;

    margin-top: 15px;

    transform: skewY(-153deg);

}



/* ============================================

5. Pages

===============================================*/



/* 5.1 Index

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

.wl-sub-margin .wl-section-heading {

    margin-top: 150px;

}

.wl-overlay-black .wl-home-items p {

    color: #d7d7d7 !important;

}

.wl-overlay-black .wl-sort-link h5 a {

    color: #fffefe !important;

}
.wl-overlay-black .wl-sort-link div.fs1 {
    color: #fffefe !important;
}
.wl-content-withbg {
	padding-left: 45px;
	padding-right: 45px;
}
.wl-content-withbg div {

    margin-right: 44%;

}

.wl-content-withbg div a {
    color: #d7d7d7;
}

.wl-lower-nav {

    margin-top: 0;

}

.wl-heading-incover {

    margin-top: 66px;

}

.wl-aligned-right {

    float: left;

    width: 100%;

    text-align: right;

}

.wl-aligned-right p {

    margin-right: 0;

    margin-left: 99px;

    padding-top: 30px;

}

.wl-aligned-right .wl-section-heading::after {

    float: right;

}



/* 5.2 About Us

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

.progress-parent {

    height: 470px;

    position: relative;

    margin-top: 50px;

    margin-left: auto;

    margin-right: auto;

    width: 70px;

    overflow: hidden;

}

.progress-number {

    color: #000;

    display: block;

    left: 20px;

    position: absolute;

}

.wl-progress-bar {

    width: 15px;

    height: 470px;

    background-color: #d9d9d9;

}

.progress-inner {

    width: 15px;

    background-color: #b3b3b3;

    position: absolute;

    bottom: 0;

}

.progress-span {

    position: absolute;

    bottom: 0;

    margin-left: 10px;

}

.progress-span.wl-progress-icon {

    left: 16px;

}

.progress-label {

    color: #222;

    font-size: 12px;

    font-weight: 600;

    margin-left: -25px;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

}

.wl-abouthome {

    margin-top: -101px;

}

.wl-progres-parent-hori {

    width: 470px;

    overflow: hidden;

}

.progress-bar {

    height: 100%;

    background-color: #b3b3b3;

}

.wl-progres-hori {

    width: 470px;

    height: 15px;

    margin-bottom: 30px;

    background-color: #d9d9d9;

}

.wl-progres-hori span {

    color: #000;

    float: right;

    margin-top: -25px;

}

.wl-progres-parent-hori .progress-label {

    text-align: left;

    margin-left: 0;

    margin-bottom: 15px;

}



/*5.3 Portfolio

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

.wl-featured-portfolio-box + h5,

.wl-featured-portfolio-box-2 + h5 {

    margin: 20px 0 !important;

    text-align: center;

}

.wl-feature-images img {

    height: 100%;

    max-width: auto;

}

.wl-feature-navigation {

    float: left;

    margin-top: 5px;

    width: 100%;

}

.wl-feature-navigation span {

    color: #c9c9c9;

    cursor: pointer;

    font-size: 28px;

}

.wl-nohome {

    margin-top: 90px;

}

/*cbp styles*/

.cbp-l-filters-button .cbp-filter-item {

    border: 0 none;

    font-size: 13px;

    line-height: 1.5;

    padding-left: 20px;

    margin: 0;

    text-transform: capitalize;

}

.cbp-l-filters-button .cbp-filter-item:first-child {

    padding-left: 0;

}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {

    background-color: transparent;

    color: #222222;

}

.wl-menu-filter ul.cbp-l-filters-button li::after {

    padding-left: 35px;

}

/*.cbp-item-wrapper {

    padding-left: 15px;

    padding-right: 15px;

}*/

.cbp-l-grid-mosaic .effect1 {

    background-color: rgba(34, 34, 34, 0.7);

}

.cbp-l-filters-button .cbp-filter-counter {

    background-color: #666;

}

.cbp-l-filters-button .cbp-filter-counter::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666;
	background-color: transform; 
}

.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {

    bottom: 21px;

    opacity: 1;

}

.cbp-item-wrapper a {

    color: #ffffff;

    opacity: 1 !important;

}

.cbp-l-grid-mosaic .cbp-l-caption-desc,

.cbp-l-grid-mosaic .cbp-l-caption-title {

    color: #ffffff !important;

}
.cbp-popup-wrap {
    z-index: 9999;
}

.effect1 .profile-links a {

    background-color: rgba(34, 34, 34, 0.4);

    transition: 0.3s linear;

    -webkit-transition: 0.2s linear;

}

.profile-links a {

    font-size: 22px;

    padding: 7px 7px 4px 7px;

}

.cbp-popup-lightbox .cbp-popup-next {

    background: transparent url("assets/images/cbp-sprite.png") no-repeat scroll -46px 0

}

.cbp-popup-lightbox .cbp-popup-prev {

    background: transparent url("assets/images/cbp-sprite.png") no-repeat scroll 0 0;

}

.cbp-popup-lightbox .cbp-popup-close {

    background: transparent url("assets/images/cbp-sprite.png") no-repeat scroll -92px 0

}

.cbp-l-filters-button .cbp-filter-counter {

    left: auto;

    right: 40px;

}

.wl-inline-block {

    display: inline-block;

}



/*style-6 page*/



.style-6-left {

    background-color: #f2f2f2;

    padding-top: 240px;

    float: left;

    padding-left: 70px;

    padding-right: 70px;

}

.style-6-left .style-6-left-text {

    width: 80%;

    float: left;

}

.style-6-left .style-6-left-icon {

    width: 10%;

    float: left;

    margin-top: 11px;

}

.style-6-left a {

    font-size: 28px;

    color: #000;

}

.style-6-midle {

    float: left;

    padding: 240px 40px 0 40px;

}

.style-6-right {

    overflow: hidden;

    position: relative;

}

.wl-bottom-title {

    bottom: -14px;

    position: absolute;

}

.wl-bottom-title-right {

    bottom: -14px;

    position: absolute;

    left: 50% !important;

}

.wl-member-title {

    bottom: 0;

    position: absolute;

}

.wl-member-title h5 {

    line-height: 1.1em;

    margin: 0.5em 0;

}

.wl-member-title p {

    margin-bottom: 5px;

    line-height: 1.29em;

}

.wl-media-icons2 {

    margin-top: 0;

}

.wl-media-icons2 a {

    font-size: 12px;

}



/*style-2 page*/



.wl-height2 img {

    height: 100%;

    width: 100%;

}

.hover-style-6 {

    background-color: rgba(0, 0, 0, 0.3);

    bottom: 0;

    display: none;

    height: 100%;

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

}

.wl-style-img-big {

    position: relative;

}

.wl-overlay-absolute {

    position: absolute;

    top: 0;

    z-index: 99;

}

.wl-overlay-absolute h5 {

    margin-top: 78%;

}

.wl-align-left .wl-overlay-absolute {

    left: 0;

}

.wl-align-left .hover-effect-1 {

    padding-left: 33.33%;

}

.wl-align-right .wl-overlay-absolute {

    right: 0;

}

.wl-align-right .hover-effect-1 {

    padding-right: 33.33%;

}

.wl-big-img-section {

    position: relative;

}

.wl-big-img-section .hover-effect-1 {

    padding-top: 22%;

}

.wl-big-img-section:hover .hover-effect-1 {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

    transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

}



/*Nav filter*/



.wl-menu-filter ul {

    list-style: none;

    margin: 0;

    margin-left: 15px;

    padding: 0;

}

.wl-menu-filter ul li {

    cursor: pointer;

    display: inline-block;

}

.wl-menu-filter ul li a {

  font-size: 13px;

  line-height: 20px;

  padding: 0 40px;

  text-transform: capitalize;

}
.wl-one-col {
    margin-top: -30px;
}
.wl-filter-margin {
  
  margin-bottom: 42px;
  margin-top: 42px;
}
.wl-menu-filter.blog-sidebar ul li a {

  padding: 0 20px;

}

.wl-menu-filter ul li a.active {

    opacity: 1;

}

.wl-menu-filter ul li a:hover {

    color: #444444;

    opacity: 1;

}

.wl-menu-filter ul li a.active {

    color: #444444;

    font-weight: bold;

}

.wl-menu-filter ul li.current-cat a {

    padding-left: 40px;

    padding-right: 40px;

    font-weight: bold;

}

.wl-menu-filter ul li::after {

    content: "|";

}

.wl-menu-filter ul li:last-child:after {

    opacity: 0;

}

.wl-menu-filter .wl-sort-link {

    margin-bottom: -10px;

}

.wl-menu-filter.blog-sidebar ul li a {

    padding: 0 20px;

}

.wl-title-mosic h5 {

    margin-top: 25px;

}

.wl-title-mosic p {

    margin-bottom: -5px;

}

.wl-sidebar-items {

    float: left;

    margin-bottom: 20px;

    width: 100%;

}

.wl-sidebar-items:last-child{

    margin-bottom: 0;

}

.twitter-carousel {

    position: static;

    margin-left: 0;

    width: 100%;

}

/* 5.4 Blog pages

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

.wl-both-padding {

    padding: 20px;

}

.wl-big-top-margin {

    margin-top: 90px;

}

.wl-blog-detail-menu {

    padding:0;

}

.wl-blog-column3 .wl-blog-detail-menu {

   padding: 0 20px 20px;

}

.wl-blog-detail-menu ul {

    list-style: none;

    padding-left: 0;

}

.wl-blog-detail-menu ul li {

    display: inline-block;

}

.wl-blog-detail-menu ul li a {
	padding: 0 2px;
    color: #999999;
    font-size: 12px;
    border-right: 1px solid #999999;
    padding-right: 10px;
    padding-left: 10px;

}
.wl-blog-detail-menu ul li:first-child a {
	padding-left: 0;
}
.wl-search-margin {
    margin: 126px 0;
}
.wl-blog-detail-menu ul li:last-child a {
	border-right: none;
}

.wl-blog-media {

    float: none;

}

.wl-blog-media .wl-media-plot a {

    color: #c2c2c2;

    font-size: 12px;

    padding-left: 15px;

    padding-top: 5px;

}

.wl-blog-overlay-absolute {

    position: absolute;

    top: 0;

    z-index: 99;

}

.wl-blog-overlay-absolute .wl-blog-detail-menu ul li a {

    color: #a3a3a3;

}

.wl-blog-overlay-absolute h5 {

    color: #c4c4c4 !important;

}

.wl-blog-overlay-absolute .wl-blog-media .wl-media-plot a {

    color: #808080;

}

.wl-masonry-blog {

    padding: 20px 20px 0 20px;

}

.wl-masonry-blog .wl-blog-media .wl-media-plot a {

    line-height: 62px;

}

.wl-blog-img1 {

    height: 570px;

    overflow: hidden;

}

.wl-blog-column3 .hover-parent-5 .hover-effect-5 {

    padding: 0;

}

.wl-blog-column3 .hover-parent-5 .hover-effect-5 .hover-inner {

    display: table;

    height: 100%;

}

.wl-blog-column3 .hover-parent-5 .hover-effect-5 .hover-inner a {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.wl-height4 {

    height: 358px;

}

.wl-height5 {

    height: 270px;

}

.wl-border-none {

    border: none;

}

.wl-blog-blockquote {

    color: #494949 !important;

    font-size: 14px !important;

    font-style: italic;

    letter-spacing: .3px !important;

    margin: 55px 70px;

    padding: 0;

}

.column-2 .wl-both-padding,

.blog-col-1 .wl-blog-overlay-absolute {

    padding: 30px;

}

.wl-decrease-small-left {

    margin-left: -15px;

}

.wl-decrease-small-right {

    margin-right: -15px;

}

.wl-blog-branding a {

    line-height: 70px;

}

.wl-blog-comments .wl-section-heading span {

    font-size: 18px;

    font-weight: 500;

}

.wl-single-comment h5 {
    margin-bottom: 9px;
}

.wl-single-comment p {

    margin-top: 17px;

}

.wl-comment-submit {

    background-color: #444444;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

}

.wl-comment-submit:hover {

    background-color: #666666;

}

.wl-comment-input {


    font-size: 13px;

    line-height: 16px;

    width: 100%;

}

textarea.wl-comment-input {

    padding-top: 12px;

}

.wl-blog-bg1 {

    background-color: #f0f0f1;

}

.wl-overlay1 {

    background-color: rgba(249, 249, 249, 0.65);

    height: 100%;

}

.wl-blog-home {

    position: absolute;

    top: 50%;

    left: 25%;

    margin-top: -92px;

}

.wl-blog-bg {

    height: 396px;

    position: relative;

}

.wl-blog-home h2 {

    color: #222222;

    text-transform: capitalize;

}

.wl-blog-home .wl-blog-detail-menu ul li a {

    color: #222222

}

.wl-blog-home .wl-blog-detail-menu ul li a::after {

    color: #222222;

}

.wl-media-plot .wl-media-share span:first-of-type {

    line-height: 70px;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

}

.wl-blog-media .wl-media-plot span.pull-right {

    color: #999999;

    font-size: 24px;

    font-weight: normal;

    line-height: 74px;

}

.wl-overlay-light {

    background-color: rgba(0, 0, 0, 0.5);

    height: 100%;

}

.wl-overlay-light .wl-blog-home ul li a {

    color: #d7d7d7;

}

.wl-overlay-light .wl-blog-home ul li a:after {

    color: #d7d7d7;

}

.wl-grid-column-2,

.wl-grid-column-sizer-2 {

    width: 50%;

}

.wl-grid-sizer-1,

.wl-grid-item-1 {

    width: 25%;

}

.wl-grid-sizer-2,

.wl-grid-item-2 {

    width: 33.33%;

}

.wl-grid-item {

    float: left;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 30px;

}

.wl-grid-item-1 img {

    width: 100%;

    height: 100%;

    display: block;

}

.wl-grid-width-1 {

    width: 50%;

}

.wl-grid-inner {

    height: 100%;

    width: 100%;

}

.wl-blog-contents .wl-full-width:first-child p {

    margin-bottom: 22px;

}

.wl-blog-contents h2 {

    margin-bottom: 11px!important;

}

.wl-blog-contents .wl-blog-detail-menu {

    margin-bottom: 31px;

}

/*5.5 Meet The Team

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

.wl-team-button button {

    text-transform: uppercase;

    font-size: 13px;

    border: none;

    padding: 1.5px 15px;

    margin-top: 65px;

}

.wl-team-descript {

    padding: 0 0 0 15%;

}

.wl-team-descript.text-right {

    padding: 0 15% 0 0;

}

.wl-team-descript h5 {

    margin-bottom: 3px;

}

.wl-padding50 {

    padding: 0 50px;

}

.wl-left-half {

    left: 50%;

}

.wl-common-padding {

    padding: 0 15px;

}
.wl-team-descript h5 {
    margin-top: 63px;
}


/* 5.6 Contact Us

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

.wl-contactus h2{

    margin-top: 0;

}

.wl-contact-form .wl-comment-input {

    margin-top: 30px;

}

.wl-contact-form .wl-comment-submit {

    padding: 6px 20px;

    font-weight: 500;

}

.wl-contact-address h5 {

    color: #666666 !important;

}

.wl-contact-address h5.wl-standard-marginbottom:first-child {

    margin-top: 86px;

}

.wl-contact-address address span {

    font-size: 13px;

    font-weight: 700;

    line-height: 1.7em;

    text-transform: uppercase;

}

.wl-contact-address address div {

    margin-top: 25px;

}

.wl-contact-address .wl-media-icons .wl-media-plot a:first-child {

    padding-left: 0;

}

.wl-contact-address .wl-media-icons .wl-media-plot a:last-child {

    padding-right: 0;

}

.wl-contact-address .wl-media-icons .wl-media-plot a {

    font-size: 12px;

    line-height: 26px;

}
.wl-input-height {
    height: 36px;
    margin-bottom: 30px;
}

.panel-group .panel {

    background-color: #ffffff;

    box-shadow: none;

    border-bottom: 1px solid #c9c9c9;

    border-top: none;

    border-left: none;

    border-right: none;

    padding: 15px 0;

    border-radius: 0;

}

.wl-noborder .panel {

    border-bottom: 0 none !important;

}

.panel-group .panel:first-child {

    padding-top: 5px;

}

.panel-group h5 {

    text-transform: capitalize;

}

.panel-group .panel-default > .panel-heading {

    background-color: #ffffff;

    border: none;

    padding: 0;

}

.panel-group .panel + .panel {

    margin-top: 0!important;

}

.panel-group .panel-heading + .panel-collapse > .panel-body {

    border-top: none;

}

.panel-group .panel-body {

    padding: 10px 0 0 0;

}

.panel-group .panel-title {

    font-size: 13px;

}

.panel-group .panel-title a span {

    background-color: #333333;

    margin-right: 20px;

    display: inline-block;

    margin-bottom: -5px;

    padding: 1px 2px;

}

.panel-group .panel-title a:hover {

    color: #666666;

    opacity: 1;

}

.panel-group .panel-title a:hover span {

    background-color: #666666;

}

.panel-group .panel-title i {

    font-size: 17px;

    color: #ffffff;

    -ms-transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

    transition: 0.3s linear;

}

.icon-rotate {

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    -ms-transition: 0.3s linear;

    -webkit-transition: 0.3s linear;

    transition: 0.3s linear;

}

.panel-group .panel-title i {

    font-style: normal;

}

.contact-map {

    margin-top: 90px;

}

.wpcf7-form input.wpcf7-form-control,

.wpcf7-form textarea.wpcf7-form-control {

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 0;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

    color: #555;

    display: block;

    font-size: 14px;

    height: 34px;

    line-height: 1.42857;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

}

.wpcf7-form input.wpcf7-form-control::-moz-placeholder,

.wpcf7-form textarea.wpcf7-form-control::-moz-placeholder {

    color: #777;

    opacity: 1;

}

.wpcf7-form input.wpcf7-form-control::focus,

.wpcf7-form textarea.wpcf7-form-control::focus  {

    border-color: #66afe9;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);

    outline: 0 none;

}

.wpcf7-form textarea.wpcf7-form-control {

    height: auto;

}.wpcf7-form input.wpcf7-form-control[type="submit"] {

     border-radius: 0;

    font-weight: 500;

    padding: 6px 20px;

    background-color: #444444;

    transition: all 0.3s ease 0s;

    border: medium none;

    color: #ffffff;

    margin-top: 42px;

    width: 100px;

}

.wpcf7-form input.wpcf7-form-control[type="submit"]:hover {

    background-color: #666666;

    transition: all 0.3s ease 0s;

}

/*  5.7 404

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

.wl-404-wrapper {

    background-color: #ececec;

}

.wl-404-text {
    padding: 192px 0 0 70px;
	text-align: left;
}

.wl-404-text span {

    font-size: 100px;

    font-weight: 700;

    line-height: 50px;

}

.wl-404-text h3 {

    font-weight: 700;

}

.wl-404-text h1 {

    margin: 0.4em 0;

}
.wl-404-text > p {
    font-size: 21px;
    line-height: 1.5em;
    margin-bottom: 3px;
    margin-top: 22px;
}
.wl-404-text a {

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 10px 30px;

}

.wl-404-img img {

    margin-top: 70px;

}



/*  5.8 Features

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

.glyph {

    float: left;

    text-align: center;

    padding: .75em;

    margin: .4em 1.5em .75em 0;

    width: 6em;

    text-shadow: none;

}

.glyph input {

    font-family: consolas, monospace;

    font-size: 12px;

    width: 100%;

    text-align: center;

    border: 0;

    box-shadow: 0 0 0 1px #ccc;

    padding: .2em;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}

.new {

    color: #00adef !important;

}

.centered {

    margin-left: auto;

    margin-right: auto;

}

.fs1 {

    font-size: 2em;

}

.box1 {

    font-size: 16px;

    display: inline-block;

    width: 30%;

    padding: .25em .5em;

    margin: 20px 10px 0 0;

}

.wl-overlay-black a:hover,
.wl-bg-color2 .wl-media-plot a:hover {
    color: #fff;
    opacity: 1!important;
}

.wl-media-plot.left-plot {

    margin-left: -15px;

}

.menuheight {

    height: 90px;

}

.wl-stickload .wl-section-marginbottom.wl-sort-link {

    margin-top: 0 !important;

}

.contact-map2 {

    top: 0;

    margin-bottom: 0;

}

.wl-contact2 {

    margin-bottom: 63px;

}

.wl-contact2 h2 {

    margin-top: 0;

}

.map-height2 {

    height: 480px !important;

}

.offsettop-set {

    width: 100%;

    height: 168px;

}

.offsettop-set2 {

    height: 198px;

}

.wl-col-md-4 {

    width: 33.3333%;

    float: left;

    padding-left: 15px;

    padding-right: 15px;

}

.wl-col-md-8 {

    width: 66.6667%;

    float: left;

    padding-left: 15px;

    padding-right: 15px;

}

.wl-col-md-8 .wl-relative img {

    width: 100%;

}

.wl-mosic2-col .cbp-item-wrapper {

    padding: 0;

}

.cbp.cbp-l-grid-mosaic.wl-mosic2-col {

    padding: 0 15px;

}

.wl-mosic2-lg img {

    max-height: 470px;

    overflow: hidden;

}

.msgalert {

    color: orange;

    margin-bottom: 30px;

    text-align: center;

    display: none;

}

.msgalert > span {

    color: red;

    cursor: pointer;

    padding-left: 6px;

}

.wl-decrease-small-left img{

    max-width: 300px;

}
nav.wl-main-nav ul li ul.sub-menu li ul.sub-menu {

    top: -2px;

    left: 220px;

}

nav.wl-main-nav > ul > li:hover > ul.sub-menu > li.wl-relative:hover > ul.sub-menu {

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    opacity: 1;

    top: -2px;

    left: 200px;

    transition: all 0.2s ease 0s;

    visibility: visible;

}



nav.wl-main-nav > ul > li > .mega-menu > ul.sub-menu {

    border-top: none;

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    width: 200px;

    top: 0;

    opacity: 0;

    visibility: hidden;

    z-index: 10;

    width: 100%;

}

nav.wl-main-nav ul li:hover .mega-menu > ul.sub-menu {

    opacity: 1;

    visibility: visible;

}

nav.wl-main-nav ul li .mega-menu ul.sub-menu li ul li {

    display: list-item;

    border-bottom: none;

    padding-left: 0;

}

nav.wl-main-nav ul li .mega-menu ul.sub-menu li {

    display: list-item;

    border-bottom: none;

    padding-left: 15px;

}

nav.wl-main-nav ul li .mega-menu ul.sub-menu .mega-menu-items ul.sub-menu {

    top: 0;

    left: 0;

    position: relative;

    width: 100%;

}

nav.wl-main-nav ul li:hover .mega-menu ul.sub-menu .mega-menu-items ul.sub-menu {

    box-shadow: none;

    opacity: 1;

    top: 0;

    border-top: none;

    visibility: visible;

}



/* Custom additional*/



.mega-menu ul.sub-menu{

    background-color: #f2f2f2;

    border-top: none;

    opacity: none;

    position: block;

    top: none;

    transition: none;

    visibility: none;

    width: none;

    z-index: 10;

}



nav.wl-main-nav ul li ul.sub-menu li ul.sub-menu {

    top: -2px;

    left: 220px;

}



nav.wl-main-nav > ul > li:hover > ul.sub-menu > li.wl-relative:hover > ul.sub-menu {

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    opacity: 1;

    top: -2px;

    left: 200px;

    transition: all 0.2s ease 0s;

    visibility: visible;

}



nav.wl-main-nav > ul > li > .mega-menu > ul.sub-menu {

    border-top: none;

    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.06);

    width: 200px;

    top: 0;

    opacity: 0;

    visibility: hidden;

    z-index: 10;

    width: 100%;

}



nav.wl-main-nav ul li:hover .mega-menu > ul.sub-menu {

    opacity: 1;

    visibility: visible;

}



nav.wl-main-nav ul li .mega-menu ul.sub-menu li ul li {

    display: list-item;

    border-bottom: none;

    padding-left: 0;

}



nav.wl-main-nav ul li .mega-menu ul.sub-menu li {

    display: list-item;

    border-bottom: none;

    padding-left: 15px;

}



nav.wl-main-nav ul li .mega-menu ul.sub-menu .mega-menu-items ul.sub-menu {

    top: 0;

    left: 0;

    position: relative;

    width: 100%;

}



nav.wl-main-nav ul li:hover .mega-menu ul.sub-menu .mega-menu-items ul.sub-menu {

    box-shadow: none;

    opacity: 1;

    top: 0;

    border-top: none;

    visibility: visible;

}



/* Pagination Style */

.page-numbers {

    margin: 0 15px;

    font-size: 16px;

}

.screen-reader-text {
    display: inline-block;
}
h2.screen-reader-text {
    display: none;
}
.pagination .current {

    font-weight: 700 !important;

}

.pagination {

    text-align: center; width: 100%;
    margin: 0;

}



/* Comments Template CSS */

#reply-title,

#email-notes,

.comment-notes,

.comment-form-url { display: none; }

.comment-author { float: left; }

.comment-author img {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin-right: 30px;

}

.fn {

    float: right;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

    padding-right: 20px;

}

.comment-respond { position: relative: }

#commentform #submit {

    background-color: #444444;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    border: none;

    color: #fff;

    padding: 6px 21px;

}

#commentform #author,

#commentform #email { height: 36px; }

#commentform #url { display: none; }

#commentform #comment,

#commentform #author,

#commentform #email {

    border: 1px solid #c9c9c9;

    font-size: 13px;

    line-height: 16px;

    margin-top: 10px;

    padding-left: 10px;

    width: 100%;

}

.comment-form-author {

    position: relative;

    top: -140px;

}

.comment-form-email {

    position: relative;

    top: -142px;

}

.comment-form-comment {

    position: relative;

    bottom: -105px;

}

.says { display: none; }

.depth-2 img {
    border-radius: 50%;
    height: 55px;
    width: 60px;
}

.depth-3 img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.children { margin-top: 20px; }

.logged-in .comment-form-comment {

    bottom: 0;

}

/* img tag css */

img {

    max-width: 100%;

	height: auto;

}

.nav-previous { 

	float: left;

	width: 49%;

	padding-right: 20px;

}

.nav-next {

	width: 49%;

	float: right;

	text-align: right;

	padding-left: 20px;

}

.nav-links { 

	width: 100%;

	overflow: hidden;

	padding: 30px 0 0 0;

	margin: 0 auto;

}

.wl-margin-top43 {
	margin-top: 46px;
	font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.wl-margin-top43 a {
    font-weight: 400;
    text-transform: none;
}

#comments {

	width: 100%;

	margin: 0 auto;

}

/*wp widgeds*/ 

.wl-sidebar-items td, th {

    padding: 5px;

}

.wl-sidebar-items  td a{

    color: #000;

    font-weight: bold;

}

nav ul, nav ol {

  list-style: outside none none;

  padding-left: 0;

}
.wl-blog-sidebar ul, .wl-blog-sidebar ol {

  padding-left: 0;
  list-style-position: outside;

}
.wl-sidebar-items ul li {

    font-weight: 500;

}
.wl-sidebar-items ul.children {

    margin-top: 0;

}
.wl-sidebar-items select {
    border: 1px solid #e0e0e0;
    height: 30px;
    padding: 0 5px;
    margin-left: 10px;
}
.wl-sidebar-items li::before {

    color: #cccccc;

    padding-right: 20px;

}

.wl-sidebar-items .wl-category li::before {

  color: #cccccc;

  content: "";

  padding-right: 0;

}

.blog-col-1:nth-child( even ) .wl-right-zero .wl-blog-overlay-absolute { right: 0; }
.blog-col-1:nth-child( even ) .bottom-icon-right { display: none; }
.blog-col-1:nth-child( odd ) .bottom-icon-left { display: none; }

._blank_image > img {

	width: 100%;

}

#main-menu {

	z-index: 999;

}

.aligncenter{

	margin: auto;

}
.cbp-l-grid-mosaic .cbp-caption-activeWrap {
	background-color: rgba(0, 0, 0, 0.75);
}
.wl-search-form {
	right: 0;
	margin-top: 30px;
	position: absolute;
}

input[type="password"] {
    border: 1px solid #c9c9c9;
    height: 36px;
    padding-left: 10px;
}

.post-password-form input[type="password"]{
    margin-left: 10px;
}

input[type="submit"] {
    background-color: #444444;
    border: 0 none;
    color: #fff;
    font-weight: 500;
    height: 36px;
    padding: 6px 20px;
    text-transform: uppercase;
}

.post-password-form input[type="submit"] {
    margin-left: 10px;
}

input[type="search"] {

	border: 1px solid transparent;

	border-radius: 3px;

	height: 30px;

	padding: 5px 10px;

	width: 210px;

	font-weight: normal;

	background: transparent;

	color: #393939;

}

.search h4 { 

	margin: 0;

	line-height: 1em;

}

#twitter-feed ol li::before {

  content: none;

}

.menu-item-settings { overflow: hidden !important; }

.wl-current a { opacity: 0.5; }

.cbp-item {

	display: block;

	overflow: hidden;

}

.wl-breadcrumb {

    width: 100%;

    margin-top: 10px;

    padding: 10px;

}

.wl-breadcrumb ul li {

    text-decoration: none;

    display: inline-block;

}

.wl-breadcrumb ul li::after {

    color: #000000;

    content: "/";

    font-size: 12px;

    padding-left: 5px;

    padding-right: 5px;

}

.wl-breadcrumb ul li:last-child::after {

    content: none;

}

.wl-breadcrumb ul li a {

    text-transform: uppercase;

    color: #000;

    font-weight: 600;

}

.wl-breadcrumb ul li:last-child a {

    color: #c2c2c2;

    font-weight: 500;

}

.wl-mega-menu-none span{

	display: none;

}

.wl-pricing {

	width:100%;

}

.wl-feature-boxicon a {

	color:#666;

	font-size:64px;

}

.wl-pricing-feature {

	padding-top: 24px

}

.wl-pricing-feature span {
  color: #666;
  display: block;
  font-size: 54px;
  padding: 10px 0 20px 0;
}

.wl-team-descript {

	padding: 0 0 0 10%;

}

.next-prev-icon {
  font-size: 20px;
  position: relative;
  top: 5px;
}

.wl-floating-odd-parent:nth-child(2n) .wl-floating-odd {
    float: right;
    padding-left: 0;
    padding-right: 15px;
    text-align: left;
}

.wl-floating-odd-parent:nth-child(2n+1) .wl-floating-odd {
    padding-left: 15px;
    padding-right: 0;
    text-align: right;
}
.wl-floating-odd-parent:nth-child(2n) .wl-even .wl-team-descript {
  padding: 0 10% 0 0;
  text-align: right;
}
.wl-floating-odd-parent:nth-child(2n) .wl-even .pull-left {
	float: right !important;
}
.addMoreTeam {
    clear: both;
    display: table;
}
.wl-style-4 img {
	width: 100%;
}
.single .wl-home-style2 {
  height: 396px;
  position: relative;
}
.single .wl-section-margintop {
  margin-top: 0;
}
#home {
	height: 340px;
}
.cbp-item-wrapper {
    padding: 0 15px;
}
.wrapper-padding .cbp-item-wrapper {
    padding: 0;
}
.cbp-popup-lightbox-img{
    display: block;
    margin: 0 auto !important;
}
.wl-cbp-no-padding .cbp-item-wrapper {

   padding:0;
}

.image-height {
    height: 570px;
}
.image-height-1 {
    height: 370px;
}
.image-height-2 {
    height: 225px;
}
.image-height-3 {
    height: 273px;
}
.wl-regular-text a {
    color: #666666;
    font-size: 13px;
}
.wl-blog-sidebar .search-field {
  border: 1px solid #e0e0e0;
}
blockquote {
    border-left: medium none;
    color: #494949 !important;
    font-size: 14px !important;
    font-style: italic;
    letter-spacing: 0.3px !important;
    margin: 15px 47px;
    padding: 0;
}
blockquote p {
    border-left: 3px solid #e0e0e0;
    padding-left: 20px;
}
blockquote + p {
    color: #222;
    font-size: 14px;
    margin-left: 70px;
}
blockquote cite::before, blockquote small::before {
    content: "— ";
}
blockquote cite {
color: #222;
    font-size: 14px !important;
}
.wl-blog-sidebar .wl-instagram-link {
  text-align: center;
}
.wl-floating-odd-parent:nth-child( odd ) .wl-even .wl-team-descript .wl-media-icons .wl-media-plot a,
.col-sm-12 .wl-paddingzero .wl-team-descript .wl-media-icons .wl-media-plot a { padding-left: 0; padding-right: 15px; }
.text-align-right {
   text-align: right;
}
.text-align-right .wl-team-descript .pull-left {
  float: right !important;
}
.text-align-right .pull-left .wl-media-plot a {
  padding-left: 15px !important; 
  padding-right: 0 !important;
}
.wl-paddingzero .wl-team-descript h5 {
  margin-bottom: 22px;
}
.wl-blog-detail-menu a {
  text-transform: capitalize;
}
.wl-icon-padding {
  font-size: 27px;
  padding-left: 26px;
  position: relative;
  top: 7px;
}
.wl-media-share {
  margin-top: 20px;
  padding-left: 16px;
}
.wl-blog-single-cat {
  color: #999999;
}
.profile-links a {
    background-color: rgba(34, 34, 34, 0.4);
    transition: all 0.3s linear 0s;
}
#template-portfolio-masonary-1 .hover-text h5 a, #template-portfolio-masonary-2 .hover-text h5 a, #template-portfolio-masonary-3 .hover-text h5 a {
  color: #ffffff;
}
footer.comment-meta {
	padding: 20px 0;
	width: 35%;
}
.comment-content{
	width: 100%;
}
.comment-content {
  padding: 0;
  width: 100%;
}
.comment-awaiting-moderation {
	display: none;
}
.comment {
  clear: both;
  padding-right: 0;
  margin-bottom: 0;
}
.col-md-6 .comment-meta a time {
  left: 105px;
  top: -79px;
}
.col-md-6 .fn {
  position: relative;
  top: -80px;
  left: 66px;
}
.edit-link {
	display: none;
}
.wl-blog-contents {
	margin-bottom: 90px;
}
.col-md-6 .comment-content {
  width: 100%
}
.form-submit {
  margin-top: 40px;
}
.comments_title {
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding-top: 30px;
}
#comments .wl-section-heading { margin-bottom: 40px !important; }
.single-portfolio .wl-home-items4 {
    margin-top: 72px;
}
.comments-navigation {
    clear: both;
    float: left;
    width: 100%;
}
.comments-previous {
    float: left;
}
.comments-next {
    float: right;
}
.hover6 { padding: 0 !important; }
.hover6 .hover-effect-1:hover {
  opacity: 0.7;
  transition: all 0.2s linear 0s;
}
.wl-blank-header2 { display: none; }
h5.sc {
    margin-bottom: 20px;
}
.wl-media-plot.sc {
    margin-left: -19px;
}
.wl-vc-overlay {
    width: 100%;
}
.vc_row.vc_row-o-columns-middle .wl-vc-overlay {
    display: flex;
    align-content: center;
}
.vc_row-o-columns-bottom.vc_row-o-columns-middle .wl-vc-overlay {
    display: flex;
    align-content: flex-end;
}
.vc_row-o-columns-bottom.vc_row-o-columns-stretch .wl-vc-overlay {
    display: flex;
    align-content: stretch;
}
.wl-blog-sidebar select {
  max-width: 100%;
}
.category_link a {
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
.wl-404-text a:hover {
    color: #fff;
}
.wl-single-comment p {
    font-weight: 400;
}
.wl-marginbottom53 {
    margin-bottom: 45px;
}
.wl-commentlist .children {
    margin-left: 95px;
    margin-top: 0;
    padding-left: 0;
}
.wl-commentlist li {
	list-style: none;
}
.depth-2 > .children {
    margin-left: 75px;
}
.wl-phide{
    display:none;
}
.wl-team-descript{
    padding: 0 5% 0 5%;
}
.initialPageValue{
    display:none
}
#initialPageValue {
    display: none;
}
.wl-team-3.wl-team-descript a h5 {
	margin-bottom: 0;
}
.wl-blog-overlay-absolute p {
	color: #d7d7d7;
}
#menu-one-page-menu a {
	color: #fff;
}
.navbar-fixed-top #menu-one-page-menu a {
	color: #393939;
}
.wl-blog-sidebar #menu-one-page-menu a { 
    color: #666666; 
}
.navbar-fixed-top,
.wl-menu-lower {
	background: #fff;
}
.hover-inner a:hover {
    color: #fff;
}
.wl-portfolio-title .wl-color1 {
	color: #222222;
}
.wl-section-marginteam {
	margin-bottom: 30px;
    margin-top: 30px;
}
#comments{
    margin-bottom: 60px;
}
.comments-navigation {
    margin-bottom: 56px;
}
ul#recentcomments .recentcomments {
    font-style: italic;
}
ul#recentcomments .recentcomments span {
    font-style: normal;
}
ul#recentcomments .recentcomments a {
    font-style: normal;
}
.depth-3 .children {
    margin-left: 0;
    padding-left: 0;
}
.wl-blog-media .wl-media-plot a:first-child {
    padding-left: 0;
}
.single .wl-overlay1 {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: table;
}
.single .wl-blog-home {
  display: table-cell;
  height: 100%;
  position: absolute;
  vertical-align: middle;
  width: 100%;
  left: inherit;
  top: inherit;
  margin-top: -65px;
}
.single .wl-blog-bg {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.vertical-middle {
  display: table;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.xs-clearfix {
  display: inline;
}
.wl-blog-sidebar ul {
    padding-left: 0;
    margin-left: 13px;
}
.wl-blog-sidebar ul li {
    padding-left: 3px;
}
.wl-blog-sidebar > ul {
    margin-left: 13px;
    padding-left: 0;
}
.wl-category ul {
    margin-left: -10px;
}
.wl-category ul li{
     padding-left: 0;
}
.vc_row #js-grid-mosaic{
    margin-left: -15px;
    margin-right: -15px;
}
.wl-media-icons.wl-media-icons2.text-center {
    float: none;
}
.wl-social-padding0 .wl-media-plot a:first-child{
	padding-left: 0;
}
.wl-no-result input[type="search"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #393939;
    font-weight: normal;
    height: 40px;
    padding: 5px 10px;
    width: 470px;
}
.wl-search-margin .nav-links {
    padding: 30px 0 0;
}
.wl-search-margin p {
    margin-bottom: 0;
}
.wl-margin-left {
	margin-left: -15px;
}
.wl-blog-items {
  display: table;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9;
  height: 100%;
}
.wl-blog-items .wl-middle-content {
    text-align: left;
}
.wl-category-color > a {
    color: #c4c4c4;
}
.wl-main-content {
	margin-top: 126px;
	margin-bottom: 126px;
}
li.pingback {
    list-style: none;
    margin: 10px 0;
}
ul.mk-commentlist {
    margin-bottom: 60px;
}
.wl-ping-text-left {
    color: #222222;
}
.single-portfolio .wl-main-content {
    margin: 0;
}
.wl-portfolio-margin-top80 {
    width: 100%;
    clear: both;
}
.page-template .wl-main-content {
    margin: 75px 0 64px 0;
}
.wl-standard-margin > h5 {
   margin-bottom: 0;
}
.wl-clients-logo a {
    float: left;
}
.tax-portfolio-category .wl-box-marginbottom {
    margin-bottom: -46px;
}
h5.wl-standard-marginbottom {
    text-transform: uppercase;
    font-weight: 700;
}
form label {
   display: block;
}
.wl-blog-contents .wl-blog-sidebar {
   margin-bottom: 0;
}
.cbp-item h5,
h5.wl-box-margintop,
.addMoreTeam h5,
.wl-feature-box h5,
.wl-featured-portfolio-box + h5,
.creative-content h5,
.single-portfolio h5 {
    font-weight: 700;
    text-transform: uppercase;
}
.wl-blog-height {
     height: 420px;
     position: relative;
	 left: 0;
	 top: 0;
}
.wl-blog-height .wl-home-items {
    position: absolute;
}
.wl-home-items.wl-search-item {
  position: inherit !important;
}
form p label {
    display: inline;
}
.page-links {
    margin-top: 46px;
}
.page-links .page-links-title {
    font-weight: normal;
}
.page-links span{
    font-weight: 700;
    font-size: 16px;
    margin: 0 5px;
}
.page-links a span {
    font-size: 16px;
    font-weight: normal;
    margin: 0 5px;
}
.wl-blank-header-topmargin {
    margin-top: 90px;
}
.wl-share-block,
.wl-menu-block{
    display: block;
}
.search h4 {
    line-height: 1.62em;
}
.wl-search-margin p {
    margin-bottom: 26px;
}
 .wl-div-table{
    display: table;
    height: 100%;
}
.wl-text-left {
    text-align: left;
}
.wl-blog-sidebar table th, .wl-blog-sidebar table tbody {
    text-align: center;
}
.wl-blog-sidebar table th, .wl-blog-sidebar .mce-item-table th, .wl-blog-sidebar table caption {
    padding: 0;
}
.wl-blog-sidebar table th,
.wl-blog-sidebar table td  {
    font-size: 13px;
}
.wl-blog-sidebar table th {
    padding: 5px;
}
caption {
    color: #222222;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px!important;
    line-height: 1.5em;
     margin-bottom: 20px;
}
caption::after {
    border-top: 1px solid #444;
    content: "";
    display: block;
    margin-top: 10px;
    width: 40px;
}
.tagcloud a {
    font-size: 13px!important;
}
.tagcloud a::after{
    content: ",";
}
.tagcloud a:last-child:after{
    content: " ";
}
.post-password-form p:first-child {
	margin-bottom: 26px;
}
.wl-menu-filter ul li a {
	color: #666666;
}
.wl-team-banner {
	background: #eee none repeat scroll 0 0;
	margin-top: 90px;
	padding: 20px 0 58px;
	width: 100%;
}
.wl-team-banner p {
	font-size: 21px;
	color: #666;
	margin: 8px 0 38px 0; 
}
.wl-team-banner .wl-media-plot.row > a:first-child {
    padding-left: 0;
}
.wl-single-team-content {
    margin-bottom: 124px;
    margin-top: 130px;
}
.wl-single-team-content .navigation .nav-links {
	padding: 56px 0 0 0;
}
.wl-client-image {
    display: table;
    height: 200px;
	width: 100%;
}
.wl-client-image a {
    display: table-cell;
    vertical-align: middle;
}
#client-curousel.owl-theme .owl-controls {
    opacity: 1;
    margin-top: 10px;
    text-align: center;
    position: relative;
}
#client-curousel.owl-theme .owl-controls .owl-page {
  display: inline-block;
}
#client-curousel.owl-theme .owl-controls .owl-page span {
  background: #869791 none repeat scroll 0 0;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}
#client-curousel.owl-theme .owl-controls .owl-page.active span {
    background: #222222 none repeat scroll 0 0;
}
.wl-sticky-logo {
	display: none;
}
.navbar-fixed-top .wl-sticky-logo {
	display: block;
}

.w-button {
  margin-bottom: 50px;
}
.f-btn { 
  border: medium none;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  margin-right: 0;
  text-transform: uppercase;
  transition:.3s;
}

.w-button button {
  background: #111111 none repeat scroll 0 0;
  border:2px solid #111111;
}
.f-btn.bg:hover{
  background:transparent;
  color:#111111;
}
.f-btn.sm {
  font-size: 12px;
  height: 40px;
  line-height: 12px;
  width: 120px;
}
.f-btn.md {
  font-size: 14px;
  height: 45px;
  line-height: 14px;
  width: 150px;
}
.f-btn.lg {
  font-size: 14px;
  height: 50px;
  line-height: 14px;
  width: 180px;
}
.f-btn.border {
  border: 2px solid #111111;
  background:transparent;
  color:#111111;
}
.f-btn.border:hover{
  background:#111111;
  color:#fff;
}
.f-btn i{
  margin-right:5px;
  font-style: normal;
}

.cta-desc {
    color:#666;
    line-height:30px;
}
.cta-desc h2 {
    font-weight:700;
    font-size:30px;
    color:#000;
    margin-bottom:20px;
}

/* TAB CSS */
.single-tab{
  margin-bottom:50px;
  overflow:hidden;
}
.tab-menu {
  list-style: outside none none;
  padding: 0;
}
.tab-1 .tab-menu{
  margin: 0 0 10px;
}
 .tab-menu li{
  margin-right:7px;
  display: inline-block;
}
.tab-menu > li a {
  font-size: 16px;
 
  color: #111111;
  display: block;
  padding: 8px 30px;
  text-transform: capitalize;
}
.tab-menu > li {
     border-bottom: 1px solid #ececec;
}
.tab-menu > li.active{
  border-color: #111111;
}
.single-tab .active > a {
    font-size: 16px !important;
    font-weight: normal;
}
.single-tab .active > a:hover {
    font-size: 16px !important;
    font-weight: normal;
}
.single-tab a:hover:not(.active) {
    opacity: 1 !important;
}
.tab-menu > li a i {
  margin-right:10px;
}

.single-tab .tab-content {
  margin-top: 25px;
}
.tab-2 .tab-menu {
  float: left;
  margin: 0 2% 0 0;
  width: 28%;
}
.tab-2 .tab-content {
  float: left;
  width: 70%;
}
.tab-2 .tab-menu > li {
  display: block;
  margin-bottom: 10px;
}
/* 
    Album css
 */
.wl-album-content {
  padding: 50px 0 98px;
}
.wl-album-content .wl-sort-link {
  margin-top: 45px;
}
.album-sin {
  margin-bottom: 65px;
  position: relative;
}
.album-sin::before {

}
.album-btn {

}
.album-sin > a {
  display: block;
  position: relative;
}
.album-sin > a::before {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;  
}
.album-btn {
  margin-top: -4%;
  position: relative;
  text-align: center;
  z-index: 9;
}
.album-btn > a {
  background: #000 none repeat scroll 0 0;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1px;
  padding: 5px 40px;
  text-transform: uppercase;
}
.album-btn a:hover{
  color:#fff;
  box-shadow:0px 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.album-btn > a:hover {
  color: #fff;
  opacity: 1;
}
.album-sin span {
  color: #fff;
  font-size: 20px;
}
.album-sin span {
  left: 0;
  margin-top: -20px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transition: all 0.3s ease 0s;
}
.album-sin:hover .album-icon{
    opacity:1;
}
.album-sin >a:hover{
    opacity:1;
}
.album-sin:hover.album-sin > a:before{
    opacity:1;
}
.album-sin a:hover span {
    opacity:1;
}

/* Gallery CSS */
.wl-gallery-inner {
  margin-bottom: 50px;
  overflow:hidden;
}
.wl-gallery-inner ul {
    margin:0;
    padding:0;
    list-style:none;
}
.wl-gallery-inner ul li {
  float: left;
  overflow: hidden;
  padding: 3px;
  transition: all 0.3s ease 0s;
  width: 25%;
}
.wl-gallery-inner ul li a img:hover {
    opacity:.7;
}
.wl-gallery-inner.style-1 ul li {
    width: 25%;
}
.wl-gallery-inner.style-2 ul li {
    width: 33.33333333333333%;
}
.wl-gallery-inner.style-3 ul li {
    width: 12.5%;
}
.wl-gallery-inner.style-4 ul li {
    width: 50%;
}
.wl-gallery-inner-2 ul li{
    padding: 0; 
}
.wl-gallery-inner-3{
  padding:0 3px;
}
.single-album .wl-blog-bg .wl-blog-home h5.wl-color3, 
.single-album .wl-blog-bg .wl-blog-home .wl-blog-detail-menu {
    display: none;
}
.wl-slider-overlay {
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.slides li {
	position: relative;
}
.wl-display-table {
  display: table;
  height: 100%;
  width: 100%;
}
.flex-direction-nav a::before {
	line-height: 50px;
}
.flex-direction-nav a {
	height: 50px;
}
.flexslider {
  border: none;
  box-shadow: none;
  margin: 0;
}
.wl-img img {  max-height: 80px;}
.wl-margin-left-15 {
	margin-left: -15px;
}
.archive .wl-home-heading h1 {
	margin-top: 26px;
}
.top-widget-content {
	float: right;
}
.top-widget-content ul {
	list-style: none;
	list-style-type: none;
}
.top-widget-content ul li {
	display: inline-block;
	padding-left: 15px;
}
span.wl-logo-text {
    font-size: 55px;
    font-weight: 700;
    display: block;
    margin-top: 23px;
}
.wl-social-icons ul li {
    display: inline-block;
    list-style: outside none none;
    padding-left: 0;
    padding-right: 10px;
}
.wl-social-icons ul li:last-child {
    padding-right: 0;
}
.wl-social-icons > ul {
    margin-left: 0;
    width: 100%;
}
.wl-social-icons ul li a {
    font-size: 16px;
    padding: 5px;
    color: #9c9c9c;
}
.top-widget-content .wl-social-icons ul li a {
	line-height: 82px;
}
.wl-social-icons ul li:first-child a {
    padding-left: 0;
}
.wl-social-icons ul li:last-child a {
    padding-right: 0;
}.wl-social-icons ul li {
    display: inline-block;
    list-style: outside none none;
    padding-left: 0;
    padding-right: 10px;
}
.wl-social-icons ul li:last-child {
    padding-right: 0;
}
.wl-social-icons > ul {
    margin-left: 0;
    width: 100%;
}
.wl-social-icons ul li a {
    font-size: 16px;
    padding: 5px;
}
.wl-social-icons ul li a:first-child {
    padding-left: 0;
}
.wl-social-icons ul li a:last-child {
    padding-right: 0;
}

/* bootsnav */
.navbar {
    min-height:auto;
}
.navbar.bootsnav {
    border:0;
    background:transparent;
    z-index:9999;
}
.attr-nav {
  margin-top: 26px;
}
.attr-nav > ul > li > a {
  font-size: 30px;
  padding: 0;
  color: #333;
}
.side .close-side {
  color: #333;
  display: block;
  float: none;
  font-size: 25px;
  margin-bottom: 30px;
  position: relative;
  text-align: right;
  z-index: 2;
}
.side {
  background: #f2f2f2 none repeat scroll 0 0;
  margin-right: -18px;
  overflow-y: scroll;
}
.side.wl-main-nav ul li {
    background:transparent;
    display:block;
    border:0;
    padding:0;
    position: relative;
}
.side.wl-main-nav ul li a {
  font-size: 12px;
  line-height: 23px;
  padding: 10px 0;
  position:relative;
  display: inline-block;
}
.side.wl-main-nav ul li i {
  float: right;
  z-index: 999;
  cursor: pointer;
  font-size: 16px;
  padding-left: 10px;
  padding-top: 10px;
}
.side.wl-main-nav ul li a .icon-up, .side.wl-main-nav ul li a.active .icon-down, .side.wl-main-nav ul li a.active.collapsed .icon-up {
  display: none;
}
.side.wl-main-nav ul li a.active .icon-up, .side.wl-main-nav ul li a.active.collapsed .icon-down {
  display:inline-block;
}
.side.wl-main-nav ul.burger-sub li a {
    padding-left: 15px;
    font-size: 10px;
}

/* left-side menu */
.side.side-left.on {
  left: 0;
}
.side.side-left {
  direction: rtl;
  left: -280px;
  margin-left: -18px;
  margin-right: 0;
  right: inherit;
  text-align: left;
}


/* full-width menu css */
.side.side-2 {
  left: 0;
  opacity: 0;
  right: 0;
  transition: all 0.4s ease-in-out 0s;
  visibility: hidden;
  width: 101.5% !important;
  right: -17px;
  display:block;
}
.side-full {
  padding: 20px 0;
  height: 100%;
  display: table;
  width: 100%;
  text-align: center;
}
.side.side-2 .close-side {
  position: absolute;
  right: 78px;
  top: 68px;
}
.side-full > .panel-group.text-center {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.side.side-2.on {
  opacity: 1;
  visibility: visible;
}
.side.side-2.wl-main-nav ul li a i {
  float: none;
  position: absolute;
  top: 15px;
}
.side.side-2.wl-main-nav ul li a {
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  line-height: 28px;
  padding: 8px 0;
}
.side.side-2.wl-main-nav ul li ul li a {
  font-size: 12px;
  line-height: 12px;
}
.burger-sub {
    display: none;
}
.side.wl-main-nav ul li ul li.menu-item-has-children {
    display: inherit;
    width: 100%;
}
.side.wl-main-nav ul li span.mega-menu-heading {
    display: inline-block;
    width: auto;
    float: none;
    margin-left: 0;
}
.side.wl-main-nav ul li ul li.menu-item-has-children i {
    padding-left: 0;
}
.side.wl-main-nav ul li i {
    display: none;
}
.side.wl-main-nav ul li.menu-item-has-children > i {
    display: block;
}
.side.side-2.wl-main-nav ul li.menu-item-has-children > i {
    display: inline-block;
}
.side.wl-main-nav ul li ul li.menu-item-has-children ul li > i {
    padding-top: 3px;
}
.burger-sub .mega-menu-heading {
  color: #393939;
  font-weight: normal;
}
.side.side-2.wl-main-nav ul li i {
  float: none;
    font-size: 16px;
    margin-left: 10px;
    position: absolute;
    right: inherit;
    top: 3px;
    cursor: pointer;
}
.navbar.bootsnav {
	display: inline-block !important;
	float: right;
}
.banner-logo,
.banner-logo img {
	display: block;
}
div.pp_overlay {
  background: #fff none repeat scroll 0 0;
}
div.ppt {
  color: #666666;
  font-size: 13px;
  display: none !important;
}
div.dark_rounded .pp_description {
  color: #666666;
  font-size: 13px;
}
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
  color: #666666;
}
div.pp_pic_holder {
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
}
div.dark_rounded .pp_content_container .pp_left,
.pp_top .pp_middle, .pp_bottom .pp_middle,
div.dark_rounded .pp_content_container .pp_right,
.pp_content_container .pp_left,
div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle,
div.dark_rounded .pp_top .pp_right,
div.dark_rounded .pp_top .pp_left,
div.dark_rounded .pp_bottom .pp_right,
div.dark_rounded .pp_bottom .pp_left {
  background-image: none;
}
.pp_top, .pp_bottom {
  height: 5px;
}
.pp_content_container .pp_left {
  padding-left: 5px;
}
.pp_content_container .pp_right {
  padding-right: 5px;
}
a.pp_expand, a.pp_contract {
  right: 10px;
}
.pp_nav p {
  margin: -1px 10px;
}
.single .wl-blog-contents {
  margin-top: 88px;
}
.attr-nav {
	margin-right: 0;
}
#social_icon_SH {
	display: none;
}
.comments-pagination .nav-links {
  margin-bottom: 15px;
  text-align: center;
}