/*
Theme Name: DCM
Description: Loja Virtual Empresa DCM.
Version: 1.0.0
Author:	Criativa Sites
Theme URI: http://dcmcomercio.com/
Author URI: http://criativasites.com/
*/



/*------------------------------------------------------------------
[Table of contents]

[Layout]

* body
    + Wordpress Misc
    + General Classes
      - Arrow
      - Select Box
	+ Header / #header
	  - Topbar / #topbar
	  - Logo / #logo
	  + Navigation
	  	- Welcome Menu
	  	- Language Menu
	  	- Bigmenu
	  + Header Skins
	    - Skin 1
	    - Skin 2
	    - Skin 3
	    - Skin 4
	  - Header Row
	  - Sticky Header
	  - Sidebar Navigation / .yit-vertical-megamenu
	  - Slogan / #slogan
	+ Content /
	    - Pagination
	    - Buttons
	    - Breadcrumb
		- Video
	    - Socials
		- Back to Top / #back-top
		- Google Map / #map


-------------------------------------------------------------------*/
@font-face {
    font-family: 'star';
    src: url('theme/assets/fonts/star-font/star.eot');
    src: url('theme/assets/fonts/star-font/star.eot?#iefix') format('embedded-opentype'), url('theme/assets/fonts/star-font/star.woff') format('woff'), url('theme/assets/fonts/star-font/star.ttf') format('truetype'), url('theme/assets/fonts/star-font/star.svg#star') format('svg');
    font-weight: normal;
    font-style: normal
}


/****************************
 * BODY
 ****************************/
*{
    outline: 0 none !important;
}

body{
    overflow-x: hidden;
}

p {
    line-height: 1.6em;
}

a, a:hover, a:visited {
    text-decoration: none;
    outline: 0 none !important;
}

:focus {
  outline: none;
  text-decoration: none !important;
}

input[type="text"], input[type="password"], input[type="email"],input[type="search"], input[type="submit"], textarea{
    border-radius: 0;
    -webkit-appearance: none;
    box-shadow: none;
}

input[type="password"]{
    width: 100%;
}

input[type="password"],
input[type="text"]{
    height: 40px;
    border: 1px solid;
    padding: 0 10px;
}

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

::-moz-focus-inner {
    border-width:0 0 0 0;
    border:0;
    outline: 0 none !important;
    text-decoration: none !important;
}

.boxed-layout #header,
.boxed-layout #slogan,
.boxed-layout #primary{
    margin: 0px -15px 15px;
}



/****************************
 * WORDPRESS MISC
 ****************************/

.wp-caption {
    max-width: 100%;
}

.content img{
    max-width: 100%;
    height: auto;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"]{
    height: auto;
}

.content table{
    width: 100%;
}

.alignleft,
img.alignleft{
    display:inline;
    float:left;
}

.alignright,
img.alignright{
    display:inline;
    float:right;
    margin-left:24px;
    margin-top:4px;
}

div.aligncenter,
img.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float:none;
}

img.alignleft,
img.alignright,
img.aligncenter{
    margin-bottom:12px;
}

embed,
iframe,
object,
video {
    margin-bottom: 24px;
    max-width: 100%;
}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
    margin-bottom: 0;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
    margin: 7px 24px 7px 0;
}

q{
    border-top: 2px solid ;
    border-bottom: 1px solid ;
    padding: 10px;
    margin: 10px 0px;
    clear: both;
    display: block;
}

.wp-caption.alignleft {
    margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
    margin: 7px 0 7px 24px;
}

.bypostauthor{}

.wp-caption.alignright {
    margin: 7px 0 7px 14px;
}

.wp-caption {
    margin-bottom: 24px;
}

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

.wp-caption {
    color: #767676;
}

.bypostauthor{

}

.wp-caption-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
}

div.wp-caption .wp-caption-text {
    padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px;
    padding-right: 0;
}

.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
    margin-top: 7px;
    margin-bottom: 7px;
}

.gallery {
    margin-bottom: 20px;
}

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

.gallery:after{
    clear: both;
}

.gallery img{
    border: none;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

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

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

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

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

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

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

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

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

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

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

#wrapper.container {
    -webkit-box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -3px 9px rgba(0, 0, 0, 0.1);
}

/****************************
 * GENERAL CLASSES
 ****************************/

/*---------------
[ARROW / .arrow ]
-----------------*/
.arrow, .arrow-down, .arrow-right {
    position: relative;
}
.arrow:after,
.arrow:before,
.arrow-down:after,
.arrow-down:before,
.arrow-right:after,
.arrow-right:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow-down:after,
.arrow-down:before {
    top: 100%;
}
.arrow:after,
.arrow:before,
.arrow-down:after,
.arrow-down:before{
    left: 32px;
}

