/*
Theme Name: TC Heavico
Theme URI: https://themicart.com/heavico-wp/
Author: Themicart
Author URI: http://themicart.com/
Description: Heavico is a premium WordPress template, dedicated to powering any kind of industrial business website.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, threaded-comments, translation-ready
Text Domain: tc-heavico
Version: 1.0


/*******************************/

/* Heavico WordPress Theme */
/* by Themicart */

/*******************************/

    /* CSS STRUCTURE

    1. Normalize and General styles
    2. Header
        2.1. Second level Nav
        2.2. Header light version
        2.3. Subnav
        2.4. Subnav light version
    3. Sidebar
    4. Footer
    5. Home page elements
        5.1. Slider
        5.2. Top CTA section
        5.3. Services section
        5.4. Feature Boxes
        5.5. Gallery
        5.6. Latest News 
        5.7. Testimonials
        5.8. CTA footer
    6. About us page
    7. Project detail page
    8. Contact us page
    9. Blog page
    10. Shop page - WooCommerce
    11. Elements
        11.1. Form
        11.2. Checkbox
        11.3. Radio buttons
        11.4. Table
        11.5. Accordion
        11.6. Tabs
        11.7. Mobile menu button
        11.8. Slick slider
        11.9. Breadcrumbs
    12. Media queries


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
 


@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/HelveticaNeueW23-Reg.woff") format("woff"), url("fonts/HelveticaNeueW23-Reg.ttf") format("truetype"), url("fonts/HelveticaNeueW23-Reg.svg#HelveticaNeueLTArabic55Roman") format("svg");
}
@font-face {
    font-family: "HelveticaNeue";
    font-weight: bold;
    src: url("fonts/HelveticaNeueW23-Bd.woff") format("woff"), url("fonts/HelveticaNeueW23-Bd.ttf") format("truetype"), url("fonts/HelveticaNeueW23-Bd.svg#HelveticaNeueLTArabic55Roman") format("svg");
}

 
 
 

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body, html {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}



/*******************************/
/* 1. General styles*/
/*******************************/

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

:focus {outline:none;}

body {
    font-family: 'Kanit', sans-serif;
    color: #666;
    font-weight: 300;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .service-item a, .read-more, .read-more-dark {
    color: #333;
    text-decoration: none;   
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

h3, h4, h5, h6 {
    letter-spacing: 0.3px;
}

p, li {
    font-size: 1em;
    line-height: 1.7em;

}

p {
    margin: 0 0 20px 0;
}

h1 { font-size: 2em; }
h2 { font-size: 1.7411em; }
h3 { font-size: 1.5157em; }
h4 { font-size: 1.3195em; }
h5 { font-size: 1.1487em; }
h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.67em;
}

a {
    color: #555;
}

a:hover {
    color: #333;
}

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

a,
a:hover,
a:visited {
    text-decoration: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

section {
    padding: 80px 0;
}

.fa {
    color: #333;
}

ul li {
    list-style: none;
}

hr {
    margin: 15px 0;
    border-top: 1px solid #ddd;
}

strong {
    font-weight: 400;
    letter-spacing: 0.5px;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.sticky {
    display: block;
}

.gallery-caption {
    display: block;
}

.bypostauthor {
    display: block;
}

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

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

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


.content {
    margin: 80px 0;
}

.content.no-mrg {
    margin: 0;
}

.service-item a, .read-more, .read-more-dark {
    font-weight: 500;
}

.page-content p:first-child {
    margin-top: 0;
}

.page-content img {
    margin-bottom: 20px;
}

.page-content .notice-box {
    margin: 40px 0;
}

main ul,
.panel-body ul {
    padding-left: 20px;
}

main ul li:before,
.panel-body ul li:before {
    content: '';
    display: inline-block;
    position: relative;
    left: -20px;
    bottom: 2px;
    width: 7px;
    height: 7px;
    background: #009bdf;
}

.panel-body ul li:before {
    background: #999;
}

main ul li,
.panel-body ul li {
    line-height: 2em;
}

h4.box-heading {
    font-size: 1em;
}

.btn-read-more {
    font-size: .85em;
}

.btn-read-more {
    text-decoration: none;
}

.section-title, .section-title-light {
    margin: 16px 0;
}

.section-title-light {
    color: #ddd;
}

.divider-light,
.divider-dark {
    height: 1px;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.divider-light {
    background: #ddd;
}

.divider-dark {
    background: #555;
}

.divider-light::before,
.divider-dark::before {
    content: "";
    width: 70px;
    height: 4px;
    background: #009bdf;
    position: absolute;
    top: -3px;
}

.divider-bot-light,
.divider-bot-dark {
    width: 100%;
    margin: 0 0 5px 0;
    height: 1px;
}

.divider-bot-dark {
    background: #555;
}

.divider-bot-light {
    background: #ddd;
}

.section-footer {
    margin: 30px 0;
    text-align: right;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
}

.wrap {
    max-width: 1150px;
    margin: 0 auto;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.mrg-btm {
    margin-bottom: 20px;
}

.margin-top {
    margin-top: 40px;
}

.spacer-small {
    margin: 10px 0;
    height: 1px;
}

.spacer {
    margin: 20px 0;
    height: 1px;
}

.spacer-big {
    margin: 30px 0;
    height: 1px;
}

.no-top-mrg {
    margin-top: 0!important;
}

.mrg-mob {
    margin: 30px 0;
}

.btn {
    min-width: 150px;
    width: auto;
    padding: 15px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; 
    text-decoration: none;
    transition: 0.1s;
    border-radius: 3px;
    margin-top: 20px;
    margin-right: 5px;
    letter-spacing: 1px;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    /*background-color: #efad10;*/
    background-color: #c8910f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #c8910f;
    color: #fff;
}

.btn-regular {
    color: #999;
    border: 3px solid #ddd;
}

.btn-slider {
    border: 3px solid  #333;
    margin-top: 30px;
}

.btn-regular:hover {
    color: #777;
    background: #f9f9f9;
    border-color: #ccc;
}

.btn-primary {
    background: #e9a607;
    border: 3px solid #e9a607;
}

#slider-fullwidth .btn-regular {
    color: #ddd;
    border-color: rgba(255, 255, 255, 0.3);
}

#slider-fullwidth .btn-regular:hover {
    border-color: rgba(255, 255, 255, 0.75);
    background: none;
    color: #fff;
}


/*******************************/
/* 2. Header */
/*******************************/

#header {
    top: -20px;
    display: block;
    height: 90px;
    min-height: 90px;
    line-height: 90px;
    background: #111;
    height: auto;
    transition: all .4s ease-out;
    transition: 0.2s top cubic-bezier(.4,.73,.4,.74);
}

.shadow-default {
    -webkit-box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);
}

.shadow-soft {
    -webkit-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.3);
}

.no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.subnav .container-fluid,
header .container-fluid {
    max-width: 1140px;
}

ul.nav.nav-tabs {
    padding: 0;
    margin-bottom: -1px;
}

ul.nav.nav-tabs li:before {
    content: none;
}

nav ul {
    float: left;
    margin: 0;
	margin-left:75px;
}

nav > a {
    display: none;
}

nav ul li {
    position: relative;
    list-style: none;
    display: inline-block;
}

header #logo {
    float: left;

    z-index: 999;
    color: #ddd;
}

#logo img {
    max-width: 320px;
}

header h1#logo > a {
    color: #ddd !important;
}

header h1#logo > a:hover {
    color: #e5e5e5 ;
}

#search {
    margin-top: -10px;
    float: right;  
}

