@charset "UTF-8";

/*
* Author: Vasterad
* URL: http://purethemes.net
*/
/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------
	01. Import Section ...................... Imported variables.

	02. Layout Components ................... Generic layout elements.
		# Header
		# Navigation
		# Search / Cart Icon
		# jPanel mobile menu
		# Featured Services
		# Projects Categories
		# Projects Grid
		# Stages Widget
		# Counters
		# Testimonials
		# Back To Top
		# Footer
		# Owl Carousel Styles
		# Titlebar
		# Single Project Page
		# Services #1
		# Services #2
		# Single Service Page
		# Shop
		# Blog Styles
		# Recent Posts
		# Blog Widgets
		# Widgets
		# Image Edge
		# Contact Form
		# Google Maps

	03. Script Styles ....................... jQuery add-ons CSS.
		# Flexslider
		# Owl Carousel
		# TwentyTwenty
		# Magnific Popup
		# PhotoGrid

	04. Shortcodes .......................... Template elements.
		# Buttons
		# Tooltips
		# List Styles
		# Table
		# Tabs
		# Pricing Tables
		# Accordion / Toggles
		# Dropcaps
		# Parallax Banner
		# Info Banner
		# Info Banner Full Width
		# Team Members
		# Social Icons
		# Notification boxes
		# Pagination

	05. Others .............................. CSS helper classes etc.

	06. Media Queries ....................... Mobile style sheets.
*/
/* ------------------------------------------------------------------- */
/* 01. Import Section
---------------------------------------------------------------------- */
@import url("bootstrap.css");
/* Default Reset, Typography, Forms, Responsive Grid etc. */
@import url("icons.css");
/* Webfont Icons: FontAwesome, Line, Simple Line */
@import url("revolutionslider.css");
/* Revolution Slider Style Sheets */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,300");


/* ------------------------------------------------------------------- */
/*  02. Layout Components
---------------------------------------------------------------------- */

/* ---------------------------------- */
/* Header
------------------------------------- */

/* Top Border */
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    border-top: 5px solid #666;
}


/* Logo */
#logo {
    margin-top: 4px;
}

.header {
    margin: 30px 0 28px 0;
}


/* Header Widget */
.header-widget {
    margin-top: 8px;
    float: right;
    padding-left: 0;
}

.header-widget li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    padding-right: 35px;
    line-height: 24px;
    position: relative;
}

.header-widget li:after {
    position: absolute;
    height: 48px;
    content: "";
    display: inline-block;
    width: 1px;
    background-color: #e0e0e0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
}

.header-widget li i {
    float: left;
    display: inline-block;
    color: #666;
    font-size: 34px;
    width: 35px;
    position: relative;
    margin-top: 8px;
    margin-right: 18px;
    text-align: center;
}

.header-widget li .widget-content {
    float: left;
    max-width: 150px;
}

.header-widget .sl-icon-location {
    font-size: 36px;
    margin: 5px 10px 0 8px;
}

.header-widget li span.title {
    display: block;
    color: #333;
}

.header-widget li span.data {
    color: #808080;
}

.header-widget a.button {
    margin-left: 13px
}

.header-widget li:last-child {
    margin-right: 0;
    padding-right: 0;
}


/* ---------------------------------- */
/* Navigation
------------------------------------- */
.menu {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    background-color: #fff;
    margin: 0;
    z-index: 99;
    border-top: 1px solid #e0e0e0;
}

.menu ul {
    padding: 0;
}

.menu > li {
    float: left;
}

.menu li:hover > .mega,
.menu li.sfHover > .mega {
    display: block;
}

.menu > li > a {
    display: block;
    position: relative;
}

.menu li {
    list-style: none;
    position: relative;
}

.mega ul {
    padding: 0;
}

.menu > li > a {
    color: #333;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-right: 5px;
    padding: 22px 15px;
    border-bottom: 3px solid #fff;
}

.menu > li a.current,
.menu > li a:hover,
.menu > li.sfHover a {
    border-color: #666;
    color: #666;
}

.menu > li a.current.with-ul:after,
.menu > li.sfHover .with-ul:after {
    color: #666;
}

.current,
.menu > li,
.menu > li a:hover,
.menu > li.sfHover a {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}


/* Mega Menu */
.mega {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    background-color: #f9f9f9;
    padding: 23px 0px 27px 1px;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: -3px;
    background-color: #262626;
    border-top: 3px solid #666;
    width: 200px;
    z-index: 99;
}

.mega.two-cols {
    width: 429px;
}

.mega.three-cols {
    width: 643px;
}

.mega.four-cols {
    width: 857px;
}

.mega:before,
.mega:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: #262626;
}

.mega:before {
    left: 0;
}

.mega a {
    color: #bbb !important;
    padding: 7px 22px 7px 34px;
    display: block;
    margin-left: 0;
    line-height: 22px;
    -wekkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.mega a:hover {
    color: #fff !important;
    background-color: #666 !important;
}

.mega-section {
    display: inline-block;
    float: left;
    width: 214px;
    padding: 0;
    border-right: 1px solid #393939;
    -webkit-box-shadow: -1px 0px 0px 0px rgba(57, 57, 57, 1);
    -moz-box-shadow: -1px 0px 0px 0px rgba(57, 57, 57, 1);
    box-shadow: -1px 0px 0px 0px rgba(57, 57, 57, 1);
}

.menu .mega-section:last-child {
    border: 0;
}

.mega-headline {
    color: #fff;
    font-weight: 600;
    display: block;
    padding: 6px 22px 8px 34px;
    font-family: "montserrat";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 20px;
}


/* Basic Dropdown */
.dropdown ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 999;
    margin-top: -3px;
    background-color: #262626;
    border-top: 3px solid #666;
}

.dropdown ul li {
    position: relative;
    z-index: 999;
}

.dropdown ul ul {
    left: 201px;
    top: 0;
}

li.dropdown ul li a {
    display: block;
    min-width: 200px;
    color: #bbb !important;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 22px;
    -webkit-transition: all 0.15s ease-in-out !important;
    transition: all 0.15s ease-in-out !important;
    position: relative;
}

li.dropdown ul li a:hover {
    color: #fff !important;
    background-color: #666;
}

.hover-border {
    position: absolute;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #666;
    opacity: 0;
}

.dropdown ul .hover-border {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    -webkit-transition: opacity 0.15s ease-in-out;
}

.dropdown ul:hover .hover-border {
    opacity: 1;
}


/* Menu Arrows*/
.arrows .with-ul:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 14px;
    margin: 0 0 0 7px;
    top: 0;
    position: relative;
    width: 9px;
    height: 5px;
    display: inline-block;
    color: #a0a0a0;
    float: right;
    font-weight: 500;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

li.dropdown ul li a.with-ul:after {
    color: #a0a0a0 !important;
    content: "\f0da";
    font-size: 13px;
    top: 1px;
    right: -4px;
    -webkit-transition: all 0.1s 0.2s;
    transition: all 0.1s 0.2s;
}

li.dropdown ul li:hover a.with-ul:after {
    color: #fff !important;
    -webkit-transition: all 0.1s 0s;
    transition: all 0.2s 0s;
}

.menu ul .sfHover a {
    background-color: #666;
    color: #fff !important;
}

.menu ul .sfHover li a {
    background-color: #262626 !important;
    color: #bbb !important;
}

.menu ul .sfHover li a:hover {
    background-color: #666 !important;
}


/* ---------------------------------- */
/* Search / Cart Icon
------------------------------------- */
.menu li.cart-icon,
.menu li.search {
    right: 15px;
    position: absolute;
}

.menu li.cart-icon a,
.menu li.search a {
    padding: 9px 10px;
    padding-right: 0px;
    top: 14px;
    right: 0;
    margin: 0;
    font-size: 18px;
    border: none;
    outline: none;
    color: #444;
}

.menu li.cart-icon {
    right: 55px;
}

.menu li.cart-icon a {
    top: 15px;
}

.menu li.cart-icon i {
    font-size: 19px;
}

.cart-counter {
    position: absolute;
    top: -2px;
    right: -12px;
    color: #fff;
    width: 24px;
    height: 24px;
    background-color: #666;
    border-radius: 50%;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #fff !important;
    font-weight: 500;
    border: 2px solid #fff;
    letter-spacing: -0.5px;
}

.menu li.cart-icon a,
.close-search a,
.menu li.search a {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.search-container {
    z-index: 1000;
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    display: none;
    border-top: 1px solid #e0e0e0;
}

.search-container:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 100%;
    right: 0;
    background-color: #fff;
    top: -1px;
}

.search-container input {
    width: 100%;
    border: none !important;
    float: left;
    padding: 12px 0 !important;
    margin: 10px 0 0 0 !important;
    font-size: 20px !important;
    position: relative;
    background: #fff !important;
    color: #808080;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0;
    font-weight: 500;
    text-align: center;
}

.search-container input:focus {
    border: 0;
    background: #fff;
    color: #666;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

.search a i {
    font-size: 18px;
}

.close-search a {
    font-size: 18px;
    position: absolute;
    color: #333;
    padding: 10px;
    padding-right: 0;
    top: 16px;
    right: 32px;
    float: right;
    margin: 0;
    background-color: #fff;
    outline: none;
}

.menu li.cart-icon a:hover,
.menu li.search a:hover,
.close-search a:hover {
    color: #666;
}


/* ---------------------------------- */
/* jPanel mobile menu
------------------------------------- */
.menu-responsive,
#jPanelMenu-menu {
    display: none;
}

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

    .menu {
        max-height: none;
    }

    #responsive {
        display: none;
    }

    #jPanelMenu-menu,
    .menu-responsive {
        display: block
    }

    .menu-responsive {
        color: #fff;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        float: left;
        background-color: #666;
        position: relative;
        width: 100%;
        margin: 0px 0 25px 0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .menu-responsive i {
        padding: 20px;
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        width: 100%;
    }

    .menu-responsive i.menu-trigger {
        width: 100%;
    }

    .menu-responsive i.menu-trigger:after {
        content: "Menu";
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        top: -1px;
        position: relative;
        left: 10px;
    }

    .menu-responsive i.search-trigger {
        position: absolute;
        right: 0;
        background: rgba(255, 255, 255, .15);
        width: 57px;
        z-index: 999;
        top: 0;
    }

    .responsive-search {
        display: none;
    }

    .responsive-search input {
        margin-bottom: 0;
        border: none;
        background-color: rgba(255, 255, 255, 0.15);
        color: #fff;
        padding: 15px 22px;
    }

    .responsive-search input:focus {
        border: none;
        color: #fff;
    }

}

.fa.fa-search.active:before {
    content: "\f00d";
}

body[data-menu-position="open"] .menu-responsive i.fa.fa-reorder:before {
    content: "\f00d";
}

body[data-menu-position="closed"] .menu-responsive i.fa.fa-reorder:before {
    content: "\f0c9";
}

#jPanelMenu-menu a.current:after,
#jPanelMenu-menu .with-ul:after {
    display: none;
}

#jPanelMenu-menu li a {
    display: block;
    padding: 12px 20px !important;
    background-color: #262626;
    color: #f0f0f0;
    font-weight: 500;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    font-weight: 600;
    outline: none;
    text-transform: none;
    text-shadow: none;
}

#jPanelMenu-menu li a:hover {
    background-color: #363636;
}

#jPanelMenu-menu li li a {
    background-color: #363636;
    padding-left: 30px !important;
    text-transform: none;
    font-weight: 500;
}


#jPanelMenu-menu li.cart-icon,
#jPanelMenu-menu li.search,
#jPanelMenu-menu .cart-counter,
#jPanelMenu-menu .hidden-on-mobile,
#jPanelMenu-menu .mega-headline {
    display: none;
}

#jPanelMenu-menu,
#jPanelMenu-menu ul {
    list-style: none;
    padding-left: 0;
}

#jPanelMenu-menu .mega-section {
    display: inline-block;
    float: none;
    width: 100%;
    border-right: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* ---------------------------------- */
/* Featured Services
------------------------------------- */
a.featured-service {
    background-color: #f5f5f5;
    height: 176px;
    padding: 37px 40px;
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

.featured-service h4 {
    font-size: 16px;
    display: grid;
}

.featured-service p {
    color: #666;
}

.featured-service i {
    font-size: 72px;
    color: #666;
    float: left;
    display: inline-block;
    margin-right: 29px;
    line-height: 95px;
    height: 176px;
}

a.featured-service:hover {
    background-color: #666;
}

a.featured-service,
a.featured-service h4,
a.featured-service p,
a.featured-service i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.featured-service:hover h4,
a.featured-service:hover p,
a.featured-service:hover i {
    color: #fff;
}


/* ---------------------------------- */
/* Project Categories
------------------------------------- */
.project-category figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background-color: #666;
    text-align: center;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.project-category figure:before {
    background-color: rgba(34, 34, 34, 0.32);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 9;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.project-category:hover figure:before {
    background-color: rgba(34, 34, 34, 0);
}

figure.effect img {
    width: 160%;
    opacity: 1;
    -webkit-transition: opacity 0.30s, -webkit-transform 0.30s;
    transition: opacity 0.30s, transform 0.30s;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    max-width: none !important;
}

figure.effect figcaption {
    text-align: left;
}

figure.effect figcaption > div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 40px 0px 40px;
    z-index: 99;
}

figure.effect h3,
figure.effect p {
    color: #fff;
}

figure.effect h3 {
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    margin: 5px 0;
    font-size: 20px;
    padding-bottom: 2px;
}

figure.effect p {
    color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.2s, height 0.2s, -webkit-transform 0.25s;
    transition: opacity 0.2s, height 0.2s, transform 0.25s;
    text-transform: none;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 24px;
    max-height: 0;
    margin-bottom: 0px;
}

figure.effect:hover img,
figure.effect:hover p {
    opacity: 1;
}

figure.effect:hover img {
    opacity: 0.2
}

figure.effect:hover img {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
}


figure.effect:hover h3 {
    -webkit-transform: translateY(-58px);
    transform: translateY(-58px);
}

figure.effect h3,
figure.effect p {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

figure.effect:hover p {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: opacity 0.2s, height 0.2s, -webkit-transform 0.25s;
    transition: opacity 0.2s, height 0.2s, transform 0.25s;
}


/* See All Projects */
.see-all {
    background-color: #666;
    display: inline-block;
    position: relative;
    min-height: 100px;
    width: 100%;
}

.see-all h3 {
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-size: 20px;
    margin: 0;
}

.see-all h3 i {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    font-size: 17px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    top: -2px;
}

.see-all:hover h3 i {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/* Latest */
.projects.latest .see-all h3 {
    bottom: 35px;
    left: 35px;
    font-size: 20px;
    margin: 0;
}


/* Full Width Button */
a.see-all::after {
    display: none !important;
}

.full-width.projects a.see-all {
    text-align: left;
}

.full-width.projects a.see-all h3 {
    margin: 0;
}

.full-width.projects a.see-all h3:before {
    content: "\f177";
    font-family: "FontAwesome";
    font-size: 17px;
    top: -1px;
    position: relative;
    margin-right: 10px;
    -webkit-transition: margin 0.2s;
    transition: margin 0.2s;
}


.full-width.projects a.see-all:hover h3:before {
    margin-right: 16px;
    margin-left: -6px;
}


/* ---------------------------------- */
/* Projects Grid
------------------------------------- */
.full-width.projects-container {
    background-color: #f8f8f8;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    float: left;
}

.full-width.all-projects.projects-container {
    text-align: left;
    margin-top: -10px;
}

.full-width.all-projects.projects-container #filters .option-set {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    margin: 0 0 40px 0;
    padding-top: 35px;
}

.projects {
    text-align: center;
}

.projects a.button:after {
    display: none;
}

.projects a.button i {
    margin-right: 3px;
}

.projects.latest a.button i {
    margin: 0px 0 0 3px;
}

.projects a.button {
    margin-top: 10px;
}

.full-width.projects-container .headline {
    margin: 55px 0 32px 0;
}

.full-width.projects-container a.button.border.medium {
    margin: 44px 0;
}

.projects a img,
.projects a:after,
.projects a.unclickable:before,
.option-set li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.projects a {
    margin-bottom: 30px;
}

.full-width.projects a {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    backface-visibility: hidden;
}

.full-width.projects a:nth-child(odd) {
    background-color: #148ccd14;
}


/* Filtering Styles*/
.option-set {
    margin: 0px 0 44px 0;
    padding: 0;
}

.option-set li {
    display: inline-block;
}

.option-set li a {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 12px;
}

.option-set li a:hover,
.option-set li a.selected {
    color: #fff;
    background-color: #666;
}


/* Projects Grid */
.projects h3 {
    margin-bottom: 20px;
}

.projects a {
    position: relative;
    overflow: hidden;
    display: block;
}

.projects a .plus-icon,
.projects a .overlay {
    visibility: hidden;
    opacity: 0;
    z-index: 20;
    position: absolute;
}

.projects a img,
.projects a .overlay,
.projects a .plus-icon,
.projects a:hover .overlay,
.projects a:hover .plus-icon,
.projects a .overlay-content {
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
}


/* Overlay background */
.projects a .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.projects a:after,
.projects a .overlay:after {
    position: absolute;
    content: "";
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.projects a .overlay:after {
    background-color: #666;
    opacity: 0.8;
}

.projects a:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.projects a img {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

.projects a.unclickable:hover img,
.projects a img {
    -webkit-transform: translateX(-4%) scale(1.08);
    transform: translateX(-4%) scale(1.08);
}

.projects a:hover img {
    -webkit-transform: translateX(4%) scale(1.08);
    transform: translateX(4%) scale(1.08);
}


.projects a:hover:before {
    opacity: 1;
}

.projects a:after {
    background-color: #222;
    opacity: 0.1;
}

.projects a.unclickable {
    cursor: default;
}

.projects a:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #f8f8f8;
    z-index: 20;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.projects a:hover:before {
    opacity: 0;
}

.projects a.unclickable:before,
.projects a.unclickable:hover:before {
    opacity: 0.7;
}

.projects a img {
    opacity: 1;
    z-index: 10;
    position: relative;
    max-width: 100%;
}

.projects a.unclickable:hover .plus-icon,
.projects a.unclickable:hover .overlay {
    visibility: hidden;
    opacity: 0;
}

.projects a.unclickable img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}


/* Plus Icon */
.projects a .plus-icon {
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #282828;
    color: #fff;
    width: 45px;
    height: 45px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.projects a:hover .plus-icon {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.projects a .plus-icon:before {
    content: "\f067";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 16px;
    line-height: 45px;
}


/* Overlay content */
.projects a .overlay-content {
    text-align: center;
    top: 50%;
    position: relative;
    left: 0;
    right: 0;
    color: #fff;
    -ms-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0;
    z-index: 99;
    padding: 0 30px;
}

.projects a:hover .overlay-content {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    opacity: 1;

}

.projects a .overlay-content h4 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.projects a .overlay-content span {
    opacity: 0.85;
}


/* ---------------------------------- */
/* Stages Widget
------------------------------------- */
.stage {
    text-align: center;
    margin-top: 45px;
}

.stage i {
    width: 100%;
    display: block;
    font-size: 100px;
    color: #666;
    height: 125px;
}

.stage span {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.stage h4 {
    margin: 4px 0;
    line-height: 26px;
}

.stage p {
    margin-top: 20px;
}


/* ---------------------------------- */
/* Counters
------------------------------------- */
#counters {
    padding: 45px 0 75px 0;
    position: relative;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#counters:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #222;
    opacity: 0.75;
    top: 0;
}

.counter-box {
    display: block;
    padding: 0;
    text-align: center;
}

.counter-box:after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
    top: 0;
    background-color: rgba(255, 255, 255, 0.2);
}

.counter-box.last:after {
    display: none;
}

#counters h3 {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    padding-bottom: 30px;
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 34px;
}

.counter-box p {
    margin: 12px 0 0 0;
    padding: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    display: block;
    opacity: 0.8;
}

.counter-box i,
.counter {
    display: inline-block;
    font-size: 58px;
    font-weight: 500;
    color: #fff;
    line-height: 42px;
    font-style: normal;
}

/* ---------------------------------- */
/* Testimonials
------------------------------------- */
#testimonials {
    position: relative;
    margin-top: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    margin-top: 85px;
}

#testimonials:after {
    content: "\e04a";
    font-family: "simple-line-icons";
    position: absolute;
    height: 87px;
    font-size: 40px;
    color: #fff;
    width: 87px;
    border-radius: 50%;
    background-color: #666;
    top: -42px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 87px;
}

#testimonials:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: rgba(34, 34, 34, 0.9);
    position: absolute;
}