.arrow-right:after,
.arrow-right:before{
    right: 32px;
}

.arrow:after, .arrow-right:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
}
.arrow-down:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #ffffff;
    border-width: 8px;
}

.arrow:after, .arrow-down:after {
    margin-left: -8px;
}

.arrow-right:after {
    margin-right: -8px;
}

.arrow:before, .arrow-right:before {
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-width: 9px;
}
.arrow-down:before {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-width: 9px;
}

.arrow:before, .arrow-down:before {
    margin-left: -9px;
}

.arrow-right:before {
    margin-right: -9px;
}

.arrow-left {
    border: 1px solid;
    position: relative;
}

.arrow-left:before {
    position: absolute;
    display: inline-block;
    border-top: 0px solid transparent !important;
    border-right: 14px solid;
    border-bottom: 17px solid transparent !important;
    left: -14px;
    top: 31px;
    content: '';
}

.arrow-left:after {
    position: absolute;
    display: inline-block;
    border-top: 1px solid transparent !important;
    border-right: 18px solid #fff!important;
    border-bottom: 20px solid transparent !important;
    left: -12px;
    top: 31px;
    content: '';
}

/*---------------
[SELECT BOX]
-----------------*/
.sbHolder { position: relative;}
.sbHolder .sbSelector{
    display: block;
    border: 1px solid;
}
.sbHolder .sbToggle {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url('./images/sprite-toggle.png') no-repeat top;
}
.sbHolder .sbToggle.sbToggleOpen {
    background-position: bottom;
}
.sbHolder .sbOptions{
    border: 1px solid;
    padding: 6px 16px;
    margin: 19px 0 0;
    list-style: none;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 300;
}


/****************************
 * HEADER
 ****************************/

#header {
    margin-bottom: -20px;
}

#header-sidebar{
    float: right;
    width: auto;
}

#header-sidebar .nav > ul > li  div.submenu{
    padding-top: 10px;
}

#header-container .container .header-wrapper{
    border-bottom: 1px solid;
    padding-top: 20px;
    padding-bottom: 0px;
}

/*---------------
[TOPBAR]
-----------------*/

#topbar{
    max-height: 45px;
    line-height: 44px;
    box-sizing: border-box;
}

#topbar .header-wrapper {
    border-bottom: 1px solid;
}

#topbar-left{
    float: left;
}

#topbar-right{
    float: right;
}

#topbar .nav{
    float: left;
}

#topbar .nav.icl_nav{
    margin-top: 0px;
}

#topbar .nav > ul {
    margin: 0;
    padding: 0;
}

#topbar .nav ul li{
    list-style: none;
    line-height: normal;
}

#topbar .nav > ul > li > a{
    padding-bottom: 13px;
}

#header.skin4 #topbar a {
    vertical-align: middle;
}

#topbar .nav,
#header.skin1 #topbar .nav {
    margin-top: 0px;
}

#topbar #menu-welcome-login{
    position: relative;
}
#topbar .nav > ul > li.bigmenu > div.submenu{
    padding-top: 0px;
}

#topbar #lang_sel > ul > li > ul,
#header.skin1 #topbar #lang_sel > ul > li > ul {
    margin-top: 12px;
}

#topbar #welcome-menu.nav > ul > li div.submenu{
    padding-top: 0;
}

/*---------------
[Logo / #logo]
-----------------*/
#logo #textual{
    padding: 0;
    margin: 0;
    margin-bottom: -10px;
    line-height: .7em;
}

p#tagline {
    margin-top: 0px;
}

/*---------------
[NAVIGATION]
-----------------*/

.nav a{
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.nav a .fa{
    margin-right: 3px;
}

.nav > ul > li:after {
    content: '/';
    display: inline-block;
    padding: 0px 5px;
}

.nav ul li{
   list-style: none;
}

.nav > ul > li {
    display: inline-block;
}

.nav > ul > li  div.submenu{
    position: absolute;
    width: 170px;
    z-index: 30000;
    padding-top: 10px;
    display: none;
}

.nav > ul > li  div.submenu ul.sub-menu,
#lang_sel li ul{
    position: relative;
    width: 100%;
    margin-left: -17px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    -moz-box-shadow:    0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    box-shadow:         0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    border: 1px solid;
    box-sizing: border-box;
}

.nav > ul > li > div.submenu > ul {
    padding: 10px 20px;
	margin:0px;
}

