/*
Theme Name: FlipBox
Theme URI: http://www.codesymbol.com/themes/flipbox/
Author: CodeSymbol
Author URI: http://www.codesymbol.com/
Description: FlipBox is a multi purpose theme beautifully crafted to offer unlimited options with tons of features.
Version: 1.5
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: threaded-comments, theme-options, post-formats, featured-images, custom-menu, custom-colors, custom-background

-------------------------------------------------------------------------

1.	Typography Setup
2.	Template Basics
3.  Transitions Setup
4.  Main Menu Setup
5.  Pages Setup
6.  Footer Setup
7.  Widgets Setup
8.  Blog Setup
9.  Shop Setup
10.	Shortcodes Setup
11. Responsive Media Queries
		11.1 - Desktop Version
		11.2 - Tablet Version
		11.3 - Mobile Version
*/


/*==========================================================================================================================================
/*==========================================================================================================================================
	1.Typography Setup
============================================================================================================================================
============================================================================================================================================*/

    html {
    	min-height: 100%;
    }
    body {
    	z-index: 0;
    	height: 100%;
        width: 1920px;
    	min-height: 100%;
    	color: #312f2f;
    	font-size: 14px;
    	line-height: 24px;
    	overflow-y: auto;
    	overflow-x: hidden;
    	background-color: #ffffff;
        font-weight: 400;
    }
    body.boxed {
        max-width: 1170px;
        margin: 0px auto;
        width: 1170px;
        position: relative;
    }
    p {
    	color: inherit;
    	font-size: 14px;
    	line-height: 24px;
    	margin-bottom: 20px;
        font-weight: 400;
    }
    h1, h2, h3, h4, h5, h6 {
    	color: inherit;
    	position: relative;
    	font-weight: 700;
    	margin-bottom: 15px;
    }
    h1.light, h2.light, h3.light, h4.light, h5.light, h6.light, .light {
        font-weight: 500;
    }
    h1.regular, h2.regular, h3.regular, h4.regular, h5.regular, h6.regular, .regular {
        font-weight: 400;
    }
    h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin, p.thin {
        font-weight: 200;
    }
    h1 {
    	font-size: 50px;
    	line-height: 56px;
    }
    h2 {
    	font-size: 42px;
    	line-height: 50px;
    }
    h3 {
    	font-size: 30px;
    	line-height: 36px;
    }
    h4 {
    	font-size: 24px;
    	line-height: 30px;
    }
    h5 {
    	font-size: 18px;
    	line-height: 24px;
    }
    h6 {
    	font-size: 16px;
    	line-height: 22px;
    }
    h4.style-1 {
        overflow: hidden;
    }
    h4.style-1 span {
        position: relative;
    }
    h4.style-1 span span {
        position: absolute;
        top: 50%;
        right: -2215px;
        width: 2200px;
        height: 1px;
        background-color: #dedede;
        display: block;
        content: "";
    }
    .sub-title {
        font-size: 16px;
        color: #424242;
        font-weight: 500;
        display: block;
    }
    .sub-title-2 {
        font-size: 21px;
        color: #424242;
        font-weight: 500;
        display: block;
    }
    .drop-cap {
        display: inline-block;
        font-size: 50px;
        margin: 0px 10px 0px 0px;
        padding-top: 10px;
        float: left;
    }
    .highlight {
        padding: 2px;
    }
    .highlight.color-yellow {
        color: #333333;
        background-color: yellow;
    }


/*==========================================================================================================================================
/*==========================================================================================================================================
	2.Template Basics
============================================================================================================================================
============================================================================================================================================*/

    .grid-row {
        display: block;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .content-inner {
    	margin: 0px auto;
    	padding: 0px 15px;
    	max-width: 1200px;
    	position: relative;
    }
    .content-inner .content-inner {
        padding: 0;
    }
    .clear {
    	clear: both;
    	margin: 0px;
    	padding: 0px;
    	display: block;
    }
    .clearfix:before, .grid-row:before,
    .clearfix:after, .grid-row:after {
        content:"";
        display:table;
    }
    .clearfix:after, .grid-row:after {
        clear:both;
    }
    .align-center {
        display: block;
        margin: 0px auto;
    }
    .align-right {
        float: right;
    }
    .align-left {
        float: left;
    }
    .text-center {
        text-align: center;
    }
    .text-right {
        text-align: right;
    }
    .text-left {
        text-align: left;
    }
    .visible {
        visibility: visible;
    }
    .sticky, .bypostauthor {}
    img.size-full {
        max-width: 100%;
        height: auto;
    }
    .aligncenter, div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }
    .alignright {
        float: right;
        margin: 1px 0 10px 20px;
    }
    .alignleft {
        float: left;
        margin: 10px 20px 10px 0;
    }
    .aligncenter {
        display: block;
        margin: 0px auto;
    }
    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }
    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    img.aligncenter, img.alignleft, img.alignright, img.alignnone {
        max-width: 100%;
    }
    .wp-caption {
        text-align: center;
        margin: 20px auto;
        max-width: 100%;
    }
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }
    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin:0;
        max-width: 100%;
        padding:0;
        width: auto;
    }
    .align-left {
        text-align: left;
    }
    .align-right {
        text-align: right;
    }
    .no-margin {
        margin: 0!important;
    }
    .img-link {
        display: block;
    }
    .wp-caption-text, .gallery-caption {    
        padding: 10px 0;
    }
    .hidden {
        display: none!important;
    }
    blockquote {
        padding: 20px 10px 20px 20px;
        background-color: #f0f0f0;
        border-left: 1px solid;
        margin-bottom: 20px;
    }
    blockquote p {
        font-size: 16px;
        font-style: italic;
    }
    blockquote p:last-child {
        margin-bottom: 0px;
    }
    ul, ol {
        margin-left: 15px;
    }
    ul li {
        list-style-type: disc;
    }
    ol li {
        list-style: decimal;
    }
    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e!important;
        background-color: #f9f2f4;
        white-space: nowrap;
        border-radius: 0;
    }
    table {
        width: 100%;
        font-size: 13px;
        margin-bottom: 20px;
    }
    table th {
        text-align: center;
    }
    table tbody td {
        padding: 5px 10px;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        color: #000000;
    }
    table tbody tr td:first-child {
        border-left: 1px solid #f0f0f0;
    }
    table th {
        border: 1px solid #f0f0f0;
        background-color: #f6f6f6;
        color: #000000;
        padding: 12px 0;
        font-size: 16px;
        font-weight: normal;
    }
    table #prev {
        text-align: left;
        position: relative; 
        z-index: 2;
    }
    table #next {
        text-align: right;
        position: relative; 
        z-index: 2;
    }
    dt {
        font-weight: bold;
    }
    dd {
        padding-left: 20px;
    }
    em {
        font-style: italic;
    }
    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff!important;
        background-color: #333;
        border-radius: 0;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    }
    pre {
        display: block;
        padding: 11.5px;
        margin: 0 0 12px;
        font-size: 15px;
        line-height: 1.5;
        word-break: break-all;
        word-wrap: break-word;
        white-space: pre;
        color: #f5f5f5!important;
        background-color: #333!important;
        border: 1px solid #ccc;
        border-radius: 0;
    }
    abbr, acronym, code, dir, kbd, listing, plaintext, pre, q, samp, tt, var, xmp {
        font-size: 14px;
        word-break: normal;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
        border: 0;
    }


/*==========================================================================================================================================
/*==========================================================================================================================================
	3.Transitions Setup
============================================================================================================================================
============================================================================================================================================*/

    header, header .logo-container, header nav, header nav > ul > li > a, header nav > ul ul li a, header .top-bar .header-search-container, header .header-search .header-search-button, 
    .social-icons a, header .top-bar, .featured-projects .portfolio-item .overlay, .latest-posts .post h6, .button-small, .button-regular, .button-large, .button-outline, .widget-categories a, 
    .accordion-1 .ui-accordion .ui-accordion-header, .widget-posts a, .widget-flickr a .overlay, footer .menu li a, .icon-box-1, .latest-news .post .post-title, .widget-search input[type=text], 
    .featured-projects-2 .project .overlay:before, .featured-projects-2 .project .project-img, .featured-projects-2 .project .project-link, .email-notify input[type=email], .widget-tags a, 
    .slideshow-container-2 .text-slider .flex-control-paging li a, .icon-box-4, .icon-box-4 i, .icon-box-4 h6, .icon-box-4 p, .projects-slider-1 .arrow-right, .widget-search a, 
    .projects-slider-1 .arrow-left, .icon-box-6, .icon-box-6:before, .projects-slider-2 .categories a, .projects-slider-2 .projects .arrow_left, .projects-slider-2 .projects .arrow_right, 
    .projects-slider-2 .projects-container, .projects-slider-2 .projects .project .overlay, .projects-slider-2 .projects .project h3, .featured-projects-3 .portfolio-project .overlay, 
    .featured-projects-3 .portfolio-project .overlay:before, .featured-projects-3 .portfolio-project .overlay .project-link, .featured-projects-3 .portfolio-project .overlay .project-img, 
    .posts-slider .item .post-title, .posts-slider .item .post-media .overlay, .posts-slider .item .post-media .overlay:before, .posts-slider .item .post-media .overlay .post-img, 
    header .shopping-bag i, header .header-search-form .close, .top-header .breadcrumbs a, .contact-form input, .contact-form textarea, .team-member-single .next-member, .widget-archives a, 
    .posts-container .post-content a, .posts-container .post-meta .meta a, .posts-container .post-title, .posts-container-mini .post-meta .meta a, .posts-container-mini .post-title, 
    .post-single .post-meta a, .post-single .post-tags a, .shop-top-bar .shop-navigation a, .shop-top-bar .product-search input[type=text], .shop-top-bar .product-search a, 
    .shop-top-bar .shop-navigation li i, ul.products .product-media .overlay:before, ul.products .product-media .overlay a, ul.products .product-name, ul.products .product-category, 
    .product-single .product-inner .product-category, .product-single .cart .quantity input[type=button], .product-single .product-info a, .tabs-1 .ui-tabs .ui-tabs-nav li, 
    .shop-cart .cart-table td.product-action a, .shop-cart .cart-table td.product-quantity input, .shop-cart .cart-coupon input[type=text], .shop-cart .cart-shipping input[type=text], 
    .shop-cart .cart-shipping select, .shop-cart-checkout select, .shop-cart-checkout input[type=text], .shop-cart-checkout input[type=email], .widget-menu a, .back-to-top, 
    .shop-account select, .shop-account input[type=text], .shop-account input[type=email], .shop-account input[type=password], .projects-slider-3 .filter-links a, .icon-box-2 i, 
    .projects-slider-3.style-1 figure:before, .projects-slider-3.style-2 .project-info:before, .projects-slider-3.style-2 .project-info h5, .projects-slider-3.style-3 figure a:before, 
    .toggle-1 .ui-accordion .ui-accordion-header, .fonticons-set a, .pricing-tables-1 .table .activate, .pricing-tables-2 .table .activate, .pricing-tables-3 .table .activate, 
    .icon-box-3 .box-header, .icon-box-3 h3, .team-member .member-image, .latest-news .post .overlay:before, .latest-news .post:hover .post-link, .latest-news .post:hover .post-img, 
    .icon-box-5 h6:before, .posts-slider .item .post-media .overlay .post-link, .posts-container .post-media .overlay .post-link, .posts-container .post-media .overlay:before, 
    .posts-container .post-media .overlay .post-img, .posts-container-mini .post-media .overlay .post-link, .posts-container-mini .post-media .overlay:before, .blog-wrapper .blog-pagination a, 
    .posts-container-mini .post-media .overlay .post-img, .style-selector, .style-selector .section a, .style-selector .panel-handle, header .shopping-bag.active span, 
    .post-single .post-related li a, .post-single input[type=text], .post-single input[type=email], .post-single textarea, .post-single input[type=submit], .post-single .post-pagination a, 
    #searchform input[type=text], .projects-slider-3.style-3 article .project-info, .team-member-single .prev-member {
    	-webkit-transition: all 0.2s ease;
    	-moz-transition: all 0.2s ease;
    	-ms-transition: all 0.2s ease;
    	-o-transition: all 0.2s ease;
    	transition: all 0.2s ease;
    }


/*==========================================================================================================================================
/*==========================================================================================================================================
	4.Main Menu Setup
============================================================================================================================================
============================================================================================================================================*/

    header {
        position: relative;
        z-index: 999;
    }
    header .header-container {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5;
        box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    }
    body.boxed header .header-container {
        left: 50%;
        max-width: 1170px;
        width: 1170px;
        -webkit-transform: translate(-50%,0%);
        -moz-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
        -o-transform: translate(-50%,0%);
        transform: translate(-50%,0%);
    }
    header .header-content {
        background-color: #ffffff;
    }
    header .logo-container {
        float: left;
        margin-right: 50px;
        line-height: 70px;
        height: 70px;
    }
    header .menu-nav {
        float: right;
    }
    header .shopping-bag {
        float: right;
        display: inline-block;
        position: relative;
    }
    header .shopping-bag i {
        color: #bcbcbc;
        line-height: 70px;
        font-size: 20px;
    }
    header .shopping-bag.active span {
        position: absolute;
        top: 17px;
        right: -8px;
        display: inline-block;
        padding: 5px 6px;
        font-size: 12px;
        line-height: 9px;
        color: #ffffff;
        border-radius: 50%;
    }
    header .no-menu {
        
    }
    header .no-menu p {
        width: 200px;
    margin: 0;
    line-height: 70px;
    }
    header nav {
        float: left;
    }
    header nav > ul {
        list-style: none;
        margin-left: 0;
    }
    header nav > ul:before,header nav > ul:after { content:""; display:table; }
    header nav > ul:after { clear:both; }
    header nav > ul > li {
        display: block;
        float: left;
        position: relative;
        list-style-type: none;
    }
    header nav > ul > li > a {
        display: block;
        padding: 0px 20px;
        line-height: 70px;
        position: relative;
        color: #3f3f3f;
        font-weight: 500;
        font-size: 14px;
        border-bottom: 2px solid transparent;
    }
    header nav > ul ul {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 170px;
        margin-left: 0;
        background-color: #ffffff;
        border-top: 2px solid #dedede;
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
    }
    header nav > ul ul li {
        display: block;
        position: relative;
        list-style-type: none;
    }
    header nav > ul ul li a {
        display: block;
        color: #3f3f3f;
        position: relative;
        padding: 10px;
        border-bottom: 1px solid #dedede;
        font-weight: 500;
        font-size: 13px;
    }
    header nav > ul ul ul {
        left: 100%;
        top: -2px;
    }
    header nav .arrow-right,
    header nav .arrow-down {
        display: inline-block;
        float: right;
        font-size: 14px;
        color: #333333;
        line-height: inherit;
        padding: 15px;
    	margin: -15px;
    }
    header nav .arrow-down {
        display: none;
    }
    header .top-bar {
        background-color: #ffffff;
        border-bottom: 1px solid #dedede;
        height: 35px;
        overflow: hidden;
    }
    header.sticky .top-bar {
        height: 0;
    }
    header .left-side {
        float: left;
        margin-right: 50px;
    }
    header .left-side > div {
        margin-right: 20px;
    }
    header .right-side {
        float: right;
        margin-left: 50px;
    }
    header .right-side > div {
        margin-left: 20px;
    }
    header .social-icons {
        float: left;
        padding: 0!important;
        background-color: transparent;
    }
    header .contact-info {
        float: left;
    	padding: 5px 0;
    	font-size: 13px;
    	color: #424242;
    	font-weight: 500;
    }
    header .header-search {
        position: relative;
        float: left;
        padding: 5px 4px 0px 5px;
    }
    header .header-search .header-search-button {
        display: inline-block;
        font-size: 16px;
        color: #bcbcbc;
    }
    header .header-search-form {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 5px 0px;
        z-index: 6;
        display: none;
        line-height: normal;
    }
    header .header-search-form form {
    	height: 24px;
    	background-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    header .header-search-form form input {
    	width: 97.25%;
    	height: 100%;
    	border: 0;
    	padding-left: 14px;
        background-color: transparent;
    }
    header .header-search-form .close {
    	color: inherit;
    	font-size: 15px;
        color: #bcbcbc;
    }
    header .mobile-navigation {
        display: none;
        float: right;
        font-size: 18px;
        line-height: 70px;
    }


    header.version-2 .mobile-navigation {
        float: left;
    }
    header.version-2 .logo-container {
        float: right;
        margin-left: 50px;
        margin-right: 0;
    }
    header.version-2 .menu-nav {
        float: left;
    }
    header.version-3 {
        height: 170px!important;
    }
    header.version-3 nav > ul > li > a {
        line-height: 63px;
    }
    header.version-3 .header-content .content-inner {
        text-align: center;
        height: 135px;
    }
    header.version-3 .mobile-navigation, header.version-3 .logo-container, header.version-3 .menu-nav {
        float: none;
        display: inline-block;
        text-align: left;
    }
    header.version-3 .mobile-navigation {
        display: none;
    }
    header.version-4 {
        height: 70px!important;
    }


    /*Mega Menu*/
    header nav > ul > li.mega-menu {
        position: static;
    }
    header nav > ul > li.mega-menu .arrow-down, header nav > ul > li.mega-menu .arrow-right {
        display: none!important;
    }
    header nav > ul > li.mega-menu > ul {
        width: 100%;
        border-bottom: 1px solid #dedede;
    }
    header nav > ul > li.mega-menu > ul ul {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        border: 0;
        border-right: 1px solid #dedede;
        display: block!important;
        background-color: transparent!important;
        opacity: 1!important;
    }
    header nav > ul > li.mega-menu > ul ul li:last-child a {
        border-bottom: 0;
    }
    header nav > ul > li.mega-menu > ul > li {
        margin: 0!important;
        float: left;
    }
    header nav > ul > li.mega-menu.col-2 > ul > li {
        width: 50%;
    }
    header nav > ul > li.mega-menu.col-3 > ul > li {
        width: 33.333%;
    }
    header nav > ul > li.mega-menu.col-4 > ul > li {
        width: 25%;
    }
    header nav > ul > li.mega-menu.col-5 > ul > li {
        width: 20%;
    }
    header nav > ul > li.mega-menu > ul > li:last-child {
        border: 0!important;
    }
    header nav > ul > li.mega-menu > ul > li > a {
        display: none;
    }


    /*Header Style 1*/
    header.style-1 {
        height: 107px;
    }
    header.style-1.sticky, header.style-1.no-topbar {
        height: 70px;
    }


    /*Header Style 2*/
    header.style-2 {
        height: 0!important;
    }


/*==========================================================================================================================================
/*==========================================================================================================================================
	5.Pages Setup
============================================================================================================================================
============================================================================================================================================*/


/*Common*/
    .tp-bannershadow {
        width: 100%!important;
    }
    .link-pages:empty {
        display: none;
    }
    input.hidden{
        display: none;
    }
    .parallax {
        background: 50% 0 no-repeat fixed;
        background-size: cover;
    }
    .back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 8px 10px;
        background-color: #f0f0f0;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        color: #333333;
        opacity: 1;
        display: none;
    }
    .back-to-top.active {
        display: block;
    }
    .back-to-top:hover {
        border: 1px solid #333333;
        opacity: 1;
    }
    .divider, .divider20, .divider30, .divider40, .divider50, .divider60, .divider70, .divider80, .divider90 {
        margin: 0px;
        width: 100%;
        padding: 0px;
        display: block;
    }
    .divider {
        height: 10px;
    }
    .divider20 {
        height: 20px;
    }
    .divider30 {
        height: 30px;
    }
    .divider40 {
        height: 40px;
    }
    .divider50 {
        height: 50px;
    }
    .divider60 {
        height: 60px;
    }
    .divider70 {
        height: 70px;
    }
    .divider80 {
        height: 80px;
    }
    .divider90 {
        height: 90px;
    }
    .divider100 {
        height: 100px;
    }
    .owl-theme .owl-controls .owl-page span {
        opacity: 1;
        background: #bcbcbc;
        width: 8px;
        height: 8px;
        margin: 5px;
    }
    .top-header {
        padding: 60px 0px;
        display: block;
        position: relative;
        background-color: #333333;
        max-heigh: 120px;
    }


    .top-header .heading-text {
        float: left;
        margin-right: 50px;
    }
    .top-header .heading-text * {
        margin-bottom: 0;
	margin-top: 10px;
    }
    .top-header .breadcrumbs {
        float: right;
        margin-left: 50px;
        line-height: 50px;
        color: #ffffff;
        font-size: 13px;
    }
    .top-header .breadcrumbs a {

    }
    .top-header .breadcrumbs a:last-of-type {

    }
    .blog-wrapper .top-header .heading-text h2, .blog-wrapper .top-header .breadcrumbs, .blog-wrapper .top-header .breadcrumbs a {
        color: #ffffff;
    }
    .blog-wrapper .top-header .breadcrumbs a:hover {
        color: #7ececf;
    }
    .video-promo {
        font-weight: 700;
        font-size: 20px;
        color: inherit!important;
        display: inline-block;
    }
    .video-promo img {
        display: block;
        margin: 0px auto;
    }
    .about-image {
        margin-top: -120px;
    }
    .image-holder {
        padding-bottom: 1px;
    }