.testimonials-slider {
    text-align: center;
}

.testimonials-slider li p {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 36px;
    padding: 110px 60px;
}

.testimonials-slider li p span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
}


/* ---------------------------------- */
/* Back to top
------------------------------------- */
#backtotop {
    position: fixed;
    right: 0;
    display: none;
    bottom: 20px;
    margin: 0 20px 0 0;
    z-index: 9999;
}

#backtotop a {
    text-decoration: none;
    border: 0 none;
    display: block;
    width: 46px;
    height: 46px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#backtotop a:after {
    content: "";
    font-family: "FontAwesome";
    position: relative;
    display: block;
    top: 9px;
    left: 15px;
}

#backtotop a:hover {
    background-color: #666;
}


/* ---------------------------------- */
/* Footer
------------------------------------- */
#footer {
    background-color: #202020;
    padding: 50px 0 0 0;
    color: #999;
}

#footer h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

/* Social Btn */
.button.social-btn i {
    font-size: 21px;
    position: absolute;
    left: 19px;
    top: 13px;
}

.button.social-btn {
    padding-left: 50px;
    position: relative;
    background-color: #3b5998;
    top: 4px;
}


#footer a.button {
    margin-top: 12px;
}

#footer a.button:hover {
    background-color: #fff;
    color: #333;
}

.text-widget span {
    color: #ddd;
}

.text-widget span.address {
    display: block;
    margin-bottom: 10px;
}

/*  Links  */
ul.footer-links {
    margin: 0 0 15px 0;
    padding: 0;
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    float: left;
}

.footer-links li {
    position: relative;
    list-style: none;
}

.footer-links li a {
    padding: 0 0 7px 13px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #aaa;
    line-height: 21px;
}

.footer-links li a:hover {
    padding-left: 16px;
    color: #fff !important;
}

.footer-links li:before {
    font-family: "FontAwesome";
    font-size: 12px;
    content: "";
    color: #fff;
    position: absolute;
    left: 0;
    top: 0px;
    padding: 0 7px 0 0;
    color: #ddd;
}


/* Footer Bottom */
.copyrights {
    color: #777;
    border-top: 1px solid #333;
    margin-top: 35px;
    text-align: center;
    padding: 30px 0;
    display: inline-block;
    width: 100%;
}

.social-icons.fixed h4 {
    font-size: 18px !important;
}

.copyrights a {
    color: #ddd;
}


/* ---------------------------------- */
/* Owl Carousel Styles
------------------------------------- */
.logo-carousel .item img {
    width: auto;
}

.logo-carousel {
    padding: 0 65px;
    margin: 0 0 20px 0;
}

.owl-carousel {
    padding: 0 63px;
}

.owl-nav {
    font-size: 24px;
    color: #a0a0a0;
    top: 0;
    height: 100%;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-51%);
    -moz-transform: translateY(-51%);
    -ms-transform: translateY(-51%);
    transform: translateY(-51%);
    padding: 20px 12px;
    background-color: #f0f0f0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    line-height: 27px;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    margin-top: -15px;
}

.logo-carousel .owl-prev,
.logo-carousel .owl-next {
    margin-top: 0;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-prev:hover,
.owl-next:hover {
    background-color: #0181db;
    color: #fff;
}


/* ---------------------------------- */
/* Titlebar
------------------------------------- */
#titlebar {
    background-color: #f6f6f6;
    position: relative;
    padding: 48px 0;
    margin-bottom: 55px;
}

#titlebar span a,
#titlebar span {
    font-size: 18px;
    color: #888;
    margin-bottom: 3px;
    display: inline-block;
}


#titlebar h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 1px 0 2px 0;
    max-width: 50%;
}

/* Breadcrumbs */
#breadcrumbs {
    position: absolute;
    right: 0;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #888;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#breadcrumbs ul {
    margin: 0;
}

#breadcrumbs ul li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #888;
}

#breadcrumbs ul li a:hover {
    color: #666
}

#breadcrumbs ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 10px;
}

#breadcrumbs ul li:first-child:before {
    display: none;
}

#breadcrumbs ul li:before {
    content: "\f105";
    font-family: "FontAwesome";
    color: #a0a0a0;
    font-size: 14px;
    margin-right: 15px;
}


/* ---------------------------------- */
/* Single Project Page
------------------------------------- */

/* Images Hover */
.img-hover {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
}

.img-hover img {
    width: 100%;
}

.img-hover:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.15);
    opacity: 0;
    top: 0;
    left: 0;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.img-hover:hover:before {
    opacity: 1;
}

.img-hover[title]:after {
    content: attr(title);
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    background-color: rgba(34, 34, 34, 0.5);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 23px;
    padding: 8px 16px;
}


/* Details  */
.project-details {
    margin-bottom: 20px;
}

.project-details h4 {
    margin-top: 0;
    margin-bottom: 27px;
}

.project-details h4.with-border {
    padding-bottom: 23px;
}

.project-details p {
    margin-bottom: 18px;
}


.details {
    font-size: 14px;
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-top: 7px;
}

.details.alt {
    background-color: #f8f8f8;
    padding: 25px 35px;
    margin-top: -27px;
}

.details li {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    color: #333;
    padding: 8px 0;
}

.details li:last-child {
    border: none;
}

.details li span {
    color: #888;
}

.details li a {
    color: #333;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.details li a:hover {
    color: #666;
}

/* Project Nav */
.project-nav {
    padding: 0;
    list-style: none;
    margin-top: 18px;
    display: inline-block;
    width: 100%;
}

.project-nav li {
    display: inline-block;
    width: 48%;
    text-align: center;
    float: left;
}

.project-nav li:first-child {
    margin-right: 4%;
}

.project-nav li a {
    width: 100%;
}


/* ---------------------------------- */
/* Services #1
------------------------------------- */
.service {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    float: left;
    height: 250px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.service:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.05);
    z-index: 8;
}

.service .service-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
    background-color: rgba(102, 102, 102, 0.95);
    color: #fff;
    height: 84px;
    -wekbit-transition: height 0.4s 0.05s, padding 0.4s 0.03s;
    transition: height 0.4s 0.03s, padding 0.4s 0.03s;
    padding: 22px 30px;
    padding-right: 0;
    margin: 0;
    box-sizing: border-box;
}

.service .service-overlay h4 {
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 24px;
}

.service:hover .service-overlay h4 {
    top: 10px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.service:hover .service-overlay {
    height: 100%;
    padding: 40px 0px 35px 30px;
}

.service .service-overlay .hidden-part {
    opacity: 0;
    -wekbit-transform: translateY(50px);
    transform: translateY(50px);
    -wekbit-transition: opacity 0.3s, transform 0.3s 0.05s;
    transition: opacity 0.3s, transform 0.3s 0.05s;
    margin: 8px 0 0 0;
}

.service:hover .service-overlay .hidden-part {
    opacity: 1;
    -wekbit-transform: translateY(0);
    transform: translateY(0);
}

.service .service-overlay .hidden-part a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
    padding: 3px 0;
}

.service .service-overlay .hidden-part p {
    margin: 24px 0 0 0;
    padding-right: 30px;
}

.service .service-overlay .hidden-part a:after {
    content: "\f178";
    position: relative;
    font-family: "FontAwesome";
    font-weight: 500;
    display: inline-block;
    -wekbit-transform: translateX(9px);
    transform: translateX(9px);
    font-size: 14px;
    -wekbit-transition: transform 0.2s;
    transition: transform 0.2s;
}

.service .service-overlay .hidden-part a:hover:after {
    -wekbit-transform: translateX(14px);
    transform: translateX(14px);
}


/* Icon */
.service-overlay i {
    float: left;
    height: 100%;
    font-size: 44px;
    line-height: 40px;
    margin: 0 29px 0 0;
    padding: 0 23px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/* ---------------------------------- */
/* Services #2
------------------------------------- */
.service-alt {
    margin-bottom: 30px;
}

.service-alt a.img-hover:before {
    opacity: 1;
    background-color: rgba(34, 34, 34, 0.05);
    z-index: 9;
}

.service-alt a.img-hover:hover:before {
    background-color: rgba(34, 34, 34, 0.2);
}

/* Plus Icon */
.service-alt a.img-hover:after {
    position: absolute;
    content: "\f067";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #666;
    color: #fff;
    width: 45px;
    height: 45px;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    text-align: center;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.service-alt a.img-hover:hover:after {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.service-alt a img {
    transform: scale(1.09) translateX(-4%);
    -wekbit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.service-alt a:hover img {
    transform: scale(1.09) translateX(4%);
}


.service-alt a {
    float: left;
    margin: 0;
}

.service-content {
    padding: 31px 37px;
    background-color: #f6f6f6;
    display: inline-block;
}

.service-content p {
    padding: 1px 0 3px 0;
    margin: 0;
    display: block;
}

.service-content h4 {
    margin-top: 0;
    line-height: 26px;
}

.service-content a.button {
    margin-top: 18px;
    margin-bottom: 3px;
}

.service-content a.button:hover {
    background-color: #262626;
    color: #fff;
}


/* ---------------------------------- */
/* Single Service Page
------------------------------------- */

/* Services List */
.services-list li {
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
    position: relative;
}

.services-list li a {
    color: #fff;
    padding: 19px 26px;
    width: 100%;
    display: inline-block;
    background-color: #f6f6f6;
    color: #333;
    font-size: 14px;
    -wekbit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600;
}


.services-list li a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 25px;
    font-size: 18px;
    color: #888;
    -wekbit-transition: all 0.3s;
    transition: all 0.3s;
}

.services-list li a.active,
.services-list li a:hover {
    background-color: #0181db;
    color: #fff;
}

.services-list li a.active:after,
.services-list li a:hover:after {
    color: #fff;
}

.services-list {
    padding: 0;
}

/* Sidebar Button */
a.sidebar-btn {
    background-color: #666;
    width: 100%;
    padding: 24px 26px;
    color: #fff;
    font-weight: 600;
    line-height: 22px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a.sidebar-btn:hover {
    background-color: #262626;
}

a.sidebar-btn i {
    font-size: 34px;
    float: left;
    padding-right: 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
}

a.sidebar-btn span {
    margin-left: 73px;
    display: inline-block;
}


/* Sidebar textbox */
.sidebar-textbox {
    background-color: #f7f7f7;
    display: inline-block;
    width: 100%;
    margin: 20px 0 30px 0;
    color: #888;
    padding: 32px 35px;
}

.sidebar-textbox.color {
    background-color: #666;
    color: #fff;
}

.sidebar-textbox.color h4 {
    color: #fff;
}

.sidebar-textbox h4 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;
}

.sidebar-textbox span {
    color: #666;
    display: inline-block;
    width: 100%;
}

.sidebar-textbox.color span {
    color: #fff;
}


/* ---------------------------------- */
/* Shop
------------------------------------- */

/* Shop Item */
.shop-item img {
    border: 1px solid #e6e6e6;
    border-bottom: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.shop-item img:hover {
    opacity: 0.8;
    border-color: #d9d9d9;
}

.shop-item .item-description {
    padding: 21px 29px 31px 29px;
}

.simple-slider.shop {
    border: 1px solid #e0e0e0;
}

.simple-slider.shop img {
    width: 100%;
}

.shop-item .item-description h5 {
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    margin: 3px 0 0 0;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.shop-item .item-description a:hover h5 {
    color: #888;
}

.shop-item .item-description span {
    color: #888;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 10px 0 15px 0;
}

.shop-item {
    margin: 0 0 30px 0;
    display: block;
    background-color: #fff;
}

.shop-item .item-description {
    background-color: #f7f7f7;
    border-top: 1px solid #e6e6e6;
}

.shop-item .button {
    padding: 8px 15px;
    margin-top: 3px;
}

.widget-tabs.shop .widget-thumb a img {
    border: 1px solid #e6e6e6;
}


/* Subpage Details */
.product-details .divider {
    margin-bottom: 15px;
}

.product-details .price {
    font-size: 18px;
}


/* Quantity
------------------------------------- */
input.qty {
    text-align: center;
    float: left;
    padding: 0 !important;
    width: 44px !important;
    line-height: 40px;
    border-right: none !important;
    border-left: none !important;
    border-color: #e6e6e6 !important;
}

.qtyplus,
.qtyminus,
a.cart-remove {
    background: #e8e8e8;
    color: #666;
    border: none;
    float: left;
    font-family: "FontAwesome";
    cursor: pointer;
    width: 42px;
    height: 42px;
    font-size: 14px;
    outline: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.cart-remove {
    background-color: #e8e8e8;
    color: #666;
}

.qtyplus:hover,
.qtyminus:hover {
    background: #666;
    color: #fff;
}

a.cart-remove:hover {
    background: #df2727;
    color: #fff;
}

.qtyplus:before {
    content: "\f067";
}

.qtyminus:before {
    content: "\f068";
}

.cart-remove:before {
    content: "\f00d";
}

.qtyplus:before,
.qtyminus:before {
    position: relative;
    display: block;
    text-align: center;
    line-height: 44px;
}

.cart-remove:before {
    position: relative;
    display: block;
    top: 8px;
    left: 15px;
}


/* Shopping Cart */
#cart {
    padding: 26px 28px;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    background-color: #f7f7f7;
    color: #666;
    margin-bottom: 7px;
}

.cart-items {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 15px 0;
    list-style: none;
}

#cart .button {
    padding: 9px 12px !important;
    width: 100%;
    text-align: center;
}


.cart-items li {
    margin: 0 0 18px 0;
}

.cart-items li:last-child {
    margin-bottom: 5px;
}

a.cart-item-title {
    color: #333;
    font-weight: 600;
    display: block;
    transition: all 0.2s;
}

a.cart-item-title:hover {
    color: #666;
    display: block;
}

.cart-item-amount {
    color: #888;
    display: block;
    font-size: 14px;
    margin-top: 1px;
}

.cart-subtotal {
    display: block;
    margin: 16px 0;
    color: #888;
}

.cart-subtotal strong {
    color: #888;
    font-weight: 500;
}

a.item-remove {
    color: #eb4c4c;
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.empty-cart {
    color: #888;
}

#cart a.button {
    margin: 2px 0
}

/* Shopping Cart
------------------------------------- */
table.cart-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
}

table.cart-table th {
    border: none;
    background-color: #f6f6f6;
    text-align: left;
    padding: 14px 20px;
    color: #333;
    vertical-align: top;
    font-weight: 600;
}

table.cart-table td {
    padding: 20px;
    border-bottom: #eee 1px solid;
    border-top: none;
    border-right: none;
    vertical-align: middle;
}

.cart-table .qty-btns {
    margin-top: 15px;
}

table .cart-title a {
    transition: all 0.2s;
}

table .cart-title a:hover {
    color: #666;
}

table .cart-total {
    color: #333;
    font-weight: 600;
}


table.cart-table.bottom {
    margin-top: -1px;
}


table.cart-table.bottom a.button {
    margin-right: 10px;
}

table.cart-table.bottom th {
    padding: 15px;
}


/* Cart Totals */
.cart-totals {
    margin: 45px 0 0 0;
}

.cart-totals .cart-table th {
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    width: 40%;
    padding: 13px 19px;
}

.cart-totals .cart-table td {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 15px;
}

.cart-totals .cart-table tr:last-child th,
.cart-totals .cart-table tr:last-child td {
    border: 0;
}


table.cart-table.subtotals td {
    padding: 15px;
    border: none;
    vertical-align: middle;
}

/* Responsive Tables */
.st-key {
    border: none;
    background-color: #f6f6f6;
    text-align: left;
    padding: 10px 20px;
    color: #606060;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
    width: 40%;
    border: 1px solid #eee;
}

.st-val {
    width: 58%;
    text-align: left;
    padding: 10px 20px;
    border: 1px solid #f0f0f0;
    border-left: 0;
}

.st-val a {
    font-weight: 600;
    color: #666;
}

.st-val a:hover {
    color: #808080;
}

.st-space {
    height: 25px;
}

.st-val .cart-remove {
    color: #a0a0a0;
}

.st-val .cart-remove:hover {
    color: #fff;
}

.stacktable {
    width: 100%;
}

.st-head-row {
}

.st-head-row img {

}

.st-head-row.st-head-row-main {
    display: block;
}

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}


/* Price Range */
#price-range input {
    padding: 0;
    background: 0;
    border: 0;
    box-shadow: none;
    margin: 7px 0 0 6px;
    float: left;
    width: 100px;
}

#price-range .button {
    float: right;
    padding: 4px 12px;
    margin: 2px 0 0 0;
    font-size: 12px;
}

