/*
Theme Name: Trade Line Pro
Theme URI: http://themepalace.com/downloads/trade-line-pro/
Author: WEN Themes
Author URI: http://wenthemes.com/
Description: Trade Line Pro is clean and simple business WordPress theme. A beautifully designed and elegant WordPress template, this theme is clean and minimal, amazingly versatile and user focused. It is aesthetic, modern and easy-to-use flexible and responsive layout. You can create an awesome website using this theme. Official Support Forum: http://themepalace.com/support-forum/ Full Demo: http://wenthemes.com/theme-demos/?demo=trade-line-pro
Version: 2.0
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: trade-line
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, sticky-post, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
# Custom by WEN Themes

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    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;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    color: #404040;
    font-size: 14px;
    line-height: 1.5;
}

body {
    color: #686868;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
   color:#EDD433;
   font-family: 'Philosopher', sans-serif;
   font-weight: normal;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3{
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background-color: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

ul, ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


td, th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.comment-reply-link,
 a.button, input[type="button"],
 input[type="reset"],
 input[type="submit"] {
    background: #EDD433 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 15px;
}


button:hover,
.comment-reply-link,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #009a82 ;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding:5px;
}

textarea {
    padding:10px 20px;
    width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
    color: #EDD433;
    text-decoration: inherit;
}

a:visited {
    color: #EDD433;
}

a:hover,
a:focus,
a:active {
    color:#009a82;
}

a:focus {
    outline:inherit;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#main-nav {
    background-color: #EDD433;
    border-top: 1px solid #28b29a;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.81) inset;
    display: block;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
}

.enabled-sticky-primary-menu #main-nav.fixed {
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}

.main-navigation ul ul {
    background-color:#EDD433;
    box-shadow: 0 1px 2px;
    left:-9999px;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 41px;
    opacity: 0;
    z-index: -9999;
    transition: opacity 0.4s ease-in-out 0s;
}

.main-navigation ul ul ul {
    left:100%;
    top: 0
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom:0;
    float: left;
}

.main-navigation ul > li:hover > ul {
    opacity: 1;
    left:0;
    z-index: 9999;
}

.main-navigation ul ul ul ul  {
    display: none;
}
.main-navigation ul ul ul li:hover > ul {
    display: block;
}
.main-navigation ul ul li:hover > ul {
    opacity: 1;
    left:100%;

}
.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:first-child > a {
    border-left: none;
}

.main-navigation ul li a {
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 20px;
    position: relative;
    z-index: 99;
}

.main-navigation ul ul a {
    border-bottom: 1px solid #009a82;
    border-left: medium none;
    border-right: medium none;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.18) inset;
    color: #ffffff;
    font-size: 14px;
    height: auto;
    padding: 9px 15px;
    text-align: left;
    width: 100%;
}

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 12px;
}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page_item_has_children a {
    padding-right: 30px;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-item a,
.main-navigation li.current_page_item a,
.main-navigation li:hover > a {
    background-color: #28af97;
    box-shadow: 0 0 1px #dddddd;
    color: #ffffff;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}
#mobile-trigger {
  display: none;
}
#mob-menu {
  display: none;
}

/*comment and post navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next,
#infinite-handle span {
    background:#EDD433;
    float: left;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
}

#infinite-handle span {
    font-size: 1.5;
    font-size: 15px;
    color: #fff;
}
#infinite-handle{
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}
.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover,
.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover,
 #infinite-handle span:hover {
    background:#009a82;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;

}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;

}

.comment-navigation .nav-previous::before,
.posts-navigation .nav-previous::before,
.post-navigation .nav-previous::before {
    content: "\f100";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
    color: #fff;
}

.comment-navigation .nav-next::after,
.posts-navigation .nav-next::after,
.post-navigation .nav-next::after {
    content: "\f101";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 5px;
    color: #fff;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.nav-links .nav-previous a,
.nav-links .nav-next a{
    color: #fff;
}
.nav-links,
.wp-pagenavi{
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.nav-links .page-numbers {
    border: 1px solid;
    padding: 5px 10px;
}

.page-numbers.current,.nav-links a.page-numbers:hover {
    background: #EDD433 none repeat scroll 0 0;
    border-color: #EDD433;
    color: #ffffff;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;/* It should be ablolute */
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important; /* It should be clip auto */
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;

}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#sidebar-front-page-widget-area::after,
#sidebar-front-page-widget-area::before,
#featured-slider::after,
#featured-slider::before {
    content: "";
    display: table;
}

.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
    clear: both;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin:30px 0 0;
}
.widget:first-child {
    margin: 0;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}

#sidebar-front-page-widget-area .widget-title {
    overflow: hidden;
    font-weight: normal;
}

#sidebar-front-page-widget-area .widget-title span {
    background-color: #EDD433;
    color: #ffffff;
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 3px 20px;
    position: relative;

}

#sidebar-front-page-widget-area .widget-title span::after {
    background-color: #ddd;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 1000px;
    left: 100%;
    margin-left: 30px;
    top: 46%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.entry-meta > span,
.entry-footer > span,
.single-post-meta > span {
    margin: 0 10px 0 0;
}

.entry-meta > span a ,
.single-post-meta > span a,
.entry-footer > span a{
    font-style: italic;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}

.entry-meta > span::before,
.entry-footer > span::before,
.single-post-meta > span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:8px;
    content: "";
    color:#EDD433;
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

.entry-footer span {
    margin-right: 15px;
}

span.comments-link::before {
    content: "\f086";
}

.entry-meta .posted-on::before,
.single-post-meta .posted-on::before {
    content: "\f073 ";
}

.entry-footer > .cat-links::before {
    content: "\f07c";
}

.entry-meta .byline::before,
.single-post-meta .byline::before {
    content: "\f007";
}

.entry-footer .edit-link::before{
    content: "\f044";
}

.entry-footer .tags-links::before{
    content: "\f02c";
}


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#respond {
    clear: both;
    display: block;
    float: left;
    width: 97%;
}

#commentform label {
    display: inline-block;
    width: 100px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-area form#commentform p {
    float: left;
    width: 33.33%;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-form {
    margin: 0 -15px;
}

.comments-area form#commentform p.logged-in-as ,
.comments-area form#commentform p{
    padding: 0 15px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input{
    width: 100%;
}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url{
    width: 50%;
}

.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
    width: 33.33%;
    float: left;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li{
    padding-left: 0;
}

.comment {
    background-position: 0 -74px;
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}

ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}

.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 10px 30px 10px 70px;
    position: relative;
    text-align: left;
    width: 100%;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {
    font-size: 13px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 10px;
}

.comment-reply-link {
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 1px 15px 3px;
    border-radius: 2px;
}

a.comment-reply-link:hover {
    color: #fff;
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#commentform label {
    display: inline-block;
    width: 100px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
# Custom By WEN Themes
--------------------------------------------------------------*/

#page {
    background-color: #fff;
    position: relative;
    margin: 0 auto;

}

.site-layout-boxed #page {
    box-shadow: 0 0 1px #999999;
    width: 1255px;
    margin-top: 35px;
    margin-bottom: 35px;
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.inner-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

/*--------------------------------------------------------------
##  Header Style By WEN Themes
--------------------------------------------------------------*/