.nav > ul > li > div.submenu ul.sub-menu li a{
	display: block;
	line-height: 2.5em;
}

.nav > ul > li > div.submenu > ul > li{
    position: relative;
}

.nav > ul > li > div.submenu > ul > li > div.submenu{
    left: 133px;
    top: 0;
    margin-top: -21px;
    padding-left: 21px;
}

.nav > ul > li > div.submenu > ul > li > div.submenu ul{
    padding: 10px 20px;
    margin: 0px;
}

.nav > ul > li:last-child > a {
    padding-right: 0px;
}

.nav > ul > li:last-child:after {
    content: '';
}

.dropdown {
    position: relative;
}

.nav span.sf-sub-indicator {
    position: relative;
    padding: 0px 5px 0px 7px;
    display: inline-block;
    width: 18px;
}

.opera .nav span.sf-sub-indicator {
    padding: 4px 7px 0px 5px;
    vertical-align: bottom;
}

.nav .sf-sub-indicator:before{
    font-family: FontAwesome;
    font-size: 16px;
}

.nav > ul > li .sf-sub-indicator:before{
    content: "\f107";
}

.nav > ul > li >  div.submenu ul.sub-menu li .sf-sub-indicator:before{
    content: "\f105";
}

.nav div.submenu span.sf-sub-indicator {
    position: absolute;
    padding: 0px;
    left: 120px;
}

#header .nav  span.highlight,
#header .nav  span.highlight-inverse{
    margin-left:5px;
    padding: 2px 4px;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 700;
}


.nav > ul > li:last-child:after{
    content: '/';
    display: inline-block;
    padding: 5px;
}




/*---------------
[WELCOME NAV MENU]
-----------------*/

.welcome_username b{
    font-weight: normal;
}


span.welcome_username,
.icl_lang_sel_current{
    float:none;
}

/*---------------
[LANGUAGE DROPDOWN]
-----------------*/
#lang_sel > ul{
    padding-left: 0;
}
#lang_sel li{
    position: relative;

}
#lang_sel > ul > li > ul{
    min-width: 170px;
}

#lang_sel li ul{
    display: none;
    position: absolute;
    z-index: 100;
}

#lang_sel > ul > li > ul > li{
    line-height: normal;
}

#lang_sel > ul > li > a{
    padding-right: 3px;
    display: block;
}
/* WPML FIX */
#lang_sel > ul > li > a .iclflag{
    vertical-align: baseline;
}

#lang_sel > ul > li > ul > li > a{
    line-height: 2.5em;
}

/* WPML FIX */
#lang_sel > ul > li > ul > li > a .iclflag{
    vertical-align: baseline;
    padding-right: 3px;
}

#lang_sel > ul > li > ul {
    margin: 0;
    margin-top: 13px;
    padding: 5px 20px;
    border: 1px solid;
    margin-left: -20px;
}

#header #header-sidebar .nav.icl_nav > ul,
#header.skin2 #header-sidebar .nav.icl_nav > ul{
    margin-top: 18px;
}
.nav.icl_nav{
    margin-top: 5px;
}
.nav.icl_nav > ul > li:last-child:after,
#nav.nav > ul > li:last-child:after{
    display: none;
}

/*---------------
[BIGMENU]
-----------------*/
.nav > ul > li.bigmenu > div.submenu > ul > li > div.submenu{
    display: block;
    position: relative;
    left: 0;
    padding-left: 0;
}

.nav > ul > li.bigmenu > div.submenu > ul > li > a .sf-sub-indicator{
    display: none;
}

.nav > ul > li.bigmenu > div.submenu > ul > li > div.submenu > ul.sub-menu{
    display: block;
    padding-left: 0px;
    box-shadow: none;
    border: 0;
    background: transparent;
}

.nav > ul > li.bigmenu > div.submenu > ul > li:nth-child(3n+1){
    clear: left;
    border: 0;
    padding-left: 0;
}

.nav > ul > li.bigmenu > div.submenu > ul > li{
    float: left;
    width: 190px;

    height: 100%;
    margin-bottom: 20px;
}

.nav > ul > li.bigmenu .custom-item-yitimage{
    display: none;
}

/*---------------
[HEADER SKINS]
-----------------*/

#header.skin1 #header-sidebar .nav,
#header.skin2 #header-sidebar .nav{
    margin-top: 15px;
}

#header.skin1 #header-sidebar div.nav.icl_nav,
#header.skin2 #header-sidebar div.nav.icl_nav{
    margin-top: 18px;
}

.geko #header.skin1 #header-sidebar div.nav.icl_nav,
.geko #header.skin2 #header-sidebar div.nav.icl_nav{
    margin-top: 18px;
}

