/*
Theme Name: Industrix
Theme URI: http://themeforest.net/user/themehippo
Author: Theme Hippo
Author URI: http://themeforest.net/user/themehippo
Description: Industrix – is Creative Multi-purpose WordPress template. It developed with great attention to typography, usability & user-experience. Industirx is the greatest way to present your affort at the highest level. It is based on popular Twitter Bootstrap 3 framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, white, dark, light, left-sidebar, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready 
Text Domain: industrix
*/

/* Table of Contents
==================================================
# Global Styles
# WordPress Core

Home style one
----------------------
# Header style
# Slider style
# Service style
# Welcome Post
# Our Project
# Tab style
# Accordion
# Latest News
# Testimonial
# Our Partners

Home style two
-----------------------
# Slider
# Project style


Magazine Layout
-----------------------
# News ticker
# Slider
# Category Post
# Right Sidebar

Pages
-------------------------
# About us Page Style
# Service Page style
# Project page style 
# Pricing Table
# Blog page
# Blog Details page
# Support Policy
# FAQ Page
# Contact Page




  /* ==========================================================================
     Global Styles
     ========================================================================== */

body {
    background  : #f0f2f3;
    color       : #34404e;
    font-weight : 300;
    font-size   : 14px;
    font-family : "Roboto Condensed", Helvetica, Arial, sans-serif;
    line-height : 1.43;
}

button,
input,
select,
textarea {
    font-family : "Roboto Condensed", Helvetica, Arial, sans-serif;
}

a,
a:active,
a:focus,
a:active {
    outline         : none;
    text-decoration : none;
}

a {
    color              : #e74c3c;
    text-decoration    : none;
    -webkit-transition : all 0.2s ease 0s;
    -moz-transition    : all 0.2s ease 0s;
    -ms-transition     : all 0.2s ease 0s;
    -o-transition      : all 0.2s ease 0s;
    transition         : all 0.2s ease 0s;
}

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

strong {
    font-weight : 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top    : 0;
    margin-bottom : 10px;
    font-family   : "Roboto Condensed", Helvetica, Arial, sans-serif;
}

h2 {
    text-transform : uppercase;
    font-size      : 23px;
}

h4 {
    margin-top    : 10px;
    margin-bottom : 10px;
    font-size     : 16px;
}

img {
    max-width : 100%;
    height    : auto;
    border    : none;
}

ul {
    margin     : 0;
    padding    : 0;
    list-style : none
}

pre {
    border-radius : 0px;
}

.margin-top {
    margin-top : 15px
}

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

.vertical-margin {
    margin-top    : 15px;
    margin-bottom : 15px;
}

.no-gutter {
    padding-left  : 0;
    padding-right : 0;
}

.no-left-gutter {
    padding-left : 0;
}

.no-right-gutter {
    padding-right : 0;
}

.slider-wrapper .no-left-gutter{
    padding-left : 0;
}

.slider-wrapper .no-right-gutter{
    padding-right : 0;
}

/*
   * Remove text-shadow in selection highlight: h5bp.com/i
   * These selection rule sets have to be separate.
   * Customize the background color to match your design.
   */

::-moz-selection {
    background  : #b3d4fc;
    text-shadow : none;
}

::selection {
    background  : #b3d4fc;
    text-shadow : none;
}

/* Remove the gap between images, videos, audio and canvas and the bottom of
   ------------------------------------------------------------------------------*/

audio,
canvas,
img,
video {
    vertical-align : middle;
}

/* Remove default fieldset styles.
    ---------------------------------*/

fieldset {
    margin  : 0;
    padding : 0;
    border  : 0;
}

/* Allow only vertical resizing of textareas.
   ----------------------------------------------- */

textarea {
    resize : vertical;
}

/* Box shadow style
   ----------------------------------------------- */

.box-shadow-area,
.box-shadow,
.box-wrapper {
    position   : relative;
    background : #fff;
    box-shadow : 0 0 0 1px rgba(0, 0, 0, 0.06), 1px 1px #D8DADB, 2px 2px #D8DADB, 3px 3px #D9DBDC, 4px 4px #D9DBDC, 5px 5px #DADCDD, 6px 6px #DADCDD, 7px 7px #DADCDD, 8px 8px #DBDDDE, 9px 9px #DBDDDE, 10px 10px #DCDEDF, 11px 11px #DCDEDF, 12px 12px #DCDEDF, 13px 13px #DDDFE0, 14px 14px #DDDFE0, 15px 15px #DEE0E1, 16px 16px #DEE0E1, 17px 17px #DEE0E1, 18px 18px #DFE1E2, 19px 19px #DFE1E2, 20px 20px #E0E2E3, 21px 21px #E0E2E3, 22px 22px #E0E2E3, 23px 23px #E1E3E4, 24px 24px #E1E3E4, 25px 25px #E2E4E5, 26px 26px #E2E4E5, 27px 27px #E2E4E5, 28px 28px #E3E5E6, 29px 29px #E3E5E6, 30px 30px #E4E6E7, 31px 31px #E4E6E7, 32px 32px #E4E6E7, 33px 33px #E5E7E8, 34px 34px #E5E7E8, 35px 35px #E6E8E9, 36px 36px #E6E8E9, 37px 37px #E6E8E9, 38px 38px #E7E9EA, 39px 39px #E7E9EA, 40px 40px #E8EAEB, 41px 41px #E8EAEB, 42px 42px #E8EAEB, 43px 43px #E9EBEC, 44px 44px #E9EBEC, 45px 45px #EAECED, 46px 46px #EAECED, 47px 47px #EAECED, 48px 48px #EBEDEE, 49px 49px #EBEDEE, 50px 50px #ECEEEF, 51px 51px #ECEEEF, 52px 52px #ECEEEF, 53px 53px #EDEFF0, 54px 54px #EDEFF0, 55px 55px #EEF0F1, 56px 56px #EEF0F1, 57px 57px #EEF0F1, 58px 58px #EFF1F2, 59px 59px #EFF1F2, 60px 60px #F0F2F3;
}

.box-shadow-area,
.box-shadow,
.box-wrapper {
    /*width: 100%;
    height: 100%;
    display: block;*/
    /*overflow : hidden;*/
}

/* ==========================================================================
     Wordpress core
   ========================================================================== */

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

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

.aligncenter {
    display : block;
    float   : none;
    margin  : 0 auto
}

.floatleft {
    float : left
}

.floatright {
    float : right
}

/*Site Wrapper*/

.wrapper {
    overflow-x : hidden
}

/* ==========================================================================
     Header style
   ========================================================================== */

.header-top {
    padding : 40px 0 20px;
}

.css-panel .modal {
    z-index : 999999;
}

/* LOGIN REGISTER BUTTON ICON STYLE
  -------------------------------------*/
.login{
    margin: 0 5px;
}

.modal-button-icon {
    margin-top : 10px;
}

.modal-button-icon a {
    display            : inline-block;
    float              : left;
    overflow-y         : hidden;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    height             : 32px;
    border             : 1px solid #e5e5e5;
}

.modal-button-icon a:nth-child(2) {
    border-left : 0;
}

/* LOGIN REGISTER MODAL STYLE
  ----------------------------------- */

.modal-dialog {
    margin : 175px auto;
    width  : 350px;
}

.css-content-block {
    position      : relative;
    overflow      : hidden;
    padding       : 40px;
    height        : auto;
    border        : 0;
    border        : 1px solid #DADADA;
    border-radius : 0;
    border-radius : 0;
    background    : #fff;
    box-shadow    : 0 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow    : 0 0 0 10px rgba(0, 0, 0, 0.2);
    text-align    : left;
    font-size     : 12px;
}

button.close {
    position : absolute;
    top      : 10px;
    right    : 15px;
}

button.close:hover {
    color : #e74c3c;
}

.css-content-block h3 {
    margin         : 0;
    text-transform : uppercase;
    font-weight    : normal;
    font-size      : 18px;
    line-height    : 35px;
}

.css-note {
    padding   : 18px 0;
    font-size : 16px
}

.css-field,
#register-link,
.css-error-detail,
.css-error,
.css-note {
    overflow : hidden;
}

.login-username label,
.login-password label {
    float        : left;
    margin-right : 10px;
    width        : 68px;
    height       : 38px;
    line-height  : 38px;
}

.login-username input[type=text],
.login-password > input[type=password] {
    margin             : 0;
    padding            : 0;
    width              : 189px;
    height             : 34px;
    border             : 1px solid #dadada;
    border-radius      : 0;
    -webkit-box-shadow : none;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
    text-indent        : 5px;
    -webkit-transition : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition    : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -ms-transition     : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition      : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition         : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.login-remember label input {
    position : relative;
    top      : 2px;
}

.css-label, .css-input {
    float        : left;
    margin-right : 10px;
    width        : 68px;
    height       : 38px;
    line-height  : 38px;
}

.submit-btn {
    margin-top  : 10px;
    padding-top : 15px;
    border-top  : 1px solid #ddd;
    text-align  : center;
}

.submit-btn [type="submit"] {
    padding          : 8px 15px;
    border           : 0;
    border-color     : #e43725;
    border-radius    : 0;
    background-color : #e74c3c;
    box-shadow       : none;
    color            : #fff;
    font-size        : 14px;
}

.submit-btn [type="submit"]:hover {
    border-color     : #b62516;
    background-color : #df2e1b;
    color            : #fff;
}

.css-label, .css-input {
    float        : left;
    margin-right : 10px;
    width        : 68px;
    height       : 38px;
    line-height  : 38px;
}

.css-input input[type=text] {
    margin                   : 0;
    padding                  : 0;
    width                    : 189px;
    height                   : 34px;
    border                   : 1px solid #dadada;
    border-radius            : 0;
    box-shadow               : none;
    text-indent              : 5px;
    -webkit-transition       : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition          : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -ms-transition           : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition            : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition               : border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-webkit-boxshadow : none;
    -moz-webkit-boxshadow    : none;
    -ms-webkit-boxshadow     : none;
    -o-webkit-boxshadow      : none;
    webkit-boxshadow         : none;
}

.css-input input:focus {
    border-color : #e9322d;
}

.css-submit-btn {
    margin     : 10px 0 30px;
    padding    : 5px 0 0 0;
    border-top : 1px solid #ddd;
    text-align : center
}

.login-submit {
    padding-top : 10px;
    border-top  : 1px solid #ddd;
    text-align  : center;
}

.login-submit input {
    padding          : 8px 15px;
    border           : 0;
    border-color     : #e43725;
    border-radius    : 0;
    background-color : #e74c3c;
    box-shadow       : none;
    color            : #fff;
    font-size        : 14px;
}

.login-submit input:hover {
    border-color     : #b62516;
    background-color : #df2e1b;
    color            : #fff;
}



/*ml-language*/

#lang_sel{
    top:10px;
}

#lang_sel li{
    width:inherit;
}

#lang_sel a{
    display: inline-block;
    padding: 3px 10px;
    background: transparent;
    border:1px solid #e5e5e5;
}

#lang_sel a.lang_sel_sel{
    background-color: transparent;
}


#lang_sel ul ul{
    top: 31px;
    right: 0;
    left: inherit;
    text-align: right;
    height: 100%;
    width:44px;
    z-index: 99999;
}

#lang_sel ul ul li{
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

#lang_sel ul ul li:last-child{
    border-bottom: 0;
}

#lang_sel img.iclflag{
    top:0;
}


#lang_sel ul ul li a{
    border:0;
    display: block;
    line-height: 18px !important;
}

#lang_sel ul ul li a:hover{
    background: transparent;
}


/* Menu Style
   ===============================================*/

.mainnav {
    border        : 0 none;
    border-radius : 0;
    margin-bottom : 0;
}

.navbar-default {
    background-image  : linear-gradient(to bottom, #383838 0%, #2F2F2F 100%);
    background-repeat : repeat-x;
}

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

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color : #ebebeb;
}

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

.navbar-collapse {
    padding-right : 0;
    padding-left  : 0;

}

button.navbar-toggle {
    outline    : none;
    border     : none;
    background : #e74c3c;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background : #181818;
}

ul#css_ul {
    float   : none;
    padding : 0;
}

ul#css_ul li {
    margin     : 0;
    padding    : 10px;
    border     : 1px solid #eee;
    list-style : none outside none;
}

ul.nav.navbar-nav li:hover ul.level1.dropdown-menu {
    display : block;
}

ul.nav.navbar-nav li a {
    color          : #BEBEBE;
    text-transform : uppercase;
    font-weight    : 300;
    line-height    : 25px;
}

ul.nav.navbar-nav li a:hover,
ul.nav.navbar-nav li a:focus,
ul.nav.navbar-nav li a:active {
    background : #222;
    color      : #fff;
}

.navbar-nav li a {
    padding : 15px 20px;
}

.navbar-nav li a span {
    margin-left : 5px;
    font-size   : 14px;
}

.navbar-nav li a i {
    padding-right : 5px;
}