.custom-logo-link, .site-logo-link,
#site-identity {
    float: left;
    margin-right: 15px;
}

.custom-logo-link, .site-logo-link {
    max-width: 300px;
}

.site-info a{
    color: #fff;
}

.site-header {
    padding: 35px 0 30px;
    position: relative;
}

.site-title {
    margin-bottom:0;
    font-size: 2em;
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
}

.site-description {
    color: #666666;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    letter-spacing: 2.2px;
}

.right-head {
    float: right;
    padding-top: 20px;
}

.social-links {
    float: right;
}

.search-box {
    float: right;
    position: relative;
}

.search-box > a {
    background: #EDD433 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    padding: 6.2px 8.7px;
}

.search-box > a i {
    font-size: 17px;
}

.search-box > a:hover {
    color: #fff;
    background-color: #009a82;
}

.search-box .search-box-wrap {
    background: #ffffff none repeat scroll 0 0;
    top: 45px;
    box-shadow: 0 1px 2px;
    display: none;
    padding: 10px;
    position: absolute;
    right: 7%;
    width: 300px;
    z-index: 9999;
}

.search-box .search-box-wrap {
    right: 3%;
    width: 300px;
}

.search-form input.search-field {
    background: #f9f9f9;
    padding: 10px 9% 10px 10px;
    width: 87%;
    height: 22px;
}

.search-form input.search-field:focus {
    background: #ebffff;
}

.search-submit {
    border-radius: 0 ;
    padding: 7.3px 20px;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
}

.search-form {
    position: relative;
}

/*header layout two*/

.header-layout-2 #main-nav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    float: right;
    margin-top: 15px;
    box-shadow: none;
    width: auto;
    clear: both;
}

.header-layout-2 #main-nav.fixed {
    box-shadow: inherit;
    position: inherit;
}

.header-layout-2 .main-navigation li a:hover,
.header-layout-2 .main-navigation li.current-menu-item a,
.header-layout-2 .main-navigation li.current_page_item a,
.header-layout-2 .main-navigation li:hover > a {
    color: #fff;
}

.header-layout-2 .main-navigation li a {
    color: #686868;
}

.header-layout-2 .main-navigation li li a {
    color: #fff;
}

.header-layout-2 .right-head {
    padding-top:0;
    float: right;
    max-width: 67%;
}

.header-layout-2 .search-box {
    margin-right: 15px;
}

.header-layout-2.enabled-sticky-primary-menu .site-header.fixed {
    left: 0;
    position: fixed;
    padding: 10px 0 5px;
    top: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff none repeat scroll 0 0;
}

.header-layout-2.enabled-sticky-primary-menu .site-header {
    box-shadow: 0 0 4px #aaaaaa;
    display: block;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.header-layout-2.enabled-sticky-primary-menu .site-header.fixed .search-box,
.header-layout-2.enabled-sticky-primary-menu .site-header.fixed .social-links {
    display: none;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.header-layout-2.enabled-sticky-primary-menu .site-header.fixed  .custom-logo-link, .site-logo-link img {
    height: 75px;
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.header-layout-2.enabled-sticky-primary-menu .site-header  .custom-logo-link, .site-logo-link img {
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

/*--------------------------------------------------------------
## Social Links Style By WEN Themes
--------------------------------------------------------------*/

.trade_line_widget_social {
    clear: both;
    overflow: hidden;
}

.trade_line_widget_social ul {
    margin: 0;
}

.trade_line_widget_social li a {
    border: 1px solid #bababa;
    display: inline-block;
    height: 33px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 33px;
}

.trade_line_widget_social li {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.widget-area .trade_line_widget_social li,
#footer-widgets .trade_line_widget_social li {
    padding: 0;
}

.widget-area .trade_line_widget_social li::before,
#footer-widgets .trade_line_widget_social li::before {
    display: none;
}

.trade_line_widget_social ul li a::before {
    font-size: 18px;
}

.trade_line_widget_social li a i {
    color:#cacad8;
    font-size: 18px;
    font-weight: normal;
}

.trade_line_widget_social ul li a::before {
    color: #8c8c8c;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 1.7;
}

.trade_line_widget_social ul li a:hover {
    background-color: #009a82;
    border: 1px solid rgba(0, 0, 0, 0);
    -moz-transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.trade_line_widget_social ul li a:hover::before {
    color: #fff;
}

.trade_line_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.trade_line_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.trade_line_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.trade_line_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.trade_line_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.trade_line_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.trade_line_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.trade_line_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.trade_line_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.trade_line_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.trade_line_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.trade_line_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.trade_line_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.trade_line_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.trade_line_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.trade_line_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.trade_line_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.trade_line_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.trade_line_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.trade_line_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.trade_line_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.trade_line_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.trade_line_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.trade_line_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.trade_line_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.trade_line_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.trade_line_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.trade_line_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.trade_line_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.trade_line_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

/*social links hover effect */

.trade_line_widget_social ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}

.trade_line_widget_social ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}

.trade_line_widget_social ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}

.trade_line_widget_social ul li a[href*="/feed/"]:hover  {
    background-color: #dc622c;
}

.trade_line_widget_social ul li a[href*="wordpress.org"]:hover,
.trade_line_widget_social ul li a[href*="wordpress.com"]:hover {
    background-color: #45bbe6;
}

.trade_line_widget_social ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}

.trade_line_widget_social ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}

.trade_line_widget_social ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}

.trade_line_widget_social ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}

.trade_line_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}

.trade_line_widget_social ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}

.trade_line_widget_social ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}

.trade_line_widget_social ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}

.trade_line_widget_social ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}

.trade_line_widget_social ul li a[href*="digg.com"]:hover {
    background-color: #333;
}

.trade_line_widget_social ul li a[href*="codepen.io"]:hover {
    background-color: #000;
}

.trade_line_widget_social ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}

.trade_line_widget_social ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}

.trade_line_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.trade_line_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.trade_line_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.trade_line_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.trade_line_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.trade_line_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.trade_line_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.trade_line_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.trade_line_widget_social ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}

.trade_line_widget_social ul li a[href*="wordpress.org"]:hover {
    background-color:#45bbe6;
}

.trade_line_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}

.trade_line_widget_social ul li a[href*="tripadvisor.com"]:hover {
    background-color:#86c171;
}

.trade_line_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color:#2d5be3;
}

.trade_line_widget_social ul li a[href*="angel.co"]:hover {
    background-color:#000;
}

.trade_line_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}

/*--------------------------------------------------------------
## Main slider Style By WEN Themes
--------------------------------------------------------------*/

#featured-slider {
    overflow: hidden;
}

#main-slider {
    color: #686868;
    clear: both;
    position: relative;
    text-align: center;

}

#main-slider img {
    width: 100%;
    vertical-align: middle;
}

#main-slider .cycle-slide {
    width: 100%;
}

#main-slider article.first {
    display: block;
}

#main-slider article {
    display: none;
}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-caption {
    height: auto;
    left:5%;
    max-width:40%;
    padding: 15px 20px;
    position: absolute;
    text-align: left;
    width: auto;
    top: 37%;
    z-index: 999;
    transition: all 1s ease-in-out 0s;
    visibility: hidden;
    opacity: 0;
}

#main-slider:hover .cycle-caption  {
    visibility: visible;
    top: 37%;
    opacity: 1;
}