#header.skin1 #lang_sel > ul > li > ul,
#header.skin2 #lang_sel > ul > li > ul{
    margin-top: 15px;
}
.ie11 #header.skin1 #lang_sel > ul > li > ul,
.ie11 #header.skin2 #lang_sel > ul > li > ul{
    margin-top: 35px;
}
#header.skin1 #header-sidebar .yit_cart_widget,
#header.skin2 #header-sidebar .yit_cart_widget,
#header.skin3 #header-sidebar .yit_cart_widget{
    margin-top: -5px;
}

/* ========= SKIN 1 ============ */

#header.skin1 #logo{
    float: left;
    margin-top: 0;
    padding-right: 30px;
    text-align: left;
    box-sizing: border-box;
}

#header.skin1 .nav, 
#header.skin2 #header-sidebar .nav{
    float: left;
    position: relative;
    height: 100%;
    display: table;
    margin-top: 18px;
    width: auto;
}

#header.skin1 #header-container .container .header-wrapper{
    padding-top: 25px;
    width: 100%;
    box-sizing: border-box;
}

#header.skin1 .nav > ul,
#header.skin2 #header-sidebar .nav > ul{
    margin-left: 0px;
    padding: 0px;
    margin-top: 0px;
    display: table-cell;
    vertical-align: bottom;
    bottom: 0;
}

#header.skin1 #welcome-menu.nav > ul > li > div.submenu,
#header.skin1 #welcome-menu-login.nav > ul > li > div.submenu{
    padding-top: 10px;
}

#header.skin1 .nav > ul > li div.submenu{
    padding-top: 15px;
}

#header.skin1 #header-container .container{
   padding-bottom: 0px;
}

#header.skin1 #header-sidebar .yit_cart_widget .cart_wrapper{
    margin-top: 13px;
}

#header.skin1 #header-sidebar .yit_cart_widget{
    margin-top: -5px;
}

#header.skin1 #header-row .header-wrapper {
    padding: 0px;
    border-bottom: 0px solid;
}

#header.skin1 #header-row .yit-custom-megamenu,
#header.skin1 #header-row .widget.widget_search_mini,
#header.skin1 #header-row .widget.widget_text,
#header.skin1 #header-row .widget.yit_text_image{
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ========= SKIN 2 ============ */
#header.skin2 p#tagline {
   text-align: center;
    padding-top: 5px;
}
#header.skin2 div#logo {
    width: 100%;
    text-align: center;
}
#header.skin2 #header-container .container .header-wrapper{
    position: relative;
}

#header.skin2  #header-container .container .header-wrapper{
    padding-bottom: 20px;
}
#header.skin2 #header-row .header-wrapper{
    padding: 17px 0 10px;
}

#header.skin2 #topbar #lang_sel > ul > li > ul{
    margin-top: 13px;
}
#header.skin2 #topbar #welcome-menu.nav > ul > li > div.submenu {
    padding-top: 8px;
}
#header.skin2 #topbar  .nav > ul > li > div.submenu{
    padding-top: 12px;
}
#header.skin2 #header-sidebar .yit_cart_widget .cart_wrapper,
#header.skin3 #header-sidebar .yit_cart_widget .cart_wrapper{
    margin-top: 12px;
}

/* ========= SKIN 3 ============ */

#header.skin3 .nav > ul > li div.submenu{
    padding-top: 10px;
}
#header.skin3 p#tagline {
    text-align: center;
    padding-top: 5px;
}

#header.skin3 div#logo {
    width: 100%;
    text-align: center;
}

#header.skin3 #nav{
    width: 100%;
    text-align: center;
    padding: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#header.skin3 #nav > ul {
    margin-bottom: 0px ;
    padding-left: 0;
}

#header.skin3 #header-container .container .header-wrapper{
    border: 0;
    position: relative;
}

#header.skin3 #header-sidebar,
#header.skin2 #header-sidebar{
    position: absolute;
    float: none;
    right: 0;
    top: 20px;
    z-index: 10;
}


#header.skin3 #header-sidebar > div {
    display: inline-block;
    width: auto;
    vertical-align: baseline;
}
#header.skin3 #header-sidebar .nav > ul {
    padding-left: 0;
}
#header.skin3 #header-sidebar .nav > ul > li div.submenu ul.sub-menu{
    margin-top: -3px;
}
/* ========= SKIN 4 ============ */
#header.skin4 #nav{
    float: right;
}

#header.skin4 #logo{
    float: left;
}

#header.skin4 #nav{
    float: right;
}