.navbar-nav li ul li {
    border-top : 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-nav li ul li:last-child {
    border-bottom : 1px solid rgba(0, 0, 0, 0.1) !important;
}

.navbar-nav li ul li a {
    display        : block;
    padding        : 10px 0px;
    color          : #222222 !important;
    text-transform : capitalize !important;
}

.navbar-nav li ul li a:hover {
    background : none !important;
    color      : #e74c3c !important;
}

div.mainnav ul.level1 {
    margin-top    : -1px;
    margin-left   : -1px;
    padding       : 0;
    border-radius : 0;
}

ul.nav.navbar-nav li ul.level1 {
    padding : 20px;
}

ul.nav.navbar-nav li ul.level1 li {
    width      : 200px;
    border-top : 1px solid #F2F2F2
}

ul.nav.navbar-nav li ul.level1 li:last-child {
    border-bottom : 1px solid #F2F2F2;
}

ul.nav.navbar-nav li ul.level1 li a {
    padding        : 10px 0px;
    color          : #222;
    text-transform : capitalize;
    font-size      : 13px;
    line-height    : 20px;
}

ul.nav.navbar-nav li ul.level1 li a:hover {
    background : #fff;
    color      : #e74c3c
}



/* Menu hover style
   ===============================================*/

li.dropdown {
    position : relative;
}

.submenu-inner > ul > li.dropdown span{
    position: absolute;
    right: 0;
    top: 15px;
}

/* 2nd label menu */

li.dropdown > .submenu-wrapper {
    position       : absolute;
    display        : block;
    left           : 0;
    z-index        : 999;
    pointer-events : none;

    top            : 55px; /* Will change on theme specific */
}

li.dropdown.has-megamenu > .submenu-wrapper {
    width : 100%
}

li.dropdown > .submenu-wrapper-topbottom > .submenu-inner-topbottom {

    opacity            : 0;

    -webkit-transform  : translateY(-100%);
    -moz-transform     : translateY(-100%);
    -ms-transform      : translateY(-100%);
    -o-transform       : translateY(-100%);
    transform          : translateY(-100%);

    /* Will change on theme specific */
    min-width          : 200px;

    /* Will change on theme specific */

    /*
    ease-in-out,
    easeOutBack   = cubic-bezier(0.175, 0.885, 0.32, 1.275)
    easeInOutCirc = cubic-bezier(0.785, 0.135, 0.15, 0.86)
    easeInOutBack = cubic-bezier(0.68, -0.55, 0.265, 1.55)
    */

    -webkit-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition    : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition     : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition      : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition         : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

li.dropdown:hover > .submenu-wrapper {
    pointer-events : auto;
}

li.dropdown:hover > .submenu-wrapper-topbottom > .submenu-inner-topbottom {
    background         : #FFFFFF;
    opacity            : 1;
    -webkit-box-shadow : 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow         : 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-transform  : translateY(0);
    -moz-transform     : translateY(0);
    -ms-transform      : translateY(0);
    -o-transform       : translateY(0);
    transform          : translateY(0);
}

li.dropdown.menu-animating > .submenu-wrapper {
    overflow : hidden;
}

/* 3rd label menu */

li.dropdown > .submenu-sub-wrapper {
    position       : absolute;
    left           : 100%;
    top            : -21px; /** default is 0px */
    display        : block;
    z-index        : 1000;
    width          : 100%;
    pointer-events : none;
    min-width      : 200px;
}

li.dropdown > .submenu-sub-wrapper-leftright > .submenu-sub-inner-leftright {

    opacity            : 0;
    -webkit-transform  : translateX(-100%);
    -moz-transform     : translateX(-100%);
    -ms-transform      : translateX(-100%);
    -o-transform       : translateX(-100%);
    transform          : translateX(-100%);

    /*
    ease-in-out,
    easeOutBack   = cubic-bezier(0.175, 0.885, 0.32, 1.275)
    easeInOutCirc = cubic-bezier(0.785, 0.135, 0.15, 0.86)
    easeInOutBack = cubic-bezier(0.68, -0.55, 0.265, 1.55)
    */

    -webkit-transition : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition    : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition     : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition      : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition         : all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

li.dropdown:hover > .submenu-sub-wrapper {
    pointer-events : auto;
}

li.dropdown:hover > .submenu-sub-wrapper-leftright > .submenu-sub-inner-leftright {
    opacity            : 1;
    -webkit-box-shadow : 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow         : 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-transform  : translateX(0);
    -moz-transform     : translateX(0);
    -ms-transform      : translateX(0);
    -o-transform       : translateX(0);
    transform          : translateX(0);
}

li.dropdown.menu-animating > .submenu-sub-wrapper {
    overflow : hidden;
}

li.dropdown > div > div ul {
    background : #FFFFFF;
    padding    : 20px;
}

.megamenu-widget .current-menu-parent {
    background : none;
    color:#df2e1b !important;
}

.current-menu-parent {
    background-color : transparent;
}

.current-menu-parent a {
    color : #FFFFFF !important;
}

.current-menu-parent .current-menu-item a,
.submenu-inner .current-menu-parent > a {
    color : #e74c3c !important;
}

.nav .menu-depth-0.open > a,
.nav .menu-depth-0.open > a:hover,
.nav .menu-depth-0.open > a:focus {
    background : #222 !important;
}

.nav .menu-depth-1.open > a,
.nav .menu-depth-1.open > a:hover,
.nav .menu-depth-1.open > a:focus {
    background : none !important;
}

/* MEGA MENU
  ================================================= */

li.has-megamenu {
    position : static;
}

li.has-megamenu .menu-label-1 {
    top   : 55px;
    width : 100%;
}

li.has-megamenu .menu-label-1 .megamenu-inner {
    width : 100%;
}

li.has-megamenu .megamenu-inner > ul {
    padding : 20px;
}

li.has-megamenu .megamenu-inner > ul > li {
    border : 0 !important;
}

li.has-megamenu .menu-label-1 .megamenu-inner > ul > li .container {
    width : 100%;
}

.nav.navbar-nav li ul.level1.dropdown-menu.mega-dropdown {
    position   : absolute;
    top        : 55px;
    left       : 0;
    box-sizing : border-box;
    padding    : 0;
}

.nav.navbar-nav li.mega-menu-holder {
    position : static;
}

.mega-dropdown .container {
    padding-top    : 20px;
    padding-bottom : 40px;
}

.mega-menu-item h2,
.megamenu-widget H2 {
    margin-bottom  : 20px;
    color          : #000000;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 14px;
    line-height    : normal;
}

.mega-item-text a.email {
    color          : #e74c3c !important;
    text-transform : lowercase !important;
}

.mega-item-text a.email:hover {
    background     : none !important;
    color          : #bf2718 !important;
    text-transform : lowercase !important;
}

.megamenu-widget ul {
    padding : 0 !important;
}

.megamenu-widget ul.sub-menu {
    padding-left : 20px !important;
}

.megamenu-widget ul.sub-menu li:last-child {
    border-bottom : 0px !important;
}

.megamenu-widget .menu-shortcode1-container,
.megamenu-widget .menu-shortcode2-container,
.megamenu-widget .menu-shortcode3-container,
.megamenu-widget .menu-shortcode4-container,
.megamenu-widget .menu-shortcode5-container {
    top      : 40px;
    position : relative;
}

/* Offcanvas Menu
===============================================*/

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    z-index          : 2;
    padding          : 10px;
    border-color     : #e74c3c;
    background-color : #e74c3c;
    color            : #fff;
}

.offcanvasmenu {
    clear : both;
}

.offcanvasmenu i.fa {
    margin : 0 5px;
}

.offcanvas-wrapper .sidebar-nav h2 {
    margin         : 0;
    padding        : 30px 0 10px 0;
    color          : #FFFFFF;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
    line-height    : 55px;
}

.offcanvas-wrapper .sidebar-nav > ul {
    padding : 24px 12px;
}

.offcanvas-wrapper .sidebar-nav li {
    margin-top : 0;
    border-top : 1px solid #333;
}

.offcanvas-wrapper .sidebar-nav li a {
    display   : inline-block;
    padding   : 10px 10px 10px 0;
    font-size : 14px;
}

.offcanvas-wrapper table {
    color : #FFFFFF;
}

.offcanvas-wrapper select {
    padding        : 4px 5px;
    width          : 100%;
    height         : 36px;
    background     : none;
    color          : #FFFFFF;
    text-transform : capitalize;
    font-weight    : normal;
    font-size      : 17px;
    font-family    : "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.offcanvas-wrapper .page-widget,
.offcanvas-wrapper .widget_recent_comments {
    padding : 0;
    color   : #FFFFFF;
}

.offcanvas-wrapper .page-widget h3,
.offcanvas-wrapper .widget_recent_comments h3 {
    padding : 30px 0 10px 0;
}

.offcanvas-wrapper .widget_recent_comments ul li a {
    color : #FFFFFF;
}

.offcanvas-wrapper select option {
    color : #2d2d2d;
}

.offcanvas-wrapper input {
    color : #FFFFFF;
}

.offcanvasmenu .textwidget {
    color : #FFFFFF;
}

.offcanvas-wrapper .sidebar-nav li a:hover {
    color : #bf2718;
}

.offcanvas-wrapper .sidebar-nav li.active > a,
.offcanvas-wrapper .sidebar-nav li.active > a:hover,
.offcanvas-wrapper .sidebar-nav li.active > a:focus {
    background-color : #181818;
    color            : #fff;
}

.offcanvas-wrapper .sidebar-nav li:first {
    border-top : 0;
}

.sidebar-nav {
    margin-bottom : 20px;
    padding-left  : 20px;
}

.list-group ul li {
    border-radius : 0;
    background    : transparent;
}

.content-scroller {
    visibility : hidden;
    overflow-x : hidden;
    overflow-y : scroll;
    width      : 100%;
    height     : 100%;
}

.offcanvas-content {
    visibility : visible;
}

.offcanvasmenu ul li,
.offcanvasmenu ul li a {
    color : #FFFFFF;
}

/* search style 
====================================================*/

.navbar-header {
    float : right;
}

.head-search, .navbar-toggle + .head-search {
    top   : 0;
    right : 0;
}

.head-search {
    position : relative;
    right    : 0;
    z-index  : 1000;
    float    : right;
    margin   : 0;
}

.head-search form {
    margin : 0;
}

.head-search label {
    display : none;
}

.head-search .search {
    position   : relative;
    background : rgba(0, 0, 0, 0.5);
}

.navbar-toggle {
    float         : left;
    margin        : 0;
    /*margin-left   : 10px;*/
    padding       : 0;
    border        : none;
    border-radius : 0px;
}

.navbar-toggle i.fa {
    display    : inline-block;
    padding    : 21px;
    background : #222;
    color      : #fff;
}

.navbar-toggle.collapsed i.fa {
    background : #363636;
}

.navbar-toggle i.fa:hover,
.navbar-toggle i.fa:focus,
.navbar-toggle i.fa:active,
.navbar-toggle i.fa:visited {
    background : #181818;
}

.head-search .search {
    background : rgba(0, 0, 0, 0.5);
}

.head-search .search .fa-search {
    position    : absolute;
    top         : 19px;
    left        : 20px;
    display     : block;
    color       : #ffffff;
    content     : "\f002";
    font-family : "FontAwesome";
}

.search input.form-control {
    position           : relative;
    margin             : 0;
    padding            : 0 15px 0 40px;
    width              : 0;
    height             : 55px;
    border             : 0;
    background         : rgba(0, 0, 0, 0);
    color              : #ffffff;
    line-height        : 15px;
    -webkit-transition : width 0.2s;
    -moz-transition    : width 0.2s;
    -ms-transition     : width 0.2s;
    -o-transition      : width 0.2s;
    transition         : width 0.2s;
}

.form-control {
    border-radius : 0
}

.head-search .form-control:hover,
.head-search .form-control:active,
.head-search .form-control:focus {
    box-shadow : none;
    color      : #ffffff;
}

.head-search .form-control:active,
.head-search .form-control:focus {
    width : 192px;
}

.text-input {
    position          : relative;
    top               : 0px;
    float             : left;
    padding           : 17px 10px;
    width             : 140px;
    height            : 55px;
    background        : rgba(0, 0, 0, 0.2);
    color             : #fff;
    -webkit-transform : translateZ(0);
}

.search-title-wrapper {
    margin-bottom : 10px;
}

/* social icon style
  ============================================== */

.social-icon {
    margin-top : 10px
}

.social-icon ul {

}

.social-icon ul li {
    float        : left;
    margin       : 0;
    padding      : 0;
    border-right : 1px solid #e5e5e5;
}

.social-icon ul li:last-child {
    border : 0;
}

.social-icon ul li a {
    display : block;
    height  : 32px;
}

/*  ANIMATED ICON
  ============================================== */

.customNavigation i.fa {
    width       : 24px;
    height      : 24px;
    line-height : 24px;
}

.icustomNavigation i.fa::before {
    font-size   : 14px;
    line-height : 24px;
}

.social-icon i.fa,
.modal-button-icon i.fa {
    width  : 32px;
    height : 32px;
}

.social-icon i.fa::before,
.modal-button-icon i.fa::before {
    font-size   : 14px;
    line-height : 32px;
}

.social-icon i.fa,
.modal-button-icon i.fa,
.customNavigation i.fa {
    position           : relative;
    z-index            : 1;
    display            : inline-block;
    overflow           : hidden;
    margin             : 0px;
    border-radius      : 1px;
    color              : #acacac;
    text-align         : center;
    cursor             : pointer;
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    -ms-transition     : all 0.5s;
    -o-transition      : all 0.5s;
    transition         : all 0.5s;
    -webkit-transform  : translateZ(0);
}

.social-icon i.fa::before,
.modal-button-icon i.fa::before,
.customNavigation i.fa::before {
    display                : block;
    border-radius          : 2px;
    speak                  : none;
    -webkit-font-smoothing : antialiased;
}

.social-icon i.fa::after,
.modal-button-icon i.fa::after,
.customNavigation i.fa::after {
    position       : absolute;
    display        : none;
    box-sizing     : content-box;
    width          : 100%;
    height         : 100%;
    content        : '';
    pointer-events : none;
}

.social-icon i.fa:hover,
.modal-button-icon i.fa:hover,
.customNavigation i.fa:hover {
    background : #df2e1b;
    color      : #fff !important;
}

.modal-button-icon i {
    color : #444444 !important;
}

.modal-button-icon i.fa:hover {
    color : #FFFFFF;
}

.social-icon i.fa:hover::before,
.modal-button-icon i.fa:hover::before,
.customNavigation i.fa:hover::before {
    -webkit-animation : toRightFromLeft 0.3s forwards;
    -moz-animation    : toRightFromLeft 0.3s forwards;
    animation         : toRightFromLeft 0.3s forwards;
}

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

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

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

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

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

/* ==========================================================================
     Slider style
   ========================================================================== */

.rev_slider_wrapper .navbar {
    margin : 0;
}

.bannercontainer {
    position : relative;
    padding  : 0;
    width    : 100%;
}

.banner {
    position : relative;
    width    : 100%;
}

.slider-caption {
    padding     : 10px;
    background  : rgba(0, 0, 0, 0.2);
    color       : #fff;
    font-weight : bold;
    font-size   : 36px;
    line-height : 36px;
}

.slider-caption2 {
    padding        : 10px;
    border         : 3px solid #fff;
    color          : #fff;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 36px;
    line-height    : 36px;
}

/* ==========================================================================
     Service style
   ========================================================================== */

.showcase {
    padding : 0 15px;
}

.showcase > div {
    background : #262626;
}

.showcase > div > div {
    padding : 0;
}

.showcase-right {
    margin-bottom : -5px;
}

.showcase-right ul.top-service-box {
    display    : inline-block;
    margin     : 0;
    padding    : 5px;
    background : #2d2d2d;
    list-style : none;

}

.showcase-right ul.top-service-box li {
    position           : relative;
    float              : left;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    margin             : 5px;
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -ms-transition     : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
    -webkit-transform  : translateZ(0);
    -moz-transform     : translateZ(0);
    -ms-transform      : translateZ(0);
    -o-transform       : translateZ(0);
    transform          : translateZ(0);
}

.showcase-right ul.top-service-box li:nth-child(1) {
    background : #afcea2;
}

.showcase-right ul.top-service-box li:nth-child(2) {
    background : #e4d082;
}

.showcase-right ul.top-service-box li:nth-child(3) {
    background : #d17383;
}

.showcase-right ul.top-service-box li:nth-child(4) {
    background : #798790;
}

.showcase-right ul.top-service-box li a {
    position           : absolute;
    bottom             : 10px;
    left               : 60px;
    padding            : 5px 10px;
    background         : rgba(0, 0, 0, 0.3);
    color              : #fff;
    text-transform     : uppercase;
    letter-spacing     : .5px;
    font-size          : 12px;
    opacity            : 0;
    -ms-filter         : alpha(opacity=0);
    filter             : alpha(opacity=0);
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -ms-transition     : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
}

.showcase-right ul.top-service-box li a:hover {
    background      : #fff;
    color           : #333;
    text-decoration : none;
}

.showcase-right ul.top-service-box li:hover {

}

.showcase-right ul.top-service-box li:hover a {
    left    : 20px;
    opacity : 1;
    filter  : alpha(opacity=100);
}

.showcase-right ul.top-service-box li:hover:nth-child(1) {
    z-index            : 999;
    -webkit-box-shadow : 0 0 0 12px #afcea2;
    -moz-box-shadow    : 0 0 0 12px #afcea2;
    box-shadow         : 0 0 0 12px #afcea2;
}

.showcase-right ul.top-service-box li:hover:nth-child(2) {
    z-index            : 999;
    -webkit-box-shadow : 0 0 0 12px #e4d082;
    -moz-box-shadow    : 0 0 0 12px #e4d082;
    box-shadow         : 0 0 0 12px #e4d082;
}

.showcase-right ul.top-service-box li:hover:nth-child(3) {
    z-index            : 999;
    -webkit-box-shadow : 0 0 0 12px #d17383;
    -moz-box-shadow    : 0 0 0 12px #d17383;
    box-shadow         : 0 0 0 12px #d17383;
}

.showcase-right ul.top-service-box li:hover:nth-child(4) {
    z-index            : 999;
    -webkit-box-shadow : 0 0 0 12px #798790;
    -moz-box-shadow    : 0 0 0 12px #798790;
    box-shadow         : 0 0 0 12px #798790;
}

.showcase-right ul.top-service-box li h2 {
    margin         : 0 0 10px;
    color          : rgba(255, 255, 255, 0.7);
    letter-spacing : 1px;
    font-size      : 24px;
}

.showcase-right ul.top-service-box li p {
    color          : #fff;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 14px;
}

/*service details */

.service-details-wrapper .single-service {
    padding : 20px;
}

/* ==========================================================================
     Welcome Post
   ========================================================================== */

.single-post-box img {
    width : 100%;
}

.single-post-box .readmore a {
    margin-top : 20px;
}

.welcome-text {
    padding : 20px;
}

.welcome-text h2 {
    margin-top     : 0;
    text-transform : uppercase;
    font-size      : 23px;
}

.welcome-text p {
    margin : 10px 0 7px;
}

/* ==========================================================================
     Our Project
   ========================================================================== */

.product-item {
    position : relative;
    margin   : 0 5px;
}

.product-slider {
    padding : 20px;
}

.lead-title {
    margin-bottom  : 15px;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 18px;
}

.lead-sub-title {
    display : block;
    margin  : 15px 0px 40px;

}

.single-item {
    position : relative;
    float    : left;
    margin   : 30px 1% 0;
    width    : 31.33%;
    height   : 270px;
}

.single-item img {
    height : 270px;
}

.product-content {
    position   : absolute;
    bottom     : 0;
    z-index    : 2;
    box-sizing : border-box;
    margin     : 15px 15px 0;
    padding    : 10px;
    background : #fff;
}

.product-content h4 a {
    color : #34404E;
}

.tab-area {
    overflow : hidden;
    padding  : 20px;
}

#portfolio,
#magazin,
#valu {
    overflow   : hidden;
    margin-top : 20px
}

#portfolio img,
#magazin img,
#valu img {
    float        : left;
    margin-right : 20px;
}

/* ==========================================================================
     Tab style
   ========================================================================== */

#tabs.home-tab {
}