#main-slider h3 {
    background-color: #EDD433;
    display: inline-block;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 5px 20px;
    font-weight: normal;
}

#main-slider p {
    background-color: #dddddd;
    font-size: 15px;
    margin-bottom: 5px;
    padding: 20px;
}

#main-slider a,
#main-slider h3 {
    color: #fff;
}

/*slider pager box*/

#main-slider .pager-box {
    background-color: #ffffff;
    border: 1px solid #EDD433;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 20px;
    margin: 3px 5px;
    width: 20px;
    z-index: 99;
}

#main-slider .cycle-pager {
    bottom: 25px;
    left: 30px;
    position: absolute;
    text-align: center;
    width: auto;
    z-index: 999;
}

#main-slider .pager-box.cycle-pager-active {
    background-color: #EDD433;
    border-color:#fff;
}

/*Slider cycle next / previous*/

#main-slider .cycle-prev,
#main-slider .cycle-next {
    bottom:30px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.8;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    z-index: 999;
}

#main-slider .cycle-prev {
    right: 80px;
}

#main-slider  .cycle-next {
    right: 30px;
}

#main-slider .cycle-prev:hover::after,
#main-slider .cycle-next:hover::after {
    background-color: #EDD433;
}

#main-slider .cycle-prev::after,
#main-slider .cycle-next::after {
    background-color: #EDD433;
    padding: 5px 15px;
    text-shadow: 0 0 1px #000000;
    display: block;
    font-size: 42px;
    padding: 5px 15px;
    text-shadow: 0 0 1px rgb(0, 0, 0);
}

#main-slider .cycle-prev::after {
    content: "\f104";
    font-family:FontAwesome;
}

#main-slider .cycle-next::after {
    content: "\f105";
    height: auto;
    font-family:FontAwesome;
}

#main-slider .cycle-prev:hover::after,
#main-slider .cycle-next:hover::after {
    color:#fff;
}


/*--------------------------------------------------------------
## Featrued Content By WEN Themes
--------------------------------------------------------------*/

#featured-content article {
    float: left;
    padding:0 15px;
}

#featured-content .featured-content-column-2 article {
    max-width: 50%;
}

#featured-content .featured-content-column-3 article {
    max-width: 33.33%;
}

#featured-content .featured-content-column-4 article{
    max-width: 25%;
}


/*--------------------------------------------------------------
## Main Content Style By WEN Themes
--------------------------------------------------------------*/

#primary {
    width: 75%;
    padding-left:15px;
    padding-right: 15px;
    float: left;
}

#content {
    padding: 40px 0 0;
    clear: both;
}

#featured-content {
    padding: 40px 0 0;
    clear: both;
}

#content {
    background: #ffffff none repeat scroll 0 0;
}

#primary article {
    border: 1px solid #eeeeee;
    padding: 20px;
    background: #f9f9f9 none repeat scroll 0 0;
}

.home.home-content-not-enabled #content {
    padding: 0;
}

#featured-content{
    float: left;
    width: 100%;
}

.entry-title {
    background-image: url("images/sidebar-title-bg.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: auto auto;
    padding-bottom: 15px;
}

h1.page-title {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 5px 20px;
}

/*--------------------------------------------------------------
## Sidebar Style By WEN Themes
--------------------------------------------------------------*/
.sidebar {
    width:25%;
    padding-left:15px;
    padding-right: 15px;
}

.sidebar .widget-title {
    background-image: url("images/sidebar-title-bg.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: auto auto;
    padding-bottom: 15px;
}

#sidebar-primary {
    float: right;
}

.sidebar a.read-more {
    font-size: 13px;
}

.sidebar a.read-more::before {
    font-size: 10px;
}

#sidebar-secondary {
    float: left;
}

.sidebar .widget {
    border: 1px solid #eeeeee;
    margin: 0 0 30px;
    padding: 20px;;
    border-bottom: 5px solid #EDD433;
    background: #f9f9f9 none repeat scroll 0 0;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.widget-area ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.widget-area ul ul {
    border-bottom:none;
    padding-bottom: 0;
}

.widget-area ul li {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
    position: relative;
}

.widget-area ul li::before {
    color: #009a82;
    content: "\f064";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 7px;
}

.widget-area ul ul ul ul ul > li {
    padding-left: 0;
}

.widget-area ul ul ul ul ul > li::before {
    left:-20px;
}
.sidebar .search-form input.search-field {
    padding: 10px 4% 10px 10px;
    width: 88%;
    margin: 0;
    height: 22px;
}
.sidebar .search-field {
    float: left;
    margin-right: 5px;
    width: 57%;
}

.widget_calendar caption {
    background: #EDD433 none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

/*--------------------------------------------------------------
## Our clients Section
--------------------------------------------------------------*/

#featured-clients {
    display: block;
    padding: 20px 0;
    text-align: center;
}

#featured-clients .client-item {
    text-align: center;
    padding: 10px;
}


#featured-clients .slick-list {
    margin: 0 auto;
    max-width: 95%;
    text-align: center;
}
#featured-clients .slick-arrow i {
    cursor: pointer;
    font-size: 40px;
    left:-5px;
    padding:0;
    position: absolute;
    top: 50%;
    color: #EDD433;
    line-height: 0;
}


#featured-clients .slick-slide img {
    display: block;
    margin: 0 auto;
}
#featured-clients .slick-next i {
    left: inherit;
    right: -5px;
}

/*--------------------------------------------------------------
## Footer Style By WEN Themes
--------------------------------------------------------------*/

#colophon {
    background-color: #333333;
    border-top: 1px solid #5e5b5b;
    clear: both;
    color: #ffffff;
    padding: 15px 0;
    text-align: center;
}

#colophon a {
    color:#ccc;
}

#colophon a:hover {
    color: #fff;
}

#colophon .copyright {
    margin-bottom: 5px;
}

.copyright {
    float: left;
}

.site-info {
    float: right;
}

#colophon .copyright {
    margin-bottom:0;
}

#footer-widgets {
    background-color: #2c2c2c;
    border-top: 4px solid #EDD433;
    color: #bbbbbb;
    overflow: hidden;
    padding: 30px 0;
}

#footer-widgets .widget-title {
    border-bottom: 1px solid #3c3c3c;
    color: #ffffff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}

#footer-widgets h3.widget-title::after {
    background-color: #EDD433;
    bottom: -3px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 85px;
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
}

#footer-widgets ul li {
    padding: 3px 0 3px 15px;
    position: relative;
}

#footer-widgets ul li::before {
    color: #EDD433;
    content: "\f101";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 3px;
}

#footer-widgets .footer-widget-area {
    float: left;
    padding: 0 15px;
    width: 25%;
}

#footer-widgets .footer-active-1 {
    width: 100%;
}

#footer-widgets .footer-active-2 {
    width: 50%;
}

#footer-widgets .footer-active-3 {
    width: 33.33%;
}

#footer-widgets .footer-active-4 {
    width: 25%;
}

.footer-widget-area .widget:first-child {
    margin-top: 0;
}

.footer-widget-area .widget {
    margin-top: 15px;
}

/*Footer Navigation*/

#footer-navigation {
    float: left;
}

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}

#colophon .copyright {
    clear: both;
}