/*Style Selector*/
    .style-selector {
        position: fixed;
        top: 200px;
        left: -220px;
        width: 220px;
        background-color: #ffffff;
        border: 1px solid #D6D6D6;
        z-index: 999999;
        text-align: center;
    }
    .style-selector.visible {
        left: 0;
    }
    .style-selector .panel-handle {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: -42px;
        font-size: 24px;
        color: #333333!important;
        padding: 15px 8px;
        border-radius: 3px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        background-color: #ffffff;
        border: 1px solid #bcbcbc;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .style-selector h3 {
        margin-bottom: 0;
        background-color: #e2e2e2;
        padding: 10px;
        font-size: 16px;
    }
    .style-selector h4 {
        margin-bottom: 18px;
        font-size: 14px;
    }
    .style-selector .section {
        padding: 15px;
        border-bottom: 1px solid #eceded;
    }
    .style-selector .section:last-of-type {
        border: 0;
    }
    .style-selector .color-switcher a {
        display: inline-block;
        float: left;
        width: 31px;
        height: 31px;
        margin-right: 8px;
        margin-bottom: 8px;
        border: 1px solid #333333;
    }
    .style-selector .color-switcher a[data-value="7ececf"] {
        background-color: #7ececf;
        border: 1px solid #7ececf;
    }
    .style-selector .color-switcher a[data-value="1eace3"] {
        background-color: #1eace3;
        border: 1px solid #1eace3;
    }
    .style-selector .color-switcher a[data-value="3bbe68"] {
        background-color: #3bbe68;
        border: 1px solid #3bbe68;
    }
    .style-selector .color-switcher a[data-value="dc3536"] {
        background-color: #dc3536;
        border: 1px solid #dc3536;
    }
    .style-selector .color-switcher a[data-value="e3651e"] {
        background-color: #e3651e;
        border: 1px solid #e3651e;
    }
    .style-selector .color-switcher a[data-value="b080e6"] {
        background-color: #b080e6;
        border: 1px solid #b080e6;
    }
    .style-selector .color-switcher a[data-value="ffca12"] {
        background-color: #ffca12;
        border: 1px solid #ffca12;
    }
    .style-selector .color-switcher a[data-value="2c3e50"] {
        background-color: #2c3e50;
        border: 1px solid #2c3e50;
    }
    .style-selector .color-switcher a[data-value="7b0046"] {
        background-color: #7b0046;
        border: 1px solid #7b0046;
    }
    .style-selector .color-switcher a[data-value="c0392b"] {
        background-color: #c0392b;
        border: 1px solid #c0392b;
    }
    .style-selector .color-switcher .current, .style-selector .color-switcher a:hover {
        border: 1px solid #333333!important;
    }
    .style-selector .layout-selector a {
        color: #000000;
        border: 1px solid #000000;
        padding: 4px 10px;
        display: inline-block;
        margin-right: 9px;
        min-width: 70px;
    }
    .style-selector .layout-selector .current, .style-selector .layout-selector a:hover  {
        color: #ffffff;
    }


/*Slideshow*/
    .rev_slider_wrapper .tp-leftarrow.default {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        background: #000000 url(images/slideshow/previous.png) no-repeat center center;
    }
    .rev_slider_wrapper .tp-rightarrow.default {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        background: #000000 url(images/slideshow/next.png) no-repeat center center;
    }
    .rev_slider_wrapper .tp-leftarrow.default:hover, .rev_slider_wrapper .tp-rightarrow.default:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        background-position: center center;
    }
    .rev_slider_wrapper .tp-rightarrow.default.hidearrows, .rev_slider_wrapper .tp-leftarrow.default.hidearrows {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }
    .rev_slider_wrapper .slideshow-inner li {
        list-style-type: none;
    }


/*Featured Projects*/
    .featured-projects {

    }
    .featured-projects ul {
        margin-left: 0;
    }
    .featured-projects .portfolio-item {
        float: left;
        display: block;
        position: relative;
        overflow: hidden;
        list-style-type: none;
    }
    .featured-projects.col-2 .portfolio-item {
        width: 50%;
    }
    .featured-projects.col-3 .portfolio-item {
        width: 33.333%
    }
    .featured-projects.col-4 .portfolio-item {
        width: 25%;
    }
    .featured-projects.col-5 .portfolio-item {
        width: 20%;
    }
    .featured-projects.col-6 .portfolio-item {
        width: 16.666%;
    }
    .featured-projects .portfolio-item .project-image-container {
        display: block;
        width: 100%;
    }
    .featured-projects .portfolio-item .project-image-container img {
        width: 100%;
    }
    .featured-projects .portfolio-item .overlay {
        position: absolute;
        bottom: -100px;
        left: 0;
        width: 100%;
        padding: 25px 15px;
    }
    .featured-projects .portfolio-item:hover .overlay {
        bottom: 0;
    }
    .featured-projects .portfolio-item .overlay:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        content: "";
        z-index: 1;
        opacity: 0.85;
    }
    .featured-projects .portfolio-item .overlay .project-title {
        float: left;
        color: #ffffff;
        font-size: 20px;
        margin-bottom: 0;
        position: relative;
        z-index: 2;
    }
    .featured-projects .portfolio-item .overlay .project-link {
        float: right;
        margin: 0px 10px;
        width: 31px;
        height: 25px;
        background: url(images/project-icon1.png) no-repeat;
        position: relative;
        z-index: 2;
    }
    .featured-projects .portfolio-item .overlay .project-img {
        float: right;
        width: 31px;
        height: 25px;
        background: url(images/project-icon2.png) no-repeat;
        position: relative;
        z-index: 2;
    }