#tabs.home-tab ul {
    margin-top   : -20px;
    margin-right : -20px;
    margin-left  : -20px;
    border       : medium none;
    background   : #f5f5f5;
}

#tabs.home-tab ul li a {
    border      : 0;
    color       : #34404e;
    font-size   : 16px;
    line-height : 27px;
}

#tabs.home-tab ul li a i.fa-briefcase,
.tab-area .panel-group .panel-title i.fa-briefcase {
    color : #8ebb80
}

#tabs.home-tab ul li a i.fa-folder,
.tab-area .panel-group .panel-title i.fa-folder {
    color : #80b9bb
}

#tabs.home-tab ul li a i.fa-heart,
.tab-area .panel-group .panel-title i.fa-heart {
    color : #dc7a7a
}

#tabs.home-tab ul li a:hover {
    border : 0;
}

#tabs.home-tab ul li.active a i.fa {
    color : #818790;
}

#tabs.home-tab ul li.active a {
    border        : 0;
    border-radius : 0;
    color         : #444;
}

.tab-pane h4 {
    font-size : 19px;
}

.tab-pane h5 {
    font-weight : 400;
    font-size   : 14px;
}

#valu div.progress {
    border-radius : 0px;
}

.progress-rapper .progress {
    border-radius : 0
}

.progress-rapper .progress label {
    box-shadow : none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color : #f5f5f5;
    text-decoration  : none;
}

.tab-content > .tab-pane {
    -webkit-transform : translateZ(0);
}

.tab-area .panel-group .panel-title > a:before,
.tab-area .panel-group .panel-title > a.collapsed:before {
    display : none;
}

/* ==========================================================================
    Accordion
   ========================================================================== */

.accordion-box {
    padding : 20px;
}

.accordion-box h3 {
    margin-bottom  : 10px;
    text-transform : uppercase;
}

.accordion-group {
    margin-bottom         : 2px;
    border                : 0px solid #e5e5e5;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-radius         : 0px;
}

div.panel.panel-default {
    position      : relative;
    margin        : 0;
    border        : 0 none;
    border-radius : 0;
    box-shadow    : none;
}

.panel-default > .panel-heading {
    border           : 1px solid #ddd;
    border-radius    : 0;
    background-color : #EFEFEF;
}

.panel-title > a {
    position    : relative;
    display     : block;
    padding     : 7px;
    color       : #555;
    font-weight : 500;
    font-size   : 14px;
}

.faq-wrapper .panel-title > a{
    font-size: 16px;
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:visited {
    color : #555;
}

.panel-title > a:before {
    position    : absolute;
    top         : 50%;
    right       : 10px;
    display     : block;
    margin-top  : -9px;
    width       : 14px;
    height      : 14px;
    color       : #bbb;
    content     : "\f146";
    text-align  : center;
    font-weight : 300;
    font-size   : 14px;
    font-family : FontAwesome;
    cursor      : pointer;
}

.panel-title > a.collapsed:before {
    position    : absolute;
    top         : 50%;
    right       : 10px;
    display     : block;
    margin-top  : -9px;
    width       : 14px;
    height      : 14px;
    color       : #bbb;
    content     : "\f0fe";
    text-align  : center;
    font-weight : 300;
    font-size   : 14px;
    font-family : FontAwesome;
    cursor      : pointer;
}


.panel-heading {
    padding : 0;
}

.panel-collapse {
    background : #f8f8f8;
}

.panel-body {
    border : 1px solid #ddd;
    padding: 9px 15px;
}

#accordion .readmore a {
    margin-top : 10px;
}

.faq-wrapper .panel-collapse{
    background: none;
}

.faq-wrapper .panel-body{
    border:0;
    padding:9px 0;
}

/* ==========================================================================
     Latest News
   ========================================================================== */

.latest-news-box {
    padding : 20px;
}

.latest-news-box h3,
.testimonial-box h3 {
    text-transform : uppercase

}

.latest-news .single-latest p {
    margin-right : 10px;
}

.single-latest img {
    float        : left;
    margin-right : 20px
}

.single-latest p {
    margin-bottom : 12px;
}

.single-latest p.date-meta {
    color     : #999999;
    font-size : 0.9em;
}

.single-latest h4 {
    margin         : 10px 0 5px;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
}

/* ==========================================================================
     Testimonial
   ========================================================================== */

.testimonial-box {
    padding : 20px;
}

.testimonial {
    margin-bottom : 33px;
    color         : #777777;
    font-weight   : 300;
    font-style    : italic;
    font-size     : 17px;
}

.testimonial p i {
    color      : #eee;
    text-align : left;
}

.testimonial-box img {
    float         : left;
    margin-right  : 10px;
    width         : 50px;
    border-radius : 3px;
}

.testimonial p {
    margin      : 0px 0 45px;
    line-height : 24px;
}

.testimonial-box .name {
    margin      : 0;
    font-weight : 400;
}

.testimonial-box p span.position {
    font-style : italic;
}

.testimonial-box .company {
    display   : block;
    font-size : 13px;
}

/* ==========================================================================
     Our Partners
   ========================================================================== */

.partners-caruosel-container {
    padding : 20px 0
}

.partners-caruosel-box h3 {
    margin         : 0;
    padding        : 15px 20px;
    border-bottom  : 1px solid #eee;
    background     : #F9F9F9;
    text-transform : uppercase;
    font-size      : 16px;
}

.partners-caruosel-box .customNavigation {
    top : 13px;
}

.client-carousel {
    overflow : hidden;
    padding  : 20px
}