#footer-navigation li a {
    display: block;
    padding: 5px 0;
    margin-right: 15px;
}

#footer-navigation ul {
    margin: 0;
}

/*Scrollup Style*/

.scrollup {
    background-color: #EDD433;
    border-radius: 0;
    bottom: 50px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 1px 10px 4px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: 99999;
    transition: all 0.5s ease-in-out 0s;

}

.scrollup:hover {
    background-color: #009a82;
    color: #fff;
    border-radius: 100%;
}

.scrollup i {
    font-size: 38px;
    color: #fff;
}


/*--------------------------------------------------------------
##  layout sidebar By WEN Themes
--------------------------------------------------------------*/

.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}

.global-layout-three-columns #sidebar-primary {
    float: right;
    width: 25%;
}

.global-layout-no-sidebar #primary{
    width: 100%;
}

/*--------------------------------------------------------------
## Inner Pages Style By WEN Themes
--------------------------------------------------------------*/

/*Basic Breadcrumb */

#breadcrumb {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 15px 0;
    border: 1px solid #eeeeee;

}
#breadcrumb .container > div {
    overflow: hidden;
}
.breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}
.breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}
.breadcrumb-trail li::after {
    content: "/";
    margin-left: 10px;
}
.breadcrumb-trail  .trail-items {
    margin: 0;
    padding: 0;
}

/*Error 404 Page*/

section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

/*contact form 7*/

.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}

/*--------------------------------------------------------------
## Extra css for Pro By WEN Themes
--------------------------------------------------------------*/

/* Global layout sidebar By WEN Themes*/


.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

/* equal global layout*/

.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}

.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}

#sidebar-front-page-widget-area {
    padding: 40px 0 30px;
    clear: both;
}

#sidebar-front-page-widget-area  .widget {
    margin-top: 60px;
}

#sidebar-front-page-widget-area  .widget:first-child {
    margin-top: 0;
}


/*--------------------------------------------------------------
## service widget / page css By WEN Themes
--------------------------------------------------------------*/

.trade_line_widget_services .service-block-item {
    float: left;
    padding: 15px;
    text-align: center;
    transition: background-color 0.5s ease-out 0s;
}

.trade_line_widget_services .service-block-item i {
    background:#e6ffff none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 100px;
    color: #EDD433;
    font-size: 43px;
    height: 100px;
    line-height: 1.5;
    margin-bottom: 25px;
    padding-top: 15px;
    width: 100px;
}


.trade_line_widget_services .service-block-item:hover {
    background: #EDD433 none repeat scroll 0 0;
    color: #fff;
}

.trade_line_widget_services .service-block-item:hover  a{
   color:#fff;
}

.trade_line_widget_services .service-col-4 .service-block-item {
    width: 25%;
}

.trade_line_widget_services .service-col-3 .service-block-item {
    width: 33.33%;
}

.trade_line_widget_services .service-col-2 .service-block-item {
    width: 50%;
}

.trade_line_widget_services .service-col-1 .service-block-item {
    width: 100%;
}

/*--------------------------------------------------------------
## portfolio widget / page css By WEN Themes
--------------------------------------------------------------*/

.page-template-portfolio-three-columns .portfolio-item,
.portfolio-wrapper-col-3 .portfolio-item {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 5px;

}

.portfolio-main-wrapper .portfolio-container {
    margin:0 -5px;
}

.page-template-portfolio-four-columns .portfolio-item,
.portfolio-wrapper-col-4 .portfolio-item {
    float: left;
    padding: 5px;
    text-align: center;
    width: 25%;
}

.portfolio-main-wrapper .portfolio-filter {
    border-bottom: 1px solid #dddddd;
    clear: both;
    margin-bottom: 5px;
    padding-bottom: 7px;
    text-align: center;
}

.portfolio-main-wrapper .portfolio-filter a {
    color: #aaaaaa;
    display: inline-block;
    font-size: 16px;
    margin: 0 2px;
    padding: 0 2px;
}

.portfolio-main-wrapper .portfolio-filter a.current,
.portfolio-main-wrapper .portfolio-filter a.active {
    color: #EDD433;
}

.portfolio-main-wrapper .portfolio-filter a::before {
    content: "/";
    margin-right: 9px;
}
.portfolio-main-wrapper .portfolio-filter a:first-child::before {
    content: "";
   display: none;
}
.portfolio-main-wrapper .item-wrapper img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
}

.portfolio-main-wrapper .item-wrapper:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.portfolio-main-wrapper .portfolio-item-title {
    top:0;
    position: absolute;
    text-align: center;
    width: 100%;
    text-shadow: 0 2px 3px #000000;
    visibility: hidden;
    -webkit-transition-duration: 0.5s;  /* change duration value to whatever you like */
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 99;
    height: 100%;
}

.portfolio-main-wrapper .portfolio-item-title a {
    background: rgba(0, 0, 0, 0.34) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    display: block;
    height: 100%;
    padding-top: 40%;
}

.portfolio-main-wrapper .item-wrapper {
    position: relative;
    overflow: hidden;
}

.portfolio-main-wrapper .item-wrapper:hover .portfolio-item-title {
    height: 100%;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index:99;
    font-size: 25px;
}

.portfolio-main-wrapper .item-wrapper h3 a::before {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    left: -100%;
    height: 0;
    position: absolute;
    top: 10%;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: 88;
    height: 80%;
}

.portfolio-main-wrapper .item-wrapper:hover h3 a::before {
    left: 2.5%;
    width: 95%;
}

.portfolio-main-wrapper .item-wrapper h3 a::after {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height:0;
    left: 10%;
    position: absolute;
    top: -100%;
    transition: all 0.5s ease 0s;
    width: 80%;
    z-index: 88;
}

.portfolio-main-wrapper .item-wrapper:hover h3 a::after {
    top: 2.5%;
    height: 95%;
}

.portfolio-main-wrapper .item-wrapper:hover h3 a::before,
.portfolio-main-wrapper .item-wrapper:hover h3 a::after {
    visibility: visible;
}

.sidebar .portfolio-main-wrapper .portfolio-filter a,
.footer-widget-area .portfolio-main-wrapper .portfolio-filter a {
    margin-bottom: 4px;
    width: 100%;
}

.sidebar .portfolio-item,
.footer-widget-area .portfolio-item{
    float: left;
    text-align: center;
    width: 100%;
}

.single-jetpack-portfolio .entry-meta {
    background: #EDD433;
    bottom: -72px;
    display: inline-block;
    left: -10px;
    padding: 8px;
    position: absolute;
}

.single-jetpack-portfolio .entry-header {
    position: relative;
}

.single-jetpack-portfolio .entry-content .wp-post-image {
    border: 5px solid #EDD433;
    float: left;
    margin: 5px 25px 15px 0;
}

.single-jetpack-portfolio .entry-meta > span a {
    color:#fff;
}

/*style for page */