#price-range label {
    float: left;
    margin-top: 6px;
}

.padding-range {
    padding: 0 8px;
}

#slider-range {
    margin: 0 0 16px 0;
}

#price-range .ui-slider {
    position: relative;
    text-align: left;
}

#price-range .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #666;
    cursor: w-resize;
    background: #666;
    outline: none;
    top: -5px;
    margin-left: -8px;
    box-shadow: inset 0 0 0 4px #fff;
}

#price-range .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
}

#price-range .ui-widget-content {
    background-color: #e0e0e0;
    padding: 2px 0;
}

#price-range .ui-widget-header {
    background-color: #666;
}


#price-range .ui-slider.ui-state-disabled .ui-slider-handle,
#price-range .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

#price-range .ui-slider-horizontal {
    height: 8px;
    border-radius: 10px;
}

#price-range .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

#price-range .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

#price-range .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}


/* ---------------------------------- */
/* Blog Styles
------------------------------------- */
.post-container {
    margin-bottom: 50px;
}

.post-content {
    border-bottom: 1px solid #e0e0e0;
    padding: 27px 0 42px;
}

.post-content.no-border {
    border: none;
}

.post-img .img-hover {
    margin-bottom: 0;
}

.post-content h3 {
    line-height: 35px;
    font-size: 22px;
    margin: 0 0 7px 0;
    padding: 0;
}

.post-content a h3 {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.post-content a:hover h3 {
    color: #666;
}

.post-content span {
    position: relative;
    top: 0px;
}

.post-content p {
    margin-top: 19px;
}

.post-content a.button {
    margin-top: 15px;
}

a.post-img {
    overflow: hidden;
    display: block;
    position: relative;
}

a.post-img img {
    width: 100%;
}


/* ---------------------------------- */
/* Recent Posts
------------------------------------- */
.recent-post {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.recent-post-img a.img-hover img {
    width: 100%;
}

.recent-post a h4 {
    font-size: 21px;
    line-height: 32px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.recent-post a h4:hover {
    color: #666;
}

.recent-post a.img-hover {
    margin-bottom: 0;
    width: 100%;
}

.recent-post a {
    margin-top: 13px;
}

.recent-post p {
    margin-top: 15px;
}

.meta-tags span {
    display: inline-block;
    color: #888;
    border-right: 1px solid #e0e0e0;
    margin-right: 10px;
    padding-right: 10px;
    line-height: 14px;
}

.meta-tags span:last-child {
    border: none;
}

.meta-tags span a {
    color: #888;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.meta-tags span a:hover {
    color: #666;
}

.recent-post-img {
    margin-bottom: 24px;
}


/* Comments
------------------------------------- */
.comments {
    margin: -10px 0 0 0;
}

.comments h4 {
    margin-bottom: 25px;
    font-size: 20px;
}

.comment {
    font-size: 20px;
}

.comments .button {
    margin: 0 0 10px 90px;
    padding: 7px 15px;
}

.comments.reviews .button {
    margin: 0;
}

.comments ul {
    padding-left: 0;
}

.comments ul li {
    display: block;
    margin: 0 0 20px 90px;
    position: relative;
}

.comments ul li ul li {
    margin: 20px 0 0 90px;
}

.comment-content p {
    margin: 3px 0 0 0;
    line-height: 26px;
}

.comment-content {
    background: #f8f8f8;
    color: #666;
    padding: 29px 33px 28px 33px;
    position: relative;
}

.comment-content strong {
    padding-right: 5px;
    color: #666;
}

.comment-content span {
    color: #888;
}

.comment-content p {
    padding: 5px 0 !important;
}

.comments-amount {
    color: #888;
    font-weight: 500;
}

.avatar {
    float: left;
    display: inline-block;
    position: absolute;
    left: -90px;
}

.avatar img {
    max-width: 70px;
}

.comment-by {
    width: 100%;
    padding-bottom: 8px;
    padding-top: 5px;
    font-weight: 700;
    color: #555;
}

.comment-by h5 {
    margin: 0 0 7px 0;
}

.comment-by a.reply,
.comment-by a.reply i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.comment-by a.reply {
    display: inline;
    background-color: #eee;
    padding: 7px 13px;
    color: #888;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
}

.comment-by a.reply i {
    color: #888;
    font-size: 12px;
    margin-right: 3px;
}

.comment-by a.reply:hover {
    background-color: #666;
}

.comment-by a.reply:hover,
.comment-by a.reply:hover i {
    color: #fff;
}

.comment-by span.date {
    color: #888;
    font-weight: 500;
    margin: 0px 0 0 0;
    float: none;
    display: block;
    text-align: left;

}

/* Add Comment */
.add-comment label span {
    color: #e24747;
}

.add-comment input {
    margin: 0 0 20px 0;
    width: 40%;
    min-width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.add-comment textarea {
    margin: 0 0 18px 0;
    width: 100%;
    min-width: 100%;
    min-height: 220px;
    resize: vertical;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* ---------------------------------- */
/* Blog Widgets
------------------------------------- */
.widget-box.search {
    padding: 17px;
}

.widget-box.search input {
    margin-bottom: 0;
}

.widget-box {
    background-color: #f8f8f8;
    padding: 32px 35px;
}

.widget h4 {
    margin-bottom: 13px;
    font-size: 18px;
}


/* Search Widget */
.input {
    position: relative;
}

.widget .input:before {
    content: "\f002";
    font-size: 16px;
    color: #a0a0a0;
    position: absolute;
    display: inline-block;
    font-family: "FontAwesome";
    right: 18px;
    top: 12px;
    margin-bottom: 0;
    background-color: #fff;
    padding-left: 7px;
}

/* Need support widget */
.widget .button.widget-btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 5px;
}


/* Blog Widget Tabs */
.widget-tabs {
    padding: 0;
    list-style: none;
}

.widget-tabs li {
    padding: 0 0 27px 0;
    margin: 24px 0 0 0;
    border-bottom: 1px solid #e0e0e0;
}

.widget .tab-content {
    padding-bottom: 0;
}

.widget-tabs li:first-child {
    margin: 5px 0 0 0;
}

.widget-thumb a img {
    display: block;
    width: 88px;
    height: 88px;
    float: left;
    margin: 3px 18px 0 0;
}

.widget-text h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    padding: 3px 0 0 0;
}

.widget-text h5 a {
    color: #333;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.widget-text h5 a:hover {
    color: #666;
}

.widget-text span {
    color: #999;
    font-weight: 500;
    margin: -2px 0 0 0;
    display: block;
}

/* Blog Tabs */
.tabs-nav.blog li {
    width: 33.33%;
    display: inline-block;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
    padding-right: 4px;
}

.tabs-nav.blog li:last-child {
    padding-right: 0;
}

.widget-tabs li:last-child {
    padding-right: 0;
    border-bottom: none;
}

.tabs-nav.blog li a {
    padding: 5px 12px;
    margin: 0 5px 0 0;
    width: 100%;
}


/* ---------------------------------- */
/* Widgets
------------------------------------- */

.widget {
    margin-bottom: 42px;
}

.widget input {
    margin-bottom: 15px;
}

.widget-box input {
    margin-bottom: 0;
}

.widget h4 {
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
}


/* ---------------------------------- */
/* Image Edge
------------------------------------- */
.image-edge {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    margin: 35px 0 0 0;
}

.image-edge-content {
    display: block;
    padding: 65px 0 55px 0;
}

.image-edge-content h3.headline {
    width: 100%;
    display: block;
    margin-top: 0;
}

/* Photo */
.edge-bg {
    position: absolute;
    width: 50%;
    top: 0;
    right: -25px;
    height: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.edge-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(34, 34, 34, 0.1);
}

/* List */
.image-edge-content ul {
    list-style: none;
    padding: 0;
}

.image-edge-content ul li {
    margin-bottom: 30px;
}

.image-edge-content ul li:last-child {
    margin-bottom: 0px;
}

.image-edge-content h4 {
    color: #666;
    font-size: 16px;
}

.image-edge-content h4 i {
    position: relative;
    top: -1px;
    margin-right: 2px;
}

@media (max-width: 767px) {
    .edge-bg {
        position: relative;
        height: 400px;
        width: 100%;
        display: block;
        left: 0;
        right: 0;
    }
}


/* ---------------------------------- */
/* Contact Form
------------------------------------- */
#contact textarea {
    min-height: 200px;
    margin: 15px 0 25px 0;
}

.loader {
    margin-left: 15px;
}

.submit.disabled:hover,
.submit.disabled {
    background-color: #e8e8e8;
    color: #333;
}

.contact-sent {
    background-color: #EBF6E0;
    color: #5f9025;
    margin-bottom: 28px;
    padding: 20px 26px;
}


/* ---------------------------------- */
/* Google Maps
------------------------------------- */
#googlemaps {
    padding-bottom: 33%;
}

.google-map-container {
    margin: 0 0 38px 0;
}

.google-map-container img {
    max-width: none !important;
}


/* ------------------------------------------------------------------- */
/*  03. Scripts Style Sheets
---------------------------------------------------------------------- */

/* ---------------------------------- */
/* Flexslider
------------------------------------- */

.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 60px;
    text-align: center;
    z-index: 999;
    left: 0;
}

.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 15px;
    height: 15px;
    display: block;
    background: transparent;
    border: 2px solid #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.flex-control-paging li a:hover {
    background: #fff;
}

.flex-control-paging li a.flex-active {
    background: #fff;
    cursor: default;
}


.simple-slider {
    position: relative;
    overflow: hidden;
}


.flex-next {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.simple-slider:hover .flex-next {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.flex-prev {
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.simple-slider:hover .flex-prev {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.flex-prev,
.flex-next {
    transition: all 0.25s 0.2s;
    -webkit-transition: all 0.25s 0.2s;
    opacity: 0;
}

.simple-slider:hover .flex-prev,
.simple-slider:hover .flex-next {
    transition: all 0.25s 0s;
    -webkit-transition: all 0.25s 0s;
    opacity: 1;
}

.flex-prev,
.flex-next {
    position: absolute;
    top: 50%;
    right: 0;
}

.flex-prev {
    left: 0;
}

.flex-prev,
.flex-next {
    cursor: pointer;
    width: 55px;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 100;
    overflow: hidden;
    background: rgba(34, 34, 34, 0.4);
}

.flex-prev:hover,
.flex-next:hover {
    background: #0181db;
}

.flex-prev:before,
.flex-next:before {
    font-family: "fontawesome";
    font-size: 36px;
    color: #fff;
    display: block;
    line-height: 80px;
    text-align: center;
    z-index: 2;
    position: relative;
    transition: all 0.25s 0s;
    -webkit-transition: all 0.25s 0s;
}

.flex-prev:before {
    content: "\f104";
    left: -1px;
}

.flex-next:before {
    content: "\f105";
    right: -1px;
}

.flex-prev:hover:before,
.flex-next:hover:before {
    color: #fff;
}

.zeus .tp-title-wrap {
    background: #666;
    width: 120%;
    height: 120%;
    top: 0;
    position: absolute;
    opacity: 0;
}

.zeus .tp-title-wrap,
.tparrows:before {
    -webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    -moz-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    -o-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}

.tparrows:hover:before {
    color: #fff;
}

.zeus.tp-rightarrow.tparrows .tp-title-wrap {
    right: -110%;
}

.zeus.tp-leftarrow.tparrows .tp-title-wrap {
    left: -110%;
}

.zeus.tp-rightarrow.tparrows:hover .tp-title-wrap {
    right: 0;
    opacity: 1;
}

.zeus.tp-leftarrow.tparrows:hover .tp-title-wrap {
    left: 0;
    opacity: 1;
}


/* ---------------------------------- */
/* Owl Carousel
------------------------------------- */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d;
    margin: 0 auto;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}


/* ---------------------------------- */
/* TwentyTwnety (Before & After Slider)
------------------------------------- */
.before-after {
    margin-bottom: 30px;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.twentytwenty-before-label, .twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: 0.1em;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow,
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block;
}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.twentytwenty-before-label {
    opacity: 0;
}

.twentytwenty-before-label:before {
    content: "Before";
}

.twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-after-label:before {
    content: "After";
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px;
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
    display: none;
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
}

.twentytwenty-before {
    z-index: 20;
}

.twentytwenty-after {
    z-index: 10;
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: normal;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px;
}

.twentytwenty-down-arrow {
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px;
}


/* ---------------------------------- */
/* Magnific Popup
------------------------------------- */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.8;
}

.mfp-wrap {
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #aaa;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

.mfp-s-loading .mfp-arrow {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: 0px;
    top: 40px;
}

/* Close Button */
.mfp-close {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 0;
    right: 0;
    cursor: pointer !important;
    z-index: 9999;
    background: rgba(34, 34, 34, 0.5);
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mfp-close:before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 16px;
    top: 0;
    left: 0;
    position: relative;
}

#small-dialog .mfp-close,
.mfp-close:hover {
    background-color: #666;
    color: #fff;
}

#small-dialog .mfp-close:hover {
    background-color: #262626;
    color: #fff;
}

.small-dialog-content input[type=submit] {
    width: 100%;
    margin-top: 26px;
    margin-bottom: 10px;
}

.small-dialog-content .divider {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 0;
}

.small-dialog-headline h2,
.small-dialog-headline h3,
.small-dialog-headline h4 {
    font-size: 22px;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    display: inline-block;
    margin: 10px 0 35px 0;
    padding-bottom: 30px;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    font-size: 13px;
    line-height: 18px;
}

.mfp-arrow {
    opacity: 0.75;
    margin: 0;
    top: 50%;
    margin-top: -38px;
    padding: 0;
    position: absolute;
    width: 44px;
    height: 76px;
    cursor: pointer;
    z-index: 9999;
    background: rgba(34, 34, 34, 0.5);
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.mfp-arrow:hover {
    background: #666;
    color: #fff;
}

.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
    font-family: "FontAwesome";
    font-size: 16px;
}

.mfp-arrow.mfp-arrow-right {
    right: 0;
}

.mfp-arrow.mfp-arrow-left:before {
    content: "\f053";
    top: 2px;
    left: -1px;
    position: relative;
}

.mfp-arrow.mfp-arrow-right:before {
    content: "\f054";
    top: 2px;
    left: 1px;
    position: relative;
}

.mfp-content:hover .mfp-arrow {
    opacity: 1;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

.mfp-iframe-holder .mfp-close {
    top: 0px;
}


/* Popup */
#small-dialog {
    background: #fff;
    padding: 30px 45px 35px 45px;
    text-align: left;
    max-width: 610px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
}

#small-dialog span.line {
    padding-top: 7px;
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001; /* Chrome opacity transition bug */
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}


/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.mfp-figure {
    line-height: 0;
}

.mfp-bottom-bar {
    margin-top: -30px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}


/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
}