#header.skin4 div.header-wrapper{
    padding-bottom: 0px;
}
#header.skin4 .nav{
    margin-top: 10px;
}
#header.skin4 .nav > ul > li div.submenu{
    padding-top: 14px;
}


/*---------------
[HEADER ROW]
-----------------*/

#header-row .header-wrapper{
    display: block;
    zoom: 1;
    padding: 10px 0px;
    margin: 0;
    height: auto;
    white-space: nowrap;
}

#header-row .header-wrapper div.header-row-left {
    position: relative;
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: auto;
}

#header-row .header-wrapper div.header-row-right {
    position: relative;
    float: right;
    width: auto;
    display: inline-block;
    margin-left: 10px;
}

#header-row .header-wrapper div.header-row-right .widget{
    position: relative;
    float: left;
    top: 1px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    padding: 0px 0px 0px 10px;
    margin: 0px 1px;
    border: 0px;
    text-decoration: none;
}

#header-row .header-wrapper div.header-row-middle{
    width: auto;
    padding: 0px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
}

#header-row .link_socials{
    margin-left: 2px;
}


/*---------------
[STICKY HEADER]
-----------------*/

#header-container #logo,
#header-container #logo img,
#header-container .header-wrapper {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header.skin1 #header-container.fixed #topbar,
#header.skin4 #header-container.fixed #topbar,
#header.skin3 #header-container.fixed #topbar{
    display: none;
}

#header.skin1 #header-container.fixed #header-row{
    display: none;
}

#header.skin4 #header-container.fixed .header-wrapper{
    border-bottom: 0px;
}

#header-container.fixed,
#header.skin3.fixed,
#header.skin2.fixed{
    position: fixed;
    z-index: 10000;
    width: 100%;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    -moz-box-shadow:    0px 2px 5px 0px rgba(30, 30, 30, 0.1);
    box-shadow:         0px 2px 5px 0px rgba(30, 30, 30, 0.1);
}

#header.skin1 #header-container.fixed .header-wrapper{
    border: 0;
}

.boxed-layout #header.fixed,
.boxed-layout #header-container.fixed{
    width: auto;
}

#header.skin1 #header-container.fixed .container .header-wrapper{
     padding-top: 10px;
}

#header.skin1 #header-container.fixed #logo{
    margin-top: 10px;
}

#header.skin3.fixed #topbar,
#header.skin2.fixed #header-row{
    display: none;
}

#header.skin3.fixed #header-row .header-wrapper{
    padding-bottom: 0;
}

#header.skin3.fixed  #header-row .nav,
#header.skin2.fixed #header-container .container .header-wrapper{
    border-bottom: 0px;
}


/*---------------
[SIDEBAR NAVIGATION]
-----------------*/

.yit-vertical-megamenu .nav ul {
    padding-left: 0;
    margin-top: 8px;
}

.yit-vertical-megamenu .nav > ul > li {
    display: block;
}

.yit-vertical-megamenu .nav > ul > li > a {
    padding: 8px 0;
}

.yit-vertical-megamenu .nav > ul > li:after {
    display: none;
}

/*---------------
[SLOGAN / #slogan ]
-----------------*/
#slogan {
    background: #f8f8f8;
    padding: 0 0 25px;
    margin: 0;
}
#slogan .container{
    display: table;
}
.slogan-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
#slogan h2,
#slogan p {
    margin: 0;
    text-align: center;
}


/*---------------
[SLIDER]
-----------------*/

.slider,
.slider.swiper-container,
.slider.swiper_container{
    margin: 15px 0 30px;
}
.slider.flexslider.container {
    margin-left: auto;
    margin-right: auto;
}





/* ====================== COPYRIGHT / FOOTER ========================= */


#footer {
    padding-bottom: 35px;
}

#footer h5{
    margin-bottom: 20px;
}

.boxed-layout #footer-copyright-group {
    margin-left: -15px;
    margin-right: -15px;
}

#footer a {
    line-height: 24px;
}

#footer .arrow-down:after{
    border-top-color: transparent ;
}
#copyright {
    padding-bottom: 30px;
}
#footer .border,
#copyright .border {
    border-top: 0px solid;
    padding-top: 5px;
}

#copyright .left, #copyright .right , #copyright .centered{ padding: 15px}
#copyright .left p, #copyright .right a,  #copyright .centered p { display: inline; }
#copyright .right { text-align: right; }
#copyright .right p{
    text-align: right;
    padding: 0px;
    margin: 0;
}
#copyright .centered  { text-align: center; }