.jetpack-portfolio-shortcode .portfolio-entry-header {
    position: relative;
    overflow: hidden;
}
.jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-title,
.jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-meta {
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-title {
    top:25%;
}

.jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-title a {
    color: #fff;
    text-shadow:0 2px 3px #000000;
}

.jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-meta {
    left: 10.4%;
    padding: 5px;
    top: 68.5%;
    width: auto;
    z-index: 999;
}

.jetpack-portfolio-shortcode .project-types {
    color: #ffffff;
    font-size: 19px;
}

.jetpack-portfolio-shortcode .portfolio-entry img  {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
}

.jetpack-portfolio-shortcode .portfolio-entry:hover img  {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.jetpack-portfolio-shortcode .portfolio-entry-header::after {
    background: rgba(0, 0, 0, 0.34) none repeat scroll 0 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.jetpack-portfolio-shortcode .portfolio-entry-header:hover::after {
    visibility: visible;
    height: 100%;

}

.jetpack-portfolio-shortcode .portfolio-featured-image::before {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    left: -100%;
    height: 0;
    position: absolute;
    top: 10%;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: 88;
    height: 80%;
}

.jetpack-portfolio-shortcode .portfolio-entry-header:hover  .portfolio-featured-image::before {
    left: 2.5%;
    width: 95%;
}

.jetpack-portfolio-shortcode .portfolio-featured-image {
    display: block;
}

.jetpack-portfolio-shortcode .portfolio-featured-image::after {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    content: "";
    display: block;
    height: 0;
    left: 8%;
    position: absolute;
    top: -100%;
    transition: all 0.5s ease 0s;
    width: 84%;
    z-index: 88;
}

.jetpack-portfolio-shortcode .portfolio-entry-header:hover  .portfolio-featured-image::after {
    top: 2.5%;
    height: 95%;
}

.jetpack-portfolio-shortcode .portfolio-entry-header:hover .portfolio-featured-image::before,
.jetpack-portfolio-shortcode .portfolio-entry-header:hover .portfolio-featured-image::after {
    visibility: visible;
}

.jetpack-portfolio-shortcode .portfolio-entry-content .read-more {
    margin-top: 15px;
}

.jetpack-portfolio-shortcode .portfolio-entry-meta a {
    border: 0 none;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}


/*--------------------------------------------------------------
## call to action widgets style By WEN Themes
--------------------------------------------------------------*/

.trade_line_widget_call_to_action {
    background: #f9f9f9 none repeat scroll 0 0;
    border-left: 7px solid #EDD433;
    border-right: 7px solid #EDD433;
    border-bottom: 1px solid #dadada;
    padding: 20px 30px;
    text-align: center;
    position:relative;
    z-index: 999;
}


#sidebar-front-page-widget-area .widget.trade_line_widget_call_to_action::after {
    background-image: url("images/widget-shadow.png");
    background-size: cover;
    bottom: -44px;
    content: "";
    display: block;
    height: 44px;
    left: -5px;
    position: absolute;
    width: 360px;
    z-index: 88;
}

#sidebar-front-page-widget-area .trade_line_widget_call_to_action::before {
    background-image: url("images/cta-shadow.png");
    background-size: cover;
    bottom: -44px;
    content: "";
    display: block;
    height: 44px;
    right: 0;
    position: absolute;
    width: 360px;
    z-index: 88;
}

#sidebar-front-page-widget-area .trade_line_widget_call_to_action .widget-title {
    margin-bottom: 5px;
}

#sidebar-front-page-widget-area .trade_line_widget_call_to_action .widget-title span {
    background: inherit;
    color: #EDD433;
    margin-bottom: 0;
    padding: 0;
    text-shadow: inherit;
}

#sidebar-front-page-widget-area .trade_line_widget_call_to_action .widget-title span::after {
    display: none;
}

a.button {
    color: #ffffff;
    display: inline-block;
}

.sidebar .trade_line_widget_call_to_action,
.footer-widget-area .trade_line_widget_call_to_action {
    padding: 5px;
}

/*--------------------------------------------------------------
### Testimonial widget style By WEN Themes
--------------------------------------------------------------*/

.trade_line_widget_testimonials .testimonial-widget {
    margin :30px;
    position: relative;
    padding: 0 30px;
}

.trade_line_widget_testimonials .testimonial-thumb {
    margin-bottom: 15px;
}

.trade_line_widget_testimonials .testimonial-thumb img {
    border: 7px solid transparent;
    border-radius: 100%;
    box-shadow: -4px -8px 0 #EDD433;
}

.trade_line_widget_testimonials .testimonial-widget {
    text-align: center;
}

.trade_line_widget_testimonials .testimonial-title {
    float: right;
}

/*Testimonial widget cycle pager */

.trade_line_widget_testimonials .cycle-pager {
    bottom:-20px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 999;
}

.trade_line_widget_testimonials .cycle-pager > span.cycle-pager-active,
.trade_line_widget_testimonials .cycle-pager > span:hover {
    background-color: #EDD433;
}

.trade_line_widget_testimonials .testimonial-title::before {
    content: "-";
}

.trade_line_widget_testimonials .cycle-pager > span {
    background-color: #aaaaaa;
    border: medium none;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 20px;
    margin: 7px;
    width: 20px;
    z-index: 99;
}
.trade_line_widget_testimonials .testimonial-item {
    display: none;
    width: 100%;
}
.trade_line_widget_testimonials .testimonial-item:first-child {
    display: block;
}
/*Testimonial cycle next / previous*/

.trade_line_widget_testimonials .cycle-prev,
.trade_line_widget_testimonials .cycle-next {
    bottom: 65%;
    color: #aaa;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.8;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    z-index: 999;
}

.trade_line_widget_testimonials .cycle-prev {
    left: 32%
}

.trade_line_widget_testimonials .cycle-next {
    right:32%;
}

.trade_line_widget_testimonials .cycle-prev::after,
.trade_line_widget_testimonials .cycle-next::after {
    border-radius: 100%;
    display: block;
    font-size: 68px;
    text-shadow: 0 0 1px #000000;
    color: #EDD433;
}

.trade_line_widget_testimonials .cycle-prev::after {
    content: "\f104";
    font-family: FontAwesome;
}

.trade_line_widget_testimonials .cycle-next::after {
    content: "\f105";
    height: auto;
    font-family: FontAwesome;
}

.trade_line_widget_testimonials .cycle-prev:hover::after,
.trade_line_widget_testimonials .cycle-next:hover::after {
    color: #009a82;
}

/*Testimonial style for sidebar and footer widget area*/

.sidebar .trade_line_widget_testimonials,
.footer-widget-area .trade_line_widget_testimonials {
    padding: 0;
}

.sidebar .trade_line_widget_testimonials .cycle-prev,
.sidebar .trade_line_widget_testimonials .cycle-next,
.footer-widget-area .trade_line_widget_testimonials .cycle-prev,
.footer-widget-area .trade_line_widget_testimonials .cycle-next  {
     bottom: 77%;
}

.sidebar .trade_line_widget_testimonials .testimonial-widget,
.footer-widget-area .trade_line_widget_testimonials .testimonial-widget  {
    padding: 0 20px;
    text-align: center;
}

.sidebar .trade_line_widget_testimonials .testimonial-thumb,
.footer-widget-area .trade_line_widget_testimonials .testimonial-thumb {
    float: none;
    margin-bottom: 15px;
    margin-right: 0;
}

.sidebar .trade_line_widget_testimonials .testimonial-title,
.footer-widget-area .trade_line_widget_testimonials .testimonial-title{
    float: none;
}