/*Featured Projects 2*/
    .featured-projects-2 {
        
    }
    .featured-projects-2 .project {
        position: relative;
    }
    .featured-projects-2 .project img {
        width: 100%;
    }
    .featured-projects-2 .project .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }
    .featured-projects-2 .project .overlay:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        content: "";
        display: block;
    }
    .featured-projects-2 .project:hover .overlay:before {
        opacity: 0.85;
    }
    .featured-projects-2 .project .project-link {
        position: absolute;
        width: 31px;
        height: 24px;
        top: 48%;
        left: 34%;
        background: url(images/project-icon1.png) no-repeat;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .featured-projects-2 .project .project-img {
        position: absolute;
        width: 27px;
        height: 25px;
        top: 48%;
        right: 34%;
        background: url(images/project-icon2.png) no-repeat;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .featured-projects-2 .one-fifth .project .project-link, .featured-projects-2 .one-sixth .project .project-link {
        left: 26%;
    }
    .featured-projects-2 .one-fifth .project .project-img, .featured-projects-2 .one-sixth .project .project-img {
        right: 26%;
    }
    .featured-projects-2 .project:hover .project-link, .featured-projects-2 .project:hover .project-img {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

      
/*Featured Projects 3*/
    .featured-projects-3 {
        
    }
    .featured-projects-3 ul {
        margin: 0;
        overflow: visible;
    }
    .featured-projects-3 .portfolio-project {
        float: left;
        list-style-type: none;
        position: relative;
        z-index: 200;
    }
    .featured-projects-3 .portfolio-project:nth-child(even) {
        margin-bottom: -50px;
    }
    .featured-projects-3 .portfolio-project:nth-child(odd) {
        margin-top: -50px;
    }
    .featured-projects-3.col-2 .portfolio-project {
        width: 50%;
    }
    .featured-projects-3.col-3 .portfolio-project {
        width: 33.333%
    }
    .featured-projects-3.col-4 .portfolio-project {
        width: 25%;
    }
    .featured-projects-3.col-5 .portfolio-project {
        width: 20%;
    }
    .featured-projects-3.col-6 .portfolio-project {
        width: 16.666%;
    }
    .featured-projects-3 .portfolio-project img {
        width: 100%;
    }
    .featured-projects-3 .portfolio-project .project-media {
        position: relative;
    }
    .featured-projects-3 .portfolio-project .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        opacity: 0;
    }
    .featured-projects-3 .portfolio-project .project-media:hover .overlay {
        opacity: 1;
    }
    .featured-projects-3 .portfolio-project .overlay:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        content: "";
        display: block;
    }
    .featured-projects-3 .portfolio-project .project-media:hover .overlay:before {
        opacity: 0.85;
    }
    .featured-projects-3 .portfolio-project .overlay .project-link {
        position: absolute;
        width: 31px;
        height: 24px;
        top: 48%;
        left: 34%;
        background: url(images/project-icon1.png) no-repeat;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .featured-projects-3 .portfolio-project .overlay .project-img {
        position: absolute;
        width: 27px;
        height: 25px;
        top: 48%;
        right: 34%;
        background: url(images/project-icon2.png) no-repeat;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .featured-projects-3 .portfolio-project .project-media:hover .overlay .project-link, .featured-projects-3 .portfolio-project .project-media:hover .overlay .project-img {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .featured-projects-3 .portfolio-project .project-info {
        padding: 15px;
        position: relative;
    }
    .featured-projects-3 .portfolio-project .project-desc {
        float: left;
    }
    .featured-projects-3 .portfolio-project .project-desc h5 {
        margin-bottom: 10px;
        color: #000000;
        font-weight: 400;
        margin-right: 30px
    }
    .featured-projects-3 .portfolio-project .project-desc .project-date {
        font-size: 13px;
        color: #000000;
    }


/*Projects Slider 1*/
    .projects-slider-1 {
        padding-top: 60px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .projects-slider-1 .arrow-left {
        position: absolute;
        left: 0;
        top: 50%;
        display: inline-block;
        font-size: 60px;
        z-index: 2;
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 10px 7px;
    }
    .projects-slider-1 .arrow-right {
        position: absolute;
        right: 0;
        top: 50%;
        display: inline-block;
        font-size: 60px;
        z-index: 2;
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        padding: 10px 7px;
    }
    .projects-slider-1 li {
        text-align: center;
    }
    .projects-slider-1 li img {
        width: auto!important;
        display: inline!important;
    }


/*Projects Slider 2*/
    .projects-slider-2 {
        text-align: center;
    }
    .projects-slider-2 .categories {
        margin-bottom: 20px;
    }
    .projects-slider-2 .categories a {
        color: #000000;
        display: inline-block;
        padding: 10px 25px;
        font-weight: 500;
        position: relative;
    }
    .projects-slider-2 .categories a:after {
        content: "";
        display: block;
        width: 1px;
        height: 15px;
        top: 50%;
        margin-top: -7px;
        right: 0;
        background-color: #000000;
        position: absolute;
        -moz-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    .projects-slider-2 .categories a:last-child {
        padding-right: 0;
    }
    .projects-slider-2 .categories a:last-child:after {
        display: none;
    }
    .projects-slider-2 .categories a:hover, .projects-slider-2 .categories a.selected {
        color: #ffffff;
    }
    .projects-slider-2 .projects {
        width: 100%;
        background-color: #000000;
        position: relative;
        overflow: hidden;
    }
    .projects-slider-2 .projects .arrow_left {
        font-size: 42px;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -35px;
        display: inline-block;
        width: 70px;
        height: 70px;
        background-color: #ffffff;
        line-height: 70px;
        text-align: center;
        opacity: 0.6;
        z-index: 3;
    }
    .projects-slider-2 .projects .arrow_right {
        font-size: 42px;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -35px;
        display: inline-block;
        width: 70px;
        height: 70px;
        background-color: #ffffff;
        line-height: 70px;
        text-align: center;
        opacity: 0.6;
        z-index: 3;
    }
    .projects-slider-2 .projects .arrow_left.useless, .projects-slider-2 .projects .arrow_right.useless {
        opacity: 0.2;
    }
    .projects-slider-2 .projects .arrow_left:hover, .projects-slider-2 .projects .arrow_right:hover {
        opacity: 1;
    }
    .projects-slider-2 .projects .arrow_left.useless:hover, .projects-slider-2 .projects .arrow_right.useless:hover {
        opacity: 0.2;
    }
    .projects-slider-2 .projects-container {
        width: 9000px;
        position: relative;
        left: 0px;
    }
    .projects-slider-2 .projects .project {
        position: relative;
        overflow: hidden;
        float: left;
    }
    .projects-slider-2 .projects.col-3 .project {
        width: 640px;
    }
    .projects-slider-2 .projects.col-4 .project {
        width: 480px;
    }
    .projects-slider-2 .projects.col-5 .project {
        width: 384px;
    }
    .projects-slider-2 .projects .project:hover {
        cursor: url(images/zoom_big.png) 40 40, crosshair;
    }
    .projects-slider-2 .projects .project img {
        vertical-align: middle;
        width: 100%;
    }
    .projects-slider-2 .projects .project .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        opacity: 0.7;
    }
    .projects-slider-2 .projects .project:hover .overlay {
        opacity: 0 !important;
    }
    .projects-slider-2 .projects .project.selected .overlay {
        opacity: 0 !important;
    }
    .projects-slider-2 .projects .project h3 {
        text-align: center;
        display: block;
        position: absolute;
        width: 100%;
        padding: 32px 4px;
        color: #ffffff;
        left: 0px;
        bottom: -220px;
        font-weight: 500;
        margin: 0;
    }
    .projects-slider-2 .projects .project:hover h3 {
        bottom: 0px;
    }
    .projects-slider-2 .projects .project.selected h3 {
        bottom: 0px;
    }


/*Projects Slider 3*/
    .projects-slider-3 {
        position: relative;
    }
    .projects-slider-3 .filter-links {
        position: relative;
        text-align: center;
        margin-bottom: 50px;
    }
    .projects-slider-3 .filter-links a {
        display: inline-block;
        padding: 7px;
        margin-right: 10px;
        background-color: #ffffff;
        color: #2e2e2e;
    }
    .projects-slider-3 .filter-links a:hover, .projects-slider-3 .filter-links a.active {
        color: #ffffff;
    }
    .projects-slider-3 .projects-container {

    }
    .projects-slider-3 article {

    }
    .projects-slider-3 article > a {
        display: block;
    }
    .projects-slider-3 figure {
        position: relative;
    }
    .projects-slider-3 figure .img-holder {
        width: 100%;
        height: 180px;
        background-color: #202020;
        text-align: center;
    }
    .projects-slider-3 figure .img-holder i {
        color: #dedede;
        line-height: 180px;
        display: inline-block;
        font-size: 32px;
    }
    .projects-slider-3 figure img {
        width: 100%;
    }
    .projects-slider-3 figure ul {
        margin: 0;
    }
    .projects-slider-3 figure ul li {
        width: 100%;
        list-style-type: none;
    }
    .projects-slider-3 figure .flex-direction-nav a {
        opacity: 0;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
    }
    .projects-slider-3 figure .flex-direction-nav .flex-prev {
        left: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
        background-size: 30px;
    }
    .projects-slider-3 figure .flex-direction-nav .flex-next {
        right: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
        background-size: 30px;
    }
    .projects-slider-3 figure .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0px;
        opacity: 1;
    }
    .projects-slider-3 figure .flexslider:hover .flex-direction-nav .flex-next {
        right: 0px;
        opacity: 1;
    }
    .projects-slider-3 article .project-info {
        padding: 15px;
        text-align: center;
        position: relative;
    }
    .projects-slider-3 article h5 {
        color: #272727;
        margin: 0;
        font-size: 16px;
        font-weight: 200;
    }


    /*Style 1*/
        .projects-slider-3.style-1 figure img {
            border: 1px solid #ebebeb;
        }
        .projects-slider-3.style-1 figure:before {
            opacity: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            content: "";
        }
        .projects-slider-3.style-1 figure:hover:before {
            opacity: 0.65;
        }
        .projects-slider-3.style-1 figure:hover {
            cursor: url(images/zoom.png) 20 20, crosshair;
        }


    /*Style 2*/
        .projects-slider-3.style-2 article .project-info {
            background-color: #eef3f3;
            border: 1px solid #e0e6ea;
        }
        .projects-slider-3.style-2 article:hover h5 {
            color: #ffffff;
        }
        .projects-slider-3.style-2 .project-info:before {
            opacity: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            content: "";
            background-color: #333;
        }
        .projects-slider-3.style-2 article:hover .project-info:before {
            opacity: 1;
        }


    /*1 Column*/
        .projects-slider-3.style-2.cols-1  article {
            width: 100%;
            margin-right: 0;
            margin-bottom: 50px;
        }

    /*2 Columns*/
        .projects-slider-3.style-2.cols-2  article {
            width: 47.5%;
            margin-bottom: 50px;
        }
        .projects-slider-3.style-2.no-space.cols-2  article {
            width: 50%;
        }

    /*3 Columns*/
        .projects-slider-3.style-2.cols-3  article {
            width: 30.38%;
            margin-bottom: 50px;
        }
        .projects-slider-3.style-2.no-space.cols-3  article {
            width: 33.333%;
        }

    /*4 Columns*/
        .projects-slider-3.style-2.cols-4  article {
            width: 22.15%;
            margin-bottom: 50px;
        }
        .projects-slider-3.style-2.no-space.cols-4  article {
            width: 25%;
        }

    /*5 Columns*/
        .projects-slider-3.style-2.cols-5  article {
            width: 17.5%;
            margin-bottom: 50px;
        }
        .projects-slider-3.style-2.no-space.cols-5  article {
            width: 20%;
        }

    /*6 Columns*/
        .projects-slider-3.style-2.cols-6  article {
            width: 14.15%;
            margin-bottom: 50px;
        }
        .projects-slider-3.style-2.no-space.cols-6  article {
            width: 16.666%;
        }

    /*With Space*/
        .projects-slider-3.with-space .projects-container {
            width: 104%;
        }
        .projects-slider-3.cols-1.with-space .projects-container {
            width: 100%;
        }
        .projects-slider-3.with-space article {
            margin-right: 2.5%;
        }
        .projects-slider-3.cols-1.with-space article {
            margin-right: 0;
        }

    /*No Space*/
        .projects-slider-3.no-space .projects-container {
            width: 100%;
        }
        .projects-slider-3.no-space  article {
            margin-right: 0;
        }


    /*Style 3 "Masonry" */
        .projects-slider-3.style-3 article {
            padding: 1px;
            height: auto;
        }
        .projects-slider-3.style-3 article .project-info {
            padding: 0;
            position: absolute;
            width: 100%;
            top: 48%;
            text-align: center;
            opacity: 0;
            z-index: 3;
        }
        .projects-slider-3.style-3 article .project-info a {
            cursor: url(images/zoom.png) 20 20, crosshair;
        }
        .projects-slider-3.style-3 article h5 {
            color: #272727;
            margin: 0;
            font-size: 16px;
            font-weight: 700;
        }
        .projects-slider-3.style-3 figure a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            z-index: 1;
            cursor: url(images/zoom.png) 20 20, crosshair;
        }
        .projects-slider-3.style-3 figure a:before {
            opacity: 0;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            opacity: 0;
            display: block;
            content: "";
        }
        .projects-slider-3.style-3 article:hover .project-info {
            opacity: 1;
        }
        .projects-slider-3.style-3 article:hover figure a:before {
            opacity: 0.65;
        }
        .projects-slider-3.style-3 figure .img-holder {
            width: 100%;
            height: 180px;
            background-color: #202020;
            text-align: center;
        }
        .projects-slider-3.style-3 figure .img-holder i {
            color: #dedede;
            line-height: 180px;
            display: inline-block;
            font-size: 32px;
        }


        /*4 Columns*/
            .projects-slider-3.style-3.cols-4 article.regular {
                width: 25%;
            }
            .projects-slider-3.style-3.cols-4 article.tall {
                width: 25%;
            }
            .projects-slider-3.style-3.cols-4 article.wide {
                width: 50%;
            }
            .projects-slider-3.style-3.cols-4 article.wide_tall {
                width: 50%;
            }

        /*5 Columns*/
            .projects-slider-3.style-3.cols-5 article.regular {
                width: 20%;
            }
            .projects-slider-3.style-3.cols-5 article.tall {
                width: 20%;
            }
            .projects-slider-3.style-3.cols-5 article.wide {
                width: 40%;
            }
            .projects-slider-3.style-3.cols-5 article.wide_tall {
                width: 40%;
            }

        /*6 Columns*/
            .projects-slider-3.style-3.cols-6 article.regular {
                width: 16.66666%;
            }
            .projects-slider-3.style-3.cols-6 article.tall {
                width: 16.66666%;
            }
            .projects-slider-3.style-3.cols-6 article.wide {
                width: 33.33333%;
            }
            .projects-slider-3.style-3.cols-6 article.wide_tall {
                width: 33.33333%;
            }


/*Gallery Slider*/
    .gallery-slider {
        position: relative;
    }
    .gallery-slider img {
        width: 100%;
    }
    .gallery-slider ul {
        margin: 0;
    }
    .gallery-slider ul li {
        width: 100%;
        list-style-type: none;
    }
    .gallery-slider .flex-direction-nav a {
        opacity: 0;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
    }
    .gallery-slider .flex-direction-nav .flex-prev {
        left: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
        background-size: 30px;
    }
    .gallery-slider .flex-direction-nav .flex-next {
        right: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
        background-size: 30px;
    }
    .gallery-slider .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0px;
        opacity: 1;
    }
    .gallery-slider .flexslider:hover .flex-direction-nav .flex-next {
        right: 0px;
        opacity: 1;
    }


/*Latest Posts*/
    .latest-posts {
        
    }
    .latest-posts .post {
        margin-bottom: 50px;
    }
    .latest-posts .post:last-child {
        margin-bottom: 0;
    }
    .latest-posts .post .post-date {
        float: left;
        border: 1px solid #d7dbde;
        width: 55px;
    }
    .latest-posts .post .post-date .day {
        display: block;
        background-color: #ffffff;
        text-align: center;
        padding: 5px 10px;
        font-weight: 500;
        font-size: 19px;
    }
    .latest-posts .post .post-date .month {
        display: block;
        background-color: #d7dbde;
        color: #ffffff;
        padding: 2px 10px;
        font-weight: 500;
        font-size: 13px;
        text-align: center;
    }
    .latest-posts .post .post-inner {
        margin-left: 70px;
    }
    .latest-posts .post h6 {
        font-size: 15px;
        margin-bottom: 0;
        color: #333333;
    }
    .latest-posts .post .post-meta {
        margin-bottom: 10px;
    }
    .latest-posts .post .post-meta span {
        
    }
    .latest-posts .post .post-content {
        font-weight: 200;
    }
    .latest-posts .post .post-content p {
        
    }
    .latest-posts .post .button-small {
        margin-bottom: 0;
    }
    .latest-posts .post .button-small:hover {
        background-color: #333333;
        border-color: #333333;
    }
    .latest-news .post .button-small {
        margin: 15px 0 0;
    }
    .latest-news .post .button-small:hover {
        background-color: #333333;
        border-color: #333333;
    }
    .clients-list {
        
    }
    .clients-list ul {
        margin-left: 0;
    }
    .clients-list ul li {
        float: left;
        list-style-type: none;
    }
    .clients-list.col-1 li {
        width: 100%;
    }
    .clients-list.col-2 li {
        width: 50%;
    }
    .clients-list.col-3 li {
        width: 33.333%;
    }
    .clients-list.col-4 li {
        width: 25%;
    }
    .clients-list.col-5 li {
        width: 20%;
    }
    .clients-list.col-6 li {
        width: 16.6666%;
    }


/*Team Section*/
    .team-member {
        text-align: center;
    }
    .team-member .member-image {
        margin-bottom: 10px;
        border: 1px solid #dedede;
    }
    .team-member .member-image img {
        width: 100%;
    }
    .team-member .member-name {
        margin-bottom: 0;
        font-weight: 200;
        color: #212121;
    }
    .team-member .member-info {
        margin-bottom: 20px;
        font-weight: 200;
    }
    .team-member .member-bio {
        
    }
    .team-member .member-bio p:last-child {
        margin-bottom: 0;
    }
    .team-member .member-social {
        margin-top: 15px;
        text-align: center;
    }
    .team-member.style-2 .member-social {
        text-align: left;
    }
    .team-member .member-social a {
        float: none;
        display: inline-block;
    }

    .team-member.style-2 {
        text-align: left;
    }
    .team-member.style-2 .member-image {
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
        width: 47.4%;
    }
    .team-member.style-2 .member-data {

    }
    .team-member-single {
        
    }
    .team-member-single .member-name {
        margin-bottom: 0;
    }
    .team-member-single .member-info {
        font-size: 16px;
        margin-bottom: 25px;
        font-weight: 500;
        float: left;
    }
    .team-member-single .next-member {
        float: right;
        font-weight: 500;
        font-size: 16px;
        color: inherit;
        margin-bottom: 12px;
    }
    .team-member-single .prev-member {
        float: right;
        font-weight: 500;
        font-size: 16px;
        color: inherit;
        margin-bottom: 12px;
    }
    .team-member-single .members-divider {
        float: right;
        font-size: 16px;
        margin: 0px 10px;
        color: inherit;
    }
    .team-member-single i {
        margin: 0px 3px;
        font-size: 12px;
    }
    .team-member-single .member-image {
        width: 40%;
        margin-right: 20px;
        float: left;
    }
    .team-member-single .member-image img {
        width: 100%;
        border: 1px solid #dedede;
    }
    .team-member-single .member-data {
        
    }
    .team-member-single .member-bio {
        
    }


/*Latest News*/
    .latest-news {

    }
    .latest-news .post {
        
    }
    .latest-news .post .post-media {
        position: relative;
    }
    .latest-news .post .post-media img {
        width: 100%;
    }
    .latest-news .post .post-media ul {
        margin: 0;
    }
    .latest-news .post .post-media ul li {
        width: 100%;
        list-style-type: none;
    }
    .latest-news .post .flex-direction-nav a {
        opacity: 0;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
    }
    .latest-news .post .flex-direction-nav .flex-prev {
        left: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
        background-size: 30px;
    }
    .latest-news .post .flex-direction-nav .flex-next {
        right: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
        background-size: 30px;
    }
    .latest-news .post .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0px;
        opacity: 1;
    }
    .latest-news .post .flexslider:hover .flex-direction-nav .flex-next {
        right: 0px;
        opacity: 1;
    }
    .latest-news .post .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
    }
    .latest-news .post .overlay:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        content: "";
        display: block;
    }
    .latest-news .post .post-media:hover .overlay:before {
        opacity: 0.85;
    }
    .latest-news .post .post-link {
        position: absolute;
        width: 31px;
        height: 24px;
        top: 48%;
        left: 34%;
        background: url(images/project-icon1.png) no-repeat;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .latest-news .post .post-img {
        position: absolute;
        width: 27px;
        height: 25px;
        top: 48%;
        right: 34%;
        background: url(images/project-icon2.png) no-repeat;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .latest-news .post .post-media:hover .post-link, .latest-news .post .post-media:hover .post-img {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .latest-news .post .post-title {
        padding-top: 20px;
        font-size: 15px;
        margin-bottom: 0;
        font-weight: 500;
        display: block;
        color: inherit;
    }
    .latest-news.style-1 .post .post-title {
        color: #ffffff;
    }
    .latest-news .post .post-meta {
        padding-bottom: 15px;
    }
    .latest-news .post .post-meta a {
        
    }
    .latest-news .post .post-content {
        
    }
    .latest-news .post .post-content p {
        margin-bottom: 0;
    }

    .latest-news.style-1 .post .post-title {
        padding: 25px 12px 0px;
    }
    .latest-news.style-1 .post .post-meta {
        padding: 0px 12px 15px;
    }
    .latest-news.style-1 .post .post-content {
        padding: 0px 12px 12px;
    }
    .latest-news.style-1 .post .post-title, .latest-news.style-1 .post .post-content, .latest-news.style-1 .post .post-meta {
        background-color: rgba(0,0,0,0.5);
    }


/*Posts Slider*/
    .posts-slider {

    }
    .posts-slider .item {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .posts-slider .item .post-media {
        margin-bottom: 15px;
        position: relative;
    }
    .posts-slider .item .post-media ul {
        margin: 0;
    }
    .posts-slider .item .post-media ul li {
        width: 100%;
        list-style-type: none;
    }
    .posts-slider .item .flex-direction-nav a {
        opacity: 0;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
    }
    .posts-slider .item .flex-direction-nav .flex-prev {
        left: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
        background-size: 30px;
    }
    .posts-slider .item .flex-direction-nav .flex-next {
        right: -20px;
        background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
        background-size: 30px;
    }
    .posts-slider .item .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0px;
        opacity: 1;
    }
    .posts-slider .item .flexslider:hover .flex-direction-nav .flex-next {
        right: 0px;
        opacity: 1;
    }
    .posts-slider .item .post-media img {
        width: 100%;
    }
    .posts-slider .item .post-media .overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .posts-slider .item .post-media:hover .overlay {
        opacity: 1;
    }
    .posts-slider .item .post-media .overlay:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        content: "";
        z-index: 1;
        opacity: 0;
    }
    .posts-slider .item .post-media:hover .overlay:before {
        opacity: 0.85;
    }
    .posts-slider .item .post-media .overlay .post-link {
        position: absolute;
        width: 31px;
        height: 24px;
        top: 48%;
        left: 34%;
        background: url(images/project-icon1.png) no-repeat;
        z-index: 2;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .posts-slider .item .post-media .overlay .post-img {
        position: absolute;
        width: 27px;
        height: 25px;
        top: 48%;
        right: 34%;
        background: url(images/project-icon2.png) no-repeat;
        z-index: 2;
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    .posts-slider .item .post-media:hover .overlay .post-img, .posts-slider .item .post-media:hover .overlay .post-link {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .posts-slider .item .post-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px;
        font-weight: 200;
        color: inherit;
        display: block;
        color: #272727;
    }
    .posts-slider .item .post-meta {
        margin-bottom: 5px;
    }
    .posts-slider .item .post-meta a {
        font-weight: 200;
    }
    .posts-slider .item .post-content {
        
    }
    .posts-slider .item .post-content p {
        margin-bottom: 0;
    }
    .posts-slider .item .post-content .read-more {
        margin-top: 15px;
    }
    .posts-slider .item .post-content .read-more:hover {
        background-color: #333333;
        border-color: #333333;
    }


/*Testimonials Slider*/
    .testimonials-slider {

    }
    .testimonials-slider .item {
        position: relative;
        padding-left: 30px;
    }
    .testimonials-slider .item:before {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        left: 0;
        width: 15px;
        height: 14px;
        background: url(images/quote1.png) no-repeat;
    }
    .testimonials-slider .testimonial-text {
        margin-bottom: 20px;
    }
    .testimonials-slider .client-info {
        margin-bottom: 15px;
    }
    .testimonials-slider .client-info img {
        float: left;
        margin-right: 15px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        border: 1px solid #ababab;
    }
    .testimonials-slider .client-info h6 {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
    }
    .testimonials-slider .client-info .client-company {
        
    }


/*Testimonials Slider 2*/
    .testimonials-slider-2 {

    }
    .testimonials-slider-2 .flexslider {
        background: none;
        text-align: center;
    }
    .testimonials-slider-2 .flexslider .slides > li {
        position: relative;
        -webkit-backface-visibility: hidden;
    }
    .testimonials-slider-2 .flexslider .slides > li > div {
        padding: 17px 30px 0px;
    }
    .testimonials-slider-2 .flexslider .slides > li:before {
        content: "";
        display: block;
        position: absolute;
        width: 25px;
        height: 24px;
        top: 0;
        left: 0;
        background: url(images/quote1-1.png) no-repeat;
    }
    .testimonials-slider-2 .flexslider .slides > li:after {
        content: "";
        display: block;
        position: absolute;
        width: 25px;
        height: 24px;
        bottom: 0;
        right: 0;
        background: url(images/quote1-2.png) no-repeat;
    }
    .testimonials-slider-2 .flexslider .flex-control-thumbs li {
        width: auto; 
        float: none; 
    }
    .testimonials-slider-2 .flexslider .flex-control-thumbs img {
        opacity: 1;
        border: 2px solid transparent;
    }
    .testimonials-slider-2 .flexslider .flex-control-thumbs .flex-active {
        opacity: 1;
    }
    .testimonials-slider-2 .flexslider .flex-control-thumbs {
        margin: 30px 0 0;
        position: static;
        overflow: hidden;
    }


/*Testimonials Slider 3*/
    .testimonials-slider-3 {

    }
    .testimonials-slider-3 .flexslider {
        background: none;
        text-align: center;
        padding-top: 130px;
    }
    .testimonials-slider-3 .flexslider .slides > li {
        position: relative;
        -webkit-backface-visibility: hidden;
        padding: 50px 0px;
    }
    .testimonials-slider-3 .flexslider .slides > li {
        margin: 0;
    }
    .testimonials-slider-3 .flexslider .slides > li .author {
        margin: 12px 0px 0px;
        display: inline-block;
    }
    .testimonials-slider-3 .flexslider .slides > li:before {
        content: "";
        display: block;
        position: absolute;
        width: 25px;
        height: 24px;
        top: 0;
        left: 50%;
        margin-left: -12px;
        background: url(images/quote1-1.png) no-repeat;
    }
    .testimonials-slider-3 .flexslider .slides > li:after {
        content: "";
        display: block;
        position: absolute;
        width: 25px;
        height: 24px;
        bottom: 0;
        left: 50%;
        margin-left: -12px;
        background: url(images/quote1-2.png) no-repeat;
    }
    .testimonials-slider-3 .flexslider .flex-viewport {
        z-index: 2;
    }
    .testimonials-slider-3 .flexslider .flex-control-thumbs li {
        width: auto; 
        float: none;
        margin: 0px 15px;
    }
    .testimonials-slider-3 .flexslider .flex-control-thumbs img {
        opacity: 1;
        border: 2px solid #dedede;
        border-radius: 50%;
        overflow: hidden;
    }
    .testimonials-slider-3 .flexslider .flex-control-thumbs .flex-active {
        opacity: 1;
    }
    .testimonials-slider-3 .flexslider .flex-control-thumbs {
        margin: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        bottom: auto;
    }


/*Custom Backgrounds*/
    .custom-section-1 {
        background-image: url(images/bg1.png);
        background-size: inherit;
        background-position: center 160px;
    }
    .custom-section-2 {
        background-image: url(images/bg6.png);
        background-attachment: fixed;
    }
    .custom-section-3 {
        background-image: url(images/bg7.png);
        background-attachment: fixed;
    }
    .custom-section-4 {
        background-image: url(images/dummy15.png);
        background-position: center top;
        background-size: inherit;
    }
    .custom-section-5 {
        background-image: url(images/bg8.png);
        background-attachment: fixed;
    }
    #custom-section-2 {
        background-image: url(images/bg2.png);
    }
    #custom-section-3 {
        background-image: url(images/bg3.png);
    }
    #custom-section-4 {
        background-image: url(images/bg4.png);
    }
    #custom-section-5 {
        background-image: url(images/bg5.png);
    }
    #custom-section-6 {
        background-image: url(images/bg5.png);
    }
    #custom-section-11 {
        background-image: url(images/bg10.png);
    }
    #custom-section-12 {
        background-image: url(images/bg11.png);
        background-size: inherit;
        background-position: center 160px;
    }