#header.affix {
    top: 0;
    z-index: 999;
    width: 100%;
    transition: all .4s ease-out;
    transition: 0.2s top cubic-bezier(.4,.73,.4,.74);

}

.affix-top {
    transition: all .4s ease-out;
    transition: 0.2s top cubic-bezier(.4,.73,.4,.74);
}

.header-wrapper {
    min-height: 70px;
    position: relative;
    z-index: 999;
}

#mainmenu ul {
    display: block;
    opacity: 0;
    position: absolute;
    width: 240px;
    top: 100%;
    padding-left: 0;
    visibility: hidden;
    z-index: 999;
    margin-top: 20px;
    transition: 0.2s;
    left: 5px;
    border-bottom: 1px solid #000;
}

#mainmenu li {
    position: relative;
}

#mainmenu li:hover > ul {
    visibility: visible;
    margin-top: 0;
    opacity: 1; 
}

#mainmenu li ul li {
    display: block;
    background: #222;
    border: 1px solid #000;
    border-bottom: none;
}

#mainmenu li ul li a {
    display: block;
    width: 100%;
    line-height: 0px;
    font-size: 12px;
    font-weight: 0;
    color: #ccc;
    letter-spacing: 0px;
}

#mainmenu a {
    color: #ddd;
    text-decoration: none;
    padding: 22px 20px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 90px;
}

#mainmenu li:last-child a {
    padding-right: 0;
}


#mainmenu > li:hover > a {
    color: #009bdf;
}

#mainmenu .menu-active {
    color: #009bdf;
}


#mainmenu > li.menu-item-has-children:hover:after {
    color: #009bdf;
}

#mainmenu > li.menu-item-has-children:after {
    position: absolute;
    right: 7px;
    bottom: 33px;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #555;
    font-weight: 800;
}

#mainmenu > li:last-child.menu-item-has-children {
    padding-right: 20px;
}

/*******************************/
/* 2.1. Second level Nav */
/*******************************/

#mainmenu li ul li ul {
    position: absolute;
    left: 198px;
    visibility: hidden;
    top: -1px;
    transition: 0.2s;

}

#mainmenu li ul li ul li a {
    background-color: #151515;
}

#mainmenu li ul li ul li a:hover {
    background: #000;
}

#mainmenu li ul li:hover ul {
    display: block;
    visibility: visible;
    margin-left: 0;
}

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

#mainmenu ul li a:hover {
    background: #111;
    color: #fff;
    transition: 0.15s;
}


/*******************************/
/*2.2. Header Light version */
/*******************************/

#header.header-light {
    background: #fff;
}

#header.header-light #mainmenu > li > a,
#header.header-light #mainmenu > li.menu-item-has-children:after {
    color: #555;
}

#header.header-light #mainmenu > li:hover > a,
#header.header-light #mainmenu > li.menu-item-has-children:hover:after {
    color: #009bdf;
}


/*******************************/
/* 2.3. Subnav */
/*******************************/

.subnav {
    text-align: right;
    background: #000;
}

.subnav-item {
    display: inline-block;
    margin-left: 30px;
}

.subnav-item p, .subnav-item a {
    color: #888;
    font-size: 11px;
    margin: 10px 0;
    transition: 0.15s;
}

.subnav-item p,
.subnav-item a,
.subnav-item p strong {
    letter-spacing: 0.7px;
}

.subnav-item a {
    text-decoration: none;
}

.subnav-item p span {
    font-weight: 400;
    color: #555;
}

.subnav-item:hover p, .subnav-item:hover a {
    color: #eee;
}

.subnav-item i {
    color: #555;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1.7em;
}

.subnav-header-light {
    background: #222;
}

/*******************************/
/*2.4. Subnav Light version */
/*******************************/

.subnav.subnav-light {
    background: #f9f9f9;
}

.subnav-light .subnav-item p,
.subnav-light .subnav-item a,
.subnav-light .subnav-item i,
.subnav-light .subnav-item p span {
    color: #777;
}

.subnav-light .social i {
    background: #ddd;
}

.subnav-light .subnav-item:hover p,
.subnav-light .subnav-item:hover a {
    color: #333;
}


/*******************************/
/*3. Sidebar */
/*******************************/

.sidebar-nav {
    width: 100%;
    margin-bottom: 30px;
/*    text-transform: capitalize;
*/}

.sidebar-heading {
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    padding: 15px;
    margin: 0;
}

.sidebar-nav ul {
    font-size: 13px;
    list-style: none;
    padding: 0;
}









.sidebar-nav ul li {
    display: block;
    border: 1px solid #e5e5e5;
    list-style: none;
    border-top: none;
    position: relative;
}

.hovered {
    background: #e5e5e5!important;
    transition: 0.2s;
    color: #333;
}

.sidebar-nav ul li a {
    font-weight: 300;
    display: inline-block;
    width: 100%;
    padding: 12px 15px;
    text-decoration: none;
    color: #777;
}

.sidebar-nav ul,
.sidebar-nav ul ul {
    margin: 0;
}

.sidebar-nav ul ul li {
    padding-left: 20px;
    font-size: 11px;
}

.sidebar-nav ul ul li {
    background-color: #f8f8f8;
}

.sidebar-nav ul ul li:before {
    content: '-';
    position: absolute;
    top: 12px;
    color: #ccc;
}

.sidebar-nav ul ul li {
    border-right: none;
    border-left: none;
}

.sidebar-nav ul ul li:last-child {
    border-bottom: none;
}

.sidebar-nav ul ul li:first-child {
    border-top: 1px solid #ddd;
}

/*******************************/
/* 4. Footer */
/*******************************/

#footer {
    padding: 80px 0;
    margin: 0;
    background: #222;
    color: #888888;
    border-top: 10px solid #000;
    font-size: 12px;
    letter-spacing: 0.5px;
}

#footer h4 {
    font-size: 16px;
    letter-spacing: 1px;
    color: #e5e5e5;
    font-weight: 300;
}

#footer h4:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.1;
    margin: 20px 0;
}

#footer ul {
    list-style: none;
    padding: 0;
}

#footer ul ul {
    margin-top: 10px;
    margin-left: 20px;
}

#footer ul li a {
    color: #ddd;
}

#footer ul li a:hover {
    color: #fff;
}

#footer ul li {
    padding: 0 0 8px 0;
}

.social {
    display: inline-block;
    margin: 0;
    padding-left: 20px;
}

.social .fa {
    color: #777;
}

.social li {
    display: inline;
}

.bot-bg {
    background: #000;
}

#footer ul {
    margin: 0;
}

ul.content-list a {
    color: #ddd;
}

ul.content-list a:hover,
ul.content-list li:hover {
    color: #fff;
}

#footer ul li:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 800;
    color: #444;
    padding-right: 12px;
    transition: 0.15s;
}

#footer ul li:hover:before {
    color: #ddd;
}

#footer .contacts-list li:before {
    content: none;
}

#footer-bot {
    background: #111;
    line-height: 2em;
}

#footer-bot ul {
    float: right;
    border-top: none;
    margin: 0;
}

#footer-bot ul li:before {
    content: none;
}

.social i {
    font-size: 13px;
    color: #999;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    background: #222;
    transition: 0.2s ease;
}

.social i:hover {
    color: #333;
    background: #009bdf;
}

#footer-bot {
    padding: 15px 0;
    color: #666;
    font-size: 11px;
    text-align: left;
}

#footer-bot {
    clear: both;
}

#footer hr {
    border-top-color: #ddd;
    opacity: 0.1;
}

#footer .widget-footer {
    width: 95%;
    margin: 0 auto;
}