#copyright ul.level-1 {
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding-left: 10px;
}
#copyright .centered  ul.level-1{
    padding-left: 0;
    margin-left: 0;
}
#copyright .custom-item-image{
    display: none;
}
#copyright ul.level-1 li{
    list-style: none;
    display:inline-block;
}
#copyright .centered ul {
    float: none;
    display: block;
}
#copyright ul.level-1 li::after{
    content:"/";
    margin-left: 2px;
    margin-right: 1px;
}

#copyright ul.level-1 li:last-child:after{
    content: "";
    margin-right: 0px;
}
#copyright .right ul.level-1 li:first-child{
    margin-left: 0px;
}
#copyright .right ul.level-1 li:last-child{
    margin-right: 0px;
}

/*******************
* PAGE 404
******************/

.error-404-container .error-404-image-text,
.error-404-container .error-404-search {
    padding: 100px 0;
    text-align: center;
}
.error-404-container .error-404-search input[type="text"] {
    height: 70px;
    width: 300px;
    border: 1px solid;
    padding: 0 10px;
}
.error-404-container .error-404-search #searchsubmit {
    height: 70px;
}


/*******************
* VISUAL COMPOSER CLASS ADD-ONS
******************/

.wpb_column.border-right{
    border-right: 1px solid;
}

/*******************
* PROJECT ICONS
******************/

.yi-icon-details{
    background: transparent url(theme/assets/images/icons/project/project-icons.png) bottom left no-repeat;
}

.yi-icon-details:hover{
    background: transparent url(theme/assets/images/icons/project/project-icons.png) left 1px no-repeat;
}

.yi-icon-lens{
    background: transparent url(theme/assets/images/icons/project/project-icons.png) bottom right no-repeat;
}

.yi-icon-lens:hover{
    background: transparent url(theme/assets/images/icons/project/project-icons.png) right 1px no-repeat;
}


/* ======== LIVE CHAT =========== */
.cx-chat-btn.cx-no-ico .cx-title, .cx-widget .cx-header{
    color: #fff !important;
    background-color: #1f1f1f !important;
    text-transform: uppercase;
}
 .cx-widget .cx-title, .cx-chat-btn.cx-no-ico .cx-title {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.cx-form .cx-lead, .cx-form input, .cx-form textarea, .cx-form input:focus, .cx-form textarea:focus, .cx-widget .cx-line .cx-title {
    font-family: 'Source Sans Pro', sans-serif;
}
.cx-chat-btn{
    color: #fff !important;
    background-color: #1f1f1f !important;
}
.cx-form-btn {
    color: #fff !important;
    border: 1px solid #e9a400 !important;
    background-color: #e9a400 !important;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    padding: 7px 18px;
    border-radius: 0;
    display: block;
}

.cx-form-btn:hover {
    color: #fff;
    border: 1px solid #747474 !important;
    background-color: #747474 !important;
}

/* FIXED IMAGE HEADER */
.fixed-image-wrapper img{
    width: 100%;
    height: auto;
}



/****************************
 * MOBILE MENU
 ****************************/

.st-menu-open .st-pusher::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    width: 250px;
    height: 100%;
    background: #fff;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding: 12px;
}

.st-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */

.st-menu ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.st-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0,0,0,0.4);
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-weight: 300;
    font-size: 2em;
}

.st-menu ul li a {
    display: inline-block;
    padding: 1em 0;
    outline: none;
    font-size: 12px;
    color: #828282;
    font-weight: 400;
}

.st-menu .widget h3 {
    margin-bottom: 0;
}

.st-menu .widget,
.st-menu .widget {
    margin-bottom: 30px;
}

.st-menu .mobile-nav > ul > li > div.submenu,
.st-menu .nav > ul > li > div.submenu {
    display: none;
}

.st-menu .mobile-nav > ul > li.menu-item-has-children.open > div.submenu,
.st-menu .nav > ul > li.menu-item-has-children.open > div.submenu {
    display: block;
}

.st-menu .mobile-nav > ul > li.menu-item-has-children > a:first-child:after,
.st-menu .nav > ul > li.menu-item-has-children > a:first-child:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 8px;
    font-size: 16px;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.st-menu .mobile-nav > ul > li.menu-item-has-children:hover > a:first-child:after,