/*Contact Forms*/
    .contact-form {

    }
    .contact-form .input-field {
        position: relative;
    }
    .contact-form .input-field i {
        position: absolute;
        line-height: 34px;
        color: #bcbcbc;
        font-size: 17px;
        display: inline-block;
        top: 0px;
        right: 9px;
    }
    .contact-form input:not([type="submit"]), .contact-form select {
        padding: 0px 40px 0px 19px;
        height: 34px;
        width: 100%;
        margin-bottom: 21px;
        background-color: #ffffff;
        color: #000000;
        font-size: 14px;
        border: 1px solid #c3c3c3;
    }
    .contact-form textarea {
        padding: 10px 19px;
        border: 1px solid #c3c3c3;
        height: 144px;
        float: none;
        background-color: #ffffff;
        color: #000000;
        font-family: inherit;
        font-size: 14px;
        width: 100%;
    }
    .contact-form input[type=checkbox], .contact-form input[type=radio] {
        padding: 0;
        height: auto;
        width: auto;
        margin-top: 8px;
    }
    .contact-form input[type=file] {
        padding: 0;
        height: auto;
    }
    .contact-form input[type=submit] {
        float: right;
        margin: 0;
        font-size: 16px;
        border: 1px solid transparent;
        display: inline-block;
        color: #ffffff;
        min-width: 170px;
        text-align: center;
        padding: 11px 14px;
    }
    .contact-form input[type=submit]:hover {
        background-color: #333333;
    }
    .contact-form input:not([type="submit"]).wpcf7-not-valid, .contact-form input:not([type="submit"]).wpcf7-not-valid:focus, 
    .contact-form textarea.wpcf7-not-valid, .contact-form textarea.wpcf7-not-valid:focus {
        border-color: red;
    }
    .contact-form span.wpcf7-not-valid-tip, .wpcf7 .wpcf7-response-output {
        display: none!important;
    }
    .contact-form .social-icons {
        margin-top: 4px;
        float: left;
    }
    .contact-form .message-info {
        display: none;
        margin-bottom: 30px;
        border-radius: 4px;
        color: #ffffff;
        padding: 5px 12px;
    }
    .contact-form .message-info p {
        margin-bottom: 0;
        color: #ffffff;
    }
    .contact-form .message-info.success {
        background-color: green;
    }
    div.wpcf7 .screen-reader-response {
        display: none;
        position: relative;
        width: 100%;
        clip: inherit;
        height: auto;
        margin-bottom: 30px;
        border-radius: 4px;
        color: #ffffff;
        padding: 5px 12px;
    }
    div.wpcf7 .screen-reader-response[role] {
        display: block;
    }
    div.wpcf7 .screen-reader-response[role="alert"] {
        border: 1px solid #333333;
        color: #333;
    }
    div.wpcf7 .screen-reader-response ul {
        display: none;
    }


    .contact-form.style-1 .inputs {
        float: left;
        width: 31.5%;
        margin-right: 2.75%;
    }
    .contact-form.style-1 .inputs+p {
        width: 65.7%;
        float: left;
    }
    .contact-form.style-1 .inputs textarea {
        margin-bottom: 21px;
    }
    .contact-form.style-1 .social-icons {
        margin-top: 0;
    }



/*Page Contact*/
    .map-holder .gmnoprint {
        width: auto!important;
    }
    .map-holder .gm-style .gm-style-cc a {
        color: inherit!important;
    }
    .contact-widget.widget-info p {
        margin-bottom: 5px;
        color: inherit;
    }


/*Page Coming Soon*/
    .email-notify {
        display: block;
        margin: 0px auto;
        text-align: center;
        width: 360px;
    }
    .email-notify h4 {
        margin-bottom: 10px;
        font-weight: 400;
    }
    .email-notify input[type=email] {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid #dedede;
        margin-bottom: 5px;
    }
    .email-notify input[type=submit] {
        width: 100%;
    }
    .coming-soon {
        background-image: url(images/bg9.png);
        width: 100%;
        height: 100%;
    }
    .coming-soon .content-inner {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0%,-50%);
        -moz-transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
        -o-transform: translate(0%,-50%);
        transform: translate(0%,-50%);
    }
    .coming-soon .email-notify h4 {
        color: #ffffff;
    }


/*Page Fullwidth & Right sidebar & Left sidebar*/
    .page-wrapper {
        
    }
    .page-wrapper.has-sidebar-right .page-container {
        float: left;
        width: 870px;
    }
    .page-wrapper.has-sidebar-right .sidebar {
        float: right;
        width: 270px;
        margin-left: 30px;
    }
    .page-wrapper.has-sidebar-left .page-container {
        float: right;
        width: 870px;
    }
    .page-wrapper.has-sidebar-left .sidebar {
        float: left;
        width: 270px;
        margin-right: 30px;
    }
    .page-container {
        
    }
    .page-container {
        
    }
    .page-container .page-content {
        
    }


/*Portfolio Single*/
    .project-single {

    }
    .project-single .project-info {
        float: right;
        width: 370px;
        margin-bottom: 50px;
    }
    .project-single .project-title {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    .project-single .project-desc {
        margin-bottom: 30px;
    }
    .project-single .project-desc p {
        color: #000000;
    }
    .project-single .project-desc p:last-child {
        margin-bottom: 0;
    }
    .project-single .project-meta {
        margin-bottom: 30px;
    }
    .project-single .project-meta p {
        margin-bottom: 10px;
    }
    .project-single .project-meta span {
        margin-right: 3px;
        display: inline-block;
    }
    .project-single .project-content {
        width: 770px;
        float: left;
        margin-bottom: 50px;
    }


/*Home Dark*/
    body.dark {
        
    }
    body.dark header .top-bar {
        background-color: #1b1e25;
    }
    body.dark header .social-icons.light a {
        color: #bcbcbc;
    }
    body.dark header .social-icons.light a:hover {
        color: #ffffff;
    }
    body.dark header .contact-info {
        color: #9d9d9d;
    }
    body.dark header .header-search-form form, body.dark header .header-search-form form input {
        background-color: #1b1e25;
        color: #9d9d9d;
    }
    body.dark, body.dark p, body.dark .sub-title, body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6, body.dark .team-member .member-name {
        color: #9d9d9d;
    }
    body.dark .grid-row, body.dark .icon-box-3 .box-header, body.dark .latest-posts .post .post-date .day, body.dark footer {
        background-color: #1b1e25;
    }
    body.dark .icon-box-3 .box-header {
        border: 1px solid #2e3239;
    }
    body.dark .icon-box-3 .box-header .arrow-right, body.dark .icon-box-3 .box-header .arrow-bottom {
        background-color: #2e3239;
    }
    body.dark .icon-box-3.active .box-header:after {
        border: 30px solid #1b1e25;
    }
    body.dark .icon-box-3.active .box-header:before {
        border: 31px solid #2e3239;
    }
    body.dark .footer-promo {
        background-color: #15181d;
        border-bottom: 1px solid #bcbcbc;
        border-top: 1px solid #bcbcbc;
    }
    body.dark .footer-widgets {
        background-color: #252934;
    }
    body.dark .footer-widgets, body.dark .footer-widgets p {
        color: #ffffff;
    }



/*==========================================================================================================================================
/*==========================================================================================================================================
	6.Footer Setup
============================================================================================================================================
============================================================================================================================================*/

    .footer-promo {
        padding: 40px 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        background-color: #eef3f3;
    }
    .footer-promo h3 {
        margin-bottom: 0;
        float: left;
    }
    .footer-promo .promo-button {
        float: right;
        margin: 0px 0px 5px 20px;
    }
    .footer-promo p {
        font-weight: 500;
        clear: left;
    }
    .footer-promo p:last-child {
        margin-bottom: 0;
    }
    .footer-widgets {
        padding: 60px 0px 30px;
        background-color: #323a45;
        color: #ffffff;
    }
    .footer-widgets p {
        color: #ffffff;
    }
    .footer-widgets .widget {
        margin-bottom: 40px;
    }
    .footer-widgets .widget:last-child {
        margin-bottom: 0;
    }
    .footer-widgets .widget h6 {
        color: #ffffff;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 20px;
        border-bottom: 1px solid #2c2937;
    }
    .footer-widgets .widget-posts li {
        border-bottom: 1px solid #2c2937;
    }
    .footer-widgets .widget-posts a {
        color: #ffffff;
        font-size: 12px;
    }
    .footer-widgets .widget-posts i {
        color: #ffffff;
    }
    .footer-widgets .widget-categories li {
        border-bottom: 1px solid #2c2937;
    }
    .footer-widgets .widget-categories a {
        color: #ffffff;
        font-size: 12px;
    }
    .footer-widgets .widget-categories .posts-num {
        color: #ffffff;
    }
    .footer-widgets .widget-archives li {
        border-bottom: 1px solid #2c2937;
    }
    .footer-widgets .widget-archives a {
        color: #ffffff;
        font-size: 12px;
    }
    .footer-widgets .widget-archives .posts-num {
        color: #ffffff;
    }
    .footer-widgets .widget-tags a {
        background-color: transparent;
        color: #FFFFFF;
        border: 1px solid #2c2937;
        font-size: 13px;
    }
    .footer-widgets .widget-twitter li {
        border-bottom: 1px solid #2c2937;
    }
    .footer-widgets .widget-menu li {
        border-bottom: 1px solid #2c2937;
    }
    .footer-widgets .widget-menu a {
        color: #ffffff;
        font-size: 12px;
    }
    .footer-widgets .widget-menu i {
        color: #ffffff;
    }
    footer {
        padding: 20px 0px;
        background-color: #3d4653;
    }
    footer .copyrights {
        font-size: 12px;
        color: #78808b;
        float: left;
        margin-bottom: 0;
    }
    footer .menu {
        float: right;
        margin-left: 0;
    }
    footer .menu li {
        float: left;
        margin: 0px 15px;
        list-style-type: none;
    }
    footer .menu li:last-child {
        margin: 0px 0px 0px 15px;
    }
    footer .menu li a {
        color: #78808b;
        font-weight: 500;
    }


/*==========================================================================================================================================
/*==========================================================================================================================================
    7.Widgets Setup
============================================================================================================================================
============================================================================================================================================*/

    .widget ul {
        margin-left: 0;
    }
    .widget ul li {
        list-style-type: none;
    }
    .widget-search {
        
    }
    .widget-search form {
        position: relative;
    }
    .widget-search input[type=text] {
        width: 100%;
        padding: 12px 40px 12px 12px;
        border: 1px solid #dedede;
        background-color: transparent;
    }
    .widget-search a {
        position: absolute;
        top: 10px;
        right: 12px;
        font-size: 18px;
        color: #dedede;
    }
    .widget-categories {

    }
    .widget-categories li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .widget-categories a {
        display: block;
    }
    .widget-categories i {
        margin-right: 8px;
        font-size: 10px;
    }
    .widget-categories .posts-num {
        float: right;
        margin-left: 20px;
    }
    .widget-categories li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .widget-archives {

    }
    .widget-archives li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .widget-archives a {
        display: block;
    }
    .widget-archives i {
        margin-right: 8px;
        font-size: 10px;
    }
    .widget-archives .posts-num {
        float: right;
        margin-left: 20px;
    }
    .widget-archives li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .widget-tags {

    }
    .widget-tags li {
        float: left;
        margin: 0px 10px 3px 0px;
    }
    .widget-tags a {
        padding: 3px 8px;
    }
    .widget-twitter li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .widget-twitter li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .widget-twitter p {
        margin: 0;
        font-size: 13px;
    }
    .widget-twitter .interact {
        display: none;
    }
    .widget-text p {
        margin-bottom: 0;
    }
    .widget-text p:last-of-type {
        margin-bottom: 20px;
    }
    .widget-text .social-icons {
        background-color: transparent!important;
        padding: 0!important;
        margin-top: 20px;
    }
    .widget-text .social-icons.light a {
        border: 1px solid #2c2937;
        margin: 5px 5px;
        font-size: 22px;
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
    .widget-text .social-icons.light a:first-child {
        margin-left: 0;
    }
    .widget-text .social-icons.light a:hover {
        border-color: transparent;
    }
    .widget-posts li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .widget-posts a {
        display: block;
    }
    .widget-posts i {
        margin-right: 8px;
        font-size: 10px;
    }
    .widget-posts li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }
    .widget-flickr li {
        display: block;
        float: left;
        width: 75px;
        margin-bottom: 22px;
        margin-right: 22px;
        position: relative;
    }
    body.boxed .widget-flickr li {
        width: 73px;
    }
    .widget-flickr ul li:nth-child(3n) {
        margin-right: 0px;
    }
    .widget-flickr a {
        display: block;
        color: #ffffff;
        position: relative;
    }
    .widget-flickr a .overlay {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    .widget-flickr a:hover {
        cursor: url(images/zoom.png) 20 20, crosshair;
    }
    .widget-flickr a:hover .overlay {
        opacity: 0.85;
    }
    .widget-pricefilter {

    }
    .widget-pricefilter .price-slider {
        margin: 30px 0px 20px;
    }
    .widget-pricefilter .ui-slider-horizontal {
        height: 3px;
        background: #d2d2d2;
        position: relative;
        border: 0;
    }
    .widget-pricefilter .ui-slider .ui-slider-range {
        background: #8B8B8B;
    }
    .widget-pricefilter .ui-slider-horizontal .ui-slider-handle {
        border: 0;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        cursor: auto;
        top: -6px;
        margin-left: -2px;
        background: none;
    }
    .widget-pricefilter .price-range {
        font-size: 16px;
        color: #000000;
        margin-bottom: 10px;
    }
    .widget-pricefilter .price-range .min-price {

    }
    .widget-pricefilter .price-range .max-price {

    }
    .widget-pricefilter input[type=submit] {
        font-size: 16px;
        margin: 0;
    }
    .widget-menu li {
        padding: 10px;
        background-color: #F5F5F5;
    }
    .widget-menu a {
        display: block;
    }
    .widget-menu i {
        margin-right: 8px;
        font-size: 10px;
    }
    #searchform {
        
    }
    #searchform input[type=text] {
        outline: none;
        padding: 10px 15px;
        border: 1px solid #dedede;
    }