#footer .widget-footer.widget_text {
    line-height: 1.8em;
    text-align: justify;
}


/*******************************/
/* 5. Home Page elements
/* 5.1. Slider */
/*******************************/

#slider-fullwidth {
    max-height: 625px;
    height: auto;
    padding: 0;
    margin: 0;
    background: #000;
    overflow: hidden;
    position: relative;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    backface-visibility: hidden;
    perspective: 1000;
    text-align: center;
}


#slider-fullwidth .carousel-inner > .item > img {
    display:block;
    width: 100%;
    height: 100%;
}

.carousel-content {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    width: 100%;
    animation-delay: 0.3s;
}

span.slim {
    font-weight: 100;
}


.slide-title .divider-dark {
    margin-bottom: 0;
    background: #ddd;
}

.slide-content p,
.tagline p {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 18px;
    margin: 0;
    font-weight: 300;
    line-height: 1.4;
}

.slide-content p {
    color: #ddd;
}

.tagline .divider-dark {
    margin: 10px 0;
    width: 100px;
}

.tagline {
    margin-bottom: 5px !important;
}

.tagline p {
    font-size: 1em;
    color: #009bdf;
    line-height: 1;
}

.slider-dark .divider-dark {
    background: #999;
}

.slide-title h1 {
    font-family: 'Kanit';
    color: #333;
    margin-bottom: 15px;
    font-weight: 200;
    font-size: 60px;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.slider-dark .slide-title h1 {
    color: #e5e5e5;
}

.slide-title h1 span {
    background: transparent url("../img/ui/hero-lines.html") left 62% repeat-x;
}

.carousel-control {
    font-size: 22px;
    line-height: 46px;
    height: 50px;
    width: 50px;
    top: 42%;
    background: #111;
    border-radius: 3px;
    transition: 0.2s;
} 

.carousel-control i {
    font-size: 20px;
    color: #999;
    font-weight: 800;
    vertical-align: middle;
}

.carousel-control:hover i {
    color: #ddd;
}

.carousel-control.left {
    left: 20px;
}

.carousel-control.right {
    right: 20px;
}


/*******************************/
/* 5.2. Top CTA section */
/*******************************/

#sections-wrapper {
    background: #222;
    width: 100%;
    height: 130px;
    margin: 0;
}

.sections {
    background-color: #333;
    padding: 0;
    overflow: hidden;
}

.wide-container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}

.section-item {
    display: inline-block;
    float: left;
    width: 33.33333333%;
    background: #222;
    padding: 35px 3.5%;
    transition: 0.1s;
    border-right: 1px solid #333;
}

.section-item:hover {
    background-color: #111;
    -webkit-box-shadow: inset 0px 0px 0px 7px #090909;
    -moz-box-shadow: inset 0px 0px 0px 7px #090909;
    box-shadow: inset 0px 0px 0px 7px #090909;
}

.section-item:hover p {
    color: #ccc;
}

.section-item h2 {
    font-weight: 300;
    left: 0;
    font-size: 1.3195em;
    margin: 0;
    transition: 0.15s;
}

.section-item h2:after {
    content: "\f105";
    transition: 0.2s;
    position: absolute;
    right: 5px;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    opacity: 0.5;
}

.section-item h2,
.section-item p {
    position: relative;
    color: #ddd;
    transition: 0.15s;
}

.section-item:hover > h2,
.section-item:hover > p,
.section-item:hover > .small-divider,
.section-item:hover > h2  {
    left: 5px;
}

.section-item:hover > h2 {
    color: #009bdf;
}

.section-item .small-divider {
    position: relative;
    left: 0;
    transition: 0.15s;
}

.section-item:hover > h2:after {
    opacity: 1;
    color: #009bdf;
}

.section-item a:hover {
    color: #222;
}

.section-item p {
    position: relative;
    left: 0;
    font-size: 13px;
    color: #777;
    margin: 0;
    line-height: 1.3em;
}

.sections.tcta-light {
    background: #e5e5e5;
    padding: 0 0 1px 0;
}

.sections.tcta-light .section-item {
    background: #f9f9f9;
    border-right-color: #e5e5e5;
}

.sections.tcta-light .section-item > h2,
.sections.tcta-light .section-item > h2:after {
    color: #555;
}

.sections.tcta-light .small-divider {
    background: #ddd;
}

.sections.tcta-light .section-item:hover {
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sections.tcta-light .section-item:hover p {
    color: #777;
}

.tcta-light .sections {
    background: #e5e5e5;
}

.small-divider {
    height: 1px;
    background: #333;
    margin: 12px 0;
}

.panel-grid-cell {
    min-height: 1px !important;
}

h3.widget-title {
    font-size: 1.7411em;
}

/*******************************/
/* 5.3. Services section */
/*******************************/

.border-gray,
.border-dark {
    display: block;
    width: 100%;
    height: 10px;
}

.border-gray {
    background: #e5e5e5;
}

.border-dark {
    background: #292929;
}

.border-gray.border-dark {
    background: #292929;
}

.gray-section {
    background: #f9f9f9;
    border-top: 1px solid #ddd;
}

.content-box,
.content-box-dark-bg {
    border: 7px solid #e5e5e5;
    transition: 0.1s;
}

.content-box {
    position: relative;
    background: #fff;
    margin-bottom: 30px;
}

.content-box:hover,
.content-box-dark-bg:hover {
    border: 7px solid #d9d9d9;
    background: #fff;
}

.content-box h4,
.read-more,
.read-more-dark {
    text-decoration: none;
    font-weight: 400;
    font-size: 1.1487em;
}

.content-box-info {
    padding: 25px 20px;
}

.content-box-info h4 {
    font-size: 1.1487em;
}

.content-search {
    background: #f9f9f9;
}

span.btn {
    display: block;
    width: 200px;
    padding: 16px;
    color: #333;
    background-color: yellow;
    font-size: 12px;
    font-weight: 500;
    margin: 20px auto 0;
}

.btn-read-more {
    display: block;
    position: relative;
    border-top: 1px solid #d9d9d9;
    padding: 18px;
    font-weight: 500;
    background-color: #f9f9f9;
    font-size: 12px;
    transition: 0.1s;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.neg-mrg {
    margin: 30px -20px -35px -20px!important;
}

.btn-read-more:hover {
    color: #333;
}

.btn-read-more::after {
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 15px;
    font-family: "FontAwesome";
    font-size: 15px;
    color: #999;
    font-weight: 800;
    transition: 0.2s;

}

.btn-read-more:hover:after {
    right: 15px;
    color: #333;
}

.read-more-dark::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    margin: 7px 0 0 -15px;
    background: #009bdf;
}

a.read-more,
a.read-more-dark {
    float: right;
    position: relative;
    font-size: 0.9em;
    padding: 10px 0 10px 10px;
    transition: 0.1s;
}

a.read-more:hover {
    color: #000;
}

.btn-read-more:hover {
    background: #fff;
}

a.read-more {
    color: #999;
}

a.read-more-dark {
    color: #777; 
}

a.read-more-dark:hover {
    color: #ddd;
}

.read-more::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 9px;
    left: 10px;
    margin: 6px 0 0 -15px;
    background: #009bdf;
}

.light {
    background-color: #ddd;
    height: 1px;
}

.dark {
    background-color: #555;
    height: 1px;
}

.content-box-info p {
    color: #888;
    font-size: 0.93em;
    margin: 10px 0;
}

.content-box img,
.content-box-dark-bg img {
  width: 100%;
}

.clear {
    clear: both;
}

.footer-btn {
    color: #fff;
    width: 100%;
    display: block;
    border: 3px solid #555;
    background: #333;
}