.client-carousel ul {
}

.client-carousel ul li {
    float        : left;
    margin-right : 15px
}

/* ==========================================================================
     Footer style
   ========================================================================== */

.bottom-widget-wrapper {
    padding : 50px 20px 0px;
}

.bottom-widget-wrapper .textwidget p img {
    border : none !important;
}

.widget-title span {
    position      : relative;
    display       : block;
    margin-bottom : 25px;
    width         : 100%;
    color         : #eee;
    font-size     : 36px;
}

.widget-title span:after {
    position      : absolute;
    bottom        : -15px;
    left          : 0;
    width         : 20%;
    border-bottom : 1px solid #eee;
    content       : "";
}

.footer-widget {
    overflow       : hidden;
    padding-bottom : 12px
}

.bottom-widget-wrapper ul li {
    line-height : 24px;
}

.bottom-widget-wrapper ul li a {
    color          : #666666;
    text-transform : capitalize;
}

.bottom-widget-wrapper ul li a:hover {
    color : #e74c3c;
}

.custom-menu-widget {
    padding : 20px;
}

.custom-widget {
}

.custom-widget ul > li {
    line-height : 24px;
}

.custom-widget ul > li > a {
    color : #666666;
}

.custom-widget ul > li > a:hover {
    color           : #e74c3c;
    text-decoration : underline
}

.copyright {
    padding-left : 20px;
}

.copyright-text {
    overflow      : hidden;
    margin-bottom : 30px;
    background    : #f5f5f5
}

.left-copy-text {
    padding   : 20px 0;
    font-size : 12px
}

.custom-menu-widget i {
    color     : #eee;
    font-size : 36px;
}

.custom-menu-widget i:before {
    padding-bottom : 10px;
    border-bottom  : 1px solid #eee;
}

.custom-menu-widget i {
    display       : block;
    margin-top    : 25px;
    margin-bottom : 25px;
}

.widget-title {
    margin-bottom  : 10px;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 18px;
}

.footer-social {
    padding : 20px 20px 20px 0;
}

.widget_rotatingtweets_widget span {
    color : #63cdf1;
}

/* ==========================================================================
     HOME STYLE TWO
   ========================================================================== */

/* Slider style
  ========================================*/

.slid-bottom-promo {
    overflow   : hidden;
    padding    : 20px;
    background : #37373a;
    color      : #fff;
}

.slid-bottom-promo h2 {
    margin : 0;
}

.slid-bottom-promo .icon {
    float       : left;
    color       : #e74c3c;
    text-shadow : 1px 1px #1B1B1B, 2px 2px #1B1B1B, 3px 3px #1B1B1B, 4px 4px #1B1B1B, 5px 5px #1B1B1B, 6px 6px #1B1B1B, 7px 7px #1B1B1B, 8px 8px #1B1B1B, 9px 9px #1B1B1B, 10px 10px #1B1B1B, 11px 11px #1B1B1B, 12px 12px #1B1B1B, 13px 13px #1B1B1B, 14px 14px #1B1B1B, 15px 15px #1B1B1B, 16px 16px #1B1B1B, 17px 17px #1B1B1B, 18px 18px #1B1B1B, 19px 19px #1B1B1B, 20px 20px #1B1B1B, 21px 21px #1B1B1B, 22px 22px #1B1B1B, 23px 23px #1B1B1B, 24px 24px #1B1B1B, 25px 25px #1B1B1B, 26px 26px #1B1B1B, 27px 27px #1B1B1B, 28px 28px #1B1B1B, 29px 29px #1B1B1B, 30px 30px #1B1B1B, 31px 31px #1B1B1B, 32px 32px #1B1B1B, 33px 33px #1B1B1B, 34px 34px #1B1B1B, 35px 35px #1B1B1B, 36px 36px #1B1B1B, 37px 37px #1B1B1B, 38px 38px #1B1B1B, 39px 39px #1B1B1B, 40px 40px #1B1B1B, 41px 41px #1B1B1B, 42px 42px #1B1B1B, 43px 43px #1B1B1B, 44px 44px #1B1B1B, 45px 45px #1B1B1B, 46px 46px #1B1B1B, 47px 47px #1B1B1B, 48px 48px #1B1B1B, 49px 49px #1B1B1B, 50px 50px #1B1B1B, 51px 51px #1B1B1B, 52px 52px #1B1B1B, 53px 53px #1B1B1B, 54px 54px #1B1B1B, 55px 55px #1B1B1B, 56px 56px #1B1B1B, 57px 57px #1B1B1B, 58px 58px #1B1B1B, 59px 59px #1B1B1B, 60px 60px #1B1B1B, 61px 61px #1B1B1B, 62px 62px #1B1B1B, 63px 63px #1B1B1B, 64px 64px #1B1B1B, 65px 65px #1B1B1B, 66px 66px #1B1B1B, 67px 67px #1B1B1B, 68px 68px #1B1B1B, 69px 69px #1B1B1B, 70px 70px #1B1B1B, 71px 71px #1B1B1B, 72px 72px #1B1B1B, 73px 73px #1B1B1B, 74px 74px #1B1B1B, 75px 75px #1B1B1B, 76px 76px #1B1B1B, 77px 77px #1B1B1B, 78px 78px #1B1B1B, 79px 79px #1B1B1B, 80px 80px #1B1B1B, 81px 81px #1B1B1B, 82px 82px #1B1B1B, 83px 83px #1B1B1B, 84px 84px #1B1B1B, 85px 85px #1B1B1B, 86px 86px #1B1B1B, 87px 87px #1B1B1B, 88px 88px #1B1B1B, 89px 89px #1B1B1B, 90px 90px #1B1B1B, 91px 91px #1B1B1B, 92px 92px #1B1B1B, 93px 93px #1B1B1B, 94px 94px #1B1B1B, 95px 95px #1B1B1B, 96px 96px #1B1B1B, 97px 97px #1B1B1B, 98px 98px #1B1B1B, 99px 99px #1B1B1B, 100px 100px #1B1B1B;
    font-size   : 60px;
    line-height : 60px;
}

div.icon span {
    margin-right : 20px;
}

.slid-bottom-promo p {
    margin : 0 0 10px;
}

/* ==========================================================================
     Project style
   ========================================================================== */

.project-style2:nth-child(4),
.project-style2:nth-child(8),
.project-style2:nth-child(12),
.project-style2:nth-child(16) {
    padding-right : 15px;
}

.project-style2 img {
    min-height : 184px;
    width      : 100%;
}

.single-promo {
    padding    : 20px;
    min-height : 225px;
}

.single-promo a {
    display        : inline-block;
    margin-top     : 30px;
    padding-top    : 5px;
    border-top     : 2px solid #ddd;
    color          : #ed7669;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 12px;
}

.single-promo a:hover {
    color : #ddd;
}

/* ==========================================================================
     Magazine Layout
   ========================================================================== */

/*  Custom Page Header  */
.top-sidebar {
    padding    : 20px;
    background : #FFFFFF;
}

.top-sidebar img {
    margin    : 0 !important;
    padding   : 0 !important;
    max-width : 100% !important;
    border    : 0 !important;
}

.custom {
    padding    : 20px;
    background : #fff;
}

.css-magazine-featured {
    margin-bottom : 30px;
}

/* ==========================================================================
     News ticker
   ========================================================================== */

.ticker-wrapper {
    position         : relative;
    background-color : #fff;
    border-top       : 1px solid #dfdfdf;
    height           : 42px;
    clear            : both;
}

/*  MAIN CONTENT
------------------------*/

h2 {
    margin         : 0 0 10px;
    padding        : 0;
    text-transform : uppercase;
    line-height    : 1.275;
}

.magazine-layout {
    padding : 20px;
}

/* ==========================================================================
     Slider
   ========================================================================== */

.magazine-carousel {
    margin-bottom : 20px;
}

.magazine-slider .item img {
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    -ms-transition     : all 0.5s;
    -o-transition      : all 0.5s;
    transition         : all 0.5s;
}

.magazine-slider .item img:hover {
    -webkit-transform : scale(1.2);
    -moz-transform    : scale(1.2);
    -ms-transform     : scale(1.2);
    -o-transform      : scale(1.2);
    transform         : scale(1.2);
}

/*  Featured carousel Caption */

.carousel-caption {
    top        : 200px;
    right      : 15%;
    bottom     : inherit;
    left       : 20px;
    padding    : 20px;
    background : rgba(0, 0, 0, 0.50);
    text-align : left;
}

.carousel-caption h2 {
    text-align : left;
}

.carousel-caption h2 a {
    color     : #eee;
    font-size : 23px;
}

.carousel-caption h2 a:hover {
    color : #fff;
}

.carousel-caption .post-meta {
    margin : 10px 0px;
}

.carousel-caption .post-meta li,
.carousel-caption .post-meta a {
    color : #fff;
}

.carousel-caption .post-meta li .category a {
    border : 0;
}

/*  Featured carousel control */
.magazine-slider a.left.carousel-control,
.magazine-slider a.right.carousel-control {
    background : none;
}

.magazine-slider a.left.carousel-control {
    left : 100px;
}

.magazine-slider a.right.carousel-control {
    right : 100px;
}

.magazine-slider:hover a.left.carousel-control {
    left : 10px;
}

.magazine-slider:hover a.right.carousel-control {
    right : 10px;
}

.magazine-slider a.carousel-control {
    top         : 45%;
    width       : 34px;
    height      : 34px;
    text-align  : center;
    line-height : 34px;
    opacity     : 0;
}

.magazine-slider:hover a.carousel-control {
    opacity : 1;
}

.magazine-slider .left.carousel-control i,
.magazine-slider .right.carousel-control i {
    padding       : 5px;
    width         : 30px;
    height        : 30px;
    border-radius : 2px;
    background    : rgba(0, 0, 0, 0.5);
}

.magazine-slider .left.carousel-control i:hover,
.magazine-slider .right.carousel-control i:hover {
    background : #000000;
}

/* Recent News
===========================================*/
.recent-news-wrapper {
    margin-right : -15px;
    margin-left  : -15px;
}

.mag-featured {
    margin-bottom : 20px;
}

.recent-news-img {
    margin-bottom : 10px;
}

.recent-news-img img{
    width:100%;
}


h2 a {
    color : #34404e;
}

h2 a:hover {
    color : #e74c3c;
}

.recent-news .post-meta {
    margin : 0px 0 10px !important;
}

.recent-news h2 {
    font-weight : 400;
    font-size   : 14px;
}

.recent-news .post-meta ul li {
    margin-right  : 10px;
    margin-bottom : 3px;
}

/*  Featured right column */

.mag-right-column {
    padding : 15px;
    border  : 1px solid #eee;
}

.mag-right-column > h2 {
    display       : inline-block;
    margin-bottom : 10px;
    padding       : 5px 10px;
    background    : #e74c3c;
    color         : #fff;
    font-weight   : 400;
    font-size     : 14px;
}

.mag-right-item {
    padding       : 10px 0px 0px;
    border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}

.mag-right-item h2 {
    margin-bottom : 5px;
    font-weight   : 400;
    font-size     : 14px;
}

.mag-right-column .mag-right-item:last-child {
    border-bottom : 0px;
}

/*  extra css */
.pad-right-0 {
    padding-right : 0px;
}

#latest_post ul li a:hover, #most_read ul li a:hover {
    color : #e74c3c;
}

/* ==========================================================================
     Category Post
   ========================================================================== */

.mag-category {
    margin-bottom : 40px;
}

.mag-row {
    margin-bottom : 10px;
}

.mag-cat-title {
    margin-right  : -5px;
    margin-bottom : 40px;
    margin-left   : -5px;
    padding       : 0;
    border-top    : 1px solid #eee;
    border-bottom : 1px solid #eee;
    background    : #f5f5f5;
    font-size     : 18px;
}

.mag-cat-title a {
    display        : inline-block;
    padding        : 10px 20px;
    background     : #222222;
    color          : #ffffff;
    text-transform : uppercase;
}

.mag-cat-title a:hover {
    background : #e74c3c;
    color      : #FFF;
}

.mag-cat-post {
    margin-bottom : 30px;
}

.mag-cat-post h2 {
    margin-bottom : 5px;
    font-size     : 16px;

}

.mag-cat-post p {
    line-height : 1.428571429;
}

/* ==========================================================================
     Right Sidebar
   ========================================================================== */

.social-count-plus ul li {
    margin-bottom : 10px;
    padding       : 0 0 10px !important;
}

.social-count-plus .count {
    font-weight : 300 !important;
    font-size   : 18px !important;
}

.social-count-plus .vertical li {
    border-bottom : 1px solid #eee !important;
}

.social-count-plus .vertical li:last-child {
    border-bottom : 0px !important;
}

.social-count-plus .label {
    font-weight : 300 !important;
    font-size   : 14px !important;
}

.single-sidebar {
    margin : 0 0 20px;
}

.page-widget {
    margin-bottom : 27px;
}

.textwidget p {
    margin : 0;
}