/*==========================================================================================================================================
/*==========================================================================================================================================
    8.Blog Setup
============================================================================================================================================
============================================================================================================================================*/
    
    /*Global*/
        .blog-wrapper {

        }
        .blog-wrapper.has-sidebar-right .posts-container {
            float: left;
            width: 870px;
        }
        .blog-wrapper.has-sidebar-left .posts-container {
            float: right;
            width: 870px;
        }
        .blog-wrapper .posts-container {
            width: 110%;
        }
        .blog-wrapper .posts-container.col-1 {
            width: 100%;
        }
        .blog-wrapper .posts-container .post, .blog-wrapper .posts-container .page,
        .blog-wrapper .posts-container .team, .blog-wrapper .posts-container .clients,
        .blog-wrapper .posts-container .testimonials, .blog-wrapper .posts-container .portfolio,
        .blog-wrapper .posts-container .galleries {
            margin-bottom: 45px;
        }
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .post, .blog-wrapper.has-sidebar-left .posts-container.col-2 .post,
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .page, .blog-wrapper.has-sidebar-left .posts-container.col-2 .page,
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .team, .blog-wrapper.has-sidebar-left .posts-container.col-2 .team,
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .clients, .blog-wrapper.has-sidebar-left .posts-container.col-2 .clients,
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .portfolio, .blog-wrapper.has-sidebar-left .posts-container.col-2 .portfolio,
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .testimonials, .blog-wrapper.has-sidebar-left .posts-container.col-2 .testimonials,
        .blog-wrapper.has-sidebar-right .posts-container.col-2 .galleries, .blog-wrapper.has-sidebar-left .posts-container.col-2 .galleries {
            width: 47.5%;
        }
        .blog-wrapper .posts-container.col-1 .post, .blog-wrapper .posts-container.col-1 .page,
        .blog-wrapper .posts-container.col-1 .team, .blog-wrapper .posts-container.col-1 .clients,
        .blog-wrapper .posts-container.col-1 .testimonials, .blog-wrapper .posts-container.col-1 .portfolio,
        .blog-wrapper .posts-container.col-1 .galleries {
            width: 100%;
        }
        .blog-wrapper .posts-container.col-2 .post, .blog-wrapper .posts-container.col-2 .page,
        .blog-wrapper .posts-container.col-2 .team, .blog-wrapper .posts-container.col-2 .clients,
        .blog-wrapper .posts-container.col-2 .testimonials, .blog-wrapper .posts-container.col-2 .portfolio,
        .blog-wrapper .posts-container.col-2 .galleries {
            width: 44.3%;
        }
        .blog-wrapper .posts-container.col-3 .post, .blog-wrapper .posts-container.col-3 .page,
        .blog-wrapper .posts-container.col-3 .team, .blog-wrapper .posts-container.col-3 .clients,
        .blog-wrapper .posts-container.col-3 .testimonials, .blog-wrapper .posts-container.col-3 .portfolio,
        .blog-wrapper .posts-container.col-3 .galleries {
            width: 28.75%;
        }
        .blog-wrapper .posts-container.col-4 .post, .blog-wrapper .posts-container.col-4 .page,
        .blog-wrapper .posts-container.col-4 .team, .blog-wrapper .posts-container.col-4 .clients,
        .blog-wrapper .posts-container.col-4 .testimonials, .blog-wrapper .posts-container.col-4 .portfolio,
        .blog-wrapper .posts-container.col-4 .galleries {
            width: 21%;
        }
        .posts-container .post-media {
            position: relative;
        }
        .posts-container .post-media ul {
            margin: 0;
        }
        .posts-container .post-media ul li {
            width: 100%;
            list-style-type: none;
        }
        .posts-container .flex-direction-nav a {
            opacity: 0;
            width: 40px;
            height: 40px;
            margin: -20px 0 0;
        }
        .posts-container .flex-direction-nav .flex-prev {
            left: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
            background-size: 30px;
        }
        .posts-container .flex-direction-nav .flex-next {
            right: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
            background-size: 30px;
        }
        .posts-container .flexslider:hover .flex-direction-nav .flex-prev {
            left: 0px;
            opacity: 1;
        }
        .posts-container .flexslider:hover .flex-direction-nav .flex-next {
            right: 0px;
            opacity: 1;
        }
        .posts-container .post-media img {
            width: 100%;
        }
        .posts-container .post-media .overlay {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
        .posts-container .post-media:hover .overlay {
            opacity: 1;
        }
        .posts-container .post-media .overlay:before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            content: "";
            z-index: 1;
            opacity: 0;
        }
        .posts-container .post-media:hover .overlay:before {
            opacity: 0.85;
        }
        .posts-container .post-media .overlay .post-link {
            position: absolute;
            width: 31px;
            height: 24px;
            top: 48%;
            left: 34%;
            background: url(images/project-icon1.png) no-repeat;
            z-index: 2;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        .posts-container .post-media .overlay .post-img {
            position: absolute;
            width: 27px;
            height: 25px;
            top: 48%;
            right: 34%;
            background: url(images/project-icon2.png) no-repeat;
            z-index: 2;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        .posts-container .post-media:hover .overlay .post-img, .posts-container .post-media:hover .overlay .post-link {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        .posts-container .post-inner {
            padding: 25px 15px;
            border: 1px solid #eeeeee;
            border-bottom-color: #e1e1e1;
        }
        .posts-container .post-title {
            color: #272727;
            font-weight: 500;
            margin-bottom: 20px;
        }
        .posts-container .post-content {
            
        }
        .posts-container .post-content * {
            color: #1d1d33;
        }
        .posts-container .post-content p:last-of-type {
            margin-bottom: 0;
        }
        .blog-wrapper .posts-container .read-more {
            margin-top: 20px;
        }
        .blog-wrapper .read-more:hover {
            background-color: #333333;
            border-color: #333333;
        }
        .posts-container .post-meta {
            
        }
        .posts-container .post-meta .meta {
            width: 33.3333%;
            background-color: #f1f1f1;
            border-right: 1px solid #e1e1e1;
            border-bottom: 1px solid #e1e1e1;
            float: left;
            text-align: center;
            padding: 10px 0px;
            font-size: 13px;
        }
        .posts-container .post-meta .meta:first-child {
            border-left: 1px solid #e1e1e1;
        }
        .posts-container .post-meta .meta i {
            font-size: 20px;
            color: #bcbcbc;
        }
        .posts-container .post-meta .meta span {
            display: block;
        }
        .posts-container .post-content a, .posts-container .post-meta .meta a {
            color: inherit;
        }
        .blog-wrapper .blog-pagination {
            text-align: center;
            margin: 30px 0px 30px;
        }
        .blog-wrapper .blog-pagination a {
            display: inline-block;
            margin: 0px 7px;
            font-size: 16px;
            color: #000000;
        }
        .blog-wrapper .blog-pagination span {
            display: inline-block;
            margin: 0px 7px;
            font-size: 16px;
        }
        .blog-wrapper .format-quote {

        }
        .blog-wrapper .format-quote .post-media {
            border: 1px solid #eeeeee;
            padding: 15px;
        }
        .blog-wrapper .format-quote .post-media a {
            display: block;
        }
        .blog-wrapper .format-quote .post-inside {
            border: 1px solid #eeeeee;
            padding: 15px;
            border-top: 0;
        }
        .blog-wrapper .format-quote .post-inner {
            padding: 0;
            border: 0;
            border-bottom-color: #eee;
            float: left;
        }
        .blog-wrapper .format-quote .read-more {
            margin: 0px 0px 5px 0px;
        }
        .blog-wrapper .format-quote .post-meta {
            float: right;
        }
        .blog-wrapper .format-quote .post-meta .meta {
            width: auto;
            background-color: inherit;
            border-right: 0;
            border-bottom: 0;
            float: left;
            text-align: left;
            padding: 0;
            font-size: 13px;
            color: #9B9B9B;
            line-height: 15px;
            padding-left: 7px;
            margin-top: 12px;
            margin-left: 7px;
            border-left: 1px solid #9B9B9B;
        }
        .blog-wrapper .format-quote .post-meta .meta:first-child {
            border-left: 0;
            margin-left: 0;
        }
        .blog-wrapper .format-quote .post-meta .meta i {
            display: none;
        }
        .blog-wrapper .format-quote .post-meta .meta span {
            display: block;
        }


    /*Sidebar*/
        .sidebar {
            
        }
        .sidebar.sidebar-right {
            float: right;
            width: 270px;
            margin-left: 30px;
        }
        .sidebar.sidebar-left {
            float: left;
            width: 270px;
            margin-right: 30px;
        }
        .sidebar .widget {
            margin-bottom: 40px;
        }
        .sidebar .widget > h5 {
            font-size: 20px;
            font-weight: 400;
            border-bottom: 1px solid #eeeeee;
            padding-bottom: 8px;
        }
        .sidebar .widget > h5 span {
            position: relative;
            padding-bottom: 9px;
        }
        .sidebar .widget > h5 span:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
        }
        .sidebar .widget-posts li {
            border-bottom: 1px solid #eeeeee;
        }
        .sidebar .widget-posts a {
            color: inherit;
            font-size: 13px;
        }
        .sidebar .widget-categories li {
            border-bottom: 1px solid #eeeeee;
        }
        .sidebar .widget-categories a {
            color: inherit;
            font-size: 13px;
        }
        .widget-categories a.comment-post {
            color: #949494;
        }
        .sidebar .widget-categories .posts-num {
            color: #b1b1b1;
        }
        .sidebar .widget-archives li {
            border-bottom: 1px solid #eeeeee;
        }
        .sidebar .widget-archives li:last-child, .sidebar .widget-categories li:last-child {
            border-bottom: 0;
        }
        .sidebar .widget-archives a {
            color: inherit;
            font-size: 13px;
        }
        .sidebar .widget-archives .posts-num {
            color: #b1b1b1;
        }
        .sidebar .widget-tags a {
            background-color: #eeeeee;
            color: #212121;
        }
        .sidebar .widget-tags a:hover {
            color: #ffffff;
        }
        .sidebar .widget-twitter li {
            border-bottom: 1px solid #eeeeee;
        }
        .widget-twitter li:last-child {
            border-bottom: 0;
        }
        .sidebar .widget-menu li {
            border: 1px solid #E4E4E4;
        }
        .sidebar .widget-menu a {
            color: inherit;
            font-size: 13px;
        }


    /*Blog Mini*/
        .posts-container-mini {

        }
        .blog-wrapper.has-sidebar-right .posts-container-mini {
            float: left;
            width: 870px;
        }
        .blog-wrapper.has-sidebar-left .posts-container-mini {
            float: right;
            width: 870px;
        }
        .blog-wrapper.sidebar-dual .row {
            float: left;
        }
        .posts-container-mini .post {
            margin-bottom: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid #dedede;
        }
        .posts-container-mini .post:last-child {
            margin-bottom: 60px;
            padding-bottom: 0;
            border-bottom: 0;
        }
        .posts-container-mini .post-media {
            float: left;
            width: 48.5%;
            margin-right: 2.5%;
            position: relative;
        }
        .blog-wrapper.sidebar-dual .posts-container-mini .post-media {
            float: none;
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
        }
        .posts-container-mini .post-media ul {
            margin: 0;
        }
        .posts-container-mini .post-media ul li {
            width: 100%;
            list-style-type: none;
        }
        .posts-container-mini .flex-direction-nav a {
            opacity: 0;
            width: 40px;
            height: 40px;
            margin: -20px 0 0;
        }
        .posts-container-mini .flex-direction-nav .flex-prev {
            left: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
            background-size: 30px;
        }
        .posts-container-mini .flex-direction-nav .flex-next {
            right: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
            background-size: 30px;
        }
        .posts-container-mini .flexslider:hover .flex-direction-nav .flex-prev {
            left: 0px;
            opacity: 1;
        }
        .posts-container-mini .flexslider:hover .flex-direction-nav .flex-next {
            right: 0px;
            opacity: 1;
        }
        .posts-container-mini .post-media img {
            width: 100%;
        }
        .posts-container-mini .post-media .overlay {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }
        .posts-container-mini .post-media:hover .overlay {
            opacity: 1;
        }
        .posts-container-mini .post-media .overlay:before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            content: "";
            z-index: 1;
            opacity: 0;
        }
        .posts-container-mini .post-media:hover .overlay:before {
            opacity: 0.85;
        }
        .posts-container-mini .post-media .overlay .post-link {
            position: absolute;
            width: 31px;
            height: 24px;
            top: 48%;
            left: 34%;
            background: url(images/project-icon1.png) no-repeat;
            z-index: 2;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        .posts-container-mini .post-media .overlay .post-img {
            position: absolute;
            width: 27px;
            height: 25px;
            top: 48%;
            right: 34%;
            background: url(images/project-icon2.png) no-repeat;
            z-index: 2;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        .posts-container-mini .post-media:hover .overlay .post-img, .posts-container-mini .post-media:hover .overlay .post-link {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        .posts-container-mini .post-inner {

        }
        .blog-wrapper.sidebar-dual .posts-container-mini .post-inner {
            float: none;
            width: 100%;
            margin-right: 0;
        }
        .posts-container-mini .post.full .post-inner {
            width: 100%;
            float: none;
        }
        .posts-container-mini .post-title {
            color: #272727;
            font-weight: 500;
            margin-bottom: 20px;
        }
        .posts-container-mini .post-content {
            margin-bottom: 45px;
        }
        .posts-container-mini .post-content * {
            color: #1d1d33;
            font-size: 13px;
        }
        .posts-container-mini .post-content p:last-of-type {
            margin-bottom: 0;
        }
        .posts-container-mini .post-meta {
            float: right;
            margin-top: -5px;
        }
        .posts-container-mini .post-meta .meta {
            display: inline-block;
            margin: 0px 10px;
            text-align: center;
        }
        .posts-container-mini .post-meta .meta i {
            font-size: 20px;
            color: #bcbcbc;
        }
        .posts-container-mini .post-meta .meta span {
            display: block;
        }
        .posts-container-mini .post-meta .meta a {
            color: inherit;
        }
        .blog-wrapper .posts-container-mini .format-quote .post-media {
            float: none;
            width: 100%;
        }
        .blog-wrapper .posts-container-mini .format-quote .post-inner {
            float: none;
        }
        .blog-wrapper .posts-container-mini .format-quote .post-meta .meta {
            width: auto;
            background-color: inherit;
            border-right: 0;
            border-bottom: 0;
            float: left;
            text-align: left;
            padding: 0;
            font-size: 13px;
            color: #9B9B9B;
            line-height: 15px;
            padding-left: 7px;
            margin: 0;
            margin-top: 17px;
            margin-left: 7px;
            border-left: 1px solid #9B9B9B;
        }
        .blog-wrapper .posts-container-mini .format-quote .post-meta .meta:first-child {
            border-left: 0;
            margin-left: 0;
        }


    /*Blog Single*/
        .blog-wrapper.has-sidebar-right .post-single {
            float: left;
            width: 870px;
        }
        .blog-wrapper.has-sidebar-left .post-single {
            float: right;
            width: 870px;
        }
        .post-single .post-media {
            margin-bottom: 30px;
        }
        .post-single .post-media ul {
            margin: 0;
        }
        .post-single .post-media ul li {
            width: 100%;
            list-style-type: none;
        }
        .post-single .flex-direction-nav a {
            opacity: 0;
            width: 40px;
            height: 40px;
            margin: -20px 0 0;
        }
        .post-single .flex-direction-nav .flex-prev {
            left: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
            background-size: 30px;
        }
        .post-single .flex-direction-nav .flex-next {
            right: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
            background-size: 30px;
        }
        .post-single .flexslider:hover .flex-direction-nav .flex-prev {
            left: 0px;
            opacity: 1;
        }
        .post-single .flexslider:hover .flex-direction-nav .flex-next {
            right: 0px;
            opacity: 1;
        }
        .post-single .post-media img {
            width: 100%;
        }
        .post-single .post-title {
            color: #272727;
            font-weight: 500;
            margin-bottom: 10px;
        }
        .post-single .post-meta {
            margin-bottom: 30px;
        }
        .post-single .post-meta * {
            font-size: 13px;
            color: #1d1d33;
        }
        .post-single .post-meta .meta {
            padding-right: 7px;
            margin-right: 7px;
            border-right: 1px solid #1d1d33;
            line-height: 13px;
            float: left;
        }
        .post-single .post-meta .meta i {
            display: none;
        }
        .post-single .post-meta .meta:last-child {
            padding: 0;
            margin: 0;
            border: 0;
        }
        .post-single .post-content {
            margin-bottom: 50px;
        }
        .post-single .post-tags {
            float: left;
            margin-right: 15px;
        }
        .post-single .post-tags * {
            color: #1d1d33;
        }
        .post-single .post-sharing {
            float: right;
        }
        .post-single .post-author {
            padding: 20px;
            background-color: #eff3f4;
            border: 1px solid #e1e6ea;
        }
        .post-single .post-author h5 {
            color: #272727;
            font-weight: 500;
            font-size: 20px;
            margin-bottom: 20px;
        }
        .post-single .post-author .author-avatar {
            float: left;
            margin-right: 20px;
            width: 75px;
        }
        .post-single .post-author .author-avatar img {
            width: 100%;
        }
        .post-single .post-author .author-info {
            margin-left: 95px;
        }
        .post-single .post-author .author-info h6 {
            margin-bottom: 5px;
            font-size: 14px;
            font-weight: 500;
        }
        .post-single .post-author .author-info p {
            margin-bottom: 0;
        }
        .post-single .post-related {

        }
        .post-single .post-related h5 {
            color: #272727;
            font-weight: 500;
            font-size: 20px;
            margin-bottom: 20px;
        }
        .post-single .post-related ul {
            margin: 0;
        }
        .post-single .post-related li {
            list-style-type: none;
            text-align: center;
        }
        .post-single .post-related li figure {
            margin-bottom: 10px;
        }
        .post-single .post-related li img {
            width: 100%;
        }
        .post-single .post-related li h6 {
            margin-bottom: 0;
        }
        .post-single .post-related li a {
            color: inherit;
        }
        .post-single .post-related li .img-holder {
            width: 100%;
            height: 100px;
            background-color: #333333;
        }
        .post-single .post-related li .img-holder i {
            color: #dedede;
            line-height: 100px;
            display: inline-block;
            font-size: 20px;
        }
        .post-single .post-pagination {
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
            padding: 20px 0px;
        }
        .post-single .post-pagination a {
            color: inherit;
        }
        .post-single .post-pagination a span {

        }
        .post-single .post-pagination a i {

        }
        .post-single .post-pagination a:first-child {
            float: left;
        }
        .post-single .post-pagination a:last-child {
            float: right;
        }



        .post-single .comments-area form input[type=text], .post-single .comments-area form input[type=email]  {
            width: 100%;
            margin-right: 0;
        }
        .post-single .comments-area {
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #AAAAAA;
        }
        .post-single .comments-area h5 {
            color: #272727;
            font-weight: 500;
            font-size: 20px;
            margin-bottom: 20px;
        }
        .post-single .comments-area .comment-navigation {
            text-align: right;
        }
        .post-single .comments-area .comment-navigation .nav-previous {
            display: inline-block;
        }
        .post-single .comments-area .comment-navigation .nav-next {
            display: inline-block;
            margin-left: 20px;
        }
        .post-single .comments-area .comment-navigation a {

        }
        .post-single .comments-area .comment-list {
            margin: 0;
        }
        .post-single .comments-area .comment-list .comment {
            margin-bottom: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #E2E2E2;
            list-style-type: none;
            clear: both;
        }
        .post-single .comments-area .comment-list > .comment:last-child {
            margin-bottom: 0px;
            padding-bottom: 0px;
            border-bottom: 0;
        }
        .post-single .comments-area .comment-list .children {
            margin-top: 30px;
            padding-left: 70px;
        }
        .post-single .comments-area .comment-list .comment .comment-user-avatar {
            float: left;
        }
        .post-single .comments-area .comment-list .comment .comment-body {
            margin-left: 100px;
        }
        .post-single .comments-area .comment-list .comment .comment-body h6 {
            margin-bottom: 3px;
            text-transform: capitalize;
        }
        .post-single .comments-area .comment-list .comment .comment-body h6 a {
            color: inherit;
        }
        .post-single .comments-area .comment-list .comment .comment-body .comment-meta {
            margin-bottom: 15px;
            color: #777777;
            font-size: 13px;
        }
        .post-single .comments-area .comment-list .comment .comment-body p {
            margin-bottom: 0px;
        }

        .post-single input[type=text], .post-single input[type=email]  {
            width: 270px;
            padding: 16px;
            margin-right: 30px;
            margin-bottom: 24px;
            border: 1px solid #c3c3c3;
            float: left;
        }
        .post-single input:nth-child(3n)  {
            margin-right: 0px;
        }
        .post-single textarea {
            padding: 16px;
            width: 100%;
            height: 137px;
            border: 1px solid #c3c3c3;
            margin-bottom: 25px;
        }
        .post-single input[type=submit] {
            padding: 18px 37px;
            font-size: 15px;
            display: inline-block;
            float: right;
            border: 0px;
            color: #ffffff;
        }
        .post-single input[type=submit]:hover {
            background-color: #333333;
            color: #ffffff;
        }
        .post-single .comment-respond h3 {
            color: #272727;
            font-weight: 500;
            font-size: 20px;
            margin-bottom: 20px;
        }


/*==========================================================================================================================================
/*==========================================================================================================================================
    9.Shop Setup
============================================================================================================================================
============================================================================================================================================*/

    /*Globals*/
        .page-wrapper.has-sidebar-right .products-wrapper {
            float: left;
            width: 870px;
        }
        .page-wrapper.has-sidebar-left .products-wrapper {
            float: right;
            width: 870px;
        }
        ul.products {
            margin: 0;
        }
        ul.products li {
            list-style-type: none;
            text-align: center;
        }
        ul.products .product {
            
        }
        ul.products .product-media {
            margin-bottom: 10px;
            position: relative;
            border: 1px solid #eeeeee;
        }
        ul.products .product-media .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
        ul.products .product-media .overlay:before {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            content: "";
            display: block;
            z-index: 1;
            opacity: 0;
        }
        ul.products .product-media:hover .overlay:before {
            opacity: 0.85;
        }
        ul.products .product-media .overlay .product-zoom {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -15px;
            z-index: 2;
            margin-left: -45px;
            font-size: 30px;
            color: #ffffff;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        ul.products .product-media .overlay .product-love {
            position: absolute;
            top: 50%;
            right: 50%;
            margin-top: -15px;
            margin-right: -45px;
            z-index: 2;
            font-size: 30px;
            color: #ffffff;
            -moz-transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }
        ul.products .product-media:hover .overlay a {
            -moz-transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        ul.products .product-media img {
            width: 100%;
        }
        ul.products .product-name {
            margin-bottom: 0;
            color: #3f3f3f;
            font-weight: 200;
        }
        ul.products .product-category {
            color: #000000;
            font-weight: 200;
            margin-bottom: 15px;
            display: block;
        }
        ul.products .product-price {
            font-weight: 200;
            font-size: 26px;
            margin-bottom: 10px;
        }
        ul.products .product-choose {
            margin: 0;
        }
        .products-filters {
            margin-bottom: 25px;
        }
        .products-filters .woocommerce-ordering {
            float: left;
            margin-right: 25px;
        }
        .products-filters .woocommerce-ordering select {
            border: 1px solid #dedede;
            padding: 10px;
        }
        .products-filters .woocommerce-pagination {
            float: left;
        }
        .products-filters .woocommerce-pagination select {
            border: 1px solid #dedede;
            padding: 10px;
        }


    /*Shop Home*/
        .shop-top-bar {
            padding: 1px 0px;
            background-color: #eef3f3;
            border-top: 1px solid #e0e6ea;
            border-bottom: 1px solid #e0e6ea;
        }
        .shop-top-bar .product-search {
            float: left;
            margin-right: 30px;
        }
        .shop-top-bar .product-search form {
            position: relative;
            display: inline-block;
        }
        .shop-top-bar .product-search input[type=text] {
            background-color: #ffffff;
            border: 1px solid #eeeeee;
            padding: 15px 40px 15px 20px;
            width: 280px;
        }
        .shop-top-bar .product-search a {
            position: absolute;
            right: 10px;
            top: 11px;
            font-size: 24px;
            color: #c6c6c6;
        }
        .shop-top-bar .shop-navigation {
            float: right;
            line-height: 48px;
        }
        .shop-top-bar .shop-navigation ul {
            margin-left: 30px;
        }
        .shop-top-bar .shop-navigation li {
            list-style-type: none;
            float: left;
            margin-right: 20px;
        }
        .shop-top-bar .shop-navigation li:last-child {
            margin-right: 0;
        }
        .shop-top-bar .shop-navigation li i {
            color: #c6c6c6;
            margin-right: 5px;
            font-size: 17px;
            vertical-align: text-bottom;
            display: inline-block;
        }
        .shop-top-bar .shop-navigation a {
            color: #000000;
        }


    /*Product Detail*/
        .product-single {
            
        }
        .product-single .product-media {
            float: left;
            width: 48%;
        }
        .product-single .product-media #product-img-slider {
            margin-bottom: 30px;
        }
        .product-single .product-media #product-img-nav li {
            margin-left: 30px;
        }
        .product-single .product-media #product-img-nav li:first-child {
            margin-left: 0;
        }
        .product-single .product-media ul {
            margin: 0;
        }
        .product-single .product-media ul li {
            width: 100%;
            list-style-type: none;
        }
        .product-single .flex-direction-nav a {
            opacity: 0;
            width: 40px;
            height: 40px;
            margin: -20px 0 0;
        }
        .product-single .flex-direction-nav .flex-prev {
            left: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_left.png') center center no-repeat;
            background-size: 30px;
        }
        .product-single .flex-direction-nav .flex-next {
            right: -20px;
            background: rgba(0,0,0,0.7) url('images/arrow_right.png') center center no-repeat;
            background-size: 30px;
        }
        .product-single .flexslider:hover .flex-direction-nav .flex-prev {
            left: 0px;
            opacity: 1;
        }
        .product-single .flexslider:hover .flex-direction-nav .flex-next {
            right: 0px;
            opacity: 1;
        }
        .product-single .product-media img {
            width: 100%;
        }
        .product-single .product-inner {
            float: right;
            width: 48%;
        }
        .product-single .product-inner .product-name {
            color: #3f3f3f;
            font-weight: 200;
            font-size: 26px;
            margin-bottom: 7px;
        }
        .product-single .product-inner .product-category {
            color: #000000;
            font-weight: 200;
            margin-bottom: 7px;
            display: inline-block;
        }
        .product-single .product-inner .product-price {
            font-weight: 200;
            font-size: 26px;
            margin-bottom: 35px;
        }
        .product-single .cart {
            margin-bottom: 50px;
        }
        .product-single .cart .quantity {
            margin-right: 20px;
            float: left;
            margin-bottom: 20px;
        }
        .product-single input[type=number]::-webkit-inner-spin-button, 
        .product-single input[type=number]::-webkit-outer-spin-button { 
          -webkit-appearance: none; 
          margin: 0; 
        }
        .product-single .cart .quantity input[type=button] {
            width: 35px;
            height: 47px;
            float: left;
            display: inline-block;
            margin: 0;
            border: 0;
            cursor: pointer;
            font-size: 18px;
            background-color: #f0f0f0;
        }
        .product-single .cart .quantity input[type=number] {
            width: 45px;
            float: left;
            height: 47px;
            text-align: center;
            display: inline-block;
            margin: 0;
            border: 0;
            cursor: pointer;
            font-size: 18px;
            border-bottom: 1px solid #f0f0f0;
            border-top: 1px solid #f0f0f0;
        }
        .product-single .cart .product-choose {
            float: left;
            padding: 13px 22px;
            min-width: inherit;
            cursor: pointer;
            margin-right: 2px;
        }
        .product-single .cart .product-love {
            float: left;
            padding: 8px 10px;
            min-width: inherit;
            margin: 0;
            font-size: 21px;
        }
        .product-single .cart .product-love i {
            margin: 0;
            line-height: 29px;
        }
        .product-single .product-info {
            margin-bottom: 40px;
        }
        .product-single .product-info h6 {
            font-weight: 500;
        }
        .product-single .product-info * {
            color: #000000;
        }
        .product-single .product-info span {
            display: block;
        }


    /*Shop Cart*/
        .shop-cart {

        }
        .shop-cart .cart-table {

        }
        .shop-cart .cart-table img {
            width: 70px;
            height: auto;
            float: left;
        }
        .shop-cart .cart-table tr {

        }
        .shop-cart .cart-table th {

        }
        .shop-cart .cart-table th.product-action {

        }
        .shop-cart .cart-table th.product-thumb {
            width: 90px;
        }
        .shop-cart .cart-table th.product-info {

        }
        .shop-cart .cart-table th.product-price {

        }
        .shop-cart .cart-table th.product-quantity {

        }
        .shop-cart .cart-table th.product-instock {

        }
        .shop-cart .cart-table th.product-total {

        }
        .shop-cart .cart-table td {
            font-size: 16px;
            vertical-align: top;
            text-align: center;
            padding: 15px 9px;
        }
        .shop-cart .cart-table td.product-action {
            width: 90px;
        }
        .shop-cart .cart-table td.product-action a {
            color: #ffffff;
            width: 20px;
            height: 20px;
            font-size: 13px;
            text-align: center;
            line-height: 20px;
            border-radius: 50%;
            display: inline-block;
        }
        .shop-cart .cart-table td.product-thumb {

        }
        .shop-cart .cart-table td.product-info {

        }
        .shop-cart .cart-table td.product-price {

        }
        .shop-cart .cart-table td.product-quantity {

        }
        .shop-cart .cart-table td.product-quantity .quantity {
            display: inline-block;
        }
        .shop-cart .cart-table td.product-quantity input[type=number]::-webkit-inner-spin-button, 
        .shop-cart .cart-table td.product-quantity input[type=number]::-webkit-outer-spin-button { 
          -webkit-appearance: none; 
          margin: 0; 
        }
        .shop-cart .cart-table td.product-quantity .quantity input[type=button] {
            width: 35px;
            height: 47px;
            float: left;
            display: inline-block;
            margin: 0;
            border: 0;
            cursor: pointer;
            font-size: 18px;
            background-color: #f0f0f0;
        }
        .shop-cart .cart-table td.product-quantity input[type=number] {
            width: 45px;
            float: left;
            height: 47px;
            text-align: center;
            display: inline-block;
            margin: 0;
            border: 0;
            cursor: pointer;
            font-size: 18px;
            border-bottom: 1px solid #f0f0f0;
            border-top: 1px solid #f0f0f0;
        }
        .shop-cart .cart-table td.product-instock {

        }
        .shop-cart .cart-table td.product-total {
            font-size: 26px;
        }
        .shop-cart .cart-coupon {
            float: left;
            margin: 0px 20px 20px 0px;
        }
        .shop-cart .cart-coupon input[type=text] {
            padding: 10px;
            border: 1px solid #eeeeee;
            margin-right: 5px;
        }
        .shop-cart .cart-coupon input[type=submit] {

        }
        .shop-cart .cart-actions {
            float: right;
            margin: 0px 0px 20px 20px;
        }
        .shop-cart .cart-shipping {
            
        }
        .shop-cart .cart-shipping select {
            padding: 10px;
            border: 1px solid #eeeeee;
            width: 100%;
            margin-bottom: 15px;
        }
        .shop-cart .cart-shipping input[type=text] {
            width: 48.6%;
            padding: 10px;
            border: 1px solid #eeeeee;
            margin-right: 2%;
            margin-bottom: 20px;
        }
        .shop-cart .cart-shipping input[type=submit] {
            
        }
        .shop-cart .cart-total {
            
        }
        .shop-cart .cart-total p {
            margin-bottom: 2px;
            color: #000000;
            font-size: 16px;
            font-weight: 200;
        }
        .shop-cart .cart-total span {
            display: inline-block;
            float: right;
        }


    /*Cart Checkout*/
        .shop-cart-checkout {
            
        }
        .shop-cart-checkout h5 {
            color: #000000;
        }
        .shop-cart-checkout .full-width {
            width: 100%;
        }
        .shop-cart-checkout .half-width {
            width: 48.65%;
        }
        .shop-cart-checkout .half-width.first {
            margin-right: 2%;
        }
        .shop-cart-checkout .half-width.second {
            
        }
        .shop-cart-checkout .billing-address {
            
        }
        .shop-cart-checkout .create-account {
            margin-top: 30px;
            cursor: pointer
        }
        .shop-cart-checkout select, .shop-cart-checkout input[type=text], .shop-cart-checkout input[type=email] {
            padding: 10px;
            border: 1px solid #eeeeee;
            margin-bottom: 15px;
        }
        .shop-cart-checkout .cart-order {
            
        }
        .shop-cart-checkout .cart-order p {
            margin-bottom: 2px;
            color: #000000;
            font-size: 16px;
            font-weight: 200;
        }
        .shop-cart-checkout .cart-order span {
            display: inline-block;
            float: right;
        }
        .shop-cart-checkout .order-payment {
            
        }
        .shop-cart-checkout .order-payment label {
            cursor: pointer;
            font-size: 20px;
            color: #000000;
            margin: 0px 46px 15px 2px;
        }
        .shop-cart-checkout .order-payment input {
            margin-bottom: 30px;
        }


    /*Shop Account*/
        .shop-account {
            
        }
        .shop-account h5 {
            color: #000000;
        }
        .shop-account .full-width {
            width: 100%;
        }
        .shop-account .half-width {
            width: 48.65%;
        }
        .shop-account .half-width.first {
            margin-right: 2%;
        }
        .shop-account .half-width.second {
            
        }
        .shop-account .billing-address {
            
        }
        .shop-account .create-account {
            margin-top: 30px;
            cursor: pointer
        }
        .shop-account select, .shop-account input[type=text], .shop-account input[type=email], .shop-account input[type=password] {
            padding: 10px;
            border: 1px solid #eeeeee;
            margin-bottom: 15px;
        }


/*==========================================================================================================================================
/*==========================================================================================================================================
	10.Shortcodes Setup
============================================================================================================================================
============================================================================================================================================*/


/*========== Font Icons =============*/
    .font-icon {
        display: inline-block;
        margin: 0px 5px;
        font-size: 18px;
    }
    .fonticons-set a {
        display: inline-block;
        float: left;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        color: #333333;
        background-color: #dedede;
    }
    .fonticons-set a:hover {
        color: #ffffff;
    }


/*========== Social Icons =============*/
    .social-icons {

    }
    .social-icons a {
        float: left;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
        text-align: center;
    }
    .social-icons.dark a {
        color: #bcbcbc;
    }
    .social-icons.dark a:hover {
        color: #ffffff;
    }
    .social-icons.light {
        padding: 5px 10px;
        background-color: #333333;
    }
    .social-icons.light a {
        color: #ffffff;
    }
    .social-icons a.icon3-facebook:hover {
        background-color: #3B5998;
    }
    .social-icons a.icon3-mail:hover {
        background-color: #FF3333;
    }
    .social-icons a.icon1-foursquare:hover {
        background-color: #17649A;
    }
    .social-icons a.icon3-stumbleupon:hover {
        background-color: #eb4924;
    }
    .social-icons a.icon1-twitter:hover {
        background-color: #33CCFF;
    }
    .social-icons a.icon1-youtube:hover {
        background-color: #FF3333;
    }
    .social-icons a.icon3-linkedin:hover {
        background-color: #4875B4;
    }
    .social-icons a.icon4-houzz:hover {
        background-color: #55a32a;
    }
    .social-icons a.icon3-instagram:hover {
        background-color: #4E433C;
    }
    .social-icons a.icon3-dribbble:hover {
        background-color: #ea4c89;
    }
    .social-icons a.icon3-tumblr:hover {
        background-color: #2B4964;
    }
    .social-icons a.icon1-google-plus:hover {
        background-color: #C63D2D;
    }
    .social-icons a.icon3-pinterest:hover {
        background-color: #cb2027;
    }
    .social-icons a.icon3-behance:hover {
        background-color: #053eff;
    }
    .social-icons a.icon3-flickr:hover {
        background-color: #FE0883;
    }
    .social-icons a.icon1-github:hover {
        background-color: #000000;
    }
    .social-icons a.icon1-skype:hover {
        background-color: #12A5F4;
    }
    .social-icons a.icon3-vimeo:hover {
        background-color: #86B32D;
    }
    .social-icons a.icon1-xing:hover {
        background-color: #126567;
    }


/*========== Columns =============*/
    .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-fifth, .three-fourth, .three-fifth, .five-sixth {
        float: left;
        margin-right: 2.5%;
        margin-bottom: 30px;
        position: relative;
    }
    .one-half {
        width: 48.75%;
    }
    .one-third {
        width: 31.6666%;
    }
    .one-fourth {
        width: 23.125%;
    }
    .one-fifth {
        width: 18%;
    }
    .one-sixth {
        width: 14.5833%;
    }
    .two-third {
        width: 65.8333%;
    }
    .two-fifth {
        width: 39%;
    }
    .three-fourth {
        width: 74.375%;
    }
    .three-fifth {
        width: 58.5%;
    }
    .five-sixth {
        width: 82.9167%;
    }
    .last-col {
        margin-right: 0px !important;
    }
    .last-col-padding {
        padding-right: 0px !important;
    }
    .no-btm-margin {
        margin-bottom: 0;
    }


/*========== Icon Boxes =============*/
    .icon-box-1 {
        text-align: center;
        padding: 34px 10px;
        border: 1px solid transparent;
    }
    .icon-box-1 i {
        font-size: 32px;
        float: left;
        width: 100%;
    }
    .icon-box-1 .box-img {
        float: left;
        width: 100%;
    }
    .icon-box-1 img {
        margin: 0px auto;
    }
    .icon-box-1 h6 {
        margin-top: 50px;
    	font-size: 14px;
    	margin-bottom: 15px;
    }
    .icon-box-1 .box-img+h6 {
        margin-top: 120px;
    }
    .icon-box-1 p {
        margin-bottom: 0px;
    }
    .icon-box-2 {
        padding: 20px 0px;
        border-bottom: 1px solid #dedede;
    }
    .icon-box-2.last-bottom {
        padding: 20px 0px 0px;
        border-bottom: 0;
    }
    .icon-box-2.border-bottom {
        padding: 20px 0px;
        border-bottom: 1px solid #dedede;
    }
    .icon-box-2 i {
        color: #ffffff;
        font-size: 28px;
        float: left;
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        text-align: center;
    }
    .icon-box-2 i:hover {
        background-color: #333333;
    }
    .icon-box-2 img {
        float: left;
        width: 60px;
        display: inline-block;
    }
    .icon-box-2 .icon-box-data {
        margin-left: 80px;
        margin-top: 5px;
    }
    .icon-box-2 h5 {
        margin-bottom: 3px;
    }
    .icon-box-2 p {
        margin-bottom: 0px;
    }
    .icon-box-3 {
        text-align: center;
    }
    .icon-box-3 .box-header {
        position: relative;
        display: inline-block;
        background-color: #ffffff;
        width: 170px;
        margin: 0px auto;
        height: 170px;
        line-height: 170px;
        border-radius: 50%;
        border: 1px solid #CCCCCC;
        margin-bottom: 200px;
    }
    .icon-box-3.active .box-header {
        background-color: #eeeeee;
    }
    .icon-box-3.active .box-header:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: -31px;
        left: -31px;
        border-radius: 50%;
        border: 31px solid #CCCCCC;
    }
    .icon-box-3.active .box-header:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        top: -30px;
        left: -30px;
        border: 30px solid #FFFFFF;
    }
    .icon-box-3 .box-header .arrow-right {
        display: block;
        position: absolute;
        top: 50%;
        right: -70px;
        width: 70px;
        height: 1px;
        background-color: #CCCCCC;
    }
    .icon-box-3.last .box-header .arrow-right {
        display: none;
    }
    .icon-box-3 .box-header .arrow-right i {
        position: absolute;
        right: -4px;
        top: -6px;
    }
    .icon-box-3 .box-header .arrow-bottom {
        display: block;
        position: absolute;
        bottom: -140px;
        left: 50%;
        width: 1px;
        height: 140px;
        background-color: #CCCCCC;
    }
    .icon-box-3 .box-header .arrow-bottom i {
        position: absolute;
        bottom: -13px;
        left: -5px;
    }
    .icon-box-3 h3 {
        margin-bottom: 0;
        line-height: 170px;
    }
    .icon-box-3 .box-header:hover h3 {
        color: #ffffff;
    }
    .icon-box-3 .box-data p {
        margin-bottom: 0px;
    }
    .icon-box-4 {
        text-align: center;
        padding: 34px 10px;
        border: 1px solid transparent;
        background-color: #eef3f3;
    }
    .icon-box-4 i {
        font-size: 32px;
        float: left;
        width: 100%;
    }
    .icon-box-4 .box-img {
        float: left;
        width: 100%;
    }
    .icon-box-4 img {
        margin: 0px auto;
    }
    .icon-box-4 h6 {
        margin-top: 50px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .icon-box-4 .box-img+h6 {
        margin-top: 120px;
    }
    .icon-box-4 p {
        margin-bottom: 0px;
    }
    .icon-box-4:hover i, .icon-box-4:hover h6, .icon-box-4:hover p, .icon-box-4:hover {
        color: #ffffff;
    }
    .icon-box-5 {
        text-align: center;
        cursor: default;
    }
    .icon-box-5 i {
        color: #ffffff;
        font-size: 32px;
        float: left;
        width: 100%;
        z-index: 2;
        position: relative;
        margin-top: 25px;
    }
    .icon-box-5 .box-img {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .icon-box-5 img {
        margin: 0px auto;
        max-width: 45px;
    }
    .icon-box-5 h6 {
        color: #ffffff;
        padding: 71px 20px 22px;
        margin-bottom: 20px;
        position: relative;
    }
    .icon-box-5 h6 span {
        position: relative;
        z-index: 4;
    }
    .icon-box-5 h6:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        display: block;
        z-index: 0;
        opacity: 1;
    }
    .icon-box-5.opactiy-1 h6:before {
        opacity: 1;
    }
    .icon-box-5.opactiy-2 h6:before {
        opacity: 0.88;
    }
    .icon-box-5.opactiy-3 h6:before {
        opacity: 0.75;
    }
    .icon-box-5.opactiy-4 h6:before {
        opacity: 0.68;
    }
    .icon-box-5.opactiy-5 h6:before {
        opacity: 0.56;
    }
    .icon-box-5:hover h6:before {
        background-color: #333333;
    }
    .icon-box-5 p {
        margin-bottom: 0px;
    }
    .icon-box-6 {
        text-align: center;
        cursor: default;
        padding: 34px 10px;
        position: relative;
        border: 1px solid transparent;
        background-color: #ffffff;
    }
    .icon-box-6:before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        top: -5px;
        left: 50%;
        background-color: #ffffff;
        margin-left: -5px;
        z-index: -1;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .icon-box-6 i {
        font-size: 32px;
        float: left;
        width: 100%;
    }
    .icon-box-6 .box-img {
        float: left;
        width: 100%;
    }
    .icon-box-6 img {
        margin: 0px auto;
        max-width: 45px;
    }
    .icon-box-6 h6 {
        margin-top: 50px;
        margin-bottom: 0;
        font-size: 14px;
    }


/*========== Buttons =============*/
    .button-small {
        font-size: 12px;
        border: 1px solid transparent;
        display: inline-block;
        color: #ffffff;
        min-width: 90px;
        text-align: center;
        padding: 7px;
        margin: 0px 20px 5px 0px;
    }
    .button-regular {
        font-size: 16px;
        border: 1px solid transparent;
        display: inline-block;
        color: #ffffff;
        min-width: 170px;
        text-align: center;
        padding: 11px 14px;
        margin: 0px 20px 5px 0px;
    }
    .button-large {
        font-size: 16px;
        display: inline-block;
        border: 1px solid transparent;
        color: #ffffff;
        min-width: 270px;
        text-align: center;
        padding: 14px;
        margin: 0px 20px 5px 0px;
    }
    .button-outline {
        border: 1px solid transparent;
        border-color: #949494;
        font-size: 16px;
        font-weight: 200;
        display: inline-block;
        color: #000000;
        text-align: center;
        padding: 13px;
        min-width: 170px;
        margin: 0px 20px 5px 0px;
        background-color: transparent!important;
    }
    .button-small i, .button-regular i, .button-large i, .button-outline i {
        margin-right: 10px;
    }


/*========== Accordions =============*/
    .accordion-1 .ui-accordion {

    }
    .accordion-1 .ui-accordion .accordion-panel {
        margin-bottom: 10px;
    }
    .accordion-1 .ui-accordion .ui-accordion-header {
        color: inherit;
        border: 1px solid #dadada;
        border-radius: 0;
        padding: 15px 30px 15px 15px;
        background: none;
        background-color: transparent;
        font: inherit;
        font-size: 15px;
        font-weight: 500;
    }
    .accordion-1 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        margin-top: -7px;
        font-size: 11px;
        right: 8px;
        left: inherit;
    }
    .accordion-1 .ui-accordion .ui-accordion-content {
        padding: 10px 20px;
        border: 1px solid #dedede;
        background: none;
    }
    .accordion-1 .ui-accordion .ui-accordion-content p:last-child {
        margin-bottom: 0px;
    }
    .accordion-1 .ui-state-active .ui-icon, .accordion-1 .ui-state-default .ui-icon, .accordion-1 .ui-icon {
        background: none;
        text-indent: 0px;
    }