.footer a {
    color: #ddd;
}



.arabicbutton {
	font-family: "HelveticaNeue";
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: auto;
}


/*******************************/
/* 5.4. Feature Boxes */
/*******************************/

#features {
    margin-bottom: 40px;
}

.feature-box {
    /*margin-bottom: 30px;*/
    padding: 30px 20px;
    border: 1px solid #ddd;
    transition: 0.2s;
}

.feature-box a {
    color: #333;
}

.feature-box:hover {
    background: #f9f9f9;
    -webkit-box-shadow: inset 0px 0px 0px 7px #e5e5e5;
    -moz-box-shadow: inset 0px 0px 0px 7px #e5e5e5;
    box-shadow: inset 0px 0px 0px 7px #e5e5e5;
}

.feature-box:hover > h3.feature-title,
.feature-box:hover > .feature-text,
.feature-box:hover > i {
    left: 5px;
}


.feature-box .feature-title,
.feature-box .feature-text {
    padding: 0 10px 0 50px;
    position: relative;
    left: 0;
    transition: 0.2s;
}

.feature-box h3.feature-title {
    font-size: 1.1487em;
}

.feature-box p.feature-text {
    margin: 0;
    font-size: 0.93em;
    line-height: 1.5em;
    color: #888;
}

.feature-box i {
    display: inline-block;
    position: relative;
    float: left;
    text-align: center;
    background: #ddd;
    border-radius: 3px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    left: 0;
    transition: 0.2s;
}

.feature-box:hover > i {
    background: #009bdf;
}

#map {
    height: 300px;
    width: 100%;
    border-top: 10px solid #e5e5e5;
}


/*******************************/
/* 5.5. Projects Gallery */
/*******************************/

.latest-projects .gallery-categories {
    margin: 30px 0;
    text-align: center;
}

.gallery-categories ul {
    padding: 0;
    margin: 0;
}

.dark {
    background: #333;
    width: 100%;
    height: auto;
}

.gallery .item {
    width: 33.33333%;
    float: left;
    overflow: hidden;
}

.gal-col-2 .item {
    width: 49.99999%;
}

.gal-col-4 .item {
    width: 24.99999%;
}

.gallery-categories ul {
    list-style: none;
}

.gallery-categories ul li {
    display: inline-block;
    margin: 12px 0;
}

.gallery-categories ul li a {
    font-size: 12px;
    padding: 10px 15px;
    color: #888;
    background: #222;
    text-decoration: none;
    border-radius: 3px;
    transition: 0.1s;
}

.gallery-categories ul li a:hover {
    background: #000;
}

.gallery-categories ul li a.selected {
    background-color: #009bdf;
    color: #000;
}

.gallery-categories {
    width: auto;
    text-align: right;
}

.section-gallery {
    padding: 0;
    background: #333;
}

.dark-wrap {
    width: 100%;
    background: #333;
}

.btn-all-projects {
    text-transform: uppercase;
    font-weight: 500;
    padding: 30px;
    color: #009bdf;
    display: block;
    width: 100%;
    text-align: center;
    background: #222;
    text-decoration: none;
    transition: 0.2s;
    letter-spacing: 1px;
}

.btn-all-projects:hover {
    background: #000;
    color: #009bdf;
}

.btn-all-projects::after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #009bdf;
    position: relative;
    top: 1px;
    margin-left: 15px;
    font-weight: 800;
    transition: 0.2s;
}

.btn-all-projects:hover:after {
    margin-left: 30px;
}

.p-text.p-text {
    display: none;
}

.project-details {
    position: relative;
    top: 15%;
    color: #ddd;
    padding: 0 80px;
}

.project-name {
    font-size: 1.2em;
    display: block;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.project-category {
    text-transform: uppercase;
    font-size: 11px;
    color: #009bdf;
    letter-spacing: 8px;
    margin-bottom: 5px;
}

.project-description {
    font-size: 13px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

.portfolio-box img {
    transition: 0.5s;
    width: 100%;
}

#gallery .item {
    overflow: hidden;
}

.portfolio-box:hover img {
    transform: scale(1.05);
}

.portfolio-box .portfolio-box-caption {
    color: white;
    opacity: 0;
    display: block;
    background: rgba(10, 10, 10, 0.8);
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
}

.gallery-item {
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
    transition: 0.2s;
}

.gallery-item:hover {
    opacity: 0.8;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.3%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2%;
}

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

.gallery-columns-9 .gallery-item {
    width: 11.1%;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_slideshow,
.slb_data_content {
    display: none!important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close {
    opacity: 0.2;
}

/*******************************/
/* 5.6. Latest News */
/*******************************/

.blog-date {
    position: absolute;
    margin: 0 0 0 20px;
    text-align: center;
    background-color: #333;
    padding: 10px;
    font-size: .9em;
    color: #fff;
}

.blog-date p span {
    font-size: 1em;
}

.read-more-dark a {
    color: #ddd;
}

.on-dark {
    background-color: #fff;
}


/*******************************/
/* 5.7. Testimonials */
/*******************************/

ul.comments {
    padding: 0;
}

ul.comments .testimonial {
    margin-bottom: 40px;
}

ul.comments li:before {
    content: none;
}

ul.comment-nested {
    padding: 0;
    margin-left: 130px;
}

.comment-time {
    font-size: 0.8em;
    color: #999;
}

.testimonials .testimonial .content-box {
    margin-bottom: 80px;
}

.testimonial .content-box::before,
.comments .content-box:before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: -17px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-right: 10px solid #e5e5e5;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
}

.testimonial .content-box,
ul.comments .content-box {
    margin-left: 135px;
    background: #f9f9f9;
}

.profile {
    display: inline-block;
    font-size: .9em;
    text-align: center;
    float: left;
    width: 120px;
}

.testimonial .profile img {
    text-align: center;
    margin: 15px auto 0;
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

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

.profile p.name {
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0 0 0;
    line-height: 1.36em;
}

.profile p.company {
    font-size: 11px;
    color: #999;
    margin: 0;
}


/*******************************/
/* 5.8. CTA Footer */
/*******************************/

a.cta-footer {
    position: relative;
    display: block;
    text-align: center;
    background: #f9f9f9;
    margin: 0;
    padding: 50px;
    text-decoration: none;
    transition: 0.1s;
    margin-top:-10px;
    border-top: 1px solid #ddd;
}

a.cta-footer:hover {
    background: #009bdf;
    border-top: 1px solid #009bdf;
}

a.cta-footer h2 {
    margin: 0;
    font-size: 1.5157em;
    font-weight: 400;
}

a.cta-footer h2:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 22px;
    color: #333;
    position: relative;
    top: 1px;
    margin-left: 20px;
    font-weight: 800;
    transition: 0.2s;
}

a.cta-footer:hover h2:after {
    margin-left: 30px;
    color: #333;
}


/************************************/
/* 6. About us page */
/************************************/

#top-content-area {
    background: url(../img/about/about-main-full.html) 50% 0 repeat fixed;
    background-size: cover;
    padding: 100px 0;
    position: relative;
    z-index: 0;
}

.page-title-box {
    position: relative;
    left: 6px;
    display: inline-block;
    padding: 8px 20px;
    background-color: #009bdf; 
    -ms-transform: skewX(-20deg); /* IE 9 */
    -webkit-transform: skewX(-20deg); /* Safari */
    transform: skewX(-20deg);
}

.page-title-box > h1 {
    display: block;
    font-size: 1.3195em;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    width: auto;
    text-decoration: none;
    margin: 0;
    z-index: 99;
    -ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(20deg);
}

.title-content {
    position: relative;
    color: #e5e5e5!important;
    z-index: 1;
    text-align: center;
    padding: 70px;
    background: rgba(0,0,0,0.5);
}

.title-content h2 {
    color: #fff;
    font-size: 2.3em;
    font-weight: 100;
}

.title-content p {
    font-size: 1.1487em;
    font-weight: 300;
}

h1.section-title {
    margin-top: 0;
}

.page-content .section-title {
    margin-top: 30px;
}

.position-item {
    position: relative;
    text-decoration: none;
    color: #333;
    display: block;
    width: 100%;
    padding: 25px;
    background: #f9f9f9;
    margin-bottom: 20px;
    transition: 0.2s;
    -webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
    -moz-box-shadow: inset 0px 0px 0px 1px #ddd;
    box-shadow:  inset 0px 0px 0px 1px #ddd
}

.position-item:hover {
    text-decoration: none;
    color: #333;
}

.position-item::after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 22px;
    color: #555;
    font-weight: 800;
    position: absolute;
    bottom: 21px;
    right: 30px;
    transition: 0.2s;
}