.textwidget ul li {
    margin-bottom : 10px;
}

.pop-widget-tabs {
    overflow      : hidden;
    border        : 1px solid #eeeeee !important;
    border-bottom : none !important;
    background    : #f5f5f5;
}

ul.pop-widget-tabs li {
    margin  : 0 !important;
    padding : 0 !important;
    border  : none !important;

}

ul.pop-widget-tabs li a:hover,
ul.pop-widget-tabs li a.active,
ul.pop-widget-tabs li a:active,
ul.pop-widget-tabs li a:focus {
    background : #e74c3c !important;
    color      : #FFF !important;
}

ul.pop-widget-tabs li a {
    padding     : 5px 10px !important;
    border      : none !important;
    background  : none !important;
    text-align  : center;
    font-weight : 300 !important;
    font-size   : 14px !important;
    font-family : "Roboto Condensed", Helvetica, Arial, sans-serif !important;
}

div.pop-inside ul li:hover .pop-summary {
    color : #666666;
}

div.pop-inside ul li .pop-title {
    color       : #666666;
    font-weight : 400 !important;
    font-size   : 14px;
}

div.pop-inside ul li .pop-title:hover {
    color : #e74c3c;
}

div.pop-inside ul li .pop-summary:hover {
    color : #666666;
}

div.pop-inside ul li .pop-summary {
    display     : block;
    margin-top  : 10px;
    font-weight : 300;
    font-size   : 14px;
}

div.pop-inside ul li {
    margin        : 0;
    padding       : 15px 10px !important;
    border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}

div.pop-inside ul li:hover {
    background : transparent !important;
}

/*  sidebar social icon  */

.single-sidebar .mag-sc-item {
    padding-top    : 10px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #eee;
}

.single-sidebar .mag-sc-item:last-child {
    border-bottom : 0px;
}

.mag-sc-item a i.fa {
    float                  : left;
    margin-right           : 10px;
    width                  : 50px;
    height                 : 50px;
    border-radius          : 2px;
    color                  : #fff;
    text-align             : center;
    font-weight            : 300;
    font-size              : 25px;
    line-height            : 50px;
    -webkit-transition     : all .5s;
    -moz-transition        : all .5s;
    transition             : all .5s;
    -webkit-font-smoothing : antialiased;
}

.mag-sc-item a:hover span {
    color : #444;
}

.mag-sc-item a:hover i.fa {
    background-color : #666 !important;
}

.mag-sc-item a i.fa.fa-facebook {
    background-color : #4968a9;
}

.mag-sc-item a i.fa.fa-rss {
    background-color : #fd9f13;
}

.mag-sc-item a i.fa.fa-twitter {
    background-color : #11c2ea;
}

.mag-sc-item a i.fa.fa-youtube {
    background-color : #ce322e;
}

.mag-sc-item a i.fa.fa-vimeo-square {
    background-color : #1ab7ea;
}

.mag-sc-item a span.count {
    display     : block;
    overflow    : hidden;
    margin-top  : 10px;
    color       : #444;
    font-size   : 18px;
    line-height : 15px;
}

.mag-sc-item a span.text {
    display     : block;
    overflow    : hidden;
    margin      : 0;
    color       : #444;
    font-size   : 14px;
    line-height : 22px;
}

#latest_post:hover,
#latest_post:focus,
#latest_post:active,
#most_read:hover,
#most_read:focus,
#most_read:active {
    color : #e74c3c;
}

div.pop-inside {
    border: 1px solid #ddd !important;
    margin: -1px 0 0 0 !important;
    border-color: transparent #ddd #ddd #ddd !important;
}

/* ==========================================================================
     About us Page Style
   ========================================================================== */

.custom {
    /*background      : rgba(0, 0, 0, 0);*/
    padding-top    : 40px;
    padding-bottom : 40px;
}

.custom h1 {
    display        : inline-block;
    margin         : 20px;
    padding        : 20px;
    background     : rgba(0, 0, 0, 0.5);
    color          : #fff;
    text-transform : uppercase;
    font-weight    : 700;
    font-size      : 50px;
}

.breadcrumb-box {
    border-top : 1px solid #DFDFDF;

}

.breadcrumb {
    margin-bottom    : 0px;
    padding          : 10px 20px;
    border-radius    : 0px;
    background-color : #fff;
    list-style       : none outside none;
    list-style       : none outside none;
    font-size        : 12px;
}

div.left-about-sidebar.box-wrapper {
    padding : 20px;
}

.page-content, .post-content {
    padding : 20px;
}

.posts-content > article {
    padding : 25px 20px;
}

.entry-content > h2{
    margin: 0 0 30px;
}

.member-wrapper {
    overflow : hidden;
    margin   : 0 -15px;
}

.thumbnail {
    margin-bottom : 40px;
    padding       : 0;
    border        : 0 none;
    background    : rgba(0, 0, 0, 0);
    position: relative;
}

.thumbnail .caption h3 {
    margin    : 0;
    font-size : 14px;
}

.thumbnail .caption {
    position: absolute;
    background: #333;
    color: #FFF;
    padding: 5px 10px;
    display: inline-block;
    left: 10px;
    bottom: -20px;
    z-index: 3;
}

.thumbnail .caption p {
    margin : 0;
    text-transform: lowercase;
}

.team-social{
    position: absolute;
    right: 0;
    opacity: 0;
    top: 50%;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 2;
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition:all 400ms;
}

.thumbnail:hover .team-social{
    opacity: 1;
}

.team-social i{
    width: 24px;
    height: 24px;
    background: #e74c3c;
    text-align: center;
    line-height: 24px;
    color: #FFF;
    font-size: 11px;
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition:all 400ms;
}

.team-social i:hover{
    background: #333333;
}

.team-social li{
    padding: 0;
}

.thumbnail > img,
.thumbnail a > img {
    margin-bottom : 0;
}

.thumbnail:after{
    position: absolute;
    content: "";
    background: #333;
    opacity: 0;
    width: 90%;
    height: 90%;
    top: 0;
    left: 0;
    margin: 5%;
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -o-transition:all 400ms;
    transition:all 400ms;
}

.thumbnail:hover:after{
    opacity: 0.3;
}

.thumbnail:hover .caption{
    background: #e74c3c;
}

.page-sidebar {
    padding       : 20px;
}


.page-sidebar .textwidget img{
    width: 100%;
}

.single-about-sidebar {
    margin-bottom : 30px
}

.about-sidebar-title {
    margin         : 0 0 10px;
    margin-bottom  : 20px;
    padding        : 0;
    background     : rgba(0, 0, 0, 0);
    color          : inherit;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
}

.about-sidebar > ul {
    margin-left  : 20px;
    padding-left : 0;
}

.about-sidebar .project a {
    display    : inline-block;
    margin-top : 20px;
    padding    : 5px 0 5px;
    border-top : 2px solid #ddd;
}

.about-sidebar .project a:hover {
    color : #ddd;
}

.order-list {
    margin : 0 !important;
}

.order-list li:before {
    float        : left;
    margin-right : 10px;
    color        : #f29f97;
    content      : "\f05d";
    font-size    : 24px;
    font-family  : FontAwesome;
}

.order-list strong {
    display : block;
}

.order-list p {
    margin-left : 30px;
}

.project {
    margin : 0 !important;
}

.project li {
    display       : block;
    margin-bottom : 10px;
    padding       : 10px !important;
    border        : 1px solid #f1f2f3;
    list-style    : none outside none;
}

.project h4 {
    margin-top : 10px;
}

/* ==========================================================================
     Service Page style
   ========================================================================== */

.service-content {
    padding : 15px 0;
}

.single-services {
    margin-bottom : 30px
}

.single-services img {
    margin-bottom : 20px;
    border-radius : 2px;
    width: 100%;
}

.single-services h4 {
    text-transform : uppercase;
}

.single-services .readmore > a {
    margin-top : 15px;

}

/* ==========================================================================
     Project page style 
   ========================================================================== */

/*.entry-content {
    margin-bottom : 15px;
}*/

#filter {
    display    : block;
    overflow   : hidden;
    margin     : 0px 0px 30px 15px;
    padding    : 30px 0 0;
    width      : 100%;
    list-style : none outside none;
}

#filter li {
    float      : left;
    margin     : 0;
    padding    : 0;
    border     : 0;
    background : none;
}

#filter li a {
    display          : block;
    margin           : 0 3px 0 0;
    padding          : 3px 6px;
    border           : 1px solid #ddd;
    border-radius    : 1px;
    background       : #fafafa;
    color            : #333;
    font-size        : 15px;
    cursor           : pointer;
    -moz-user-select : none;
}

#filter li a:hover,
#filter li a.active {
    border-color : #333;
    background   : #333;
    color        : #fff;
}

/* project single content 
  ===============================================*/

.project-item .project-image-container {
    position : relative;
    overflow : hidden;
}

.project-image-container img {
    width         : 100%;
    border-radius : 3px;
}

.project-image-container {
    height : 100%;
    height : 100%;
}

.project-plus-btn {
    position           : absolute;
    top                : 50%;
    left               : 10%;
    opacity            : 0;
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    -ms-transition     : all 0.5s;
    -o-transition      : all 0.5s;
    transition         : all 0.5s;
    -webkit-transform  : translateZ(0);
}

.project-image-container:hover .project-plus-btn {
    left    : 37%;
    opacity : 1;
}

.project-link-btn {
    position           : absolute;
    top                : 50%;
    right              : 10%;
    opacity            : 0;
    -webkit-transition : all 0.5s;
    -moz-transition    : all 0.5s;
    -ms-transition     : all 0.5s;
    -o-transition      : all 0.5s;
    transition         : all 0.5s;
    -webkit-transform  : translateZ(0);
}

.project-image-container:hover .project-link-btn {
    right   : 37%;
    opacity : 1;
}

.project-plus-btn span a, .project-link-btn span a {
    position      : relative;
    top           : -100%;
    padding       : 8px 10px;
    border-radius : 3px;
    background    : #000;
    color         : #fff;

}

.project-plus-btn span a:hover,
.project-link-btn span a:hover {
    background : #fff;
    color      : #000;
}

.project-item .project-image-container:hover span {
    background : rgba(0, 0, 0, .2);
}

div.project-details {
    padding : 0 0 40px;
}

.project-details h2 {
    margin-top    : 20px;
    margin-bottom : 10px;
}

.project-details h2 a {
    color     : #222;
    font-size : 16px;
}

.project-details p {
    display : block;
    margin  : 10px 0;
}

.project-details a.readmore {
    display        : inline-block;
    display        : inline-block;
    margin-top     : 15px;
    padding-top    : 5px;
    border-top     : 2px solid #ddd;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 12px;
}

.project-details a.readmore:hover {
    color : #ddd;
}

/* Project Details Page 
===============================================*/

.project-details-wrapper .single-project {
    padding : 20px;
}

/* ==========================================================================
     Pricing Table
   ========================================================================== */

.pricing-table-wrapper {
    overflow       : hidden;
    padding-bottom : 40px;
}

.pricing-table-wrapper li {
    list-style : none;
}

.pricing-table-heading {
    margin    : 30px 0 50px;
    font-size : 36px;
}

/* dynamic pricing table 
  ================================================*/

ul.plan.text-center {
    margin     : 0;
    padding    : 0;
    border     : 2px solid #eee;
    text-align : center;
}

ul.plan.text-center.featured {
    position : relative;
}

ul.plan.text-center.featured:before {
    position    : absolute;
    top         : -10px;
    right       : 30px;
    color       : #cc0000;
    content     : "\f02e";
    font-size   : 30px;
    font-family : FontAwesome;
}

ul.plan.text-center li {
    padding       : 10px;
    border-bottom : 1px solid #eee;
    font-size     : 16px;
}

ul.plan.text-center li.plan-price p.plane-name {
    margin         : 0;
    padding        : 30px 10px 10px;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
}

ul.plan.text-center li.plan-price h2.plane-price {
    margin      : 0;
    padding     : 0 20px;
    font-weight : 700;
    font-size   : 48px;
}

ul.plan.text-center li.plan-price span.plane-duration {
}

ul.plan.text-center li.plan-action {
    padding : 30px 10px;
}

ul.plan.text-center li.plan-action a.btn {
    padding        : 10px 20px;
    border         : 0;
    border-radius  : 0;
    background     : #eee;
    color          : #34404E;
    text-transform : uppercase;
    font-size      : 18px;
}

ul.plan.text-center li.plan-action a.btn:hover {
    background : #ddd;
}

ul.plan.text-center.featured li.plan-action a.btn {
    background : #e74c3c;
    color      : #fff;
}

ul.plan.text-center.featured li.plan-action a.btn:hover {
    border     : 0 !important;
    background : #ddd;
    color      : #222;
}

.less-border-top {
    border-top : 0;
}

.less-border-bottom {
    border-bottom : 0;
}

.less-border-left {
    border-left : 0;
}

.less-border-right {
    border-right : 0;
}

p.blank-space {
    display : block;
    height  : 5px;
}