/*========== Toggles =============*/
    .toggle-1 .ui-accordion {

    }
    .toggle-1 .ui-accordion .accordion-panel {
        margin-bottom: 10px;
    }
    .toggle-1 .ui-accordion .ui-accordion-header {
        color: inherit;
        border: 1px solid #dadada;
        border-radius: 0;
        padding: 15px 30px 15px 15px;
        background: none;
        background-color: transparent;
        font: inherit;
        font-size: 15px;
        font-weight: 500;
    }
    .toggle-1 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        margin-top: -7px;
        font-size: 11px;
        right: 8px;
        left: inherit;
    }
    .toggle-1 .ui-accordion .ui-accordion-content {
        padding: 10px 20px;
        border: 1px solid #dedede;
        background: none;
    }
    .toggle-1 .ui-accordion .ui-accordion-content p:last-child {
        margin-bottom: 0px;
    }
    .toggle-1 .ui-state-active .ui-icon, .toggle-1 .ui-state-default .ui-icon, .toggle-1 .ui-icon {
        background: none;
        text-indent: 0px;
    }


/*========== Tabs =============*/

    /*Hoizontal*/
    .tabs-1 .ui-tabs {
        border: 0;
        font: inherit;
        padding: 0;
        border-radius: 0;
    }
    .tabs-1 .ui-tabs .ui-tabs-nav {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
    }
    .tabs-1 .ui-tabs .ui-tabs-nav li:first-child {
        border-left: 0;
    }
    .tabs-1 .ui-tabs .ui-tabs-nav li {
        margin: 0;
        border: 0;
        border-radius: 0;
        border-left: 1px solid #f0f0f0;
        padding: 0;
        background: none;
        background-color: #dedede;
        color: inherit;
    }
    .tabs-1 .ui-tabs .ui-tabs-nav .ui-tabs-active, .tabs-1 .ui-tabs .ui-tabs-nav li.ui-state-focus, .tabs-1 .ui-tabs .ui-tabs-nav .ui-tabs-active:hover {
        color: #ffffff;
    }
    .tabs-1 .ui-tabs .ui-tabs-nav .ui-tabs-active a {
        cursor: default;
    }
    .tabs-1 .ui-tabs .ui-tabs-anchor {
        color: inherit!important;
        padding: 10px 20px;
    }
    .ui-tabs .ui-tabs-panel {
        border: 1px solid #dedede;
    }


    /*Vertical*/
    .tabs-2 .ui-tabs {
        border: 0;
        font: inherit;
        padding: 0;
        border-radius: 0;
        width: 100%;
    }
    .tabs-2 .ui-tabs .ui-tabs-nav {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        float: left;
        width: 15.5%;
    }
    .tabs-2 .ui-tabs .ui-tabs-nav li {
        margin: 0;
        border: 0;
        border-radius: 0;
        padding: 0;
        background: none;
        background-color: #dedede;
        color: inherit;
        clear: left;
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
    }
    .tabs-2 .ui-tabs .ui-tabs-nav li:last-child {
        border-bottom: 0;
    }
    .tabs-2 .ui-tabs .ui-tabs-nav li.ui-state-hover a, .tabs-2 .ui-tabs .ui-tabs-nav li.ui-state-hover a:link, .tabs-2 .ui-tabs .ui-tabs-nav li.ui-state-hover a:visited, 
    .tabs-2 .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
        color: #ffffff!important;
    }
    .tabs-2 .ui-tabs .ui-tabs-anchor {
        color: inherit!important;
        display:block;
        padding: 10px 20px;
        float: none;
    }
    .tabs-2 .ui-tabs .ui-tabs-panel {
        float: right;
        width: 83%;
    }