.position-item:hover:after {
    right: 25px;
}

.position-title {
    position: relative;
    left: 0;
    font-weight: 400;
    font-size: 1.2em;
    transition: 0.2s;
}

.position-item:hover > .position-title {
    left: 5px;
}


/*******************************/
/* 7. Project detail page */
/*******************************/

.project-photos img {
    margin-bottom: 40px;
    width: 100%;
}


/*******************************/
/* 8. Contact us page */
/*******************************/

.contact-detail {
    font-size: 16px;
    padding: 10px 0;
}


#map {
    width: 100%;
    height: 350px;
    background-color: #CCC;
}


/*******************************/
/* 9. Blog */
/*******************************/

.blog-post {
    margin-bottom: 40px;
}

.blog-post .post-title {
    margin-bottom: 20px;
}

.entry-title a,
.entry-title {
    color: #333;
}

.blog-post .content-box-info p {
    font-size: 1em;
}

.blog-date span {
    font-weight: 300;
    font-size: 11px;
}

.blog-date {
    line-height: 1.3em;
} 

.post-info, .entry-meta {
    font-size: 13px;
    margin-bottom: 10px;
    color: #aaa;
}

.post-info a, .post-info span {
    color: #aaa;
}

.post-info a:hover {
    color: #777;
}

.pagination {
    margin-top: 60px;
    border: 1px solid #ddd;
    width: 100%;
    background: #ddd;
}

.post-content .content-box {
    float: none;
    margin-bottom: 20px;
}

.post-content .post-info {
    margin-top: 10px;
}

.testimonial .content-box-info p,
.comment .content-box-info p {
    margin-top: 0;
    font-style: italic;
    font-size: 1em;
}

.reply {
    text-transform: uppercase;
    font-weight: 500!important;
    font-size: 12px !important;
    letter-spacing: 1px;
    transition: 0.15s;
    color: #999!important;
}

.reply:hover {
    color: #000!important;
}

.comment {
    margin-bottom: 40px;
}

.nested {
    padding-left: 200px;
}

.nested-2 {
    padding-left: 360px;
}

.service {
    margin-bottom: 40px;
    float: none;
}

.content-box-info span {
    color: #888;
    font-size: 0.93em;
}

.team-member {
    text-align: center;
}

.team-member h4 {
    margin-bottom: 0;
}

.notice-box {
    padding: 40px;
    background: #f9f9f9;
    margin-bottom: 20px;
    transition: 0.15s;
    border: 1px solid #ddd;
}

.notice {
    font-weight: 400;
}

.notice-box h2 {
    margin-bottom: 20px;
    line-height: 1.2em;
    font-size: 1.5157em;
}

.notice-box a:hover {
    text-decoration: none;
}

.cta-link {
    display: block;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #999;
    letter-spacing: 1px;
}

.cta-link:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #999;
    font-weight: 800;
    position: relative;
    left: 10px;
    top: 2px;
    transition: 0.2s;
}


.notice-box:hover > .cta-link:after {
    left: 15px;
}

.notice-box:hover,
.position-item:hover {
    -webkit-box-shadow: inset 0px 0px 0px 7px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 0px 7px rgba(0,0,0, 0.1);
    box-shadow: inset 0px 0px 0px 7px rgba(0,0,0,0.1);
}

.notice-box:hover > h2,
.notice-box:hover > .cta-link:after,
.notice-box:hover > .cta-link {
    color: #000;
}

.navigation.posts-navigation {
    margin-top: 20px;
    border-top: 1px solid #dddddd;
    padding-top: 15px;
}

.navigation.posts-navigation > h2.screen-reader-text {
    display: none;
}

.navigation.posts-navigation .nav-links .nav-previous,
.navigation.posts-navigation .nav-links .nav-next {
    display: inline;
}
.navigation.posts-navigation .nav-links .nav-next {
    float: right;
}

.navigation.posts-navigation .nav-links .nav-previous a,
.navigation.posts-navigation .nav-links .nav-next a {
    color: #999;
}

.navigation.posts-navigation .nav-links .nav-previous a:hover,
.navigation.posts-navigation .nav-links .nav-next a:hover {
    color: #555;
}

.sidebar-nav li.recentcomments {
    padding: 12px 15px;
}

/*******************************/
/* 10. Shop page */
/*******************************/

.woocommerce ul.products li.product {
    text-align: center;
}

.woocommerce ul.products li.product:before {
    content: none;
}

.woocommerce ul.products li.product:hover {
    background: #f9f9f9;
    color: #000;
    -webkit-box-shadow: inset 0px 0px 0px 1px #e5e5e5;
    -moz-box-shadow: inset 0px 0px 0px 1px #e5e5e5;
    box-shadow: inset 0px 0px 0px 1px #e5e5e5;
}


.woocommerce ul.products li.product img {
    border: 1px solid #e9e9e9;
}

.woocommerce ul.products li.product h3 {
    font-size: 1em;
    font-weight: 400;
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    font-weight: 300;
    color: #888;
    margin-bottom: 20px;
}

.woocommerce ul.products li.product .button {
    display: none;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    width: auto;
    padding: 15px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; 
    text-decoration: none;
    transition: 0.1s;
    border-radius: 3px;
    margin-right: 5px;
    letter-spacing: 1px;
    background: #e9a607;
}

#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
    vertical-align: middle;
}

.woocommerce #respond input#submit {
    color: #fff;
}

.woocommerce button.button.alt {
    padding: 20px 40px;;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #c8910f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #c8910f;
    color: #fff;
}

.woocommerce ul.products li.product .price del {
    display: inline;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 300;
    text-decoration: none;
    color: #333;
}

.woocommerce div.product .summary  p {
    color: #888;
}


.woocommerce div.product .product_meta {
border-top: 1px solid #e5e5e5;
padding-top: 10px;
}