/* static pricing table 
  ==============================================*/

#pricing-table > div > div {
    margin : 0;
}

#pricing-table .box-wrapper {
    padding : 0;
}

h1.pricing-table-static {
    margin-bottom : 40px;
}

ul.static-plan.text-center {
    border : 2px solid #ddd;
}

ul.static-plan.text-center li {
    padding       : 10px 20px;
    border-bottom : 1px solid #eee;
    text-align    : center;
    font-size     : 16px;
}

ul.static-plan.text-center li.yes {
}

ul.static-plan.text-center li.no {
    color           : #999;
    text-decoration : line-through
}

ul.static-plan.text-center li.row0 {
}

ul.static-plan.text-center li.row1 {
    background : #f7f7f7;
}

ul.static-plan.text-center li.plan-price {
    margin     : -2px -2px 0;
    padding    : 10px 20px;
    background : #666;
    color      : #fff;
}

ul.static-plan.text-center.featured {
    position           : relative;
    z-index            : 9999;
    margin-top         : -10px;
    margin-left        : -2%;
    width              : 104%;
    border             : 0;
    -webkit-box-shadow : 0px 0px 0px 5px #aaa;
    -moz-box-shadow    : 0px 0px 0px 5px #aaa;
    box-shadow         : 0px 0px 0px 5px #aaa;
}

ul.static-plan.text-center.featured li.plan-price {
    margin     : 0px;
    padding    : 18px 20px;
    height     : 138px;
    background : #e74c3c;
    color      : #fff;
}

ul.static-plan.text-center li.plan-price h2.plane-name {
    margin-top    : 20px;
    margin-bottom : 10px;
    font-size     : 23px;
}

ul.static-plan.text-center li.plan-price span.plane-slogan {
    display     : block;
    margin      : 0 0 10px;
    font-weight : 300;
}

ul.static-plan.text-center li span.big-number {
    display   : inline-block;
    font-size : 70px;
}

ul.static-plan.text-center li span.big-number sup {
    top       : -1em;
    font-size : 28px;
}

ul.static-plan.text-center li.plan-action {
    margin     : -2px;
    padding    : 20px;
    border     : 2px solid #d5d5d5;
    background : #eee;
}

ul.static-plan.text-center.featured li.plan-action {
    margin        : 0px;
    padding       : 20px;
    border-right  : 0px;
    border-bottom : 0px;
    border-left   : 0px;
    background    : #eee;
}

ul.static-plan.text-center li.plan-action a.btn {
    padding       : 10px 20px;
    border        : 1px solid #ccc;
    border-radius : 0;
    background    : #fff;
    color         : #333;
    font-size     : 18px;
}

ul.static-plan.featured li.plan-action a.btn {
    background : #e74c3c;
    color      : #fff;
}

ul.static-plan.text-center li.plan-action a.btn:hover {
    border     : 1px solid #adadad;
    background : #ebebeb;
}

ul.static-plan.featured li.plan-action a.btn:hover {
    background : #FFFFFF;
    color      : #333333;

}

.no-padding {
    padding : 0;
}

#pricing .box-wrapper {
    overflow : hidden;
    padding  : 20px;
}

.alert.alert-warning {
    border-radius : 0px;
}

/* ==========================================================================
     Blog page
   ========================================================================== */

.main-content article.post,
.main-content article.attachment {

    border-bottom : 1px solid #eeeeee;
}

.main-content article.attachment {
    margin-bottom : 35px;
}

.blog-wrapper article.page {
    border-bottom : 1px solid #eeeeee;
    margin-bottom : 35px;
}

.main-content article:last-child.post {
    border-bottom : 0;
}

.blog-content .article-title {
    margin-bottom : 5px;
}

.blog-item {
    overflow      : hidden;
    margin        : 0;
    padding       : 20px 0;
    border-bottom : 1px solid #eee;
    background    : #fff;
}

.post-thumb.floatleft img {
    max-width : 100%;
    width     : 100%;
}

.post-thumb {
    width : 100%;
}

.post-thumb.video {
    margin-bottom : 40px;
}

.post-thumb iframe {
    max-width : 100%;
    width     : 100%;
    height    : auto;
}

/*.post-thumb audio {
    display   : block;
    max-width : 100%;
    width     : 100%;
}*/

.post-thumb.audio {
    margin-bottom : 40px;
}

.less-mrg-left {
    margin-left : 0
}

/*.th_less_pad_left {
  	padding-left: 20px
  }*/

.entry-thumbnail.video .mejs-container {
    width       : 99% !important;
    height      : auto !important;
    padding-top : 57%;
}

.entry-thumbnail.video .mejs-overlay, .mejs-poster {
    width  : 100% !important;
    height : 100% !important;
}

.entry-thumbnail.video .mejs-mediaelement video {
    position : absolute;
    top      : 0;
    left     : 0;
    right    : 0;
    bottom   : 0;
    width    : 100% !important;
    height   : 100% !important;
}

/*.mejs-container {
    width: 100% !important;
    height: auto !important;
    padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}
.mejs-mediaelement video {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100% !important;
    height: 100% !important;
}*/

.less-mrg-right {
    margin-right : 0
}

.less-mrg-left {
    margin-left : 0
}

.less-pad-right {
    padding-right : 0
}

.less-pad-left {
    padding-left : 0
}

.article-title, .article-header h1 {
    margin : 0 0 5px;
}

.post h2.article-title a,
.readmore a,
.single-sidebar ul li.cat-item a {
    color : #e74c3c
}

.post h2.article-title a:hover,
.single-sidebar ul li.cat-item a:hover,
.single-sidebar ul li.current-cat a {
    color : #bf2718
}

.post-meta {
    margin-bottom : 20px;
}

.tags {
    border-bottom : 1px solid #eeeeee;
    margin-bottom : 20px;
    border-top    : 1px solid #eeeeee;
    padding       : 10px 0;
}

.tags a {
    display       : block;
    float         : left;
    padding       : 0px 3px;
    margin-right  : 5px;
    border        : 1px solid #f7f7f7;
    border-radius : 2px;
    color         : #999;
    font-size     : 13px;

}

.tags a:hover {
    background : #e74c3c;
    color      : #fff;

}

.post-meta ul li {
    display      : inline-block;
    margin-right : 15px;
    padding      : 2px 0;
    color        : #999;
    font-size    : 13px;
}

.post-meta ul li i {
    margin-right : 5px;
}

.post-meta ul li a {
    color : #999;
}

.post-meta ul li a:hover,
.post-meta ul li a:focus,
.post-meta ul li a:active {
    color           : #bf2718;
    text-decoration : none;
}

/* CATEGIRY STYLE */
.post-meta ul li .category a {
    display : inline-block;
    padding : 0px 3px;
}

.post-meta ul li .category a:hover {
    color   : #bf2718;
}

.post-meta ul li .author,
.post-meta ul li .date,
.post-meta ul li .comments {
}

/* --------------------------------------
    READ MORE
----------------------------------------- */
.readmore a {
    display        : inline-block;
    margin-top     : 30px;
    padding-top    : 5px;
    border-top     : 2px solid #ddd;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 12px;
}

.readmore a:hover {
    color : #ddd;

}

/* Post Formate style
=================================================*/

/* sticky post
  ------------------------------------------*/

.sticky-post h2 {
    position : relative;
    display  : inline-block;
    width    : 100%;
}

.sticky-post h2:before {
    position    : absolute;
    top         : 8px;
    right       : 0px;
    margin      : 0px;
    width       : 20px;
    height      : 20px;
    color       : #e74c3c;
    content     : "\f02e";
    font-size   : 15px;
    font-family : FontAwesome;
}

/* Block-quote post
----------------------------------------------*/

.entry-content blockquote,
.comment-content blockquote {
    margin      : 20px 0;
    border-left : 5px solid rgba(206, 206, 206, 0.96);
    background  : rgba(221, 221, 221, 0.2);
}

blockquote p:last-child {
    margin : 20px 0;
}

/* Password required post 
-----------------------------------------------*/

.post-password-required div > input {
    height : 40px;
}

.post-password-required div > span .btn-info {
    padding          : 0 30px;
    height           : 40px;
    border           : 0;
    border-radius    : 0;
    background-color : #e74c3c;
}

.post-password-required div > span .btn-info:focus {
    outline : none;
    border  : 0;
}

/*Embedded post
-----------------------------------------------*/
.hippo-oembed iframe {
    width : 100% !important;
}

.entry-content iframe {
    width         : 100% !important;
    border-radius : 0 !important;
    box-shadow    : none !important;
}

.entry-content iframe {
    width : 100% !important;
}

.entry-content table {
    margin : 20px 0;
    width  : 100%;
}

.comment-content table {
    margin-bottom : 20px;
    width         : 100%;
}

.entry-content table,
.comment-content table,
.entry-content table thead,
.comment-content table thead,
.entry-content table tbody,
.comment-content table tbody,
.entry-content table tbody tr,
.comment-content table tbody tr,
.entry-content table tbody tr td,
.comment-content table tbody tr td,
.entry-content table thead tr,
.comment-content table thead tr,
.entry-content table tfoot tr td,
.comment-content table tfoot tr td,
.entry-content table thead tr th,
.entry-content table tbody tr th,
.comment-content table thead tr th,
.comment-content table tbody tr th {
    padding : 8px 10px;
    border  : 1px solid #DDDDDD;
}

.entry-content ul {
    list-style          : disc;
    list-style-position : inside;
}

.entry-content ul li ul {
    padding-left : 20px;
}

.entry-content p cite {
    font-style : italic;
}

.entry-content p ins {
    background-color : rgba(254, 255, 0, 0.68);
    text-decoration  : none;
}

/* Gallery Post
------------------------------------------*/

dl.gallery-item {
    float   : left;
    padding : 0 20px;
    width   : 33%;
}

.entry-thumbnail.gallery {
    width : 100%;
}

.carousel-inner {
    -webkit-transform : translateZ(0);
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin-bottom : 0;
    min-height    : 168px;
    width         : 100%;
}

.gallery::before,
.gallery::after {
    display : table;
    content : " ";
}

.gallery::after {
    clear : both;
}

.gallery-columns-1 .gallery-item {
    width      : 100%;
    padding    : 15px;
    border     : 1px solid #ddd;
    margin     : 15px 5px;
    min-height : 310px;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
    float   : left;
    padding : 15px;
    border  : 1px solid #ddd;
    margin  : 15px 5px;
}

.gallery-columns-2 .gallery-item {
    width      : 48.75%;
    min-height : 310px;
}

.gallery-columns-3 .gallery-item {
    width      : 32%;
    min-height : 310px;
}

.gallery-columns-4 .gallery-item {
    width      : 23.75%;
    min-height : 265px;
}

.gallery-columns-5 .gallery-item {
    width      : 18.75%;
    min-height : 240px;
}

.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
    float   : left;
    padding : 5px;
}

.gallery-columns-6 .gallery-item {
    width  : 16.66%;
    height : 210px;
}

.gallery-columns-7 .gallery-item {
    width  : 14.28%;
    height : 200px;
}

.gallery-columns-8 .gallery-item {
    width  : 12.5%;
    height : 200px;
}

.gallery-columns-9 .gallery-item {
    width  : 11.11%;
    height : 215px;
}

/* Gallery Post
------------------------------------- */
.blog-carousel .left.carousel-control {
    background : transparent;
    top        : 44%;
}

.blog-carousel .right.carousel-control {
    background : transparent;
    top        : 44%;
}

.blog-carousel.carousel-control {
    text-shadow : none;
}

.blog-carousel .left.carousel-control i,
.blog-carousel .right.carousel-control i {
    padding       : 5px;
    width         : 30px;
    height        : 30px;
    border-radius : 2px;
    background    : rgba(0, 0, 0, 0.5);
}

.blog-carousel .left.carousel-control i:hover,
.blog-carousel .right.carousel-control i:hover {
    background : #000000;
}

/* Link post
--------------------------------------*/
.format-link .entry-content p {
    background : rgba(221, 221, 221, 0.44);
    padding    : 50px 15px;
    font-size  : 2em;
    margin     : 2px;
}

/* Format Chat  
-------------------------------------*/
.format-chat .entry-content p {
    position      : relative;
    padding       : 15px 0 15px 35px;
    margin        : 0;
    border-bottom : 1px dashed rgba(0, 0, 0, 0.1);
}

.format-chat .entry-content p:before {
    position      : absolute;
    content       : "\f0e6";
    left          : 2px;
    top           : 15px;
    font-family   : fontawesome;
    border-right  : 1px solid #ddd;
    padding-right : 8px;
    color:#9E9E9E;
}

.format-chat .entry-content p:nth-child(even) {
    background : #FAFAFA
}

.format-chat .entry-content p:nth-child(odd) {
    background : #FFFFFF
}

/* Audio Playlist
------------------------------------*/
.wp-playlist-current-item {
    height : 80px;
}