.jetpack-testimonial-shortcode .testimonial-entry {
    text-align: center;
}
.jetpack-testimonial-shortcode .testimonial-entry-title{
    float: right;
}
.jetpack-testimonial-shortcode .testimonial-featured-image img {
    border: 4px solid #EDD433;
    border-radius: 100%;
}

.jetpack-testimonial-shortcode .testimonial-featured-image {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}
.jetpack-testimonial-shortcode .testimonial-entry {
    border-bottom: 1px solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.trade_line_widget_featured_page img {
    border: 1px solid #dddddd;
    padding: 10px;
}
/*--------------------------------------------------------------
### Advaneced recent post widget style By WEN Themes
--------------------------------------------------------------*/

.trade_line_widget_advanced_recent_posts .advanced-recent-posts-item {
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.advanced-recent-posts-item:first-child {
    margin: 0;
}

.advanced-recent-posts-title {
    font-size: 15px;
    margin-bottom:0;
}

.trade_line_widget_advanced_recent_posts .advanced-recent-posts-date {
    font-style: italic;
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
}

#sidebar-front-page-widget-area::after,
#sidebar-front-page-widget-area::before,
#sidebar-front-page-widget-area .widget::after,
#sidebar-front-page-widget-area .widget::before {
    display: table;
    clear: both;
    content: "";
}

#footer-widgets .advanced-recent-posts-item {
    border-top: 1px solid #3c3c3c;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding-top: 5px;
}

#footer-widgets .advanced-recent-posts-item:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

/*--------------------------------------------------------------
### Latest News post widget style By WEN Themes
--------------------------------------------------------------*/

.trade_line_widget_latest_news .latest-news-item {
    float: left;
    padding: 0 15px;
    margin-bottom: 15px;
}

.trade_line_widget_latest_news .latest-news-item img {
    margin: 0;
}

.latest-news-text-wrap {
    background:#f9f9f9 none repeat scroll 0 0;
    border-top: 3px solid #EDD433;
    padding: 15px;
}

.latest-news-wrapper {
    position: relative;
    transition: all 0.5s ease 0s;
    border-bottom: 5px solid transparent;

}

.latest-news-wrapper::after {
    background-image: url("images/widget-shadow.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 95% auto;
    bottom: -44px;
    content: "";
    display: block;
    height: 44px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99;

}

.latest-news-wrapper:hover::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.read-more::before {
    content: "\f064";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 11px;
}

.read-more {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.latest-news-wrapper:hover {
    border-bottom: 5px solid #EDD433;
    box-shadow: 0 0 8px;
}

.latest-news-thumb {
    overflow: hidden;
}

.latest-news-item img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
}

.latest-news-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.trade_line_widget_latest_news .latest-news-title {
    margin-bottom:10px;
}

.trade_line_widget_latest_news .latest-news-meta {
    margin-bottom: 15px;
}

.trade_line_widget_latest_news .latest-news-col-3 .latest-news-item {
    width: 33.33%;
}

.trade_line_widget_latest_news .latest-news-col-4 .latest-news-item {
    width: 25%;
}

.trade_line_widget_latest_news .latest-news-meta > span {
    font-size: 12px;
}

.trade_line_widget_latest_news .latest-news-meta .latest-news-comments {
    float: right;
}

.trade_line_widget_latest_news .latest-news-col-3 .latest-news-meta > span {
    font-size: 15px;
}

.trade_line_widget_latest_news .latest-news-meta > span::before {
    content: "";
    display: inline-block;
    float: left;
    font-family: FontAwesome;
    font-size: 12px;
    height: auto;
    line-height: 1.7;
    margin-right: 7px;
}

.trade_line_widget_latest_news .latest-news-meta > span.latest-news-date::before {
    content: "\f073";
}

.trade_line_widget_latest_news .latest-news-meta > span.latest-news-comments::before {
    content: "\f086";
}

/*sidebar and footer widget area style*/

#footer-widgets .trade_line_widget_latest_news .latest-news-widget .latest-news-item,
.sidebar .trade_line_widget_latest_news .latest-news-widget .latest-news-item{
    margin-bottom: 15px;
    width: 100%;
}
/*--------------------------------------------------------------
### Our Team widget style By WEN Themes
--------------------------------------------------------------*/
.our-team-item {
    float: left;
    padding: 0 15px;
    text-align: center;
    color: #fff;
}

.thumb-summary-wrap {
    position: relative;
}

.our-team-summary {
    background:rgba(51, 51, 51, 0.51) none repeat scroll 0 0;
    bottom: 0;
    color: rgb(255, 255, 255);
    display: none;
    padding: 20px 15px 0;
    position: absolute;
}

.our-team-thumb img {
    width: 100%;
}

.our-team-text-wrap {
    background:#EDD433;
    margin: -10px auto 10px;
    max-width: 100%;
    padding: 5px;
    position: relative;
    z-index: 999;
}

.our-team-title {
    margin: 0;
}

.our-team-title > a {
    color: #ffffff;
}

.team-designation {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 7px;
}

.our-team-col-1 .our-team-item {
    width: 100%;
}

.our-team-col-2 .our-team-item {
    width: 50%;
}

.our-team-col-3 .our-team-item {
    width: 33.33%;
}

.our-team-col-4 .our-team-item {
    width: 25%;
}

/*--------------------------------------------------------------
## Custom Woocommerce Style By WEN Themes
--------------------------------------------------------------*/

.woocommerce ul.products li.product h3 {
    font-weight: normal;
    padding: 0 0 0.5em;
}

.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px #ccc;
    padding: 5px;
}

.woocommerce ul.products li.product .button {
    clear: both;
    display: block;
    float: none;
    font-size: 15px;
    margin: 10px auto 15px;
    max-width: 120px;
    padding: 8px;
    text-align: center;
    width: auto;
    font-weight: normal;
}

.woocommerce ul.products li.product .price del {
    float: left;
}

.woocommerce ul.products li.product .price ins {
    float: right;
}

.woocommerce span.onsale {
    background-color: #fa6f6f;
}

.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    background: none repeat scroll 0 0 #ffffff;
    padding: 15px 15px 0;
    border: 1px solid #ddd;
}

.images .thumbnails a {
    border: 1px solid #ddd;
    clear: both;
}

#reviews .comment-form {
    margin: 0;
}

/*woocommerce button custom color*/

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: #EDD433;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset;
    border-radius: 0;
    color: #fff;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    background-color: #009a82;
    box-shadow: none;
    color: #fff;
    border: none;
}

.woocommerce div.product .woocommerce-tabs .panel{
    background-color: #fff;
    padding: 15px;
    border-top:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    height: 31px;
    width: auto;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top:2px solid #ddd;
}

.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}

.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}
.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}

.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}



.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}

.woocommerce ul.products li.product .onsale::after,
.woocommerce-page ul.products li.product .onsale::after {
    content : '';
    width : 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.woocommerce ul.products li.product .onsale::after,
.woocommerce-page ul.products li.product .onsale::after {
    border-right: 4px solid #666;
}

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    line-height: 20px;
    margin: 0;
    min-height: 20px;
    padding: 4px 0 0;
    right: -6px;
    text-shadow: none;
    text-transform: uppercase;
    top: 14px;
    width: 70px;
}

.cart button.single_add_to_cart_button {
    margin-left: 15px;
}

.actions  p {
    margin: 0;
}