.st-menu .nav > ul > li.menu-item-has-children:hover > a:first-child:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Effect 4: Slide along */
.st-effect-4.st-menu-open .st-pusher {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.st-effect-4.st-menu {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.st-effect-4.st-menu::after {
    display: none;
}

/****************************
 * CONTENT
 ****************************/

#primary{
    margin-top: 10px;
}


/*---------------
[PAGINATION]
-----------------*/

.general-pagination{
    margin-bottom: 35px;
}
.general-pagination a {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.general-pagination a.selected {
    border: 2px solid;
    border-radius: 50%;
    cursor: default;
}

/*---------------
[BUTTON]
-----------------*/

.btn.small{
    padding: 4px 8px;
    font-size: 10px;
}

.btn.medium{
    padding: 7px 18px;
}

.btn.large{
    padding: 10px 25px;
    font-size: 18px;
}

.btn.extra-large{
    padding: 13px 40px;
    font-size: 22px;
}

.btn:focus, .btn:active:focus, .btn.active:focus{
    outline: none;
}

.btn-flat,
.btn-ghost,
.btn-ghost-alternative,
.btn-ghost-white,
.blog.small .yit_the_content .read-more,
.blog .more-link,
.btn-alternative,
.widget.widget_price_filter button[type="submit"],
.error-404-container .error-404-search #searchsubmit,
.big.blog .yit_the_content .more-link, .big.blog .yit_the_content .read-more,
.cx-form-btn,
.eg-mindig-shop-element-16,
input[type="submit"].button,
.button.compare,
#my-account-sidebar span.logout,
#my-account-content .addresses .title a.edit,
table.my_account_orders a.button.view,
#my-account-content p.order-again a.button,
#yith-wcwl-form a.button,
.woocommerce-message .button.wc-forward,
#buddypress a.button,
#buddypress input[type="submit"],input#place_order {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn,
input.btn-alternative,
a.btn-flat,
a.btn-alternative,
.button, #submit,
.btn-eg a,
.eg-mindig-shop-element-16,input#place_order {
    border-radius: 0;
    padding: 7px 18px;
    border: 1px solid;
    box-shadow: none;
}
.btn.margin-right{
    margin-right: 10px;
}
.btn .fa{
    margin-right: 5px;
}


/*---------------
[BREADCRUMB]
-----------------*/

#primary .breadcrumbs{
    margin-top: -10px;
    padding-bottom: 10px;
}
#primary .breadcrumbs a{
    font-size: 14px;
}
#primary .breadcrumbs a.no-link.current {
    pointer-events: none;
}

/*---------------
[VIDEO]
-----------------*/

.post_video {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 25px;
    height: 0;
    margin-bottom: 20px;
    max-width: 100%;
}

.post_video.dailymotion embed,
.post_video.youtube embed,
.post_video.vimeo object,
.post_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

/*---------------
[SOCIALS]
-----------------*/

.socials.text a.twitter{
    background: url('images/share/twitter-icon.png') top left no-repeat;
}

.socials.text a.facebook{
    background: url('images/share/facebook-icon.png') top left no-repeat;
}

.socials.text a.google{
    background: url('images/share/google-icon.png') top left no-repeat;
}

.socials.text a.pinterest{
    background: url('images/share/pinterest-icon.png') top left no-repeat;
}

.socials.text a.mail{
    background: url('images/share/mail-icon.png') top left no-repeat;
}

.socials.text a.twitter:hover{
    background: url('images/share/twitter-icon.png') bottom left no-repeat;
}

.socials.text a.facebook:hover{
    background: url('images/share/facebook-icon.png') bottom left no-repeat;
}

.socials.text a.google:hover{
    background: url('images/share/google-icon.png') bottom left no-repeat;
}

.socials.text a.pinterest:hover{
    background: url('images/share/pinterest-icon.png') bottom left no-repeat;
}

.socials.text a.mail:hover{
    background: url('images/share/mail-icon.png') bottom left no-repeat;
}


/*---------------
[BACK TO TOP]
-----------------*/

#back-top {
    position: fixed;
    bottom: 0px;
    right: 20px;
    z-index: 1000;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
    display: none;
}
#back-top a {
    display: block;
    padding: 8px 16px;
}
#back-top a i{
    margin-right:10px;
    border: 2px solid;
    border-radius: 50%;
    font-size: 11px;
    padding:2px 3px;
    opacity:0.6;
    color: #fff;
}


/*---------------
[GOOGLE MAP]
-----------------*/

#map{
    margin: 0;
    padding: 0;
}
#map iframe{
    width: 100%;
    height: 380px;
    margin-top: 0px;
    margin-bottom: -4px;
    padding-bottom: 0;
}
#map .border {
    position: relative;
}

#map .map_info{
    position: absolute;
    bottom: 54px;
    left: 0;
    right: 30px;
    pointer-events: none;
}

#map .container_map_box_info{
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: right;
    pointer-events: auto;
}

#map .map_info .row{
    width: 100%;
    margin: 0 auto;
    max-width: 82.5em;
}