/* Image caption post
------------------------------------*/
.wp-caption-text,
.wp-caption-text.gallery-caption {
    padding    : 5px;
    background : rgba(221, 221, 221, 0.1);
    border     : 1px solid #ddd;
}

/* left Sidebar
=======================================*/
.blog-left-sidebar {
    position : relative;
    z-index  : 0;
}

.ls-content {
    position : relative;
    z-index  : 2;
}

/* Right Sidebar
=======================================*/
.blog-right-sidebar {
    display : inline-block;
}

.right_sidebar {
    padding : 20px;
}

.single-sidebar h2 {
    margin         : 0 0 10px;
    padding        : 0;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
}

.single-sidebar {
    overflow      : hidden;
    margin-bottom : 15px;
}

.single-sidebar ul li.cat-item:first-child {
    border-top : 0px;
}

.single-sidebar ul li.cat-item {
    padding-left : 0px;
}

.single-sidebar ul li.cat-item a {
    font-weight : 400;
}

.single-sidebar ul li.cat-item a:hover {
}

.single-sidebar ul li:hover a {
    color : #e74c3c;
}

.single-sidebar ul li:hover:before {
    color : #e74c3c;
}

.single-sidebar ul li {
    padding       : 7px 0;
    border-bottom : 1px solid #eee;
}

.single-sidebar ul li {
    position           : relative;
    margin-right       : 2px;
    color              : #999999;
    -webkit-transition : all 0.5s ease 0s;
    -moz-transition    : all 0.5s ease 0s;
    -ms-transition     : all 0.5s ease 0s;
    -o-transition      : all 0.5s ease 0s;
    transition         : all 0.5s ease 0s;
}

.single-sidebar.archived_articles li:before {
    position    : absolute;
    top         : 9px;
    left        : 0;
    content     : "\f192";
    font-family : "fontawesome";
}

.single-sidebar ul li a {
    color       : #666666;
    font-weight : 300;
}

.single-sidebar ul li > a:hover {
    color : #e74c3c;
}

.widget-area {
    overflow : hidden;
    padding  : 20px 5px 20px 5px;
}

.post-widget-text span{
    display: block;
    line-height: 13px;
    font-size: 12px;
    margin-bottom: 6px;
    color: #aaa;
    margin-top: 5px;
}

.tagcloud {
    clear : both;
    margin-top: 25px;
}

.tagcloud a {
    display       : block;
    float         : left;
    padding       : 3px 5px;
    border        : 1px solid #eee;
    border-radius : 2px;
    color         : #666666;
    font-weight   : 300;
    font-size     : 14px !important;
    margin        : 0 2px 3px;
}

.tagcloud a:hover {
    background : #e74c3c;
    color      : #fff;

}

.textwidget > p > a img, .textwidget > a img {
    width : 100%;
}

/* Text widget */
.widget_archive, .widget_calendar, 
.hippo_recent_posts_widget,
.widget_categories, .widget_pages,
.widget_meta, .widget_recent_comments, 
.widget_recent_entries,
.widget_rss, .widget_search, 
.widget_text, .widget_tag_cloud, 
.widget_nav_menu, .popular-widget {
    margin-bottom : 40px;
}

.widget_recent_entries li, .widget_categories li, .widget_meta li {
    padding : 5px 0;
}

.popular-widget div.pop-inside {
    margin : 0;
}

.clear {
    clear : both;
}

h3.widget-title {
    margin         : 0 0 10px;
    padding        : 0;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
}

.textwidget > p + img, 
.textwidget > p:first-child > img {
    margin-top    : 10px;
    margin-bottom : 20px;
    width         : 100%;
    background    : #fff;
    text-align    : center
}

.textwidget iframe {
    width : 100% !important;
}

.primary-sidebar div ul li {
    padding       : 10px 0;
    border-bottom : 1px solid #eee;
}

.primary-sidebar div ul li:first-child {
    border-top : 0px;
}

.primary-sidebar div ul li a {
    color       : #666666;
    font-weight : 300;
    font-size   : 14px;
}

.primary-sidebar div ul li a:hover {
    color : #bf2718;
}

.cat-item > ul, .page_item > ul {
    padding-left : 30px !important;
}

.cat-item ul > li:last-child, .page_item ul > li:last-child {
    border-bottom : 0px !important;
}

.menu-item > ul.sub-menu {
    padding-left : 20px;
}

.menu-item > ul.sub-menu > li:last-child {
    border-bottom : 0px;
}

.widget select {
    padding    : 4px 5px;
    width      : 100%;
    height     : 36px;
    background : none;
    font-size  : 17px;
}

.single-sidebar select,
.primary-sidebar select {
    padding    : 4px 5px;
    width      : 100%;
    height     : 36px;
    background : none;
    font-size  : 17px;
}

.single-sidebar select:focus,
.primary-sidebar select:focus {
    border-color : #bf2718;
    background   : none;
}

.widget_categories ul li a {
    text-transform : capitalize;
    font-weight    : normal;
}

.widget_categories ul li a:hover {
    color : #bf2718 !important;
}

.widget_categories ul li {
    color       : #e74c3c !important;
    font-weight : 300;
}

.single-sidebar select,
.widget_categories select,
.widget_archive select,
.textwidget select {
    border         : 1px solid #ddd;
    color          : #666666;
    text-transform : capitalize;
    font-weight    : normal;
    font-family    : "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.single-sidebar select:focus,
.widget_categories select:focus,
.widget_archive select:focus,
.textwidget select:focus {
    outline : none;
}

.single-sidebar select option,
.widget_categories select option,
.widget_archive select option,
.textwidget select option {
    color       : #666666;
    font-weight : normal;
}

#wp-calendar {
    width : 100%;
}

table#wp-calendar,
#wp-calendar thead,
#wp-calendar tbody,
#wp-calendar tbody tr,
#wp-calendar tbody tr td,
#wp-calendar thead tr,
#wp-calendar tfoot tr td,
#wp-calendar thead tr th {
    padding    : 5px;
    border     : 1px solid #DDDDDD;
    text-align : center;
}

#wp-calendar caption {
    margin-bottom  : 10px;
    padding-top    : 10px;
    padding-bottom : 10px;
    border-top     : 1px dotted #666666;
    border-bottom  : 1px dotted #666666;
    font-size      : 16px;
}

#wp-calendar a {
    color       : #e74c3c;
    font-weight : bold;
}

.widget_categories ul li:hover,
.widget_categories ul li:hover a {
    color : #bf2718;
}

.widget_rss ul li {
    margin-bottom : 20px;
}

.widget_rss ul li a.rsswidget {
    font-weight : bold;
}

.widget_pages ul li a {
    text-transform : uppercase !important;
}

span.rss-date {
    display : block;
}

#recentcomments a.url {
    text-transform : uppercase;
    font-weight    : bold;
}

a.rsswidget {
    margin-right : 2px;
    color        : #666666;
}

form.search-form {
    position : relative;
    padding  : 0px 10px;
    width    : 100%;
    height   : 40px;
    border   : 1px solid #EBEBEB
}

form.search-form input.search-field {
    height     : 38px;
    border     : medium none !important;
    background : transparent;
    width      : 100%;
    width      : 92%;
    padding    : 0 10px;
}

.search-form label {
    font-weight : 300;
    width       : 100%;
    position    : absolute;
    left        : 0;
}

span.screen-reader-text {
    display : none;
}

:focus {
    outline : 0px;
}

form.search-form input.search-submit {
    position    : absolute;
    right       : 10px;
    float       : right;
    margin-top  : 12px;
    width       : 17px;
    height      : 17px;
    border      : none;
    background  : url("img/search.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    text-indent : -999999px;
}

form.search-form input.search-field::-webkit-input-placeholder,
form.search-form input.search-field::-moz-placeholder,
form.search-form input.search-field:-moz-placeholder,
form.search-form input.search-field::-ms-input-placeholder,
form.search-form input.search-field::-o-input-placeholder {
    color       : #666666;
    font-weight : normal;
}

.widget_text strong {
    margin-bottom : 30px;
}

.text-widget {
    padding : 0px 0px 40px
}

.text-widget h2 {
    padding        : 0px 0px 10px;
    color          : #666666;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 18px;
}

.text-widget p {
    color     : #666666;
    font-size : 16px;
}

/* Recent post widget */
.recent-post-widget {
    padding : 0px 0px 40px
}

.recent-post-widget h2 {
    padding        : 0px 0px 10px;
    color          : #2d2d2d;
    text-transform : uppercase;
    font-weight    : bold;
    font-size      : 18px;
}

.recent-post-widget p {
    color     : #b0b0b0;
    font-size : 12px;
}

.recent-post-widget p a {
    color     : #2d2d2d;
    font-size : 16px;
}

.recent-post-widget p a:hover {
    color : #f3eb2c
}

/*tab widget */
.tabs_widget .nav.nav-tabs {
    height         : 37px;
    border         : 0 none;
    background     : #eee;
    text-transform : uppercase;
    font-weight    : 400;
    font-size      : 16px;
}

.tabs_widget ul.nav li a {
    padding       : 8px 15px;
    border        : 0 none;
    border-radius : 0;
    font-weight   : 400;
    font-size     : 14px;
}

#latest_post ul li:hover a,
#most_read ul li:hover a {
    color : #666666;
}

#latest_post ul li a,
#most_read ul li a {
    font-size : 14px;
}

#latest_post ul li a:hover,
#most_read ul li a:hover {
    color : #e74c3c;
}

#latest_post .sidebar-meta,
#latest_post .sidebar-meta a,
#latest_post .sidebar-meta p,
#most_read .sidebar-meta,
#most_read .sidebar-meta a,
#most_read .sidebar-meta p {
    font-size : 13px;
}

.sidebar-meta i.fa {
    padding-right : 7px;
}

.sidebar-meta a {
}

.sidebar-meta p {
    display      : inline-block;
    padding-left : 5px;
    color        : #888888;
    font-size    : 12px;
}

.tabs_widget ul.nav li a:hover {
    border : 0;
}

.tab-pane .single-sidebar > h2 {
    display : none;
}

.tab-pane .single-sidebar > ul li {
    padding-left : 2px;
}

.tab-pane .single-sidebar > ul li:before {
    content : "";
}

.tabs_widget ul.nav li.active a {
    border        : 0;
    border-radius : 0;
    background    : #e74c3c;
    color         : #fff;
}

/*pagination */
.pagination {
    margin        : 30px 0 30px 25px;
    border-radius : 0;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius : 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color     : #e74c3c;
    background-color : #e74c3c;
}

.pagination:after, .pagination:before {
    clear : both;
}

.page-number > p {
    display          : inline-block;
    margin-top       : 50px;
    padding          : 6px 12px;
    border           : 1px solid #ddd;
    border-radius    : 0;
    background-color : #fff;
}

/* ==========================================================================
     Blog Details Page
   ========================================================================== */

.single-page-item {
    overflow : hidden;
}

.single-page-item .tagcloud {
    overflow       : hidden;
    margin         : 8px 0;
    margin-top     : 40px;
    margin-bottom  : 20px;
    padding-top    : 7px;
    padding-bottom : 2px;
    border-top     : 1px solid #eee;
    border-bottom  : 1px solid #eee;
}

.tagcloud p {
    margin : 0;
}

.single-page-item .tagcloud a {
    font-size : 100%;
}

.single-post .article-content {
    margin-top : 15px;
}

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

.img_caption {
    clear      : both;
    margin     : 0;
    margin-top : 1px !important;
    padding    : 5px;
    width      : 100%;
    background : #eee;
    color      : #666666;
    text-align : center;
    font-size  : 12px;
}

.article-content p {
    margin-top : 10px;
}

/* Next previoust post / Next previoust posts
  ==============================================*/
.next-previous-post {
    margin-top    : 50px;
    margin-bottom : 50px;
}

.next-previous-posts {
    margin : 25px 0;
}

.next-previous-post a:hover h2 {
    color : #e74c3c;
}

.previous-post {
    text-align : left;
}

/* next post */
.next-post {
    text-align : right;
}

.previous-btn a,
.next-btn a {
    color     : #888888;
    font-size : 14px;
}

.post-heading h2 {
    color     : #2D2D2D;
    font-size : 18px;
}

.about-author {
    padding : 0 20px;
}

/* comments style 
  =========================================*/
.bypostauthor > .comment {
    background    : #F5F5F5;
    border-bottom : 1px solid #F30000;
}

.page-comment-wrapper {

}

.page-comment-wrapper .comments-area {
    margin : 0;
}

.page-comment-wrapper .comments-area h3,
.post-comment-wrapper .comments-area h3 {
    margin-bottom : 20px;
}

.post-comment-wrapper {

}

.post-comment-wrapper .comments-area {
    margin : 0;
}

.comment-list li > div {
    border-bottom : 1px solid #ddd;
}

.comment {
    margin-bottom : 20px;
}

.comment-respond h3 {
    font-size : 24px;
}

ul.children {
    padding-left : 50px;
}

.comments-title {
    font-size : 24px;
    padding   : 20px 0;
}