@media all and (max-width: 800px) {
    .mfp-arrow {
        width: 70px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.85;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/* ---------------------------------- */
/* Photogrid
------------------------------------- */
.photoGrid {
    padding: 0; /* Spacing arround grid */
    margin: 0 0 35px 0;
}

.photoGrid .item {
    float: left;
    margin: 2px; /* Spacing between images */
}

.photoGrid .item img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}


/* ------------------------------------------------------------------- */
/*  04. Shortcodes
---------------------------------------------------------------------- */

/* Headline */
h3.headline {
    margin: 58px 0 45px 0;
}

h3.headline.small {
    font-size: 20px;
    margin: 0 0 32px 0;
}

h3.headline.with-border {
    padding-bottom: 35px;
}

.headline span.color {
    color: #666;
}

.headline.centered {
    text-align: center;
}

.headline.with-border {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    padding-bottom: 25px;
}

.divider {
    display: inline-block;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    padding-bottom: 25px;
}

.headline span.headline-detail {
    font-size: 12px;
    float: right;
    display: block;
    line-height: 21px;
    margin: 0;
    font-weight: 500;
    color: #888;
    top: 0;
}


/* ---------------------------------- */
/* Buttons
------------------------------------- */
input[type="button"],
input[type="submit"],
a.button.border,
a.button {
    background-color: #666;
    top: 0;
    padding: 10px 18px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

a.button.medium {
    font-size: 14px;
    padding: 12px 22px;
}

a.button.gray:hover,
a.button.dark,
a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: #333;
    color: #fff;
}


a.button.gray {
    background-color: #e8e8e8;
    color: #333;
}

a.button.dark:hover {
    background-color: #666;
}


/* Button with border and effect */
a.button.border {
    background-color: transparent;
    border: 2px solid #666;
    color: #666;
}

.button.border {
    display: block;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

a.button.border {
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
}

a.button.border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #666;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

a.button.border,
a.button.border::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


a.button.border:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

a.button.border:hover {
    color: #fff;
    border-color: #666;

}


/* ---------------------------------- */
/* Tooltips
------------------------------------- */
#tiptip_holder {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
    -webkit-transform: translateX(12px)
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    color: #f0f0f0;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 10px;
    background-color: #333;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #333;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #333;
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #333;
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #333;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #333;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #333;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #333;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #333;
}


/* ---------------------------------- */
/* List Styles
------------------------------------- */

.list-4,
.list-3,
.list-2,
.list-1 {
    padding: 3px 0 0 0;
}

.list-4 li,
.list-3 li,
.list-2 li,
.list-1 li {
    list-style: none;
    margin: 14px 0;
    line-height: 27px;
    margin-left: 22px;
    position: relative;
}

.list-1.alt li {
    margin: 12px 0;
    margin-left: 22px;
}

.list-4 li:first-child,
.list-3 li:first-child,
.list-2 li:first-child,
.list-1 li:first-child {
    margin-top: 0;
}


.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
    font-family: "FontAwesome";
    margin: 0;
    position: relative;
    color: #666;
    float: left;
    margin-left: -22px;
    display: block;
}

.list-1.gray li:before {
    color: #777;
}

.list-4 li:before {
    content: "\f192";
    font-size: 14px;
    top: 1px;
}

.list-3 li:before {
    content: "\f058";
    font-size: 15px;
    top: 1px;
}

.list-2 li:before {
    content: "\f00c";
    font-size: 14px;
}

.list-1 li:before {
    content: "\f0c8";
    font-size: 8px;
}

.list-4 li {
    margin-left: 27px;
}

.list-4 li:before {
    margin-left: -27px;
}


/* ---------------------------------- */
/* Table
------------------------------------- */
table.basic-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 15px;
}

table.basic-table th {
    background-color: #666;
    text-align: left;
    color: #fff;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
}

table.basic-table th,
table.basic-table td {
    padding: 15px 28px;
}

table.basic-table tr:nth-child(odd) {
    background-color: #f6f6f6
}

table.basic-table {
    margin-bottom: 0;
}


/* ---------------------------------- */
/* Tabs
------------------------------------- */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.tabs-nav li {
    float: left;
    line-height: 45px;
    padding: 0;
    margin-right: 4px;
    position: relative;
    z-index: 12;
}

.tabs-nav li a,
.tab-reviews {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.tabs-nav li a {
    border-bottom: 3px solid transparent;
    color: #333;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0;
    outline: none;
    padding: 7px 15px;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 11;
    position: relative;
    margin-bottom: -1px;
}

.tabs-nav li a:hover {
    border-color: #333
}

.tab-reviews {
    color: #aaa;
}

.tabs-nav li.active .tab-reviews {
    color: #fff;
}

.tabs-nav li a:hover,
.tabs-nav li.active a {
    border-color: #666;
    color: #666;
    z-index: 11;
}

.tab-content {
    padding: 28px 33px;
    border: 1px solid #e0e0e0;
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 100%;
}

.tabs-container {
    overflow: hidden;
    width: 100%;
}

.tab-content p:last-child {
    margin-bottom: 0;
}


/* ---------------------------------- */
/* Pricing Tables
------------------------------------- */
.plan-price h3 {
    text-align: center;
    font-size: 18px;
    padding: 23px 0;
    margin-bottom: 32px;
    color: #606060;
    font-weight: 600;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.03);
    margin-top: 0;
}

.plan-price {
    font-size: 38px;
    font-weight: 300;
    color: #606060;
    text-align: center;
    padding: 0 0 32px 0;
    position: relative;

}

.plan {
    box-sizing: border-box;
    margin-bottom: 30px;
}

.plan.color-1 {
    border: 1px solid #e0e0e0;
}

.plan.color-2 {
    border: none;
}

.plan.color-2 .plan-features ul {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

/* Colors */
.plan.color-1 .plan-price,
.plan.color-1 a.button {
    background-color: #f6f6f6;
}

.plan.color-2 .plan-price,
.plan.color-2 a.button {
    background-color: #666;
}

.plan-price .value {
    font-weight: 600;
    letter-spacing: -1px;
}

.plan-currency {
    font-size: 30px;
    opacity: 0.8;
    position: relative;
    margin: 0 -5px 0 0;
    top: -3px;
    font-weight: 500;
}

.period {
    display: block;
    font-size: 18px;
    margin: 3px 0 0 0;
    opacity: 0.7;
}

.plan-features {
    background: #fff;
    border-top: none;
}

.plan-features ul {
    padding: 22px 0;
    margin: 0;
}

.plan-features ul li {
    padding: 4px 0;
    text-align: center;
    margin: 0;
    list-style-type: none;
}

.plan-features a.button {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #666;
    padding: 12px 0;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.color-2 .plan-price,
.color-2 .plan-price h3,
.color-2 .plan-price .plan-currency,
.color-2 .plan-features a.button {
    color: #fff;
}

.color-2 .plan-price h3 {
    background-color: rgba(0, 0, 0, 0.06);
}

.color-1 .plan-features a.button:hover {
    background: rgba(0, 0, 0, 0.07)
}

.plan.columns,
.plan.column {
    margin-bottom: 40px;
}


/* ---------------------------------- */
/* Accordion / Toggles
------------------------------------- */
.ui-accordion .ui-accordion-header,
.trigger a {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0;
    line-height: 26px;
    outline: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    transition: background-color 0.2s, color 0.2s;
    padding: 15px 27px;
    margin: -1px 0 0 0;
    text-transform: uppercase;
}

.ui-accordion .ui-accordion-header i,
.trigger a i {
    font-size: 18px;
    top: 1px;
    position: relative;
    width: 25px;
}

.ui-accordion .ui-accordion-header:hover,
.trigger a:hover {
    background-color: #f6f6f6;
}

.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
    background-color: #666;
    border-color: #666;
    color: #fff;
}


.ui-accordion .ui-accordion-header i,
.trigger a i {
    margin: 0 4px 0 0;
    position: relative;
}

.ui-accordion .ui-accordion-content,
.toggle-container {
    padding: 28px 30px;
    border: 1px solid #e0e0e0;
    border-top: none;
}

.ui-accordion .ui-accordion-content p,
.toggle-container p {
    margin: 0;
}


/* ---------------------------------- */
/* Dropcaps
------------------------------------- */
.dropcap {
    float: left;
    color: #888;
    font-size: 40px;
    line-height: 42px;
    padding-top: 4px;
    padding-right: 10px;
    font-weight: 600;
}


/* ---------------------------------- */
/* Parallax Banner
------------------------------------- */
.parallax-banner {
    position: relative;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 90px 0;
}

.parallax-banner:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background-color: transparent;
    background-color: rgba(34, 34, 34, 0.5)
}

.parallax-title {
    position: relative;
    z-index: 10;
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    left: 0;
    text-align: center;
    line-height: 46px;
}

.parallax-title span {
    display: block;
    padding: 10px 0 0 0;
    font-size: 23px;
    font-weight: 300;
    opacity: 0.65;
    line-height: 32px;
}


/* ---------------------------------- */
/* Info Banner
------------------------------------- */
.info-banner {
    background: #f6f6f6;
    display: block;
    padding: 35px 38px;
    position: relative;
}

.info-content {
    float: left;
    font-size: 18px;
    padding-right: 200px;
}

.info-banner p {
    margin: 2px 0 0 0;
    color: #888;
}

.info-banner a.button {
    position: absolute;
    top: 50%;
    transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
    right: 40px;
    margin: 0;
    font-size: 14px;
    padding: 11px 17px;

}

.info-banner h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}


/* ---------------------------------- */
/* Info Banner Full Width
------------------------------------- */
.info-banner-fw {
    background-color: #666;
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
    color: #fff;
    padding: 45px 0;
    text-align: center;
    margin: 0 0 0px 0;
}

.info-banner-fw a {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: 2px solid #fff;
    background-color: transparent;
    text-transform: uppercase;
    padding: 15px 20px;
    margin: 0 0 0 30px;
    position: relative;
    top: -7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.info-banner-fw a:hover {
    background-color: #fff;
    color: #666;
}


/* ---------------------------------- */
/* Team Members
------------------------------------- */
.the-team {
    margin-bottom: 30px;
}

.the-team-content {
    background-color: #f8f8f8;
    padding: 33px 38px 35px 38px;
    margin: 0;
}

.the-team-content h5 {
    font-weight: 700;
    line-height: 22px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 0 0 3px 0;
}

.the-team h5 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 0px;
}

.the-team-content i {
    font-weight: 500;
    color: #999;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-top: 3px;
    display: inline-block;
    text-transform: uppercase;
}

.the-team-content p {
    display: block;
    margin: 11px 0 0 0;
    line-height: 27px;
}

.the-team span {
    margin: 9px 0 17px 0;
}


/* ---------------------------------- */
/* Social Icons
------------------------------------- */
.social-icons {
    padding-left: 5px;
}

.social-icons li {
    display: inline;
    float: left;
    text-align: left;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    margin-right: 13px;
    margin-top: 6px;
}

.social-icons li a {
    width: 42px;
    height: 42px;
    display: inline-block;
    background-color: #f3f3f3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    overflow: hidden;
}

.social-icons.fixed li a {
    display: block;
}

/* Common Styles */
.social-icons li a i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    z-index: 20;
}

.social-icons li a:hover,
.social-icons li a i {
    color: #fff;
}

.social-icons li a i {
    top: -30px;
    opacity: 0;
}

.social-icons li a:hover i {
    top: 0;
    opacity: 1;
}


/* Fixed Style */
.social-icons.fixed {
    position: fixed;
    left: 0;
    padding-left: 2px;
    top: 100px;
    width: 50px;
}

.social-icons.fixed li {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: 7px;
}

.social-icons.fixed li a {
    background-color: rgba(51, 51, 51, 0.35);
}

.social-icons.fixed li a:before {
    color: #fff;
}

.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
    font-family: "fontello";
    font-size: 16px;
    line-height: 16px;
    color: #a0a0a0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    position: absolute;
    z-index: 20;
}


/* Icon Styles */
.twitter:before,
.social-icons li a.twitter i {
    font-size: 14px !important;
}

.twitter i, .twitter:before {
    margin: 13px 0 0 12px;
}

.twitter:before {
    content: "\54";
    top: 0;
    opacity: 1;
}

.twitter:hover:before {
    top: 30px;
    opacity: 0;
}

.twitter:hover,
.social-icons.fixed .twitter:hover {
    background-color: #3bc1ed;
    border-color: #3bc1ed;
}

.dribbble i, .dribbble:before {
    margin: 13px 0 0 13px;
}

.dribbble:before {
    content: "\44";
    top: 0;
    opacity: 1;
}

.dribbble:hover:before {
    top: 30px;
    opacity: 0;
}

.dribbble:hover {
    background-color: #ef5a92;
}

.social-icons.fixed .dribbble:hover {
    background-color: #ef5a92;
    border-color: #ef5a92;
}

.facebook i, .facebook:before {
    margin: 13px 0 0 16px;
}

.facebook:before {
    content: "\66";
    top: 0;
    opacity: 1;
}

.facebook:hover:before {
    top: 30px;
    opacity: 0;
}

.facebook:hover {
    background-color: #4a6d9d;
}

.social-icons.fixed .facebook:hover {
    background-color: #4a6d9d;
    border-color: #4a6d9d;
}

.linkedin i, .linkedin:before {
    margin: 13px 0 0 13px;
}

.linkedin:before {
    content: "\4c";
    top: 0;
    opacity: 1;
}

.linkedin:hover:before {
    top: 30px;
    opacity: 0;
}

.linkedin:hover {
    background-color: #0b7bb5;
}

.social-icons.fixed .linkedin:hover {
    background-color: #0b7bb5;
    border-color: #0b7bb5;
}

.delicious i, .delicious:before {
    margin: 13px 0 0 13px;
}

.delicious:before {
    content: "\23";
    top: 0;
    opacity: 1;
}

.delicious:hover:before {
    top: 30px;
    opacity: 0;
}

.delicious:hover {
    background-color: #3274d1;
}

.social-icons.fixed .delicious:hover {
    background-color: #3274d1;
    border-color: #3274d1;
}

.paypal i, .paypal:before {
    margin: 13px 0 0 13px;
}

.paypal:before {
    content: "\24";
    top: 0;
    opacity: 1;
}

.paypal:hover:before {
    top: 30px;
    opacity: 0;
}

.paypal:hover {
    background-color: #2e689a;
}

.social-icons.fixed .paypal:hover {
    background-color: #2e689a;
    border-color: #2e689a;
}

.gplus i, .gplus:before {
    margin: 13px 0 0 13px;
}

.gplus:before {
    content: "\2b";
    top: 0;
    opacity: 1;
}

.gplus:hover:before {
    top: 30px;
    opacity: 0;
}

.gplus:hover {
    background-color: #d53824;
}

.social-icons.fixed .gplus:hover {
    background-color: #d53824;
    border-color: #d53824;
}

.stumbleupon i, .stumbleupon:before {
    margin: 13px 0 0 11px;
}

.stumbleupon:before {
    content: "\2f";
    top: 0;
    opacity: 1;
}

.stumbleupon:hover:before {
    top: 30px;
    opacity: 0;
}

.stumbleupon:hover {
    background-color: #eb4924;
}

.social-icons.fixed .stumbleupon:hover {
    background-color: #eb4924;
    border-color: #eb4924;
}

.fivehundredpx i, .fivehundredpx:before {
    margin: 13px 0 0 11px;
}

.fivehundredpx:before {
    content: "\30";
    top: 0;
    opacity: 1;
}

.fivehundredpx:hover:before {
    top: 30px;
    opacity: 0;
}

.fivehundredpx:hover {
    background-color: #444;
}

.social-icons.fixed .fivehundredpx:hover {
    background-color: #444;
    border-color: #444;
}

.pinterest i, .pinterest:before {
    margin: 13px 0 0 15px;
}

.pinterest:before {
    content: "\31";
    top: 0;
    opacity: 1;
}

.pinterest:hover:before {
    top: 30px;
    opacity: 0;
}

.pinterest:hover {
    background-color: #cb1f25;
}

.social-icons.fixed .pinterest:hover {
    background-color: #cb1f25;
    border-color: #cb1f25;
}