.woocommerce div.product .product_meta span {
    color: #999;
    font-size: 12px;
    margin-right: 15px;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.woocommerce div.product p.price {
    background: #f9f9f9;
    padding: 10px;
}

.woocommerce div.product .product_title,
.woocommerce div.product .related h2 {
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.woocommerce div.product .product_title:before,
.woocommerce div.product .related h2:before {
    content: "";
    width: 70px;
    height: 4px;
    background: #009bdf;
    position: absolute;
    bottom: -1px;
}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
    font-weight: 300;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-weight: 300;
    color: #333;
    font-size: 1.75em;
    text-decoration: none;
}

.woocommerce div.product.sale p.price, .woocommerce div.product.sale .entry-summary span.price {
    font-weight: 300;
    color: #333;
    font-size: 1.75em;
    text-decoration: none;
}

.woocommerce span.onsale {
    margin-right: -1px;
    min-width: 3.236em;
    padding: 0 1.5em;
    font-weight: 300;
    top: 1em;
    left: 0;
    margin: 0;
    border-radius: 0;
    line-height: 2em;
    min-height: auto;
}

.woocommerce ul.products li.product .onsale {
    left: auto;
    margin: 1em 0 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.woocommerce div.product div.images img {
    border: 1px solid #e5e5e5;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0 15px 0 0; 
}

.input-text.qty.text {
    margin-bottom: 0;
}

.woocommerce .quantity .qty {
    width: 6em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    color: #333;
}


/* Woocommerce Tabs */

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li a {
    border: 1px solid #ccc;
    margin-right: -1px;
    background: #f9f9f9;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a,
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a {
    color: #999;
    padding: 20px 30px;
    font-size: 1.1em;
    font-weight: 300;
    border-radius: 0;
    margin-right: -7px;
    margin-bottom: -1px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a,
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a:focus {
    color: rgb(51, 51, 51);
    border: 1px solid #ccc;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li > a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs > li > a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a:active,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a:active,
.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a {
    background-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li.active > a {
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
}

.woocommerce div.product .woocommerce-tabs .panel {
    color: #777;
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 40px 30px;
    font-size: 0.9em;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs .panel p:first-child {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews-title {
    margin-bottom: 1.2em;
}

.woocommerce #review_form #respond {
    margin-top: 40px;
}

.woocommerce div.product .woocommerce-tabs .panel #reply-title {
    margin-bottom: 1em;
}

.woocommerce #review_form #respond textarea,
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    background: #fff;
}

.woocommerce .star-rating {
    font-size: 0.9em;
    color: #e9a607;
}

.woocommerce div.product .related {
    margin: 70px 0;
}

.woocommerce div.product .related ul.products {
    margin-top: 40px;
}

.woocommerce .products .star-rating {
    margin: 0 auto 10px;
}

.woocommerce-review-link {
    color: #999;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 500;
}

/* Cart Page */

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 120px;
    border: 1px solid #e5e5e5;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
    color: #fff;
}

.woocommerce .wc-proceed-to-checkout a.button {
    font-size: 1.5em;
    padding: 20px;
    margin-right: 0;
}

.woocommerce table.shop_table tr.cart_item {
    background: #fff;
}

.woocommerce table.shop_table tr.cart_item td.product-thumbnail {
    width: 150px;
}

.woocommerce table.shop_table td {
    background: #fff;
    padding: 15px;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 18px;
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

#order_review_heading {
    margin-top: 40px;
}

.woocommerce table.shop_table {
    border-radius: 0;
}

#add_payment_method #payment ul.payment_methods li input[type="radio"] + label, .woocommerce-cart #payment ul.payment_methods li input[type="radio"] + label, .woocommerce-checkout #payment ul.payment_methods li input[type="radio"] + label {
    font-size: 20px;
    padding-left: 15px;
}

.woocommerce-checkout .woocommerce-error li::before,
#payment.woocommerce-checkout-payment li.wc_payment_method::before {
    content: none!important;
}



.woocommerce-message .button.wc-forward {
    width: auto;
    background: #e9a607;
    border-radius: 3px;
}

.woocommerce-message {
    line-height: 40px;
}

.shop-item .content-box {
    display: table;
    position: relative;
}

.shop-item .img-container {
    width: 100%;
    background: #fff;
    min-height: 220px;
}

.img-inner-container {
    height: 250px;
    vertical-align: middle;
}

.shop-item img {
    background: #fff;
    position: relative;
    top: 1%;
    vertical-align: middle;
}

.navbar-toggle {
    position: relative;
    top: 20px;
    background-color: #ddd;
    z-index: 999;
}

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    font-weight: 500;
}

.woocommerce.shop_table_responsive.cart tr.cart_item td.product-remove {
    width: 100%;
}


.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-weight: 300;
    padding: 0;
}

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

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    width: 44px;
}

.woocommerce .sidebar-nav ul li a {
    width: auto;
}

.woocommerce.sidebar-nav li.wc-layered-nav-rating span.star-rating {
    top: 1px;
}

.woocommerce .sidebar-nav .product_list_widget .reviewer {
    font-size: 11px;
    color: #888;
}

.woocommerce.widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
    position: relative;
    padding: 15px;
}

.widget.woocommerce.widget_product_categories.sidebar-nav ul li a,
.widget.woocommerce.widget_rating_filter.sidebar-nav ul li a {
    width: 100%;
}

.widget.woocommerce.widget_rating_filter.sidebar-nav ul li {
    padding: 0;
}

.widget.woocommerce.widget_rating_filter.sidebar-nav ul li a {
    padding: 15px;
}

.widget.woocommerce.widget_product_categories.sidebar-nav ul li span { 
    position: absolute;
    right: 15px;
    top: 11px;
    color: #999;
}

.woocommerce form.woocommerce-ordering select {
    border: 1px solid #e5e5e5;
    padding: 5px;
    color: #999;
}

.widget.woocommerce.widget_price_filter.sidebar-nav form {
    padding: 30px 15px 20px;
    border: 1px solid #e5e5e5;
    border-top: 0;
}

.woocommerce .widget_price_filter .price_slider_amount {
    margin-top: 25px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #e5e5e5;
    border: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #999;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #555;
    top: -.25em;
}

.woocommerce .widget_layered_nav ul li.chosen a::before, .woocommerce .widget_layered_nav_filters ul li a::before {
    color: #777;
}

.widget.woocommerce.widget_layered_nav_filters.sidebar-nav li.chosen {
    margin-right: -1px;
}

 .woocommerce.widget_shopping_cart .total {
    border-top: none;
 }

p.woocommerce-thankyou-order-received {
    padding: 15px;
    background: #f9f9f9;
    font-size: 2em;
}

.woocommerce .order_details li::before {
    content: none;
}

.woocommerce-MyAccount-navigation ul li:before {
    content: none;
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    padding: 0;
    margin-bottom: 40px;
}

.woocommerce-MyAccount-navigation-link {
    margin-right: -7px;
}

.woocommerce-MyAccount-navigation-link a {
    display: inline-block;
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 9px 20px;
    font-size: 12px;
    color: #777;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    background: #fff;
    color: #555;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

mark {
    background: #f5f5f5;
    border-radius: 3px;
}

.woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 4px 9px;
}

.woocommerce-error li:before, .woocommerce-info li:before, .woocommerce-message li:before {
    content: none;
}

div.pp_woocommerce div.ppt {
    display: none!important;
}

/*******************************/
/* 11.1 Form */
/*******************************/

input, textarea {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    transition: 0.2s;
    padding: 15px;
}

input:focus,
textarea:focus {
    background: #fff;
    -webkit-box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.05) !important;
    -moz-box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.05) !important;
    box-shadow: inset 0px 0px 5px 3px rgba(0,0,0,0.05) !important;
}

input[placeholder], input[type=submit] {
    color: #333;
    font-weight: 00;
    letter-spacing: 0.5px;

}

textarea {
    min-height: 121px;
    height: auto;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0.5px;
}

input[type=text] {
    font-size: 13px;
}

input[type=submit] {
    text-align: center;
    position: relative;
    background: #e9a607;
    min-width: 250px;
    min-height: 50px;
    width: auto;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase; 
    text-decoration: none;
    color: #fff; 
    transition: 0.1s;
    border-radius: 3px;
    border: none;
}