table.shop_table.cart thead {
    background: #EDD433 none repeat scroll 0 0;
    color: #ffffff;
}

.checkout h3 {
    font-size: 20px;
}

#ship-to-different-address .checkbox + br {
    display: none;
}

.checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}

.authorbox {
    background:#e6ffff;
    border: 1px solid #dddddd;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}


/*woocommerce form */

#review_form_wrapper #commentform {
    margin: 0 -15px;
}

p.comment-form-rating {
    clear: both;
}
.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}
/*--------------------------------------------------------------
##  Media Queries By WEN Themes
--------------------------------------------------------------*/

/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1260px) {
    .site-layout-boxed #page,
    .container {
        width: 97%;
    }




    .sidebar .search-form input.search-field {
        height: 22px;
        margin: 0;
        padding: 10px 0 10px 8%;
        width: 92%;
    }

    .sidebar input[type="submit"] {
        display: block;
        float: left;
        margin-top: 15px;
        position: inherit;
        top: inherit;
        width: 100%;
    }

    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input {
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    #main-slider .cycle-caption {
        visibility: visible;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

    .inner-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    #primary,
    .sidebar,
    #colophon,
    #featured-clients {
        padding-left: 15px;
        padding-right: 15px;
    }


    /*Main slider*/

    #main-slider .cycle-caption {
        left: 9%;
        max-width: 57%;
        padding: 15px;
        top: 13%;
    }

    #main-slider .cycle-slide {
        width: 100%;
    }

    #main-slider .cycle-caption {
        padding:15px;
    }


    td,
    th {
        font-size: 12px;
        padding: 2px;
        text-align: center;
    }

    .main-navigation ul li a {
        font-size: 14px;
        padding: 10px;

    }

    .main-navigation ul  ul {
        top: 40px;
    }

    .main-navigation ul ul a {
        padding-bottom: 5px;
        padding-top: 5px;
    }