.forrst i, .forrst:before {
    margin: 13px 0 0 15px;
}

.forrst:before {
    content: "\3a";
    top: 0;
    opacity: 1;
}

.forrst:hover:before {
    top: 30px;
    opacity: 0;
}

.forrst:hover {
    background-color: #40833e;
}

.social-icons.fixed .forrst:hover {
    background-color: #40833e;
    border-color: #40833e;
}

.digg i, .digg:before {
    margin: 13px 0 0 12px;
}

.digg:before {
    content: "\3b";
    top: 0;
    opacity: 1;
}

.digg:hover:before {
    top: 30px;
    opacity: 0;
}

.digg:hover {
    background-color: #205685;
}

.social-icons.fixed .digg:hover {
    background-color: #205685;
    border-color: #205685;
}

.spotify i, .spotify:before {
    margin: 13px 0 0 13px;
}

.spotify:before {
    content: "\3d";
    top: 0;
    opacity: 1;
}

.spotify:hover:before {
    top: 30px;
    opacity: 0;
}

.spotify:hover {
    background-color: #6ca405;
}

.social-icons.fixed .spotify:hover {
    background-color: #6ca405;
    border-color: #6ca405;
}

.reddit i, .reddit:before {
    margin: 13px 0 0 12px;
}

.reddit:before {
    content: "\3e";
    top: 0;
    opacity: 1;
}

.reddit:hover:before {
    top: 30px;
    opacity: 0;
}

.reddit:hover {
    background-color: #404040;
}

.social-icons.fixed .reddit:hover {
    background-color: #404040;
    border-color: #404040;
}

.appstore i, .appstore:before {
    margin: 13px 0 0 14px;
}

.appstore:before {
    content: "\41";
    top: 0;
    opacity: 1;
}

.appstore:hover:before {
    top: 30px;
    opacity: 0;
}

.appstore:hover {
    background-color: #c0c0c0;
}

.social-icons.fixed .appstore:hover {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

.blogger i, .blogger:before {
    margin: 13px 0 0 15px;
    font-size: 14px !important;
}

.blogger:before {
    content: "\42";
    top: 0;
    opacity: 1;
}

.blogger:hover:before {
    top: 30px;
    opacity: 0;
}

.blogger:hover {
    background-color: #ff6501;
}

.social-icons.fixed .blogger:hover {
    background-color: #ff6501;
    border-color: #ff6501;
}

.dribbble i, .dribbble:before {
    margin: 13px 0 0 13px;
}

.dribbble:before {
    content: "\44";
    top: 0;
    opacity: 1;
}

.dribbble:hover:before {
    top: 30px;
    opacity: 0;
}

.dribbble:hover {
    background-color: #ef5a92;
}

.social-icons.fixed .dribbble:hover {
    background-color: #ef5a92;
    border-color: #ef5a92;
}

.evernote i, .evernote:before {
    margin: 13px 0 0 15px;
}

.evernote:before {
    content: "\45";
    top: 0;
    opacity: 1;
}

.evernote:hover:before {
    top: 30px;
    opacity: 0;
}

.evernote:hover {
    background-color: #6bb130;
}

.social-icons.fixed .evernote:hover {
    background-color: #6bb130;
    border-color: #6bb130;
}

.flickr i, .flickr:before {
    margin: 13px 0 0 13px;
}

.flickr:before {
    content: "\46";
    top: 0;
    opacity: 1;
}

.flickr:hover:before {
    top: 30px;
    opacity: 0;
}

.flickr:hover {
    background-color: #136dd5;
}

.social-icons.fixed .flickr:hover {
    background-color: #136dd5;
    border-color: #136dd5;
}

.rss i, .rss:before {
    margin: 13px 0 0 14px;
    font-size: 14px !important;
}

.rss:before {
    content: "\52";
    top: 0;
    opacity: 1;
}

.rss:hover:before {
    top: 30px;
    opacity: 0;
}

.rss:hover {
    background-color: #fe8f00;
}

.social-icons.fixed .rss:hover {
    background-color: #fe8f00;
    border-color: #fe8f00;
}

.youtube i, .youtube:before {
    margin: 13px 0 0 14px;
    font-size: 18px !important;
}

.youtube:before {
    content: "\55";
    top: 0;
    opacity: 1;
}

.youtube:hover:before {
    top: 30px;
    opacity: 0;
}

.youtube:hover {
    background-color: #bf2f29;
}

.social-icons.fixed .youtube:hover {
    background-color: #bf2f29;
    border-color: #bf2f29;
}

.vimeo i, .vimeo:before {
    margin: 13px 0 0 13px;
    font-size: 14px !important;
}

.vimeo:before {
    content: "\56";
    top: 0;
    opacity: 1;
}

.vimeo:hover:before {
    top: 30px;
    opacity: 0;
}

.vimeo:hover {
    background-color: #4c8ab0;
}

.social-icons.fixed .vimeo:hover {
    background-color: #4c8ab0;
    border-color: #4c8ab0;
}

.xing i, .xing:before {
    margin: 13px 0 0 14px;
}

.xing:before {
    content: "\58";
    top: 0;
    opacity: 1;
}

.xing:hover:before {
    top: 30px;
    opacity: 0;
}

.xing:hover {
    background-color: #036568;
}

.social-icons.fixed .xing:hover {
    background-color: #036568;
    border-color: #036568;
}

.yahoo i, .yahoo:before {
    margin: 13px 0 0 11px;
}

.yahoo:before {
    content: "\59";
    top: 0;
    opacity: 1;
}

.yahoo:hover:before {
    top: 30px;
    opacity: 0;
}

.yahoo:hover {
    background-color: #9251a2;
}

.social-icons.fixed .yahoo:hover {
    background-color: #9251a2;
    border-color: #9251a2;
}

.amazon i, .amazon:before {
    margin: 13px 0 0 12px;
}

.amazon:before {
    content: "\61";
    top: 0;
    opacity: 1;
}

.amazon:hover:before {
    top: 30px;
    opacity: 0;
}

.amazon:hover {
    background-color: #2f3842;
}

.social-icons.fixed .amazon:hover {
    background-color: #2f3842;
    border-color: #2f3842;
}

.steam i, .steam:before {
    margin: 13px 0 0 11px;
}

.steam:before {
    content: "\62";
    top: 0;
    opacity: 1;
}

.steam:hover:before {
    top: 30px;
    opacity: 0;
}

.steam:hover {
    background-color: #383838;
}

.social-icons.fixed .steam:hover {
    background-color: #383838;
    border-color: #383838;
}

.dropbox i, .dropbox:before {
    margin: 13px 0 0 13px;
}

.dropbox:before {
    content: "\64";
    top: 0;
    opacity: 1;
}

.dropbox:hover:before {
    top: 30px;
    opacity: 0;
}

.dropbox:hover {
    background-color: #2c92dd;
}

.social-icons.fixed .dropbox:hover {
    background-color: #2c92dd;
    border-color: #2c92dd;
}

.github i, .github:before {
    margin: 13px 0 0 13px;
}

.github:before {
    content: "\67";
    top: 0;
    opacity: 1;
}

.github:hover:before {
    top: 30px;
    opacity: 0;
}

.github:hover {
    background-color: #5c7381;
}

.social-icons.fixed .github:hover {
    background-color: #5c7381;
    border-color: #5c7381;
}

.lastfm i, .lastfm:before {
    margin: 13px 0 0 11px;
}

.lastfm:before {
    content: "\6c";
    top: 0;
    opacity: 1;
}

.lastfm:hover:before {
    top: 30px;
    opacity: 0;
}

.lastfm:hover {
    background-color: #d21309;
}

.social-icons.fixed .lastfm:hover {
    background-color: #d21309;
    border-color: #d21309;
}

.tumblr i, .tumblr:before {
    margin: 13px 0 0 15px;
}

.tumblr:before {
    content: "\74";
    top: 0;
    opacity: 1;
}

.tumblr:hover:before {
    top: 30px;
    opacity: 0;
}

.tumblr:hover {
    background-color: #3d658d;
}

.social-icons.fixed .tumblr:hover {
    background-color: #3d658d;
    border-color: #3d658d;
}

.wordpress i, .wordpress:before {
    margin: 13px 0 0 14px;
}

.wordpress:before {
    content: "\77";
    top: 0;
    opacity: 1;
}

.wordpress:hover:before {
    top: 30px;
    opacity: 0;
}

.wordpress:hover {
    background-color: #383838;
}

.social-icons.fixed .wordpress:hover {
    background-color: #383838;
    border-color: #383838;
}

.instagram i, .instagram:before {
    margin: 13px 0 0 14px;
}

.instagram:before {
    content: "\f31f";
    top: 0;
    opacity: 1;
}

.instagram:hover:before {
    top: 30px;
    opacity: 0;
}

.instagram:hover {
    background-color: #3f6f94;
}

.social-icons.fixed .instagram:hover {
    background-color: #3f6f94;
    border-color: #3f6f94;
}


/* Web Font */
@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?31771571');
    src: url('../fonts/fontello.eot?31771571#iefix') format('embedded-opentype'),
    url('../fonts/fontello.woff?31771571') format('woff'),
    url('../fonts/fontello.ttf?31771571') format('truetype'),
    url('../fonts/fontello.svg?31771571#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.social-icons li i {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    font-size: 16px;
    width: auto;
}

.icon-delicious:before {
    content: '\23';
}

/* '#' */
.icon-paypal:before {
    content: '\24';
}

/* '$' */
.icon-gplus:before {
    content: '\2b';
}

/* '+' */
.icon-stumbleupon:before {
    content: '\2f';
}

/* '/' */
.icon-fivehundredpx:before {
    content: '\30';
}

/* '0' */
.icon-pinterest:before {
    content: '\31';
}

/* '1' */
.icon-forrst:before {
    content: '\3a';
}

/* ':' */
.icon-digg:before {
    content: '\3b';
}

/* ';' */
.icon-spotify:before {
    content: '\3d';
}

/* '=' */
.icon-reddit:before {
    content: '\3e';
}

/* '>' */
.icon-appstore:before {
    content: '\41';
}

/* 'A' */
.icon-blogger:before {
    content: '\42';
}

/* 'B' */
.icon-dribbble:before {
    content: '\44';
}

/* 'D' */
.icon-evernote:before {
    content: '\45';
}

/* 'E' */
.icon-flickr:before {
    content: '\46';
}

/* 'F' */
.icon-linkedin:before {
    content: '\4c';
}

/* 'L' */
.icon-rss:before {
    content: '\52';
}

/* 'R' */
.icon-twitter:before {
    content: '\54';
}

/* 'T' */
.icon-youtube:before {
    content: '\55';
}

/* 'U' */
.icon-vimeo:before {
    content: '\56';
}

/* 'V' */
.icon-xing:before {
    content: '\58';
}

/* 'X' */
.icon-yahoo:before {
    content: '\59';
}

/* 'Y' */
.icon-amazon:before {
    content: '\61';
}

/* 'a' */
.icon-steam:before {
    content: '\62';
}

/* 'b' */
.icon-dropbox:before {
    content: '\64';
}

/* 'd' */
.icon-facebook:before {
    content: '\66';
}

/* 'f' */
.icon-github:before {
    content: '\67';
}

/* 'g' */
.icon-lastfm:before {
    content: '\6c';
}

/* 'l' */
.icon-tumblr:before {
    content: '\74';
}

/* 't' */
.icon-wordpress:before {
    content: '\77';
}

/* 'w' */
.icon-linkedin-rect:before {
    content: '\f31b';
}

/* '?' */
.icon-instagram:before {
    content: '\f31f';
}

/* '?' */


/* ---------------------------------- */
/* Notification Boxes
------------------------------------- */
#result .success,
.notification {
    line-height: 24px;
    margin-bottom: 15px;
    position: relative;
    padding: 20px 26px;
}

.notification p {
    margin: 0;
}

.notification span {
    font-weight: 600;
}

#result .success,
.notification.success,
.notification.success a,
.notification.success strong {
    background-color: #EBF6E0;
    color: #5f9025;
}

.notification.error,
.notification.error a,
.notification.error strong {
    background-color: #ffe9e9;
    color: #de5959;
}

.notification.warning,
.notification.warning a,
.notification.warning strong {
    background-color: #FBFADD;
    color: #8f872e;
}

.notification.notice,
.notification.notice a,
.notification.notice strong {
    background-color: #E9F7FE;
    color: #4587a9;
}

.notification strong {
    border: none !important;
}

.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
    padding: 0px 9px;
    position: absolute;
    right: 0;
    top: 22px;
    display: block;
    height: 8px;
    width: 8px;
    cursor: pointer;
}

.notification.success .close {
    background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat;
}

.notification.error .close {
    background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat;
}

.notification.warning .close {
    background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat;
}

.notification.notice .close {
    background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat;
}


.notification.notice p span i {
    font-weight: 500;
}

.notification a.button {
    float: right;
    color: #fff;
    margin-top: 3px;
}

.notification.notice a.button {
    background-color: #388fc5;
}

.notification.warning a.button {
    background-color: #dfbe51;
}

.notification.error a.button {
    background-color: #d34c4c;
}

.notification.success a.button {
    background-color: #79ba38;
}


/* ---------------------------------- */
/* Pagination
------------------------------------- */
.pagination {
    margin: 9px 0 0 0;
    text-align: center;
    overflow: hidden;
}

.pagination-next-prev {
    position: relative;
    top: -66px;
}

.pagination ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}


.pagination ul li a,
.pagination-next-prev ul li a {
    padding: 12px 0;
    border-bottom: none;
    display: inline-block;
    color: #333;
    background-color: #f2f2f2;
    font-weight: 700;
    margin: 0;
    line-height: 22px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    font-size: 14px;
}

.pagination ul li a {
    width: 42px;
}

.pagination ul li.blank {
    color: #a0a0a0;
    padding: 0 6px;
}

.pagination ul li a.current-page {
    background-color: #666;
    color: #fff;
}

.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
    background-color: #666;
    color: #fff;
}

.pagination-next-prev a.next {
    float: right;
}

.pagination-next-prev a.prev {
    float: left;
}

.pagination-next-prev ul li a {
    color: #333;
    padding: 12px 16px;
    text-transform: uppercase;
}

.pagination ul,
.pagination-next-prev ul {
    padding: 0;
    list-style-type: none;
}


/* ------------------------------------------------------------------- */
/*  05. Others
---------------------------------------------------------------------- */

/* Boxed & Full Width Layout */
body.boxed {
    margin: 0 auto;
    background-color: #eee;
}

#wrapper {
    background-color: #fff;
}

#logo img {
    background-color: transparent !important;
    max-height: 100px;
}


/* Drop points, do not edit */
@media (min-width: 1300px) {
    body.boxed {
        width: 1340px;
    }
}

@media (min-width: 1289px) and (max-width: 1360px) {
    body.boxed {
        width: 100%;
    }
}

@media (max-width: 1080px) {
    body.boxed {
        width: 100%;
    }
}

@media (min-width: 960px) and (max-width: 1239px) {
    body.boxed {
        width: 1060px;
    }
}

@media (max-width: 1098px) {
    body.boxed {
        width: 100%;
    }
}


/* Main Font */
body, input[type="text"], input[type="password"], input[type="email"], textarea,
#tiptip_holder, .tp-caption .caption-text, select {
    font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}