span.reply a {
    padding          : 3px 10px;
    border-radius    : 0;
    background-color : #e74c3c;
    color            : #ffffff;
    line-height      : 22px;
}

span.reply a:hover {
    background-color : #bf2718;
}

.alert-info {
    border           : none;
    background-color : #f9f2f4;
    color            : #e74c3c;
}

.alert {
    border-radius : 0;
}

.form-control {
    box-shadow : none;
}

.form-control:focus {
    border-color : #e74c3c;
    box-shadow   : none;
}

.form-allowed-tags code {
    display       : block;
    margin        : 10px 0;
    padding       : 10px;
    border-radius : 0;
    color         : #e74c3c;
    white-space   : normal;
}

.form-submit {
    padding     : 20px 0px 30px;
    font-weight : 400;
}

.form-submit input,
.form-group input,
.form-group textarea {
    font-family : "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.form-submit .btn-lg {
    border-radius : 0px;
}

.form-submit .btn-danger {
    background-color : #e74c3c;
    color            : #FFFFFF;
}

.form-submit .btn-danger:hover {
    background : #df2e1b;
    color      : #fff;
}

input#submit:focus {
    outline    : none;
    box-shadow : none;
}

.comment-navigation .previous a,
.comment-navigation .next a {
    border-radius : 0;
}

/* Author Page 
================================================== */
.user-area {
    clear      : both;
    margin     : 0 0 50px 0;
    padding    : 50px;
    background : #f2f2f2;
    text-align : center;
}

.user-area img {
    display       : block;
    margin        : 0 auto;
    padding       : 4px;
    border        : 1px solid #ddd;
    border-radius : 50%;
    background    : #fff;
}

.user-area h2 {
    margin-top    : 29px;
    margin-bottom : 20px;
    color         : #e74c3c;
    font-weight   : 400;
    font-size     : 47px;
}

.user-description {
    padding : 7px 0;
}

span.user-email {
    font-weight : 400;
    font-size   : 20px;
}

.user-info {
    margin      : 8px 0 0 0;
    padding     : 4px 0;
    color       : #555;
    font-weight : bold;
    font-size   : 18px;
}

.user-info a {
    color : #e74c3c
}

.user-info a:hover {
    color           : #e74c3c;
    text-decoration : underline;
}

.user-url {
    display     : block;
    color       : #34404e;
    font-weight : 400;
    font-size   : 23px;
}

/* Archive page style 
========================================*/

.page-header {
    margin  : 0;
    padding : 0;
    border  : 0;
}

.archive-header {
    margin-bottom : 15px;
}

h1.page-title {
    margin  : 0;
    padding : 20px;
}

/* ==========================================================================
     Support Policy 
   ========================================================================== */
.support-wrapper {
    margin: -15px 0px;
}

.support-policy .policy-item {
    margin : 20px 5px;
    border : 1px solid #eeeeee;
}

.support-policy .policy-item .col-type {
    position      : relative;
    /*height: 100px;*/
    border-bottom : 1px solid #eeeeee;
    background    : #f7f7f7;
}

.support-policy .policy-item .col-type h3 {
    margin  : 0;
    padding: 20px;
}

.support-policy .policy-item .col-detail {
    height  : 200px;
    padding : 20px;
}

.support-policy .policy-item .col-level {
    height   : 80px;
    color    : #fff;
    position : relative;
}

.support-policy .policy-item .col-level .level-info {
    width    : 160px;
    position : absolute;
    left     : 0;
    bottom   : 0;
}

.support-policy .policy-item .col-level .level-info .count-up {
    width            : 80px;
    border-right     : 1px solid rgba(0, 0, 0, 0.2);
    background-color : rgba(0, 0, 0, 0.15);
    display          : table-cell;
    vertical-align   : middle;
    text-align       : center;
    font-size        : 18px;
    font-weight      : bold;
}

.support-policy .policy-item .col-level .face,
.support-policy .policy-item .col-level .count-up,
.support-policy .policy-item .col-level > strong {
    height      : 80px;
    line-height : 80px;
}

.support-policy .policy-item .col-level.level-1 strong {
    background : #3e9b52;
}

.support-policy .policy-item .col-level strong {
    width       : 100%;
    color       : #ffffff;
    display     : block;
    float       : left;
    font-weight : bold;
    font-size   : 18px;
    text-align  : center;
}

/*support policy style2
-----------------------------*/
.support-style {
    padding: 15px 0 50px;
}

.support-policy .row-heading {
    background : #444444;
    color      : #ffffff;
    overflow   : hidden;
}

.support-policy .row-heading > div {
    border-right : 1px solid #5e5e5e;
    /*font-size: 12px;*/
    font-weight  : bold;
    padding      : 20px;
}

.support-policy .row-heading > div {
    font-size : 15px;
    display   : table-cell;
}

.support-policy .row-body {
    display     : table;
    width       : 100%;
    border-left : 1px solid #eeeeee;
}

.support-policy .row-body:nth-child(even) {
    background : #FFFFFF
}

.support-policy .row-body:nth-child(odd) {
    background : #f7f7f7
}

.support-policy .row-body > div {
    display : table-cell;
    float   : none;
}

.support-policy .row-body .col-type {
    /*    background: #444444;
        color: #ffffff;*/
    font-size   : 16px;
    font-weight : bold;
    background  : transparent;
    color       : #34404e;
}

.support-policy .row-body > div {
    border-right   : 1px solid #eeeeee;
    border-bottom  : 1px solid #eeeeee;
    padding        : 10px 20px;
    vertical-align : middle;
}

.col-detail p {
    margin : 0;
}

.col-level {
    text-align : center;
}

.col-level .number {
    font-size  : 32px;
    text-align : center;
}

.support-policy .row-body.level-1 .col-status {
    background : #3e9b52;
}

.support-policy .row-body .col-status {
    border-bottom : 0;
}

.support-policy .row-body .col-status strong {
    color      : #ffffff;
    display    : block;
    padding    : 3px 0;
    text-align : center;
}

.support-policy .row-alt {
    background : #f7f7f7;
}

/* ==========================================================================
     FAQ Page
   ========================================================================== */

.faq-inner h2,
.faq h2 {
    margin-top     : 20px;
    margin-bottom  : 30px;
    text-transform : capitalize;
    font-size      : 35px;
}

.faq h3,
.faq-inner h3 {
    margin-top    : 20px;
    margin-bottom : 10px;
    font-size     : 19px;
}

#faq p {
}

.alert > p, .alert > ul {
    margin      : 0;
    line-height : 25px;
}

/* ==========================================================================
     Contact Page
   ========================================================================== */

.contact-map {
    padding : 20px
}

div#map-canvas {
    height : 350px;
}

.contact-wrapper {
    margin : 15px 0;
}

.contact-input-form {
    padding       : 30px;
    margin-bottom : 15px;
}

.contact h1 {
    margin-top : 0;
    font-size  : 36px;
}

label {
    font-weight : 300;
}

.star {
    color : #e74c3c;
}

.control-contact span,
.control-group span {
    width : 100%;
}

.control-contact span input,
.control-group span input {
    padding               : 0 10px;
    width                 : 100%;
    height                : 34px;
    border                : 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
}

.control-contact span input:focus,
.control-group span input:focus {
    border : 1px solid #e74c3c;
}

.control-group span textarea {
    padding               : 10PX;
    width                 : 100%;
    border                : 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
}

.control-group span textarea:focus {
    border : 1px solid #e74c3c;
}

contact-form-submit:focus {
    outline : none;
    color   : #e74c3c;
}

.contact-form .control-group input:focus {
    outline : none
}

.contact-form .control-group {
    padding : 0;
}

.contact-form .control-group textarea {
    padding : 10px;
    width   : 100%;
    height  : 200px
}

.contact-form .control-group textarea:focus {
    outline : none
}

div.contact-form-submit {
    margin : 30px 0px 0px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.subbtn {
    margin-top       : 20px;
    outline          : none;
    border-color     : transparent;
    border-radius    : 0px;
    background-color : #e74c3c;
    color            : #fff;
}

.subbtn:hover {
    background-color : #df2e1b;
    color            : #fff;
}

div.wpcf7-validation-errors {
    border     : 1px solid rgba(0, 0, 0, .1);
    background : #F1A5A5;
    color      : #FFF;
}

div.wpcf7-response-output {
    margin  : 30px 0 30px 0;
    padding : 10px;
}

.contact-page-sidebar {
    padding: 28px 15px;
    margin-bottom : 15px;
}

.contact-sidebar h3 {
    margin-bottom : 30px;
}

.contact-sidebar .textwidget p {
    margin-bottom : 15px;
}

#css-demo .product-item {
    position : relative;
    margin   : 3px;
}

#css-demo .product-item img {
    display       : block;
    width         : 100%;
    height        : 270px;
    border-radius : 3px
}

.product-item .single-product p {
    margin-bottom : 0;
}

.product-item .single-product .readmore a {
    margin-top : 30px;
}

span.wpcf7-not-valid-tip {
    position              : relative;
    top                   : 10px;
    padding               : 2px 8px;
    max-width             : 200px;
    width                 : 100%;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    border-radius         : 2px;
    background            : #DA2727;
    color                 : #FFFFFF;
}

span.wpcf7-not-valid-tip:before {
    position      : absolute;
    top           : -8px;
    left          : 5px;
    border-bottom : 8px solid #DA2727;
    border-left   : 10px solid transparent;
    content       : "";
}

/* 404
=================================*/
.not-found {
    margin-bottom : 15px;
    padding       : 20px;
}

/* SLIDER COTROIL NAVIGATION
  ------------------------*/

.customNavigation {
    position : absolute;
    top      : 15px;
    right    : 15px;
    cursor   : pointer;

}

.customNavigation a {
    display : inline-block;
    height  : 24px;
}

.customNavigation a.prev, /* for Previous Control */
.customNavigation a.next   /* for Next Control */
                       {
    float : right
}

/* HOME- PRODUCT
  --------------------------*/

.single-product {
    position   : absolute;
    right      : 10px;
    bottom     : 0;
    left       : 10px;
    z-index    : 999;
    padding    : 10px;
    background : #fff;
}

.product-slider h3 {
    margin-bottom : 32px;
}

.single-product h4 a {
    color : #34404e
}

.single-product .readmore a {
    float : left
}

.single-client {
}

.single-client img {
}

#client-demo .item {
    margin : 3px;
}

#client-demo .item img {
    display : block;
    width   : 100%;
}

.carousel-inner .item.active a img {
    -webkit-transition : width 1s ease, height 1s ease;
    -moz-transition    : width 1s ease, height 1s ease;
    -ms-transition     : width 1s ease, height 1s ease;
    -o-transition      : width 1s ease, height 1s ease;
    transition         : width 1s ease, height 1s ease;
}

/*Scroll Up
  ==============================================*/

#scrollUp {
    right         : 20px;
    bottom        : 40px;
    padding       : 2px 10px;

    width         : 32px;
    height        : 32px;
    border-radius : 1px;
    background    : #e74c3c;

    font-size     : 20px;

}

#scrollUp:before {
    position               : absolute;
    z-index                : 10;
    color                  : #fff;
    content                : "\f106";
    font-family            : FontAwesome;
    -webkit-font-smoothing : antialiased;

}

#scrollUp:hover {
    background : #2D2D2D;
}

#scrollUp:hover::before {
    -webkit-animation : toTopFromBottom 0.3s forwards;
    -moz-animation    : toTopFromBottom 0.3s forwards;
    animation         : toTopFromBottom 0.3s forwards;
}

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

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

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

/* =================================================
Shortcode Style
===================================================*/

/* button shortcode
--------------------------------*/
.btn-wrapper {
    margin: 15px 0px 40px;
}

.small-btn a {
    font-size   : 14px;
    font-weight : normal;
    padding     : 6px 15px;
}

.simple-btn a,
.medium-btn a,
.large-btn a,
.rounded-btn a,
.simple-icon-btn a {
    
}

.simple-btn a:hover,
.medium-btn a:hover,
.large-btn a:hover,
.rounded-btn a:hover,
.simple-icon-btn a:hover {
    opacity:0.8;
}

/*Medium simple btn*/
.medium-btn a {
    font-size   : 20px;
    font-weight : normal;
    padding     : 8px 25px;
}

/*Large simple btn*/
.large-btn a {
    font-size   : 30px;
    font-weight : normal;
    padding     : 10px 30px;
}

/*Rounded simple btn*/
.rounded-btn a {
    border-radius : 30px;
    padding       : 6px 20px;
}

.rounded-btn i {
    position : relative;
    left     : -8px;
}

/*Simple icon btn*/
.simple-icon-btn i {
    position : relative;
    left     : -3px;
}

/*Only border btn*/
.only-border-btn a {
    border     : 2px solid #e74c3c;
    background : transparent;
}

.only-border-btn a:hover {
    opacity: 0.8
}

.only-border-btn i {
    position : relative;
    left     : -3px;
}