/*--------------------------------------------------------------
 Pro responsive css By WEN Themes
--------------------------------------------------------------*/

    .trade_line_widget_advanced_recent_posts img {
        float: none;
    }

    #featured-content article,
    .trade_line_widget_latest_news .latest-news-item,
    .service-block-item ,
    .trade_line_widget_services .service-block-item{
        padding: 15px 15px;
    }

    .trade_line_widget_latest_news .latest-news-meta .latest-news-comments {
        clear: both;
        display: block;
        float: none;
    }

    .trade_line_widget_testimonials .testimonial-widget {
        margin: 0;
    }

    .jetpack-portfolio-shortcode .portfolio-entry {
        margin-bottom: 10px;
    }

    .jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-title {
        top: 3%;
    }

    .jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-meta {
        top: 58.5%;
    }

    #featured-clients .owl-prev {
        left: 0;
    }

    #featured-clients .owl-next {
        right: 0;
    }

    .portfolio-main-wrapper .item-wrapper h3 a::before,
    .portfolio-main-wrapper .item-wrapper h3 a::after {
        display: none;
    }

    .portfolio-main-wrapper .portfolio-item-title a {
        top:21px;
    }

    .portfolio-main-wrapper .portfolio-item-title a {
        font-size: 16px;
    }

} 

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:900px) {
  /*--------------------------------------------------------------
     Responsive Menu css By WEN Themes
    --------------------------------------------------------------*/
     body{
        padding-top: 0;
      }
    #page {
        padding-top:45px;
    }
    .site-layout-boxed #page {
        padding-top: 0;
    }
    #main-nav {
        display: none;
    }
    .enabled-sticky-primary-menu.sidr-open #masthead.fixed {
        position: relative;
        top: 89px;
    }
    .enabled-sticky-primary-menu  #masthead.fixed {
        top: 39px;
    }
    .enabled-sticky-primary-menu.admin-bar #masthead.fixed {
        top: 87px;
    }

    .sidr-open #mobile-trigger {
      transition: inherit;
    }


    #mobile-trigger {
        background: #000000 none repeat scroll 0 0;
        display: block;
        left: 0;
        padding: 5px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 999999;
    }
    .logged-in #mobile-trigger {
        top: 45px;
    }
    .sidr-open #mobile-trigger {
        padding-left: 275px;
        text-align: left;
        transition: inherit;
    }

    #masthead {
        text-align: center;
    }
    .site-branding {
        float: none;
        margin-right: 0;
    }
    .site-logo-link, .custom-logo-link {
        max-width: inherit;
    }
    #mobile-trigger i {
        background-color: #EDD433;
        border: 2px solid #fffffe;
        box-shadow: 0 1px 2px #000000;
        color: #ffffff;
        font-size: 21px;
        padding: 6px 8px;
    }
    .site-layout-boxed #page {
        margin-top: 70px;
    }
    .sidr ul li ul li a, .sidr ul li ul li span {
        line-height: 1.5;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px !important;
    }
    body .sidebar,
    body #primary {
        width: 100%;
    }
    .trade_line_widget_services .service-col-4 .service-block-item,
    .trade_line_widget_latest_news .latest-news-col-4 .latest-news-item {
        width: 50%;
    }
    .our-team-widget .our-team-summary {
        display: none!important;
    }
    #main-slider:hover .cycle-caption,
    #main-slider .cycle-caption {
        opacity: 1;
        top: 18%;
        visibility: visible;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .site-logo-link, .custom-logo-link, #site-identity {
        clear: both;
        display: block;
        float: none;
        margin: 0;
        text-align: center;
    }
    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size:16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

   .site-layout-boxed #page .container  {
        width: 100%;
        padding: 0 15px;
    }

    .widget.trade_line_widget_call_to_action {
        display: block;
        margin-bottom: 25px;
        padding: 15px;
    }

    .site-layout-boxed #page {
        width: 90%;
        padding: 0 15px;
    }

    .container {
        width: 90%;
        padding: 0 15px;
    }

    .site-layout-boxed #featured-slider,
    .site-layout-boxed #footer-widgets,
    .site-layout-boxed #colophon {
        margin-left: -15px;
        margin-right: -15px;
    }

    #featured-slider, #footer-widgets, #colophon {
        margin-left: 0;
        margin-right: 0;
    }

    #sidebar-front-page-widget-area .widget-title span {
        margin-bottom: 0;
    }


    .site-branding {
        text-align: left;
    }

    .site-content {
        padding-top: 15px;
    }

    .trade_line_widget_latest_news .our-team-item {
        width: 50%;
    }

    .trade_line_widget_testimonials .cycle-prev {
        left: -25px;
    }

    .trade_line_widget_testimonials .cycle-next {
        right: -25px;
    }

    /*featured slider style*/

    #main-slider .cycle-caption h3 {
        font-size: 19px;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    #main-slider .cycle-prev::after,
    #main-slider .cycle-next::after {
        font-size: 23px;
        padding: 15px;
    }

    #main-slider .cycle-caption {
        max-width: 66%;
    }

    #main-slider .cycle-prev::after, #main-slider .cycle-next::after {
        font-size: 23px;
        padding: 5px 10px;
    }

    #main-slider .cycle-caption p {
        font-size: 13px;
        overflow: hidden;
        padding: 10px;
    }

    #main-slider .cycle-pager {
        bottom: 0;
        left: 10px;
    }

    #main-slider .cycle-prev {
        left: inherit;
        right: 50px;
    }

    #main-slider .cycle-next {
        right: 15px;
    }

    #main-slider .cycle-prev, #main-slider .cycle-next {
        bottom: 10px;
    }

    /*featured content*/

    #featured-content article {
        float: left;
        padding: 0 15px;
        max-width: 100%;
    }

    #featured-content,
    #featured-content,
    #content {
        clear: both;
        padding-top: 20px;
    }

    #sidebar-front-page-widget-area {
        clear: both;
        padding: 30px 0;
    }

    #sidebar-front-page-widget-area .widget {
        margin-top: 15px;
    }

    .trade_line_widget_testimonials .cycle-prev {
        left: -25px;
    }

    .trade_line_widget_testimonials .cycle-next {
        right: -25px;
    }

    /*sidebar layout*/

    #primary,
    #sidebar-primary,
    #sidebar-secondary {
        width: 100%;
        clear: both;
        float: none;
    }

    .global-layout-three-columns #primary,
    .global-layout-three-columns .sidebar {
        display: inline-block;
        float: none;
        width: 100%;
    }

    .jetpack-portfolio-shortcode .portfolio-entry {
        margin-bottom: 10px;
        width: 100%;
    }

    .jetpack-portfolio-shortcode .portfolio-entry-header .portfolio-entry-title {
        padding: 0;
        top: 19%;
    }



  

    /*footer widget area*/

    .sibebar{
        margin-top: 15px;
    }

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }

    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }

    .widget.trade_line_widget_services .service-block-item {
        width: 50%;
    }

   .trade_line_widget_teams .our-team-item {
        width: 50%;
    }

    #sidebar-front-page-widget-area .trade_line_widget_call_to_action::before,
    #sidebar-front-page-widget-area .trade_line_widget_call_to_action::after,
    .trade_line_widget_call_to_action::after,
    .trade_line_widget_call_to_action::before,
    #sidebar-front-page-widget-area .widget.trade_line_widget_call_to_action::after {
        display: none;
    }


    /*--------------------------------------------------------------
    ###  Pro responsive css By WEN Themes
    --------------------------------------------------------------*/

    #featured-content .featured-content-column-4 article {
        max-width: 50%;
    }

    .portfolio-main-wrapper .portfolio-filter a {
        font-size: 13px;
        margin: 0 2px;
        padding: 3px 10px;
    }

    .page-template-portfolio-four-columns .portfolio-item,
    .portfolio-wrapper-col-4 .portfolio-item,
    .page-template-portfolio-three-columns .portfolio-item,
    .portfolio-wrapper-col-3 .portfolio-item {
        width: 50%;
    }

    .trade_line_widget_call_to_action {
        padding: 15px;
    }

    .widget {
        margin: 15px 0 0;
    }

    .testimonial-widget {
        padding: 0;
    }

    .trade_line_widget_advanced_recent_posts img {
        float: left;
    }

    .trade_line_widget_advanced_recent_posts {
        text-align: left;
    }

    .trade_line_widget_latest_news .latest-news-widget .latest-news-item {
        width: 50%;
    }

    .header-layout-2 .right-head {
        float: none;
        padding-top: 0;
        width: 100%;
        clear: both;
        max-width: 100%;
    }

    .header-layout-2 .main-navigation li a {
        color: #fff;
    }

    .trade_line_widget_testimonials .testimonial-widget {
        margin: 0 0 15px;
    }
    #footer-widgets {
        padding: 30px 15px;
    }
    #featured-clients {
        margin-left: -15px;
        margin-right: -15px;
    }
    #colophon .copyright,
        #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }
    #featured-content .featured-content-column-3 article {
        max-width: 100%;
    }
    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
    }
    .header-layout-2.enabled-sticky-primary-menu .site-header {
        box-shadow: none;
        display: block;
        padding: 15px 0;
        transition: all 0.4s ease-out 0s;
    }

}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:550px) {
    .trade_line_widget_latest_news .latest-news-widget .latest-news-item {
        width: 100%;
    }
    #main-slider .cycle-caption {
        max-width: 70%;
        top: 20px;
    }
    #main-slider:hover .cycle-caption ,
    #main-slider .cycle-caption {
        left: 13%;
        opacity: 1;
        top: 10px;
        visibility: visible;
    }
        .trade_line_widget_latest_news .latest-news-col-4 .latest-news-item {
        width: 100%;
    }

    .trade_line_widget_services .service-col-4 .service-block-item {
        width: 100%;
    }
    .trade_line_widget_featured_page img {
        display: block;
        float: none;
        margin: 0 auto;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    .custom-logo-link, .site-logo-link,
    #site-identity {
        display: block;
        float: none;
        margin-right: 0;
        text-align: center;
        width: 100%;
        max-width: inherit;
    }

    .site-branding {
        text-align: center;
    }

    /*main slider */


    #main-slider:hover .cycle-caption,
    #main-slider .cycle-caption {
        left: 12px;
        padding: 5px;
        top: 15px;
        width: 73%;
    }


    #main-slider .cycle-caption h3 {
        font-size: 16px;
        height: auto;
        margin-bottom: 0;
        overflow: hidden;
    }


    #main-slider .cycle-pager {
        bottom: -3px;
    }

    #main-slider .cycle-caption p {
        display: none;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

   .trade_line_widget_teams .our-team-item {
        width: 100%;
    }

    .client-item {
        display: inline-block;
        margin: 15px 25px;
    }

    #featured-clients .cycle-prev,
    #featured-clients .cycle-next {
        display: none;
    }

    .site-description {
        margin-bottom: 0;
    }

    .trade_line_widget_call_to_action {
        border-left: 3px solid #EDD433;
        border-right: 3px solid #EDD433;
    }

   /*--------------------------------------------------------------
    Pro responsive css By WEN Themes
    --------------------------------------------------------------*/

    .testimonial-widget {
        text-align: center;
    }

    #featured-content .featured-content-column-3 article,
    #featured-content .featured-content-column-4 article {
        max-width: 100%;
    }

    .trade_line_widget_testimonials .testimonial-thumb {
        float: none;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .trade_line_widget_testimonials .cycle-prev,
    .trade_line_widget_testimonials .cycle-next {
        bottom: 70%;
    }

    .trade_line_widget_testimonials .cycle-pager {
        bottom: -30px;
    }

    .trade_line_widget_testimonials .testimonial-title {
        float: right;
        font-size: 15px;
    }

    .trade_line_widget_latest_news .latest-news-widget .latest-news-item,
    .widget.trade_line_widget_services .service-block-item  {
        width: 100%;
    }

    .trade_line_widget_testimonials .testimonial-widget {
        padding: 0 10px;
    }

    .search-form input.search-field {
        width: 76%;
    }

    .search-box .search-box-wrap {
        right: 3%;
        width: 263px;
    }

    .social-links {
        float: right;
        max-width: 208px;
        text-align: right;
    }
    .header-layout-2 .right-head {
        margin-top: 15px;
    }
    .social-links .trade_line_widget_social li {
        display: inline-block;
        float: none;
    }

    .search-box {
        float: right;
        position: relative;
        width: 33px;
    }
    .site-layout-boxed #page .container {
        padding: 0;
        width: 100%;
    }
}