/* Secondary Font */
h1, h2, h3, h4, h5, h6, .button, input[type="button"],
input[type="submit"], button, .tp-caption, .menu > li > a, .option-set li a, .stage span,
#breadcrumbs, .project-category span, .details, .img-hover::after, .pagination, .pagination-next-prev,
.services-list, .sidebar-btn, .tabs-nav li a, table.basic-table th, .comment-by a.reply, .parallax-title,
.the-team-content i, .counter-box i, .counter, .info-banner-fw a, .menu-responsive i.menu-trigger:after {
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

mark.color {
    color: #fff;
    background-color: #666
}


/* Demo Styles */
.demo h1,
.demo h2,
.demo h3,
.demo h4,
.demo h5,
.demo h6 {
    line-height: 40px;
}

.sl-icons-demo i {
    width: 25px;
    display: inline-block;
    top: 1px;
    position: relative;
}

.renova-icons-demo i {
    font-size: 46px;
    padding: 9px 0;
    display: inline-block;
    margin-right: 10px;
}

.renova-icons-demo span {
    top: -14px;
    position: relative;
}

.icons .fa.fa-fw {
    margin-right: 3px;
    font-size: 14px;
}

.icons .text-muted {
    display: none;
}


/* ---------------------------------- */
/* Spacers
	------------------------------------- */

/* Margin Top */
.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-55 {
    margin-top: 55px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-65 {
    margin-top: 65px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

/* Margin Bottom */
.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-65 {
    margin-bottom: 65px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.extra-gutter-left {
    padding-left: 25px;
}

.extra-gutter-right {
    padding-right: 25px;
}

.isotope-wrapper.extra-gutter-right {
    margin-right: -6px;
    padding-right: 0;
}


/* ------------------------------------------------------------------- */
/* 06. Media Queries
---------------------------------------------------------------------- */

/* Standard 1180 (devices and browsers) */
@media only screen and (min-width: 1240px) {

}


/* Smaller than standard 1180 (devices and browsers) */
@media (max-width: 1239px) {

    a.featured-service {
        height: auto;
        padding: 32px 35px;
    }

    a.featured-service i {
        margin-right: 23px;
        font-size: 64px;
        height: auto
    }

    .full-width.projects a {
        width: 33.33333%;
    }

    #testimonials {
        margin-top: 80px;
    }

    .testimonials-slider li p {
        padding: 75px 40px 75px 40px;
    }

    .flex-control-nav {
        bottom: 40px;
    }


    .counter-box i,
    .counter-box .counter {
        font-size: 44px;
    }

    .counter-box p {
        font-size: 18px;
        margin-top: 7px;
    }

    .parallax-banner {
        padding: 80px 0 75px 0;
    }

    .parallax-title {
        font-size: 36px;
    }

    .parallax-title span {
        font-size: 22px;
    }

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (max-width: 991px) {

    h3.headline {
        margin: 45px 0 35px 0;
    }

    .testimonials-slider li p {
        padding: 70px 40px 40px 40px;
    }

    .header-widget {
        float: none;
        margin: 0;
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .header-widget li {
        text-align: left;
        margin-top: 35px;
        margin-bottom: 7px;
    }

    #logo {
        margin-top: 5px;
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 35px;
        text-align: center;
    }

    .full-width.projects a {
        width: 50%;
    }

    h3.headline.with-border {
        line-height: 32px;
    }

    #testimonials {
        margin-top: 50px;
    }

    a.button.social-btn {
        margin-bottom: 30px;
    }

    .copyrights {
        text-align: left;
    }

    .details.alt {
        margin-top: 15px;
    }

    ul.services-list {
        margin-bottom: 40px;
    }

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

    .headline span.headline-detail {
        float: none;
        margin: 10px 0 5px 0;
    }


    .tabs-nav.blog li,
    .tabs-nav.blog li a,
    .tabs-nav li,
    .tabs-nav li a {
        width: 100%;
        text-align: center;
        border: none;
        background-color: #f9f9f9;
    }

    .tabs-nav.blog li,
    .tabs-nav li {
        margin-bottom: -1px;
        border: 1px solid #e0e0e0 !important;
        padding-right: 0;
    }

    .tabs-nav li:hover a {
        color: #666;
    }

    .tabs-nav li.active a {
        background-color: #666;
        color: #fff !important;
    }

    .post-content h3 {
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 0px;
    }

    .post-content {
        padding-top: 20px;
    }

    .sidebar-textbox {
        margin-top: 0;
    }

    #googlemaps {
        padding-bottom: 45%;
    }

    .counter-box i,
    .counter-box .counter {
        font-size: 54px;
    }

    .counter-box p {
        font-size: 21px;
        margin-top: 12px;
    }

    .counter-box {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .counter-box:after {
        height: 1px;
        width: 100%;
        top: 100%;
    }

    #counters {
        padding: 40px 0 20px 0;
    }

    .info-banner-fw a {
        display: block;
        box-sizing: border-box;
        float: none;
        top: 15px;
        padding: 14px 10px;
        line-height: 22px;
        margin-left: 0;
    }

    .info-banner-fw {
        text-align: center;
        font-size: 30px;
        padding-bottom: 65px;
    }

    .pagination {
        text-align: left;
    }

    .pagination-next-prev ul li a.prev {
        display: none;
    }

    .pagination ul li a, .pagination-next-prev ul li a {
        text-align: center;
    }

    .simple-slider.shop {
        margin-bottom: 30px;
    }

}


/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {

    h3.headline {
        margin: 48px 0 35px 0;
    }

    #googlemaps {
        padding-bottom: 65%;
    }

    .stacktable.large-only {
        display: none;
    }

    .stacktable.small-only {
        display: table;
    }

    .cart-table.bottom {
        border-top: 1px solid #e0e0e0;
    }

    .header-widget {
        margin-top: 10px;
    }

    .header-widget li:after {
        display: none;
    }

    .header-widget li {
        margin: 20px 15px 5px 0px;
        padding: 0;
    }

    .header-widget li.with-btn {
        width: 100%;
        text-align: center;
    }

    #small-dialog {
        padding: 25px;
    }

    .header-widget li a.button {
        margin-left: 0;
    }

    .full-width.projects a {
        width: 100%;
    }

    #titlebar {
        padding: 40px 0 50px 0;
    }

    #titlebar #breadcrumbs {
        position: relative;
    }

    #titlebar span {
        margin-bottom: 15px;
    }

    #titlebar #breadcrumbs ul {
        padding-left: 0;
        position: relative;
        top: 0;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        left: -10px;
    }

    #titlebar span a,
    #titlebar span {
        display: block;
    }

    a.featured-service {
        width: 100%;
        padding: 25px 27px;
        margin-bottom: 20px;
    }

    a.featured-service h4 {
        margin-top: 20px;
    }

    .option-set {
        margin: 0px 0 35px 0;
    }

    .option-set li {
        margin: 0 0 1px 0;
        width: 100%;
    }

    .option-set li a {
        display: inline-block;
        line-height: 22px;
        width: 100%;
    }

    .stage {
        margin-bottom: 45px;
    }

    .service-alt a,
    .service-alt a img,
    .service,
    .service-content,
    .service img {
        width: 100%;
    }

    .service-content a.button {
        width: auto;
    }

    .service .service-overlay i {
        font-size: 30px;
        padding-right: 20px;
        margin-right: 20px;
    }

    .service .service-overlay h4 {
        font-size: 16px;
    }

    .service .service-overlay {
        padding: 22px 20px;
    }

    .service:hover .service-overlay {
        padding: 25px 0px 35px 20px;
    }

    .cart-table a.button {
        width: 100%;
        margin: 3px 0;
        text-align: center;
    }

    .project-nav li {
        width: 100%;
        margin: 8px 0;
    }

    .parallax-title {
        font-size: 32px;
    }

    .extra-gutter-left,
    .extra-gutter-right {
        padding: 0 15px;
    }

}


/* ------------------------------------------------------------------- */
/* Styles Switcher
---------------------------------------------------------------------- */

#style-switcher h3 {
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}

#style-switcher {
    background: #333;
    width: 205px;
    position: fixed;
    top: 80px;
    z-index: 9999;
    left: -205px;
}

#style-switcher ul {
    list-style: none;
    padding: 0;
    margin-bottom: 22px;
}

#style-switcher div {
    padding: 2px 18px 10px 18px;
}

#style-switcher h2 {
    background: #282828;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 43px;
    padding: 0 0 0 20px;
    margin-top: 0;
    text-transform: uppercase;
}

#style-switcher h2 a {
    background: url("../images/switcher.png") no-repeat 9px center transparent;
    background-color: #282828;
    display: block;
    height: 43px;
    position: absolute;
    right: -43px;
    text-indent: -9999px;
    top: 0;
    width: 43px;
}

.colors {
    list-style: none;
    margin: 0 0px 10px 0;
    overflow: hidden;
}

.colors li {
    float: left;
    margin: 4px 2px 0 2px;
}

.colors li a {
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

div.layout-style {
    padding: 0 !important;
}

.layout-style select {
    width: 164px;
    padding: 7px;
    color: #aaa;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin: 2px 0 25px 0px;
    background-color: #505050;
    border: 0;
}

.green, .green-bg {
    background: #34b652;
}

.blue, .blue-bg {
    background: #148ccd;
}

.orange, .orange-bg {
    background: #fa5b0f;
}

.navy, .navy-bg {
    background: #495d7f;
}

.yellow, .yellow-bg {
    background: #ffb400;
}

.peach, .peach-bg {
    background: #fcab55;
}

.red, .red-bg {
    background: #dd3737;
}

.beige, .beige-bg {
    background: #bfa980;
}

.pink, .pink-bg {
    background: #d64391;
}

.cyan, .cyan-bg {
    background: #37b6bd;
}

.celadon, .celadon-bg {
    background: #74aea1;
}

.brown, .brown-bg {
    background: #784e3d;
}

.cherry, .cherry-bg {
    background: #911938;
}

.gray, .gray-bg {
    background: #555;
}

.purple, .purple-bg {
    background: #917ae9;
}

.olive, .olive-bg {
    background: #b3c211;
}

.bg1 {
    background-image: url("../images/bg/squared_metal.png");
}

.bg2 {
    background-image: url("../images/bg/retina_wood.png");
}

.bg3 {
    background-image: url("../images/bg/brushed_alu.png");
}

.bg4 {
    background-image: url("../images/bg/crisp_paper_ruffles.png");
}

.bg5 {
    background-image: url("../images/bg/navy_blue.png");
}

.bg6 {
    background-image: url("../images/bg/bedge_grunge.png");
}

.bg7 {
    background-image: url("../images/bg/diamond_upholstery.png");
}

.bg8 {
    background-image: url("../images/bg/shattered.png");
}

.bg9 {
    background-image: url("../images/bg/light_toast.png");
}

.bg10 {
    background-image: url("../images/bg/noise_pattern_with_crosslines.png");
}

.bg11 {
    background-image: url("../images/bg/purty_wood.png");
}

.bg12 {
    background-image: url("../images/bg/subtle_stripes.png");
}

.bg13 {
    background-image: url("../images/bg/textured_stripes.png");
}

.bg14 {
    background-image: url("../images/bg/tileable_wood_texture.png");
}

.bg15 {
    background-image: url("../images/bg/stardust.png");
}

.bg16 {
    background-image: url("../images/bg/vichy.png");
}

.colors li a.active {
    box-shadow: 0 0 0 2px #fff inset
}

#reset {
    margin: -5px 0 15px 0px;
}

#reset a.button {
    padding: 7px 14px;
    font-weight: 700;
    font-size: 13px;
}

#reset a.button:hover {
    color: #333;
    background-color: #fff;
}

@media only screen and (max-width: 1024px) {
    #style-switcher {
        display: none;
    }
}

#gallery {
    /* Prevent vertical gaps */
    line-height: 0;

    -webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 5;
    column-gap: 0px;
}

#gallery img {
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
}

#gallery a {
    float: left;
}

#jPanelMenu-menu {
    background-color: #262626;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clear-both {
    clear: both;
}

@media only screen and (max-width: 1024px) {
    .service-description td, th {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }

    .tab-content td, th {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }
}

.display-flex {
    display: flex;
}

/* ------------------------------------------------------------------- */
/* Red #8d021f
---------------------------------------------------------------------- */

a,
.header-widget li i,
.menu > li a.current.with-ul:after,
.menu > li.sfHover .with-ul:after,
.featured-service i,
.stage i,
.stage span,
#breadcrumbs ul li a:hover,
.details li a:hover,
.meta-tags span a:hover,
.image-edge-content h4,
.headline span.color,
.menu > li a.current,
.menu > li a:hover,
.menu > li.sfHover a,
a.button.border,
.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before,
.tabs-nav li a:hover,
.close-search a:hover,
.info-banner-fw a:hover,
.menu li.cart-icon a:hover,
.menu  li.search a:hover,
.tabs-nav li.active a {
	color: #8d021f;
}

body,
.menu > li a.current,
.menu > li a:hover,
.menu > li.sfHover a,
.mega,
.dropdown ul,
#price-range .ui-slider .ui-slider-handle,
a.button.border,
a.button.border:hover,
.tabs-nav li a:hover,
.tabs-nav li.active a,
.custom-caption,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
	border-color: #8d021f;
}

.qtyplus:hover,
.qtyminus:hover,
.zeus .tp-title-wrap,
.mfp-arrow:hover,
#price-range .ui-slider .ui-slider-handle,
.flex-prev:hover,
.flex-next:hover,
a.button.border::before,
.hover-border {
    background: #8d021f;
}

.menu ul .sfHover li a:hover,
.mega a:hover {
	background-color: #8d021f !important;
}

#logo img,
li.dropdown ul li a:hover,
.menu ul .sfHover a,
.cart-counter,
.menu-responsive,
a.featured-service:hover,
.project-category figure,
.see-all,
.option-set li a:hover,
.option-set li a.selected,
.projects a .overlay:after,
#testimonials:after,
#backtotop a:hover,
.service-alt a.img-hover:after,
a.sidebar-btn,
.sidebar-textbox.color,
#price-range .ui-widget-header,
.comment-by a.reply:hover,
#small-dialog .mfp-close,
.mfp-close:hover,
input[type="button"],
input[type="submit"],
a.button,
.owl-prev:hover,
.owl-next:hover,
a.button.dark:hover,
table.basic-table th,
.plan.color-2 .plan-price,
.plan.color-2 a.button,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active,
.info-banner-fw,
.pagination ul li a.current-page,
.pagination .current,
.pagination ul li a:hover,
.services-list li a.active,
.services-list li a:hover,
.pagination-next-prev ul li a:hover,
mark.color {
	background-color: #8d021f;
}


.service .service-overlay { background-color: rgba(141,2,31,0.95); }