#map .map_box_info{
    background: rgba(34,34,34,0.7);
    padding:30px 40px;
}

#map .map_box_info h4 {
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: bold;
    color: #fff;
}

#map .map_box_info p{
    margin-bottom: 0;
    line-height: 24px;
    color: #fff;
}

/**********************************************************
* STAR RATING
***********************************************************/

.woocommerce-product-rating .star-rating,
.woocommerce-tabs #review_form p.stars,
.widget.woocommerce .star-rating,
.testimonial-rating .star-rating,
.yit_recent_reviews .star-rating {
    overflow: hidden;
    position: relative;
    height: 1.2em;
    line-height: 1.2em;
    width: 71px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'star' !important;
    clear: both;
    font-size: 11px;
    letter-spacing: 3px;
    text-align: left;
}
.woocommerce-product-rating .star-rating:before,
.woocommerce-tabs #review_form p.stars:before,
.widget.woocommerce .star-rating:before,
.testimonial-rating .star-rating:before,
.yit_recent_reviews .star-rating:before {
    content: "\53\53\53\53\53";
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    margin-top: 0;
}
.woocommerce-product-rating .star-rating span,
.woocommerce-tabs #review_form p.stars a,
.widget.woocommerce .star-rating span,
.testimonial-rating .star-rating span,
.yit_recent_reviews .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
    display: block;
    font-size: 11px;
}
.woocommerce-product-rating .star-rating span:before,
.woocommerce-tabs #review_form p.stars a:before,
.widget.woocommerce .star-rating span:before,
.testimonial-rating .star-rating span:before,
.yit_recent_reviews .star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}

/**************************************
* Wishlist 2.0 Support
***************************************/

.add_to_wishlist.single_add_to_wishlist {
    border: 0;
}

.wishlist_manage_table a.create-new-wishlist{
    margin-right: 10px;
}

.yith-wcwl-popup-button .add_to_wishlist.single_add_to_wishlist,
.woocommerce .wishlist_manage_table tfoot button.submit-wishlist-changes,
.button.create-new-wishlist,
.woocommerce .yith-wcwl-wishlist-search-form button.wishlist-search-button{
    border-radius: 0 !important;
}

.yith-wcwl-popup-button .add_to_wishlist.single_add_to_wishlist,
.woocommerce .wishlist_manage_table tfoot button.submit-wishlist-changes,
.woocommerce .yith-wcwl-wishlist-search-form button.wishlist-search-button,
.woocommerce .yith-wcwl-wishlist-new button {
    padding: 7px 18px;
    border: 1px solid;
    box-shadow: none;
    cursor: pointer;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

    background-color: #e9a400;
    background: #e9a400;
    border-color: #e9a400;
    color: #ffffff;

}

.yith-wcwl-popup-button .add_to_wishlist.single_add_to_wishlist:hover,
.woocommerce .wishlist_manage_table tfoot button.submit-wishlist-changes:hover,
.woocommerce .yith-wcwl-wishlist-search-form button.wishlist-search-button:hover,
.woocommerce .yith-wcwl-wishlist-new button:hover{

    background-color: #747474;
    background: #747474;
    border-color: #747474;
    color: #ffffff;
}

.yith-wcwl-popup-new label,
.yith-wcwl-wishlist-new label {
    display: block;
    text-align: left;
}

.woocommerce .yith-wcwl-wishlist-search-form #wishlist_search,
.yith-wcwl-wishlist-new .wishlist-name {
    margin-bottom: 15px;
}

.yith-wcwl-wishlist-new{
    text-align: right;
}

.yith-wcwl-wishlist-new span.selectBox-label.public-visibility {
    padding: 7px 8px;
}

.widget_yith-wcwl-lists ul{
    list-style:none;
    padding: 0;
}

.widget_yith-wcwl-lists ul.dropdown ul.lists > li a{
    margin-left:0px;
    padding:0px;
    display:block;
    text-transform: uppercase;


}


.widget_yith-wcwl-lists a{
    display:none;
}

.widget_yith-wcwl-lists ul.dropdown ul.lists > li a:before {
    content: '-';
    margin-right: 3px;
}

.widget_yith-wcwl-lists ul.dropdown > li.dropdown-section a{
    margin-left:0px;
    display:block;
    padding: 0;
    line-height: 2em;
    color: #686868;
}

.widget_yith-wcwl-lists ul.dropdown > li.dropdown-section a:hover{
    color: #fab000;
}

.widget_yith-wcwl-lists ul.dropdown > li.lists-section{
    margin-bottom: 10px;
    padding-bottom: 10px;
}