/*========== Pricing Tables =============*/

    /*Standard*/
        .pricing-tables {
            
        }
        .pricing-tables .table {
            margin-right: 2.5%;
            margin-bottom: 50px;
            float: left;
        }
        .pricing-tables.col-1 .table {
            width: 100%;
            margin-right: 0;
        }
        .pricing-tables.col-2 .table {
            width: 48.75%;
        }
        .pricing-tables.col-3 .table {
            width: 31.6666%;
        }
        .pricing-tables.col-4 .table {
            width: 23.125%;
        }
        .pricing-tables.col-5 .table {
            width: 18%;
        }
        .pricing-tables.col-6 .table {
            width: 17.5%
        }
        .pricing-tables .table .header {
            background-color: #7ececf;
            padding: 20px 15px;
        }
        .pricing-tables .table .header .title {
            font-weight: 400;
            font-size: 28px;
            margin-bottom: 0px;
            color: #ffffff;
        }
        .pricing-tables .table .header .price {
            color: #000000;
            font-weight: 700;
            font-size: 18px;
        }
        .pricing-tables .table-options {
            padding: 15px;
            background-color: #eef3f3;
        }
        .pricing-tables .table-options ul {
            margin-left: 0;
        }
        .pricing-tables .table-options li {
            padding-bottom: 15px;
            border-bottom: 1px dotted #bababa;
            margin-bottom: 15px;
            list-style-type: none;
        }
        .pricing-tables .table-options li:last-child {
            padding-bottom: 0;
            border-bottom: 0;
            margin-bottom: 0;
        }
        .pricing-tables .table-options {
            border: 0;
            padding-bottom: 0;
        }
        .pricing-tables .table-options h1, .pricing-tables .table-options h2, .pricing-tables .table-options h3, .pricing-tables .table-options h4, .pricing-tables .table-options h5
        .pricing-tables .table-options h6 {
            margin-bottom: 5px;
        }
        .pricing-tables .table-options p {
            opacity: 0.4;
        }
        .pricing-tables .table-options p:last-child {
            margin-bottom: 0;
        }
        .pricing-tables .table-choose {
            text-align: center;
            background-color: #eef3f3;
            margin-bottom: 10px;
            padding: 20px 0px;
        }
        .pricing-tables .table-choose a {
            border-radius: 3px;
            padding: 10px 10px;
            margin-right: 0;
        }
        .pricing-tables .table-choose a:hover {
            background-color: #333333;
            border-color: #333333;
        }
        .pricing-tables .table.active .table-options, .pricing-tables .table.active .table-choose {
            background-color: #323a45;
        }
        .pricing-tables .table-choose.active a:hover {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #333333;
        }
        .pricing-tables .table.active .table-options * {
            color: #ffffff;
        }


    /*Style 1*/
        .pricing-tables-1 .table {
            float: left;
            text-align: center;
        }
        .pricing-tables-1.col-1 .table {
            width: 100%;
        }
        .pricing-tables-1.col-2 .table {
            width: 50%;
        }
        .pricing-tables-1.col-3 .table {
            width: 30.333%;
        }
        .pricing-tables-1.col-4 .table {
            width: 25%;
        }
        .pricing-tables-1.col-5 .table {
            width: 20%;
        }
        .pricing-tables-1 .table {
            float: left;
            text-align: center;
            background-color: #ffffff;
            padding: 0px 15px;
        }
        .pricing-tables-1.col-1 .table {
            padding: 0;
        }
        .pricing-tables-1 .table:last-child {
            padding-right: 0px;
        }
        .pricing-tables-1 .table .header {
            font-weight: 400;
            font-size: 30px;
            color: #ffffff;
            padding: 25px 15px;
            background-color: #e32235;
            margin-bottom: 0px;
        }
        .pricing-tables-1 .table .price {
            background-color: #323a45;
            color: #ffffff;
            padding: 35px 15px;
            border-bottom: 1px solid #3c3c3c;
        }
        .pricing-tables-1 .table .price .currency {
            font-weight: 400;
            font-size: 30px;
            position: relative;
            bottom: 0px;
        }
        .pricing-tables-1 .table .price .first-number {
            font-weight: 400;
            font-size: 72px;
        }
        .pricing-tables-1 .table .price .second-number {
            font-weight: 400;
            font-size: 50px;
            position: relative;
            top: -22px;
        }
        .pricing-tables-1 .table .price-desc {
            background-color: #323a45;
            color: #ffffff;
            font-weight: 400;
            font-size: 20px;
            padding: 10px 15px;
        }
        .pricing-tables-1 .table ul {
            padding-top: 25px;
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
            margin-left: 0;
        }
        .pricing-tables-1 .table ul li {
            padding: 0px 15px 25px;
            color: #000000;
            font-size: 14px;
            list-style-type: none;
        }
        .pricing-tables-1 .table.active ul li {
            color: #ffffff;
        }
        .pricing-tables-1 .table .activate {
            display: block;
            padding: 15px 15px;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 24px;
            opacity: 0.85;
            background-color: #e32235;
            box-shadow: 0 -4px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 -4px rgba(0, 0, 0, 0.2) inset;
            -webkit-box-shadow: 0 -4px rgba(0, 0, 0, 0.2) inset;
            -o-box-shadow: 0 -4px rgba(0, 0, 0, 0.2) inset;
        }
        .pricing-tables-1 .table .activate:hover {
            opacity: 1;
        }


    /*Style 2*/
        .pricing-tables-2 .table {
            float: left;
            text-align: center;
        }
        .pricing-tables-2.col-1 .table {
            width: 100%;
        }
        .pricing-tables-2.col-2 .table {
            width: 50%;
        }
        .pricing-tables-2.col-3 .table {
            width: 30.333%;
        }
        .pricing-tables-2.col-4 .table {
            width: 25%;
        }
        .pricing-tables-2.col-5 .table {
            width: 20%;
        }
        .pricing-tables-2 .table {
            background-color: #ffffff;
            padding-right: 1px;
        }
        .pricing-tables-2 .table:last-child {
            padding-right: 0px;
        }
        .pricing-tables-2.col-1 .table {
            padding: 0;
        }
        .pricing-tables-2 .table .header {
            font-weight: 400;
            font-size: 24px;
            color: #ffffff;
            padding: 20px 15px;
            text-transform: uppercase;
            margin-bottom: 0px;
        }
        .pricing-tables-2 .table .image {
            height: 130px;
            padding: 35px 15px;
            border-bottom: 2px solid #ebebeb;
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
        }
        .pricing-tables-2 .table .image i {
            color: inherit;
            font-size: 58px;
        }
        .pricing-tables-2 .table .price {
            color: #ffffff;
            padding: 60px 15px;
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
            background-color: #f2f4f5;
        }
        .pricing-tables-2 .table.active .price {
            background-color: #7f8c8d;
            border-left: 1px solid #7f8c8d;
            border-right: 1px solid #7f8c8d;
        }
        .pricing-tables-2 .table .price .currency {
            font-size: 34px;
            color: #c0c0c0;
            position: relative;
            bottom: 0px;
        }
        .pricing-tables-2 .table .price .first-number {
            font-size: 75px;
        }
        .pricing-tables-2 .table .price .second-number {
            font-size: 44px;
            position: relative;
            top: -12px;
        }
        .pricing-tables-2 .table .price .first-number, .pricing-tables-2 .table .price .second-number {
            color: #7f8c8d;
        }
        .pricing-tables-2 .table.active .price .first-number, .pricing-tables-2 .table.active .price .second-number {
            color: #ffffff;
        }
        .pricing-tables-2 .table .activate {
            display: block;
            padding: 15px 15px;
            background-color: #323a45;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 400;
            font-size: 24px;
        }


    /*Style 3*/
        .pricing-tables-3 .table {
            float: left;
            text-align: center;
        }
        .pricing-tables-3.col-1 .table {
            width: 100%;
        }
        .pricing-tables-3.col-2 .table {
            width: 50%;
        }
        .pricing-tables-3.col-3 .table {
            width: 30.333%;
        }
        .pricing-tables-3.col-4 .table {
            width: 25%;
        }
        .pricing-tables-3.col-5 .table {
            width: 20%;
        }
        .pricing-tables-3 .table {
            background-color: #ffffff;
            padding-right: 1px;
        }
        .pricing-tables-3 .table:last-child {
            padding-right: 0px;
        }
        .pricing-tables-3.col-1 .table {
            padding: 0;
        }
        .pricing-tables-3 .table .header {
            font-size: 24px;
            color: #ffffff;
            padding: 20px 15px;
            text-transform: uppercase;
            font-weight: 400;
            margin-bottom: 0px;
            background-color: #d4192b;
        }
        .pricing-tables-3 .table.active .header {
            background-color: #323a45;
        }
        .pricing-tables-3 .table .price {
            background-color: #2a2a2a;
            color: #ffffff;
            padding: 35px 15px;
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
            background-color: #dddfe1;
        }
        .pricing-tables-3 .table .price .currency {
            font-size: 34px;
            color: #c0c0c0;
            position: relative;
            bottom: 0px;
        }
        .pricing-tables-3 .table .price .first-number {
            font-size: 75px;
        }
        .pricing-tables-3 .table .price .second-number {
            font-size: 44px;
            position: relative;
            top: -12px;
        }
        .pricing-tables-3 .table .price .first-number, .pricing-tables-3 .table .price .second-number {
            color: #7f8c8d;
        }
        .pricing-tables-3 .table.active .price .first-number, .pricing-tables-3 .table.active .price .second-number {
            color: #323a45;
        }
        .pricing-tables-3 .table ul {
            padding: 25px 0px;
            border-left: 1px solid #ebebeb;
            border-right: 1px solid #ebebeb;
            background-color: #f2f4f5;
            margin-left: 0;
        }
        .pricing-tables-3 .table ul li {
            padding: 0px 20px 15px;
            color: #000000;
            font-size: 14px;
            text-align: left;
            list-style-type: none;
        }
        .pricing-tables-3 .table ul li:last-child {
            padding-bottom: 0px;
        }
        .pricing-tables-3 .table .activate {
            display: block;
            padding: 15px 15px;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 400;
            font-size: 24px;
        }
        .pricing-tables-3 .table.active .activate {
            background-color: #323a45;
        }
        .pricing-tables-3 .table .activate:hover {
            background-color: #333333;
        }
        .pricing-tables-3 .table.active {
            margin-top: -33px;
            z-index: 4;
            position: relative;
            box-shadow: 0px 0px 13px rgba(0,0,0,0.4);
            -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.4);
            -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.4);
            -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.4);
        }