@media (max-width: 991px) { .tabs-nav li.active a { background-color: #8d021f; } }

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}


@font-face {
    font-family: 'simple-line-icons';
    src:    url('../fonts/simple-line-icons.eot?thkwh4');
    src:    url('../fonts/simple-line-icons.eot?thkwh4#iefix') format('embedded-opentype'),
        url('../fonts/simple-line-icons.ttf?thkwh4') format('truetype'),
        url('../fonts/simple-line-icons.woff?thkwh4') format('woff'),
        url('../fonts/simple-line-icons.svg?thkwh4#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.sl {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'simple-line-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sl-icon-user-female:before {
    content: "\e000";
}
.sl-icon-people:before {
    content: "\e001";
}
.sl-icon-user-follow:before {
    content: "\e002";
}
.sl-icon-user-following:before {
    content: "\e003";
}
.sl-icon-user-unfollow:before {
    content: "\e004";
}
.sl-icon-user:before {
    content: "\e005";
}
.sl-icon-trophy:before {
    content: "\e006";
}
.sl-icon-speedometer:before {
    content: "\e007";
}
.sl-icon-social-youtube:before {
    content: "\e008";
}
.sl-icon-social-twitter:before {
    content: "\e009";
}
.sl-icon-social-tumblr:before {
    content: "\e00a";
}
.sl-icon-social-facebook:before {
    content: "\e00b";
}
.sl-icon-social-dropbox:before {
    content: "\e00c";
}
.sl-icon-social-dribbble:before {
    content: "\e00d";
}
.sl-icon-shield:before {
    content: "\e00e";
}
.sl-icon-screen-tablet:before {
    content: "\e00f";
}
.sl-icon-screen-smartphone:before {
    content: "\e010";
}
.sl-icon-screen-desktop:before {
    content: "\e011";
}
.sl-icon-plane:before {
    content: "\e012";
}
.sl-icon-notebook:before {
    content: "\e013";
}
.sl-icon-mustache:before {
    content: "\e014";
}
.sl-icon-mouse:before {
    content: "\e015";
}
.sl-icon-magnet:before {
    content: "\e016";
}
.sl-icon-magic-wand:before {
    content: "\e017";
}
.sl-icon-hourglass:before {
    content: "\e018";
}
.sl-icon-graduation:before {
    content: "\e019";
}
.sl-icon-ghost:before {
    content: "\e01a";
}
.sl-icon-game-controller:before {
    content: "\e01b";
}
.sl-icon-fire:before {
    content: "\e01c";
}
.sl-icon-eyeglass:before {
    content: "\e01d";
}
.sl-icon-envelope-open:before {
    content: "\e01e";
}
.sl-icon-envolope-letter:before {
    content: "\e01f";
}
.sl-icon-energy:before {
    content: "\e020";
}
.sl-icon-emotsmile:before {
    content: "\e021";
}
.sl-icon-disc:before {
    content: "\e022";
}
.sl-icon-cursor-move:before {
    content: "\e023";
}
.sl-icon-crop:before {
    content: "\e024";
}
.sl-icon-credit-card:before {
    content: "\e025";
}
.sl-icon-chemistry:before {
    content: "\e026";
}
.sl-icon-bell:before {
    content: "\e027";
}
.sl-icon-badge:before {
    content: "\e028";
}
.sl-icon-anchor:before {
    content: "\e029";
}
.sl-icon-wallet:before {
    content: "\e02a";
}
.sl-icon-vector:before {
    content: "\e02b";
}
.sl-icon-speech:before {
    content: "\e02c";
}
.sl-icon-puzzle:before {
    content: "\e02d";
}
.sl-icon-printer:before {
    content: "\e02e";
}
.sl-icon-present:before {
    content: "\e02f";
}
.sl-icon-playlist:before {
    content: "\e030";
}
.sl-icon-pin:before {
    content: "\e031";
}
.sl-icon-picture:before {
    content: "\e032";
}
.sl-icon-map:before {
    content: "\e033";
}
.sl-icon-layers:before {
    content: "\e034";
}
.sl-icon-handbag:before {
    content: "\e035";
}
.sl-icon-globe-alt:before {
    content: "\e036";
}
.sl-icon-globe:before {
    content: "\e037";
}
.sl-icon-frame:before {
    content: "\e038";
}
.sl-icon-folder-alt:before {
    content: "\e039";
}
.sl-icon-film:before {
    content: "\e03a";
}
.sl-icon-feed:before {
    content: "\e03b";
}
.sl-icon-earphones-alt:before {
    content: "\e03c";
}
.sl-icon-earphones:before {
    content: "\e03d";
}
.sl-icon-drop:before {
    content: "\e03e";
}
.sl-icon-drawar:before {
    content: "\e03f";
}
.sl-icon-docs:before {
    content: "\e040";
}
.sl-icon-directions:before {
    content: "\e041";
}
.sl-icon-direction:before {
    content: "\e042";
}
.sl-icon-diamond:before {
    content: "\e043";
}
.sl-icon-cup:before {
    content: "\e044";
}
.sl-icon-compass:before {
    content: "\e045";
}
.sl-icon-call-out:before {
    content: "\e046";
}
.sl-icon-call-in:before {
    content: "\e047";
}
.sl-icon-call-end:before {
    content: "\e048";
}
.sl-icon-calculator:before {
    content: "\e049";
}
.sl-icon-bubbles:before {
    content: "\e04a";
}
.sl-icon-briefcase:before {
    content: "\e04b";
}
.sl-icon-book-open:before {
    content: "\e04c";
}
.sl-icon-basket-loaded:before {
    content: "\e04d";
}
.sl-icon-basket:before {
    content: "\e04e";
}
.sl-icon-bag:before {
    content: "\e04f";
}
.sl-icon-action-undo:before {
    content: "\e050";
}
.sl-icon-action-redo:before {
    content: "\e051";
}
.sl-icon-wrench:before {
    content: "\e052";
}
.sl-icon-umbrella:before {
    content: "\e053";
}
.sl-icon-trash:before {
    content: "\e054";
}
.sl-icon-tag:before {
    content: "\e055";
}
.sl-icon-support:before {
    content: "\e056";
}
.sl-icon-size-fullscreen:before {
    content: "\e057";
}
.sl-icon-size-actual:before {
    content: "\e058";
}
.sl-icon-shuffle:before {
    content: "\e059";
}
.sl-icon-share-alt:before {
    content: "\e05a";
}
.sl-icon-share:before {
    content: "\e05b";
}
.sl-icon-rocket:before {
    content: "\e05c";
}
.sl-icon-question:before {
    content: "\e05d";
}
.sl-icon-pie-chart:before {
    content: "\e05e";
}
.sl-icon-pencil:before {
    content: "\e05f";
}
.sl-icon-note:before {
    content: "\e060";
}
.sl-icon-music-tone-alt:before {
    content: "\e061";
}
.sl-icon-music-tone:before {
    content: "\e062";
}
.sl-icon-microphone:before {
    content: "\e063";
}
.sl-icon-loop:before {
    content: "\e064";
}
.sl-icon-logout:before {
    content: "\e065";
}
.sl-icon-login:before {
    content: "\e066";
}
.sl-icon-list:before {
    content: "\e067";
}
.sl-icon-like:before {
    content: "\e068";
}
.sl-icon-home:before {
    content: "\e069";
}
.sl-icon-grid:before {
    content: "\e06a";
}
.sl-icon-graph:before {
    content: "\e06b";
}
.sl-icon-equalizer:before {
    content: "\e06c";
}
.sl-icon-dislike:before {
    content: "\e06d";
}
.sl-icon-cursor:before {
    content: "\e06e";
}
.sl-icon-control-start:before {
    content: "\e06f";
}
.sl-icon-control-rewind:before {
    content: "\e070";
}
.sl-icon-control-play:before {
    content: "\e071";
}
.sl-icon-control-pause:before {
    content: "\e072";
}
.sl-icon-control-forward:before {
    content: "\e073";
}
.sl-icon-control-end:before {
    content: "\e074";
}
.sl-icon-calender:before {
    content: "\e075";
}
.sl-icon-bulb:before {
    content: "\e076";
}
.sl-icon-chart:before {
    content: "\e077";
}
.sl-icon-arrow-up-circle:before {
    content: "\e078";
}
.sl-icon-arrow-right-circle:before {
    content: "\e079";
}
.sl-icon-arrow-left-circle:before {
    content: "\e07a";
}
.sl-icon-arrow-down-circle:before {
    content: "\e07b";
}
.sl-icon-ban:before {
    content: "\e07c";
}
.sl-icon-bubble:before {
    content: "\e07d";
}
.sl-icon-camrecorder:before {
    content: "\e07e";
}
.sl-icon-camera:before {
    content: "\e07f";
}
.sl-icon-check:before {
    content: "\e080";
}
.sl-icon-clock:before {
    content: "\e081";
}
.sl-icon-close:before {
    content: "\e082";
}
.sl-icon-cloud-download:before {
    content: "\e083";
}
.sl-icon-cloud-upload:before {
    content: "\e084";
}
.sl-icon-doc:before {
    content: "\e085";
}
.sl-icon-envolope:before {
    content: "\e086";
}
.sl-icon-eye:before {
    content: "\e087";
}
.sl-icon-flag:before {
    content: "\e088";
}
.sl-icon-folder:before {
    content: "\e089";
}
.sl-icon-heart:before {
    content: "\e08a";
}
.sl-icon-info:before {
    content: "\e08b";
}
.sl-icon-key:before {
    content: "\e08c";
}
.sl-icon-link:before {
    content: "\e08d";
}
.sl-icon-lock:before {
    content: "\e08e";
}
.sl-icon-lock-open:before {
    content: "\e08f";
}
.sl-icon-magnifier:before {
    content: "\e090";
}
.sl-icon-magnifier-add:before {
    content: "\e091";
}
.sl-icon-magnifier-remove:before {
    content: "\e092";
}
.sl-icon-paper-clip:before {
    content: "\e093";
}
.sl-icon-paper-plane:before {
    content: "\e094";
}
.sl-icon-plus:before {
    content: "\e095";
}
.sl-icon-power:before {
    content: "\e097";
}
.sl-icon-refresh:before {
    content: "\e098";
}
.sl-icon-reload:before {
    content: "\e099";
}
.sl-icon-settings:before {
    content: "\e09a";
}
.sl-icon-star:before {
    content: "\e09b";
}
.sl-icon-symble-female:before {
    content: "\e09c";
}
.sl-icon-symbol-male:before {
    content: "\e09d";
}
.sl-icon-target:before {
    content: "\e09e";
}
.sl-icon-volume-1:before {
    content: "\e09f";
}
.sl-icon-volume-2:before {
    content: "\e0a0";
}
.sl-icon-volume-off:before {
    content: "\e0a1";
}
.sl-icon-phone:before {
    content: "\e600";
}
.sl-icon-Menu:before {
    content: "\e601";
}
.sl-icon-optionsvertical:before {
    content: "\e602";
}
.sl-icon-options:before {
    content: "\e603";
}
.sl-icon-arrow-down:before {
    content: "\e604";
}
.sl-icon-arrow-left:before {
    content: "\e605";
}
.sl-icon-arrow-right:before {
    content: "\e606";
}
.sl-icon-arrow-up:before {
    content: "\e607";
}
.sl-icon-thumbs-up:before {
    content: "\e80d";
}
.sl-icon-location:before {
    content: "\e810";
}




/*---------------------------------------------------
  Custom Icons
  Author URL: http://graphicriver.net/user/survivor
-----------------------------------------------------*/

@font-face {
    font-family: 'reneva';
    src:    url('../fonts/reneva.eot?nwpz3');
    src:    url('../fonts/reneva.eot?nwpz3#iefix') format('embedded-opentype'),
        url('../fonts/reneva.ttf?nwpz3') format('truetype'),
        url('../fonts/reneva.woff?nwpz3') format('woff'),
        url('../fonts/reneva.svg?nwpz3#reneva') format('svg');
    font-weight: normal;
    font-style: normal;
}

.reneva {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'reneva' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-1:before {
    content: "\e900";
}
.icon-2:before {
    content: "\e901";
}
.icon-3:before {
    content: "\e902";
}
.icon-4:before {
    content: "\e903";
}
.icon-5:before {
    content: "\e904";
}
.icon-6:before {
    content: "\e905";
}
.icon-7:before {
    content: "\e906";
}
.icon-8:before {
    content: "\e907";
}
.icon-9:before {
    content: "\e908";
}
.icon-10:before {
    content: "\e909";
}
.icon-11:before {
    content: "\e90a";
}
.icon-12:before {
    content: "\e90b";
}
.icon-13:before {
    content: "\e90c";
}
.icon-14:before {
    content: "\e90d";
}
.icon-15:before {
    content: "\e90e";
}
.icon-16:before {
    content: "\e90f";
}
.icon-17:before {
    content: "\e910";
}
.icon-18:before {
    content: "\e911";
}
.icon-19:before {
    content: "\e912";
}
.icon-20:before {
    content: "\e913";
}
.icon-21:before {
    content: "\e914";
}
.icon-22:before {
    content: "\e915";
}
.icon-23:before {
    content: "\e916";
}
.icon-24:before {
    content: "\e917";
}
.icon-25:before {
    content: "\e918";
}
.icon-26:before {
    content: "\e919";
}
.icon-27:before {
    content: "\e91a";
}
.icon-28:before {
    content: "\e91b";
}
.icon-29:before {
    content: "\e91c";
}
.icon-30:before {
    content: "\e91d";
}
.icon-31:before {
    content: "\e91e";
}
.icon-32:before {
    content: "\e91f";
}
.icon-33:before {
    content: "\e920";
}
.icon-34:before {
    content: "\e921";
}
.icon-35:before {
    content: "\e922";
}
.icon-36:before {
    content: "\e923";
}
.icon-37:before {
    content: "\e924";
}
.icon-38:before {
    content: "\e925";
}
.icon-39:before {
    content: "\e926";
}
.icon-40:before {
    content: "\e927";
}
.icon-41:before {
    content: "\e928";
}
.icon-42:before {
    content: "\e929";
}
.icon-43:before {
    content: "\e92a";
}
.icon-44:before {
    content: "\e92b";
}
.icon-45:before {
    content: "\e92c";
}
.icon-46:before {
    content: "\e92d";
}
.icon-47:before {
    content: "\e92e";
}
.icon-48:before {
    content: "\e92f";
}
.icon-49:before {
    content: "\e930";
}
.icon-50:before {
    content: "\e931";
}


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

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.0.0
date:      	29/10/15
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
							

/******************************
	-	BASIC STYLES		-
******************************/

.rev_slider_wrapper{
	position:relative;
	z-index: 0;
}


.rev_slider{
	position:relative;
	overflow:visible;
}

.tp-overflow-hidden { overflow:hidden;}

.tp-simpleresponsive img,
.rev_slider img{
	max-width:none !important;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider >ul,
.rev_slider_wrapper >ul,
.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li{
	list-style:none !important;
	position:absolute;	
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none;
	background-position:0px 0px;
	text-indent: 0em;
	top:0px;left:0px;
}


.tp-revslider-mainul >li,
.rev_slider >ul >li,
.rev_slider >ul >li:before,
.tp-revslider-mainul >li:before,
.tp-simpleresponsive >ul >li,
.tp-simpleresponsive >ul >li:before,
.tp-revslider-mainul >li,
.tp-simpleresponsive >ul >li { 
	visibility:hidden; 
}

.tp-revslider-slidesli,
.tp-revslider-mainul	{	
	padding:0 !important; 
	margin:0 !important; 
	list-style:none !important;
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
}


.tp-caption .rs-untoggled-content { display:block;}
.tp-caption .rs-toggled-content { display:none;}

.rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;}
.rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;}

.rev_slider .tp-caption,
.rev_slider .caption 	{ 
	position:relative;  
	visibility:hidden; 
	white-space: nowrap;
	display: block;
}


.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap *:last-child{
	margin-bottom:0;

}

	
/* CAROUSEL FUNCTIONS */
.tp-carousel-wrapper {
	cursor:url(openhand.cur), move;
}
.tp-carousel-wrapper.dragged {
	cursor:url(closedhand.cur), move;
}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption {
	z-index:1
}

.tp_inner_padding {	
	box-sizing:border-box;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	max-height:none !important;	
}


.tp-caption {	
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;	
	position:absolute;
	-webkit-font-smoothing: antialiased !important;
}

.tp-caption.tp-layer-selectable {
	-moz-user-select: all;
	-khtml-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all;	
}

.tp-forcenotvisible,
.tp-hide-revslider,
.tp-caption.tp-hidden-caption {	
	visibility:hidden !important; 
	display:none !important
}

.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
	max-width: none !important
}






/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/
.rev_slider_wrapper	{ height: 590px;width:100%; }
.fullwidthabanner { background-color: #f6f6f6; }

.fullscreen-container {	
	position:relative;
	padding:0;
}


.fullwidthbanner-container{
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100%;
	position:relative;
}



/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/

.tp-static-layers				{	
	position:absolute; z-index:505; top:0px;left:0px}


.tp-caption .frontcorner		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcorner		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}

.tp-caption .frontcornertop		{
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #00A8FF;
	position: absolute;left:-40px;top:0px;
}

.tp-caption .backcornertop		{
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #00A8FF;
	position: absolute;right:0px;top:0px;
}
									
.tp-layer-inner-rotation {	
	position: relative !important;
}		


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{	
	width:100%; height:auto;
}


/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/

.rs-background-video-layer 		{	position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0;}

.tp-caption.coverscreenvideo	{	width:100%;height:100%;top:0px;left:0px;position:absolute;}
.caption.fullscreenvideo,
.tp-caption.fullscreenvideo		{	left:0px; top:0px; position:absolute;width:100%;height:100%}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}

.fullcoveredvideo video,
.fullscreenvideo video				{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}


.videoisplaying .html5vid .tp-poster	{	display: none}

.tp-video-play-button					{	
	background:#000;
	background:rgba(0,0,0,0.3);										
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	position: absolute;
	top: 50%;
	left: 50%;										
	color: #FFF;
	z-index: 3;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height:50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
	display: inline-block;	
	vertical-align: top;
	z-index: 4;
	opacity: 0;
	-webkit-transition:opacity 300ms ease-out !important;
	-moz-transition:opacity 300ms ease-out !important;
	-o-transition:opacity 300ms ease-out !important;
	transition:opacity 300ms ease-out !important;				
}
.tp-caption .html5vid					{	width:100% !important; height:100% !important;}									
.tp-video-play-button i 				{	width:50px;height:50px; display:inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important;}									
.tp-caption:hover .tp-video-play-button	{	opacity: 1;}
.tp-caption .tp-revstop					{	display:none; border-left:5px solid #fff !important; border-right:5px solid #fff !important;margin-top:15px !important;line-height: 20px !important;vertical-align: top; font-size:25px !important;}
.videoisplaying .revicon-right-dir		{	display:none}
.videoisplaying .tp-revstop				{	display:inline-block}

.videoisplaying  .tp-video-play-button			{	display:none}
.tp-caption:hover .tp-video-play-button 		{ 	display:block}

.fullcoveredvideo .tp-video-play-button			{	display:none !important}


.fullscreenvideo .fullscreenvideo video 		{	object-fit:contain !important;}

.fullscreenvideo .fullcoveredvideo video 		{	object-fit:cover !important;}

.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13, rgb(0,0,0)),color-stop(1, rgb(50,50,50)));	
	display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {	opacity: .9;}

.tp-video-button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	line-height:12px;
	font-size:12px;
	color:#fff;
	padding:0px;
	margin:0px;
	outline: none;
	}
.tp-video-button:hover 				{	cursor: pointer;}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 				{ 	padding:0px 5px;display:table-cell; }

.tp-video-seek-bar-wrap				{	width:80%}
.tp-video-vol-bar-wrap				{	width:20%}

.tp-volume-bar,
.tp-seek-bar						{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


.rs-fullvideo-cover					{	width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;}


.rs-background-video-layer video::-webkit-media-controls { display:none !important;}


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
.tp-dottedoverlay.twoxtwo				{	background:url(../assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(../assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(../assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(../assets/gridtile_3x3_white.png)}


/******************************
	-	SHADOWS		-
******************************/

.tp-shadowcover	{	width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;}
.tp-shadow1 {
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
	        box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);
}

.tp-shadow2:before, .tp-shadow2:after,
.tp-shadow3:before, .tp-shadow4:after
{
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 10px;
  left: 10px;
  width: 50%;
  top: 85%;
  max-width:300px;
  background: transparent;
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  box-shadow: 0 15px 10px rgba(0,0,0,0.8);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.tp-shadow2:after,
.tp-shadow4:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.tp-shadow5
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tp-shadow5:before, .tp-shadow5:after
{
	content:"";
    position:absolute; 
    z-index:-2;
    -webkit-box-shadow:0 0 25px 0px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    box-shadow:0 0 25px 0px  rgba(0,0,0,0.6);
    top:30%;
    bottom:0;
    left:20px;
    right:20px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}

/******************************
	-	BUTTONS	-
*******************************/

.tp-button{
	padding:6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:30px;
	cursor:pointer;
	color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
	font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
	text-decoration:none;
}

.tp-button.big	{	color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px;  line-height:57px !important; }


.purchase:hover,
.tp-button:hover,
.tp-button.big:hover {	background-position:bottom, 15px 11px}

	
/*	BUTTON COLORS	*/

.tp-button.green, .tp-button:hover.green,
.purchase.green, .purchase:hover.green			{ background-color:#21a117; -webkit-box-shadow:  0px 3px 0px 0px #104d0b;        -moz-box-shadow:   0px 3px 0px 0px #104d0b;        box-shadow:   0px 3px 0px 0px #104d0b;  }

.tp-button.blue, .tp-button:hover.blue,
.purchase.blue, .purchase:hover.blue			{ background-color:#1d78cb; -webkit-box-shadow:  0px 3px 0px 0px #0f3e68;        -moz-box-shadow:   0px 3px 0px 0px #0f3e68;        box-shadow:   0px 3px 0px 0px #0f3e68}

.tp-button.red, .tp-button:hover.red,
.purchase.red, .purchase:hover.red				{ background-color:#cb1d1d; -webkit-box-shadow:  0px 3px 0px 0px #7c1212;        -moz-box-shadow:   0px 3px 0px 0px #7c1212;        box-shadow:   0px 3px 0px 0px #7c1212}

.tp-button.orange, .tp-button:hover.orange,
.purchase.orange, .purchase:hover.orange		{ background-color:#ff7700; -webkit-box-shadow:  0px 3px 0px 0px #a34c00;        -moz-box-shadow:   0px 3px 0px 0px #a34c00;        box-shadow:   0px 3px 0px 0px #a34c00}

.tp-button.darkgrey,.tp-button.grey,
.tp-button:hover.darkgrey,.tp-button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey	{ background-color:#555; -webkit-box-shadow:  0px 3px 0px 0px #222;        -moz-box-shadow:   0px 3px 0px 0px #222;        box-shadow:   0px 3px 0px 0px #222}

.tp-button.lightgrey, .tp-button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey	{ background-color:#888; -webkit-box-shadow:  0px 3px 0px 0px #555;        -moz-box-shadow:   0px 3px 0px 0px #555;        box-shadow:   0px 3px 0px 0px #555}



/* TP BUTTONS DESKTOP SIZE */

.rev-btn,
.rev-btn:visited						{ 	outline:none !important; box-shadow:none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  font-family: "Roboto", sans-serif;  cursor: pointer;}

.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited			{ 	text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; }

.rev-btn.rev-withicon i					{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left:10px !important;}

.rev-btn.rev-hiddenicon i				{ 	font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left:0px !important; width:0px !important;  }
.rev-btn.rev-hiddenicon:hover i			{   opacity: 1 !important; margin-left:10px !important; width:auto !important;}

/* REV BUTTONS MEDIUM */
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited				{	 line-height: 36px; font-size: 14px; padding: 10px 30px; }

.rev-btn.rev-medium.rev-withicon i		{ 	font-size: 14px; top: 0px; }

.rev-btn.rev-medium.rev-hiddenicon i	{ 	font-size: 14px; top: 0px; }


/* REV BUTTONS SMALL */
.rev-btn.rev-small,
.rev-btn.rev-small:visited				{	line-height: 28px; font-size: 12px; padding: 7px 20px; }

.rev-btn.rev-small.rev-withicon i		{	font-size: 12px; top: 0px; }

.rev-btn.rev-small.rev-hiddenicon i		{ 	font-size: 12px; top: 0px; }


/* ROUNDING OPTIONS */
.rev-maxround 							{ 	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.rev-minround 							{ 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }	


/* BURGER BUTTON */
.rev-burger {
  position: relative;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 22px 0 0 14px;
  border-radius: 50%;
  border: 1px solid rgba(51,51,51,0.25);
  tap-highlight-color: transparent;
  cursor: pointer;
}
.rev-burger span {
  display: block;
  width: 30px;
  height: 3px;
  background: #333;
  transition: .7s;
  pointer-events: none;
  transform-style: flat !important;
}
.rev-burger span:nth-child(2) {
  margin: 3px 0;
}

#dialog_addbutton .rev-burger:hover :first-child,
.open .rev-burger :first-child,
.open.rev-burger :first-child {
  transform: translateY(6px) rotate(-45deg);
  -webkit-transform: translateY(6px) rotate(-45deg);
}
#dialog_addbutton .rev-burger:hover :nth-child(2),
.open .rev-burger :nth-child(2),
.open.rev-burger :nth-child(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  opacity: 0;
}
#dialog_addbutton .rev-burger:hover :last-child,
.open .rev-burger :last-child,
.open.rev-burger :last-child {
  transform: translateY(-6px) rotate(-135deg);
  -webkit-transform: translateY(-6px) rotate(-135deg);
}

.rev-burger.revb-white {
  border: 2px solid rgba(255,255,255,0.2);
}
.rev-burger.revb-white span {
  background: #fff;
}
.rev-burger.revb-whitenoborder {
  border: 0;
}
.rev-burger.revb-whitenoborder span {
  background: #fff;
}
.rev-burger.revb-darknoborder {
  border: 0;
}
.rev-burger.revb-darknoborder span {
  background: #333;
}

.rev-burger.revb-whitefull {
  background: #fff;
  border:none;
}

.rev-burger.revb-whitefull span {
	background:#333;
}

.rev-burger.revb-darkfull {
  background: #333;
  border:none;
}

.rev-burger.revb-darkfull span {
	background:#fff;
}


/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
	0% { opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% { opacity: 0;top: 50%;}
	100% { opacity: 0;top: 29%;}
}
@-moz-keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 50%;}
	50% {opacity: 0;top: 50%;}
	100% {opacity: 0;top: 29%;}
}
.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width:35px;
	height:55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *.active {
	color: #ffffff;
}
.rev-scroll-btn > *:hover,
.rev-scroll-btn > *:focus,
.rev-scroll-btn > *:active,
.rev-scroll-btn > *.active {
	filter: alpha(opacity=80);
}

.rev-scroll-btn.revs-fullwhite  {
	background:#fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;	
}

.rev-scroll-btn.revs-fulldark  {
	background:#333;
	border:none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;	
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: rev-ani-mouse 2.5s linear infinite;
	-moz-animation: rev-ani-mouse 2.5s linear infinite;
	animation: rev-ani-mouse 2.5s linear infinite;
}

.rev-scroll-btn.revs-dark {
	border-color:#333;
}
.rev-scroll-btn.revs-dark span {
	background: #333;	
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;	
	color: #FFF;  
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;	
	text-decoration: none;
	text-align: center;
	background-color: #000;	
	border-radius: 50px;	
	text-shadow: none;
	background-color: rgba(0, 0, 0, 0.50);
	width:60px;
	height:60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr	{	
	border-radius: 3px;		
}

.rev-cbutton-light	{	
	color: #333;  	
	background-color: rgba(255,255,255, 0.75);	
}

.rev-cbutton-light-sr	{		
	color: #333;  	
	border-radius: 3px;		
	background-color: rgba(255,255,255, 0.75);
}


.rev-sbutton {	
	line-height: 37px;	
	width:37px;
	height:37px;	
}

.rev-sbutton-blue	{	
	background-color: #3B5998
}
.rev-sbutton-lightblue	{	
	background-color: #00A0D1;
}
.rev-sbutton-red	{	
	background-color: #DD4B39;
}




/************************************
-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	visibility: hidden; width:100%; height:5px; /*background:url(../assets/timer.png);*/ background: #fff; background: rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px}
.tp-bannertimer.tp-bottom					{	top:auto; bottom:0px !important;height:5px}


/*********************************************
-	BASIC SETTINGS FOR THE BANNER	-
***********************************************/

 .tp-simpleresponsive img {
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-caption img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	zoom: 1;
}



/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(../assets/coloredbg.png) repeat}
.tp-caption.slidelink a span{	background:url(../assets/coloredbg.png) repeat}
.tp-shape {	width:100%;height:100%;}


/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{
	top:50%; left:50%;
	z-index:10000;
	position:absolute;
}

.tp-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background:url(../img/loading.gif) no-repeat center center;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-top:-20px;
	margin-left:-20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	
	background:url(../img/loading.gif) no-repeat 10px 10px;
	background-color:#fff;
	margin:-22px -22px;
	width:44px;height:44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}


.tp-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top:-20px;margin-left:-20px;
	background-color: #ff0000;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	border-radius: 100%;
	-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
	animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {-webkit-transform: scale(1.0); opacity: 0;}
}

@keyframes tp-scaleout {
  0% {transform: scale(0.0);-webkit-transform: scale(0.0);} 
  100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 0;}
}


.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {transform: scale(0.0);} 
  40% {transform: scale(1.0);}
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% {transform: scale(0.0);} 
  50% { transform: scale(1.0);}
}



/***********************************************
	-  STANDARD NAVIGATION SETTINGS 
***********************************************/


.tp-thumbs.navbar,
.tp-bullets.navbar,
.tp-tabs.navbar					{	border:none; min-height: 0; margin:0; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}

.tp-tabs,
.tp-thumbs,
.tp-bullets						{	position:absolute; display:block; z-index:1000; top:0px; left:0px;}

.tp-tab,
.tp-thumb 						{	cursor: pointer; position:absolute;opacity:0.5;  box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.tp-arr-imgholder,
.tp-videoposter,
.tp-thumb-image,
.tp-tab-image					{	background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;}

.tp-tab:hover,
.tp-tab.selected,
.tp-thumb:hover,
.tp-thumb.selected				{	opacity:1;}

.tp-tab-mask,
.tp-thumb-mask 					{	box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important}

.tp-tabs,
.tp-thumbs						{	box-sizing:content-box !important; -webkit-box-sizing:content-box !important; -moz-box-sizing: content-box !important}

.tp-bullet 						{	width:15px;height:15px; position:absolute; border: none !important; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;}
.tp-bullet.selected,
.tp-bullet:hover				{	background:#fff;}

.tp-bannertimer					{	background:#000; background:rgba(0,0,0,0.15); height:5px;}





/***************************
	- 3D SHADOW MODE -
***************************/

.dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);}

/*******************
	- DEBUG MODE -
*******************/

.hglayerinfo				   {	  position: fixed;
  bottom: 0px;
  left: 0px;
  color: #FFF;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.75);
  padding: 5px 10px;
  z-index: 2000;
  white-space: normal;}
.hginfo 					   { 	position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;}
.indebugmode .tp-caption:hover { 	border:1px dashed #c0392b !important;}
.helpgrid 					   { 	border:2px dashed #c0392b;position:absolute;top:0px;peft:0px;z-index:0 }
#revsliderlogloglog				{	padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;}


/*******************
	- LAYERS -
*******************/
.custom-caption {
	color: #fff;
	padding: 45px;
	z-index: 5;
	background-color:rgba(34, 34, 34, 0.65);
	border-top: 3px solid #808080;
}

.tp-caption .caption-title {
	white-space: normal;
	text-transform: uppercase;
	font-size: 28px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 22px;
	z-index: 7;
}

.tp-caption .caption-text {
	z-index: 7;
	white-space: normal;
	letter-spacing: 0;
	font-size: 18px;
	line-height: 30px;
	opacity: 0.85;
}

.tp-caption .button {
	-webkit-transition: all 0.2s ease-in-out!important;
	-moz-transition: all 0.2s ease-in-out!important;
	-ms-transition: all 0.2s ease-in-out!important;
	-o-transition: all 0.2s ease-in-out!important;
	transition: all 0.2s ease-in-out !important;
	margin-top: 28px;
}

.tp-caption .button:hover {
	background-color: #fff;
	color: #333;
}

.tp-bannertimer {display: none;}

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

- Revolution Slider 5.0 Navigatin Skin Style  -

 ZEUS SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
.tparrows						{	cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; }
.tparrows:hover 				{	background:#000;}

/* ARROWS */
.flex-next,
.zeus.tparrows {
  cursor:pointer;
  width:55px;
  height:80px;
  position:absolute;
  display:block;
  z-index:100;
  overflow:hidden;
  background: #fff;
}

.flex-next:before,
.zeus.tparrows:before {
  font-family: "fontawesome";
  font-size:36px;
  color:#333;
  display:block;
  line-height: 80px;
  text-align: center;    
  z-index:2;
  position:relative;
}
.zeus.tparrows.tp-leftarrow:before {
  content: "\f104";
  left: -1px;
}
.zeus.tparrows.tp-rightarrow:before {
  content: "\f105";
  right: -1px;
}

.zeus .tp-title-wrap {
	background: #0081db;
	width: 120%;
	height: 120%;
	top: 0;
	position: absolute;
	opacity: 0;
 }

.zeus .tp-title-wrap,
.tparrows:before {
	-webkit-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition:all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	-o-transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	-ms-transition:all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
	transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);
}

 .tparrows:hover:before { color: #fff; }

.zeus.tp-rightarrow.tparrows .tp-title-wrap { right: -110%; }
.zeus.tp-leftarrow.tparrows .tp-title-wrap { left: -110%; }

.zeus.tp-rightarrow.tparrows:hover .tp-title-wrap { right: 0; opacity:1; }
.zeus.tp-leftarrow.tparrows:hover .tp-title-wrap { left: 0; opacity:1; }
 



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

- Revolution Slider 5.0 Navigatin Skin Style  -

 HERMES SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/

/* BULLETS */
.hermes .tp-bullet {
    overflow:hidden;
    border-radius:50%;
    width:17px;
    height:17px;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #FFF;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position:absolute;
}

.hermes .tp-bullet:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.hermes .tp-bullet:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 0 1px #FFF;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.hermes .tp-bullet.selected:after {
  height:100%;
}


/* TABS */
.hermes .tp-tab { 
  opacity:1;  
  padding-right:10px;
  box-sizing:border-box;
 }
.hermes .tp-tab-image 
{ 
  width:100%;
  height:60%;
  position:relative;
}
.hermes .tp-tab-content 
{
    background:rgb(54,54,54); 
    position:absolute;
    padding:20px 20px 20px 30px;
    box-sizing:border-box;
    color:#fff;
  display:block;
  width:100%;
  min-height:40%;
  bottom:0px;
  left:-10px;
  }
.hermes .tp-tab-date
  {
  display:block;
  color:#888;
  font-weight:600;
  font-size:12px;
  margin-bottom:10px;
  }
.hermes .tp-tab-title 
{
    display:block;  
    color:#fff;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
   line-height:19px;
}

.hermes .tp-tab.selected .tp-tab-title:after {
    width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 30px 0 30px 10px;
  border-color: transparent transparent transparent rgb(54,54,54);
  content:" ";
    position:absolute;
    right:-9px;
    bottom:50%;
    margin-bottom:-30px;
}
.hermes .tp-tab-mask {
     padding-right:10px !important;
          }

/* MEDIA QUERIES */
@media only screen and (max-width: 960px) {
  .hermes .tp-tab .tp-tab-title {font-size:14px;line-height:16px;}
  .hermes .tp-tab-date { font-size:11px; line-height:13px;margin-bottom:10px;}
  .hermes .tp-tab-content { padding:15px 15px 15px 25px;}
}
@media only screen and (max-width: 768px) {
  .hermes .tp-tab .tp-tab-title {font-size:12px;line-height:14px;}
  .hermes .tp-tab-date {font-size:10px; line-height:12px;margin-bottom:5px;}
  .hermes .tp-tab-content {padding:10px 10px 10px 20px;}
}

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #8a803e;
}

mark.color {
  color: #fff;
}

small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {

}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: #666;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
a:hover,
a:focus {
  color: #666;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  color: #333;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #333;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 17px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 15px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17px;
  line-height: 30px;
  color: #888;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1240px) {
  .container {
    width: 1210px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


/* Reset & Forms*/
a { outline: none !important; }
a:focus,
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; }

img { max-width: 100%; }

input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
  padding: 12px 18px;
  outline: none;
  font-size: 15px;
  color: #909090;
  margin: 0 0 16px 0;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  font-weight: 500;
  border: 1px solid #e0e0e0;
  opacity: 1;
}

select { padding: 15px 18px; cursor: pointer; }

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
  color: #808080;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border: 1px solid #d8d8d8;
  opacity: 1;
}

input[type="submit"] {
  border: none;
  padding: 11px 18px;
  width: auto;
}

input[type="submit"]:hover {
  background-color: #262626;
  color: #fff;
}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #909090;
  opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #909090;
  opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #909090;
  opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #909090;
  opacity: 1;
}

textarea { min-height: 90px; transition: none !important; min-width: 100%; }


label,
legend {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 8px;
}

input {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

textarea {
  -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  -ms-transition: 0;
  transition: 0;
}

input[type="checkbox"] { display: inline; }

label span,
legend span {
  font-weight: normal;
  font-size: 14px;
  color: #444;
}

.pagination {
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}