input[type=submit]:hover {
    background: #c8910f;
}

label {
    font-weight: 300;
}

.error {
    padding:20px;
    border:none;
    display: none;
    color: #d9534f;
    border:solid 1px #d9534f;
    font-size: 12px;
}

.wpcf7-not-valid,
.error_input {
    border: 1px solid #bbb;
    -webkit-box-shadow: inset 0px 0px 0px 3px #bbb !important;
    -moz-box-shadow: inset 0px 0px 0px 3px #bbb !important;
    box-shadow: inset 0px 0px 0px 3px #bbb !important;
}

span.wpcf7-not-valid-tip {
    display: none;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 1.5em;
}


.success {
    padding:20px;
    display: none;
    color: #5cb85c;
    border:solid 1px #5cb85c;
    margin-bottom: 20px;
}

input.search-field {
    margin-bottom: 0;
}

.search-form {
    margin-top: -1px;
}

form.woocommerce-product-search {
    margin-top: -1px;
}

.search-form label, #woocommerce-product-search-field {
    float: left;
    width: 65%;
    border-right: 0;
    height: 50px;
}

.search-form label span, .woocommerce-product-search label {
    display: none;
}

.search-field {
    outline: none;
    border-right: 0;
    height: 50px;
}


input[type="submit"].search-submit, .woocommerce-product-search > input[type="submit"]  {
    min-width: 0;
    width: 35%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tagcloud {
    margin-top: 15px;
}

.tagcloud a {
    background: #f9f9f9;
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #999;
}

.tagcloud a:hover {
    color: #555;
    background: #fff;
}

.woocommerce ul.product_list_widget .mini_cart_item a.remove {
    display: block;
    font-size: 20px;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 19px;
    color: red;
    text-decoration: none;
    border: 0;
    float: right;
}

.woocommerce .widget_shopping_cart_content p.total {
    margin: 15px 0 15px 0;
}

.woocommerce .widget_shopping_cart_content .buttons {
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.woocommerce a.remove {
    border-radius: 0;
    font-weight: 300;
}

.woocommerce a.remove:hover {
    color: #fff;
}


/*******************************/
/* 11.2. Checkbox */
/*******************************/

input[type=checkbox], input[type="radio"] {
    position: absolute;
    visibility: hidden;
    margin: 0;
}

input[type=checkbox] + label, input[type="radio"] + label {
    cursor: pointer;
}

input[type=checkbox] + label, input[type="radio"] + label {
    display: block;
    font-size: 12px;
    padding-left: 30px;
    color: #999;
    font-weight: 300;
}

input[type=checkbox] + label:after, input[type="radio"] + label:after {
    content: '';
    width: 1px;
    display: block;
    margin-bottom: 7px;
}

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
    color: #555;
}

input[type="checkbox"] + label:before {
    left: 15px;
    content: url(../img/ui/checkbox-1.html);
    position: absolute;
    width: 18px;
    overflow: hidden;

}

input[type="checkbox"]:checked + label:before {
    content: url(../img/ui/checkbox-2.html);
}


/*******************************/
/* 11.3. Radio buttons */
/*******************************/

input[type="radio"] + label:before {
    left: 15px;
    content: url(../img/ui/radio-1.html);
    position: absolute;
    width: 18px;
    overflow: hidden;
}

input[type="radio"] {
    width: auto;
}

input[type="radio"]:checked + label:before {
    content: url(../img/ui/radio-2.html);
}

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

legend {
    font-size: 13px;
    margin: 20px 0 10px 0;
}


/*******************************/
/* 11.4. Table */
/*******************************/

table {
    border: 1px solid #d9d9d9;
    font-size: 0.9em;
    width: 100%;
    text-align: left;
    margin: 0 0 30px 0;
}

tr {
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    transition: 0.07s;
}

th, thead tr td {
    text-transform: uppercase;
    font-weight: 500;
    background: #fff;
    letter-spacing: 1px;
}

tr:hover {
    background: #fff;
}

th,
td {
    padding: 15px;
}

.no-top-mrg {
    margin-top: 0;
}


/*******************************/
/* 11.5. Accordion */
/*******************************/

a.accordion-toggle {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 1em;
    border: 1px solid #ccc;
    background: #f9f9f9;
    color: #999;
}

.accordion-toggle[aria-expanded="true"] {
    text-decoration: none;
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    background: #fff; 
    color: rgb(51, 51, 51);
}

.panel-title {
    font-size: 1.1487em;
    font-weight: 300;
}

.panel-heading {
    padding: 0;
}

.panel-group .panel + .panel {
    margin-top: -2px;
}

.panel-body {
    color: #777;
    background: #e5e5e5;
    border: 1px solid #ccc;
    border-top: 0;
    font-size: 0.9em;
    padding: 25px 20px;
}

.panel-body p:first-child {
    margin-top: 0;
}

.panel-body p:last-child {
    margin-bottom: 0;
}

.panel {
    border: none;
}

.panel-group .accordion-toggle::before {
    content: "\f107";
    position: absolute;
    right: 25px;
    top: 17px;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: 300;
    color: #bbb;
    transition: all 0.2s ease-out;
}

.panel-group .accordion-toggle[aria-expanded="true"]::before {
    content: "\f106";
}

.panel-group .accordion-toggle[aria-expanded="true"]::before,
.panel-group .accordion-toggle:hover::before {
    color: #777;
}

/*******************************/
/* 11.6. Tabs */
/*******************************/

.nav-tabs > li a {
    border: 1px solid #ccc;
    margin-right: -1px;
    background: #f9f9f9;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a {
    color: #999;
    padding: 20px 30px;
    font-size: 1.1em;
    font-weight: 300;
    border-radius: 0;
    margin-right: -1px;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: rgb(51, 51, 51);
    border: 1px solid #ccc;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background: none;
}

.nav-tabs > li.active > a {
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.1);
}

.tab-content {
    color: #777;
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 30px;
    font-size: 0.9em;
}

.tab-content p:first-child {
    margin-top: 0;
}


/*******************************/
/* 11.7. Mobile menu button */
/*******************************/

.navbar-toggle .icon-bar {
    background: #ddd;

}

.navbar-toggle {
    background-color: #000;
    border: 1px solid #333;
}

.header-light .navbar-toggle .icon-bar {
    background: #777;

}

.header-light .navbar-toggle {
    background-color: #ddd;
    border: 1px solid #ddd;
}

.toggled,
.header-light .toggled {
    background: #009bdf;
    border-color: #009bdf;
}

.toggled .icon-bar {
    background: #333
}


/*******************************/
/* 11.8. Slick slider */
/*******************************/

.slick-slider {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    backface-visibility: hidden;
    perspective: 1000;
    margin: 20px 0;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    display: inline-block;
    position: absolute;
    top: -100px;
    width: 50px;
    height: 50px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    transition: 0.2s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    color: transparent;
    outline: none;
}

.dark-arrows .slick-prev,
.dark-arrows .slick-next {
    background: #393939;
    border: 1px solid #555;
}

.dark-arrows .slick-prev:hover,
.dark-arrows .slick-next:hover {
    background: #333;
    border: 1px solid #555;
}

.slick-prev {
    right: 64px;
}

.slick-prev:before {
    content: "\f104";
    right: 0px;
    bottom: 1px;
    font-family: "FontAwesome";
    font-size: 22px;
    color: #555;
    font-weight: 800;
}

.slick-next:before {
    content: "\f105";
    right: 7px;
    bottom: 1px;
    font-family: "FontAwesome";
    font-size: 22px;
    color: #555;
    font-weight: 800;
}

.slick-prev:before,
.slick-next:before {
    position: relative;
    left: 0;
    font-family: "FontAwesome";
    font-size: 22px;
    color: #555;
    font-weight: 800;
    transition: 0.2s;
    opacity: 0.2;
}

.slick-next {
    right: 15px;
}

.dark-arrows .slick-next:before,
.dark-arrows .slick-prev:before {
    color: #ddd;
}

.slick-prev:hover,
.slick-next:hover {
    background: #fff;
}

.slick-prev:hover:before {
    left: -4px;
}

.slick-next:hover:before {
    left: 4px;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

#clients-carousel .item {
    display: table;
}

#clients-carousel .item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
}

#clients-carousel .item img {
    width: auto;
    margin: 0 auto;
}

/*******************************/
/* 11.9. Breadcrumbs */
/*******************************/

.breadcrumbs {
    letter-spacing: 0.5px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    background: #f9f9f9;
}

.breadcrumbs a span {
    display: inline-block;
    padding: 15px 0;
}

.breadcrumbs a span {
    color: #999;
    margin-right: 10px;
}

.breadcrumbs > span {
    color: #777;
}

.breadcrumbs a:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 300;
    font-size: 11px;
    right: 7px;
    bottom: 1px;
    margin-right: 15px;
    color: #999;
}

.breadcrumbs a:hover > span,
.breadcrumbs a:hover:after {
    color: #333 !important;
}

/*******************************/
/* 12. Media queries */
/*******************************/

@media screen and (max-width: 1366px)  {
    .carousel-content {
        top: 25%;
    }

    .slide-title h1 {
        font-size: 52px;
    }
}

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

    #footer h4 {
        margin-top: 25px;
    }

    .section-item h2 {
        font-size: 20px;
    }

    .section-item {
        display: block;
        width: 100%;
        margin-bottom: 1px;
        padding: 25px 20px;
    }
    .small-divider {
        display: none;
    }

    .gallery .item {
        width: 100%;
    }

}

@media (max-width: 1200px) {

    .carousel-content h1 {
        font-size: 3.5em;
    }

    .carousel-content p {
        font-size: 1.2em;
    }

}

@media (min-width: 768px) and (max-width: 1366px) {

    #slider-fullwidth .carousel-inner > .item > img {
        max-width: 120%;
        width: 120%;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {

    .notice-box {
        padding: 30px;
    }

    .notice-box h2 {
        font-size: 1.6em;
    }
}

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

    #header {
        min-height: 90px;
        position: static!important;
        line-height: 1.42857143;
    }

    .navbar-collapse {
        box-shadow: none;
        border-top: none;
    }

    header #logo {
        margin-left: 10px;
    }
    
    #footer-bot,
    #footer-bot ul {
        float: none;
        text-align: center;
    }

    #footer-logo {
        margin: 20px;
    }

    #footer .widget-footer {
        margin-bottom: 40px;
    }

    .carousel-control {
        position: static;
        display: inline-block;
        margin: 10px 20px;
    }

    #slider-fullwidth {
        max-height: none;
    }

    .carousel-control.right {
        float: right;
    }

    nav {
        position: relative;
        top: 25px;
        padding-bottom: 50px;
    }

    nav ul {
        float: none;   
    }

    #mainmenu > li.menu-item-has-children::after {
        content: '';
    }

    .carousel-content h1 {
        font-size: 2.5em;
    }

    .gallery .item {
        width: 49.99999%;
    }

    #slider-fullwidth {
        position: static;
    }
  
    nav ul li {
        width: 100%;
    }

    #mainmenu li ul li {
        position: relative;
    }

    #mainmenu li ul li:before {
        content: '-';
        position: absolute;
        left: 18px;
        top: 15px;
        color: #555;
    }

    ul#mainmenu {
        width: 100%;
        border-top: none;
        padding: 0;
    }

    #mainmenu a {
        display: block;
        line-height: normal;
    }

    #mainmenu li ul li ul {
        position: static!important;
        visibility: visible;
    }

    #mainmenu li ul li ul li a {
        padding-left: 60px;
    }

    #mainmenu li ul li ul li:before {
        left: 35px;
        color: #353535;
    }
    #mainmenu li ul li {
        background: #111;
    }

    #mainmenu li ul li ul li a {
        background: #0c0c0c;
    }

    #mainmenu li ul li a {
        padding-left: 40px;
    }

    #mainmenu li:before {
        content: none;

    }

    #mainmenu > li > a {
        background: #1a1a1a;
        border: 1px solid #000;
        border-bottom: none;
    }

    #mainmenu li a:hover {
        background: #000!important;
    }

    .navbar-collapse {
        padding: 0;
    }
    
    #mainmenu ul {
        display: block;
        width: 100%;
        position: static;
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        border-bottom: 0;
    }

    #mainmenu {
        border-bottom: 1px solid #000;
    }

    .carousel-content h1 {
        font-size: 2.5em;
    }

    .carousel-content p {
        font-size: 1.1em;
    }   

    .carousel-control.left {
        float: left;
    }

    #slider-fullwidth {
        position: relative;
    }

    .carousel-control {
        position: absolute;
        bottom: 25px;
        top: auto;
        margin: 0;
    }
        #mainmenu > li:last-child.menu-item-has-children {
        padding-right: 0px;
    }
}

@media screen and (min-width: 769px) {
    img.hide-on-desk {
        display: none!important;
    }
    .woocommerce table.shop_table tr.cart_item td.product-remove {
        width: 20px;
        padding: 0 0 0 15px;
    }
}


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

    .carousel-content {
        top: 20%;
    }

    .carousel-content p {
        font-size: 1em;
    }

    section {
        padding: 60px 0;
    }

    .hide-on-mobile {
        display: none!important;
    }

    .btn {
        min-width: 130px;
    }

    .title-content {
        padding: 40px 30px;
    }

    .title-content h2 {
        font-size: 2em;
    }

   .title-content p {
        font-size: 1em;
    }

    #top-content-area {
        padding: 70px 0;
    }

    .section-item h2 {
        margin-bottom: 10px;
    }

    .feature-box {
        margin-bottom: 20px;
    }

    .team-member .content-box-info {
        padding: 20px 15px;
    }

    .team-member .content-box-info h4 {
        font-size: 1em;
    }

    .woocommerce table.shop_table {
        font-size: 1.2em;
    }

    .woocommerce table.shop_table tr.cart_item {
        border-top: none;
    }

    .woocommerce table.shop_table tr.cart_item .input-text.qty.text {
        position: relative;
        left: 20px;
    }

    .subnav-item {
        display: block;
        margin-left: 0;
        border-bottom: 1px solid #191919;
    }

    .subnav-item p, .subnav-item a {
        font-size: 12px;
    }

    .subnav .social {
        margin: 20px 0;
    }

    .subnav.subnav-light .subnav-item {
        border-bottom: 1px solid #dddddd;
    }

    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 50%;
    }
    
}

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

    ul.comment-nested {
        margin-left: 20px;
    }

    .nested-2 {
        padding-left: 40px;
    }

    .testimonial .profile img {
        width: 64px;
        height: 64px
    }

    .testimonial .profile {
        width: 90px
    }

    .testimonial .content-box {
        margin-left: 100px!important;
    }

    .testimonial .content-box::before,
    .comments .content-box:before {
        top: 15px;
    }
}

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

    nav ul {
        display: none;
    }

    .carousel-content {
        padding: 0 30px;
    }

    .carousel-content {
        height: 60%;
    }
    
    .slide-title .divider-dark {
        margin-bottom: 20px;
    }
	
	

    
}