/*========== Charts Counters =============*/
    .counter-chart {
        text-align: center;
    }
    .counter-chart .counter {
        margin: 0px auto;
        width: 180px;
        height: 180px;
        margin-bottom: 25px;
        background-color: #ececec;
        border-radius: 50%;
        position: relative;
    }
    .counter-chart .counter canvas {
        position: absolute;
        top: 0;
        left: 0;
    }
    .counter-chart .counter span {
        line-height: 180px;
        display: inline-block;
        z-index: 2;
        font-size: 52px;
        color: #333333;
        font-weight: 700;
    }
    .counter-chart h5 {
        font-weight: 400;
        font-size: 20px;
        color: #6d6d6d;
        margin-bottom: 0px;
    }


/*========== Bars Counters =============*/
    .counter-bar {
        margin-bottom: 15px;
    }
    .counter-bar h6 {
        font-size: 14px;
        font-weight: 200;
        color: #000000;
        float: left;
        margin-bottom: 5px;
    }
    .counter-bar .bar {
        position: relative;
        background-color: #e7e7e7;
        border-radius: 20px;
        width: 100%;
        height: 8px;
        clear: both;
    }
    .counter-bar .bar span {
        display: block;
        position: relative;
        border-radius: 6px;
        height: 100%;
        width: 0px;
    }
    .counter-bar .percentage {
        float: right;
    }


/*========== Numbers Counters =============*/
    .counter-number {

    }
    .counter-number .counter-media {
        float: left;
        margin-right: 15px;
    }
    .counter-number .counter-media img {

    }
    .counter-number .counter-media i {

    }
    .counter-number .counter-data {
        padding-top: 10px;
    }
    .counter-number .counter-data .number {
        margin-bottom: 0;
    }
    .counter-number .counter-data .info {
        margin-bottom: 0;
    }


/*========== Countdown Counters =============*/
    .countdown-counter {
        text-align: center;
    }
    .countdown-counter .countdown-row {
        
    }
    .countdown-counter .countdown-section {
        display: inline-block;
        margin: 2px 6px;
        position: relative;
        padding-top: 30px;
        width: 90px;
        border: 2px solid #bf7d40;
    }
    .countdown-counter .countdown-period {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 15px;
        padding: 5px 10px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .countdown-counter .countdown-amount {
        font-size: 50px;
        display: block;
        background-color: #efefe7;
        padding: 25px 15px;
    }


/*========== Lists =============*/
    .custom-list {
        margin-left: 0;
        list-style-type: none;
    }
    .custom-list li {
        list-style-type: none;
    }
    .custom-list i {
        margin-right: 8px;
        vertical-align: -1px;
        width: 14px;
        display: inline-block;
        text-align: center;
    }


/*========== Message box =============*/
    .alert_warning, .alert_icon_warning {
        background-color: #f7bcc2;
        border: 1px solid #da8c94;
    }
    .alert_success, .alert_icon_success {
        background-color: #cef0cb;
        border: 1px solid #91cc8c;
    }
    .alert_info, .alert_icon_info {
        background-color: #fbf1c8;
        border: 1px solid #e0d39b;
    }
    .alert_message, .alert_icon_message {
        background-color: #d1eff8;
        border: 1px solid #97cbda;
    }
    .alert_success, .alert_warning, .alert_info, .alert_message , .alert_icon_warning, .alert_icon_success, .alert_icon_info, .alert_icon_message {
        color: #343434;
        padding: 10px 25px 10px 15px;
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 24px;
        position: relative;
    }
    .alert_icon_warning, .alert_icon_success, .alert_icon_info, .alert_icon_message {
        padding: 30px 110px;
    }
    .alert_icon_warning .img, .alert_icon_success .img, .alert_icon_info .img, .alert_icon_message .img {
        position: absolute;
        width: 100px;
        height: 100%;
        top: 0px;
        left: 0px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .alert_icon_warning .img {
        background-image: url(images/notifications/icon1.png);
    }
    .alert_icon_success .img {
        background-image: url(images/notifications/icon2.png);
    }
    .alert_icon_info .img {
        background-image: url(images/notifications/icon3.png);
    }
    .alert_icon_message .img {
        background-image: url(images/notifications/icon4.png);
    }
    .alert_icon_warning .text, .alert_icon_success .text, .alert_icon_info .text, .alert_icon_message .text {
    }
    .alert_warning .close, .alert_icon_warning .close {
        background-color: #b25962;
        color: #f7bcc2;
    }
    .alert_success .close, .alert_icon_success .close  {
        background-color: #83aa7f;
        color: #cef0cb;
    }
    .alert_info .close, .alert_icon_info .close  {
        background-color: #decc83;
        color: #fbf1c8;
    }
    .alert_message .close, .alert_icon_message .close  {
        background-color: #8dc4d4;
        color: #d1eff8;
    }
    .alert_warning .close, .alert_success .close, .alert_info .close, .alert_message .close, 
    .alert_icon_warning .close, .alert_icon_success .close, .alert_icon_info .close, .alert_icon_message .close {
        cursor: pointer;
        font-weight: bold;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -9px;
        text-align: center;
        line-height: 16px;
        font-size: 14px;
    }
    .alert_warning .close span, .alert_success .close span, .alert_info .close span, .alert_message .close span, 
    .alert_icon_warning .close span, .alert_icon_success .close span, .alert_icon_info .close span, .alert_icon_message .close span {
        position: relative;
        z-index: 2;
    }
    .alert_warning .close .overlay, .alert_icon_warning .close .overlay {
        background-color: #b25962;
    }
    .alert_success .close .overlay, .alert_icon_success .close .overlay {
        background-color: #83aa7f;
    }
    .alert_info .close .overlay, .alert_icon_info .close .overlay {
        background-color: #decc83;
    }
    .alert_message .close .overlay, .alert_icon_message .close .overlay {
        background-color: #8dc4d4;
    }
    .alert_warning .close .overlay, .alert_success .close .overlay, .alert_info .close .overlay, .alert_message .close .overlay, 
    .alert_icon_warning .close .overlay, .alert_icon_success .close .overlay, .alert_icon_info .close .overlay, .alert_icon_message .close .overlay {
        width: 13px;
        height: 12px;
        position: absolute;
        top: 3px;
        left: -7px;
        z-index: 1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }