 /*------------------------------------------------------------------
[ Master Stylesheet ]

Project:	Chino - Responsive Multipurpose Template
Version:	1.5
Last change:	12/24/14

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Table of contents ]

0. Reset
1. Layout
2. Typography
    2.1. Fonts
    2.2. Buttons
    2.3. Stickers
    2.4. Pagination
3. Preloader
4. ScrollTop
5. Header
    5.1. Header Layout
    5.2. Menu
    5.3. Product Cart
6. Sidemenu
7. Content
    7.1. Content Layout
    7.2. Text Section
8. Map
9. Modal
10. Forms
    10.1. General
    10.2. jSlider
    10.3. Chosen
11. Woocommerce
12. Product Page
13. Slider
    13.1. General
    13.2. Ribbon
    13.3. History
    13.4. Logotypes
    13.5. Pricing
    13.6. Clients
    13.7. Services
    13.8. One-image
    13.9. Ecommerce
    13.10. Arrows
14. Gallery
15. Team
16. Panel
17. Catalog
18. Blog
    18.1. Post
    18.2 POST: Gallery & POST: Image
    18.3. POST: Audio
    18.4. POST: Quote
    18.5. POST: Video
    18.6. POST: Link
19. Audio Player
20. Magnific Popup slider
21. Footer
22. Page 404
23. Splash Page
24. Theme: Dark
25. Responsive
26. Extra

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 0. RESET ]
-------------------------------------------------------------------*/

html {
    font-size:100%;
    font-weight: 300;
    sx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
a,
img,
strong,
sub,
b,
u,
i,
ul,
li,
form,
label {
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    font-size:100%;
    margin:0;
    padding:0;
}

a:active,
a:hover,
a:focus,
input:active,
button:active,
button,
textarea:focus,
input:focus {
    outline:0;
    text-decoration: none;
}

ins {
    text-decoration:none;
}

input,
select,
button,
textarea {
    font-size:100%;
    margin:0;
    padding:0;
}

button,
input,
select,
textarea {
    font-size:100%;
    vertical-align:baseline;
    margin:0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor:pointer;
    overflow:visible;
    -webkit-font-smoothing: antialiased;
}

button[disabled],
input[disabled] {
    cursor:default;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
    display:block;
    margin:0;
    padding:0;
}

::-ms-clear {
    display: none;
}

.mobile input,
.mobile textarea{
    -webkit-appearance: none;
}

img {
    border:0;
}

ul{
    list-style: none;
}

table {
    border-collapse:collapse;
}

table,
.table{
    width:100%;
    margin-bottom:0;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    border: 0;
}

.table th{
    font-weight: 400;
    line-height: 26px;
    color: #b2b2b2;
}

.table > thead > tr > th{
    font-weight: 400;
    text-transform: uppercase;
    background-color: #F7F7F7;
    line-height: 95px;
    color: #999;
    padding: 0;
}

.table > thead > tr > th:first-child{
    padding:0 67px;
}

.table > tbody > tr > td{
    padding-bottom: 30px;
    vertical-align: middle;
}

.table > tbody > tr:first-child > td{
    padding-top: 50px;
}

.table a{
    color: #333;
}

.table a:hover{
    color: #7c7b7e;
}

.table-responsive{
    border: 0;
    margin-bottom: 50px;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
	border: 0 none;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 1px;
	width: 100%;
}


/*------------------------------------------------------------------
[ 1. LAYOUT ]
-------------------------------------------------------------------*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	overflow-x: hidden;
	background-color: #E6E6E6;
	background-image: url(../img/MrsMe-linen.jpg);
	background-repeat: repeat;
}

.container{
	position: relative;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

.wrapper{
    position: relative;
    z-index: 2;
}

.divtable{
    display: table;
    height: 100%;
    width: 100%;
}

.divcell{
	display: table-cell;
	vertical-align: top;
}
.divcellm{
	display: table-cell;
	vertical-align: middle;
}
.divcellb{
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 50px;
}

.no-padding-top{
    padding-top: 0 !important;
}

.padding-x2{
    padding: 110px 0;
}

.padding-top-big{
    padding-top: 110px !important;
}

.no-padding{
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0px;
	padding-bottom: 0px;
}

.no-padding > img{
    margin-top: -60px;
    float: left;
}

.no-padding .mask{
    margin-top: -60px;
}

[data-toggle]{
    cursor: pointer;
}

.inline{
    display: inline-block;
}

.medium-size{
	height: 600px;
}

.no-separator{
    overflow: hidden;
    margin: -60px 0;
}

/*------------------------------------------------------------------
[ AISCONVERSE ICON FONTS ]
-------------------------------------------------------------------*/

@font-face {
    font-family: "aisconverse";
    src:url("../fonts/aisconverse.eot");
    src:url("../fonts/aisconverse.eot?#iefix") format("embedded-opentype"),
    url("../fonts/aisconverse.woff") format("woff"),
    url("../fonts/aisconverse.ttf") format("truetype"),
    url("../fonts/aisconverse.svg#aisconverse") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "aisconverse";
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/*------------------------------------------------------------------
[ 2. TYPOGRAPHY ]
-------------------------------------------------------------------*/

/* [ 2.1 Fonts ] */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    color: #7c7b7e;
    text-transform: uppercase;
    font-weight: 400;
}

h1,
.h1{
	font-weight: 400;
	font-size: 17px;
	margin: 0 0 35px;
	color: #4c4c4c;
	position: relative;
	line-height: 1;
	letter-spacing: 0.05em;
}

.header h1,
.header .h1{
    margin: 0;
}

.header h1:after,
.header .h1:after{
    height: 2px;
    width: 18px;
    position: absolute;
    top: -20px;
    left: 2px;
    background-color: #D3D3D3;
    content: '\0020';
    font-size: 0;
}

h2,
.h2{
	font-size: 32px;
	line-height: 44px;
	margin-right: 0;
	margin-left: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	text-transform: none;
}

h3,
.h3{
	font-weight: 100;
	font-size: 26px;
	color: #333;
	letter-spacing: 0.04em;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}

h4,
.h4{
	font-size: 20px;
	line-height: 30px;
	text-transform: none;
	margin-right: 0;
	margin-left: 0;
}

h5,
.h5{
	font-size: 16px;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	font-weight: 500;
}

h6,
.h6{
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
	letter-spacing: 0.1em;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small{
    margin-top: 8px;
}

h6 small,
.h6 small,
.mask:hover h6 small{
    color: #d9b48b !important;
}

h4 .icon{
    vertical-align: middle;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    top: -6px;
}

.title{
    font-size: 38px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 25px;
    letter-spacing: .06em;
}

h4[data-toggle]{
    margin-bottom: 24px;
    margin-right: -15px;
}

small,
h2 small,
h3 small,
h4 small,
h5 small{
	display: block;
	font-size: 18px;
	line-height: 24px;
	margin-top: 3px;
	color: #333333;
	text-transform: none;
	transition: color .3s ease;
}

a:hover small{
    color: #7c7b7e;
}

small.text-muted{
    color: #999;
}

sup {
    font-size:50%;
    font-weight: 400;
    line-height:1;
    margin-right:10px;
    position:relative;
    top:.2em;
    vertical-align:top;
}

.caret{
    background: url(../images/caret.png) no-repeat;
    width: 11px;
    height: 6px;
    margin-left: 13px;
    margin-top: -1px;
    border: 0;
    opacity: .3;
    display: inline-block;
    vertical-align: middle;
}

p {
	margin-bottom: 5px;
}

p:only-child{
    margin-bottom: 0;
}

p + form{
    margin-top: 50px;
}

p.proceed{
    margin: 96px 0 0;
}

strong{
    font-weight: 500;
    color: #333;
}

address p{
    margin-bottom: 15px;
    white-space: nowrap;
}


a{
    color:#7c7b7e;
    text-decoration:none;
}

a:hover,
a:active,
a:focus,
.inherit{
    color: #333;
}

.color{
    color: #7c7b7e !important;
}

.text-warning{
    color: #e7543d;
}

blockquote{
    border: 0;
    color: #333;
}

blockquote footer{
    font-size: 22px;
    font-weight: 400;
    color: #999;
}

blockquote p{
    padding: 0;
    font-size: 28px;
    line-height: 38px;
}

blockquote footer:before{
    display: none;
}

blockquote cite{
    font-size: 22px;
    color: #999;
    font-weight: 400;
    font-style: normal;
}

figcaption{
    font-size: 18px;
    color: #999;
    margin-top: 10px;
}

a,
i,
input,
textarea,
button,
.mask{
    transition: all .3s ease;
}

.text-primary{
    color: #333;
}

a.text-primary{
    font-weight: 400;
}

a.text-primary:hover{
    color: #7c7b7e;
}


/* [ 2.2 Buttons ] */

.btn{
	color: #7c7b7e;
	line-height: 48px;
	height: 48px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	border: 0;
	display: inline-block;
	padding: 0 30px;
	letter-spacing: 0.05em;
	position: relative;
	text-transform: uppercase;
	outline: none !important;
	transition: color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease;
}

.btn:active,
.btn:focus,
.btn:hover{
	box-shadow: none;
	color: #7c7b7e;
	border-color: transparent;
	text-decoration: none;
}

.btn.btn-default {
	background-color: #e5e5e5;
}

.btn.btn-default:hover{
	background-color: #c0bcb6;
}

.btn.btn-primary{
    background-color: transparent;
    border-color: #7c7b7e;
    color: #7c7b7e;
}

.btn.btn-primary:hover{
    background-color: #7c7b7e;
    color: #fff;
}

.btn.btn-info{
    background-color: transparent;
    border: 3px solid #7c7b7e;
    border-radius: 6px;
    color: #7c7b7e;
    line-height: 45px;
}

.btn.btn-info:hover{
    background-color: #7c7b7e;
    color: #fff;
}

.btn.btn-link{
    background-color: #fff;
    color: #1d1d1d;
}

.btn.btn-link:hover,
.btn.btn-link.active{
    background-color: #F55656;
    color: #fff;
}

.btn-default.active{
    color: #fff;
}

.btn.btn-lg{
    height: 58px;
    line-height: 58px;
    padding: 0 32px;
    font-size: 18px;
}

.btn.btn-thn{
    padding: 0 25px;
}

.btn-wd{
    padding: 0 55px;
}

.icon{
    display: block;
}

.icon-norm{
    font-size: 65px;
    color: #333;
    margin-bottom: 42px;
}

.icon-sm{
    font-size: 48px;
    color: #333;
}

.icon-xs{
    font-size: 28px;
    color: #808080;
}

.bg-info{
    background-color: #F2F2F2;
}

.bg-primary{
    background-color: #7c7b7e;
    color: #fff;
}

.bg-default{
    background-color: #FEFEFE;
}

.bg-warning{
    background-color: #FFF;
}


/* [ 2.3 Stickers ] */

.sticker {
	position: absolute;
	top: 40px;
	left: 52px;
	z-index: 2;
	border-radius: 3px;
	width: 60px;
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	font-weight: 300;
	display: block;
	letter-spacing: 0.1em;
}

.sticker.sticker-primary{
    background-color: #7c7b7e;
}

.sticker.sticker-info{
    background-color: #E8A52F;
}

.sticker.sticker-default{
    background-color: #F55656;
}

a.sticker-default:hover{
    background-color: #FF6A53 !important;
}

.sticker.sticker-sm{
    width: 110px;
    height: 110px;
}

.sticker .icon{
    font-size: 60px;
    color: #fff !important
}

.action-link{
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 0 3px 3px 0;
    text-align: center;
    background-color: #7c7b7e;
    line-height: 50px;
    overflow: hidden;
}

.action-link:hover{
    background-color: #C69C6D;
}

.action-link > *{
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    line-height: 50px;
    color: #fff;
}

.action-link > img{
    margin-top: -3px;
}

.action-link .icon,
.post .action-link .icon{
    line-height: 54px;
    margin: 0;
}


/* [ 2.4. Pagination ] */

.pagination-bar{
    background-color: #F5F5F5;
    margin: 0;
    padding: 45px 0;
    float: left;
    width: 100%;
}

.displaying{
    font-size: 18px;
    line-height: 36px;
}

.displaying p,
.pagination{
    margin: 0;
}

ul.pagination li {
    padding-left:0!important;
    display:inline-block;
    vertical-align: top;
}

ul.pagination li a {
    color:#000;
    width:32px;
    height:32px;
    font-size: 18px;
    display:block;
    line-height:32px;
    text-align:center;
    border-radius:2px;
    padding:0;
    border: 0;
    background-color: transparent;
}

ul.pagination li a:hover {
    background-color:transparent;
    color:#7c7b7e;
}

ul.pagination li.active a,
ul.pagination li.active a:hover {
    background-color:#7c7b7e;
}

ul.pagination .prev{
    background: url(../images/nav-prev.png) 50% 50% no-repeat;
    margin-right: 15px;
    opacity: .3;
}

ul.pagination .next{
    background: url(../images/nav-next.png) 50% 50% no-repeat;
    margin-left: 15px;
    opacity: .3;
}

ul.pagination .prev:hover,
ul.pagination .next:hover{
    opacity: 1;
}

.breadcrumb + h1:after{
    display: none;
}

.breadcrumb{
    text-transform: uppercase;
    font-size: 12px;
    background-color: transparent;
    padding: 0;
    color: #333;
    margin: -35px 0 15px;
    height: 20px;
}

.breadcrumb > li + li:before{
    padding: 0;
    color: #333;
}

.breadcrumb a,
.breadcrumb .active{
    color: #333;
}


/*------------------------------------------------------------------
[ 3. PRELOADER ]
-------------------------------------------------------------------*/

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff url('../images/preloader.gif') no-repeat center center;
}


/*------------------------------------------------------------------
[ 4. SCROLLTOP ]
--------------------------------------------------------------------*/

.scrolltop {
    width:60px;
    height:60px;
    line-height: 60px;
    text-align: center;
    border-radius: 3px;
    position:fixed;
    left:65px;
    bottom:65px;
    z-index:15;
    display:none;
    overflow: hidden;
    background-color: rgba(128,128,128,.3);
    font-size: 3px;
}

.scrolltop i{
    background: url(../images/scrolltop.png) 0 100% no-repeat;
    width: 22px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    opacity: .3;
    transition: all 0s ease;
}

.scrolltop:hover{
	background-color: #7c7b7e;
}

.scrolltop:hover i{
    background-position: 0 0;
    opacity: .8;
}


/*------------------------------------------------------------------
[ 5. HEADER ]
-------------------------------------------------------------------*/

/* [ 5.1. Header Layout ] */

.header{
	position: relative;
	z-index: 100;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

.header .container{
    padding: 0;
}

.header > .row{
	padding-bottom: 0px;
	position: relative;
	z-index: 101;
}

.header > .row:first-child{
    z-index: 102;
}

.htop [class*=col-]{
    padding: 0;
}

.navbar-fixed-top{
    position: fixed !important;
    width: 100%;
    max-width: 100%;
}

.htop.navbar-fixed-top{
    height: 96px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.05);
    margin: 0;
}

.htop.navbar-fixed-top + *{
    margin-top: 96px;
}

.skin-dark .htop.navbar-fixed-top{
    background-color: #232323;
    box-shadow: none;
}

.htop.navbar-fixed-top .container{
    padding-top: 30px;
}

.htop.navbar-fixed-top .mainmenu .navbar-nav{
    margin-right: 10px;
}

.navbar-fixed-top .mainmenu ul.navbar-nav > li.current-menu-item:after{
	top:-10px;
}

.logo{
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0.04em;
}

.logo img{
	max-height: 141px;
}

.lang{
	font-size: 14px;
	margin-top: 3px;
	margin-right: -12px;
	margin-bottom: 50px;
	margin-left: 50px;
}

.lang li{
    float: left;
    margin-left: 3px;
}

.lang li a{
    display: block;
    color: #333;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 3px;
    text-transform: uppercase;
}

.lang li a:hover{
    color: #7c7b7e;
}

.lang li.active a{
	background-color: #7c7b7e;
	color: #fff;
}


/* [ 5.2. Menu ] */


.mainmenu{
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	top: 0px;
}

.mainmenu .pclose{
    display: none;
}

.mainmenu ul{
    margin: 0;
}

.mainmenu li{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18px;
}

.mainmenu ul ul li.current-menu-item>a{
	color: #333333  !important;
}

.mainmenu a{
    transition: color .3s ease;
}

.mainmenu ul>li>a{
	color: #7c7b7e;
	padding: 0 0 5px;
	line-height: 34px;
}

.mainmenu a img{
	vertical-align: middle;
	display: inline-block;
	margin: -4px 4px 0 0;
}

.mainmenu ul>li:hover > a,
.mainmenu .dropdown-menu>li>a:hover,
.mainmenu ul>li>a:focus,
.mainmenu ul>li>a:active{
	color: #333333 !important;
	background-color: transparent;
}

.mainmenu .navbar-nav{
    margin-right: -40px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{
    background-color: transparent;
}

.dropdown-menu{
	background-color: #fff;
	left: -25px;
	padding: 15px 0;
	border-radius: 3px !important;
	border: 0;
	box-shadow: none;
	min-width: 190px;
}

.dropdown .dropdown-menu>li{
    font-size: 14px;
    margin: 0 25px;
    text-transform: none;
}

.mainmenu ul.dropdown-menu>li>a{
    color: #666;
    line-height: 25px;
    font-weight: 300;
    padding: 0;
}

.nav-tabs > li{
    float: none;
    display: inline-block;
}

.navbar-toggle{
    margin: 0 20px 0 0;
}

.navbar-toggle .icon-bar{
    background-color: #9E9E9E;
    transition: background .3s ease;
}

.navbar-toggle:hover .icon-bar{
    background-color: #7c7b7e;
}

.mainmenu .navbar-collapse{
    -webkit-transform: translateZ(0);
    transition: all 0s ease;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse{
    max-height: 9999px;
}

@media (min-width: 968px) {
    .mainmenu ul.navbar-nav > li.current-menu-item:after{
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #666666;
	content: '\0020';
	font-size: 0;
	display: block;
	left: 50%;
	top: 0px;
	margin-left: -14px;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-collapse.collapse{
        display:block !important;
        height:auto !important;
        padding-bottom:0;
        overflow:visible !important;
        visibility: visible;
    }

}


/* [ 5.3. Prouduct Cart ] */

.cart-list{
    position: relative;
    z-index: 8;
}

.cart-list .dropdown-menu{
    left: auto;
    right: 49px;
    width: 325px;
    background-color: transparent;
    border-radius: 0;
    margin-top: -6px;
}

.cart-list>a{
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: .06em;
    margin-right: -2px;
    line-height: 28px;
}

.cart-list > a img{
    display: inline-block;
    vertical-align: middle;
    margin: -6px 15px 0 0;
}

.cart-list-empty>a{
    color: inherit;
}

.cart-list>a:hover{
    color: #7c7b7e;
}

.cart-list .fig,
.cart-list .fig img{
    width: 100px;
}

.cart-list li{
    background-color: #fff;
    padding: 30px 20px 20px 35px;
    overflow: hidden;
    border-bottom: 1px solid #EBEBEB;
    text-transform: uppercase;
}

.cart-list li:last-child{
    border-bottom: 0;
}

.cart-list li > div{
    margin: 0 0 0 120px;
    padding: 10px 0 0;
}

.cart-list li a{
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    color: #333;
}

.cart-list li a:hover{
    color: #7c7b7e;
}

.cart-list .hcart-total{
    background-color: #F3F3F3;
    padding: 20px 30px;
    text-transform: uppercase;
}

.cart-list .total{
    color: #808080;
    line-height: 48px;
    font-size: 16px;
    margin-left: 29px;
}

.cart-list .total ins{
    color: #000;
}


/*------------------------------------------------------------------
[ 6. SIDEMENU ]
-------------------------------------------------------------------*/

.sidemenu-toggle{
    background: url(../images/ico-toggle-s.png) 50% 50% no-repeat #7c7b7e;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    border: 0;
    right: 50%;
    margin-right: -557px;
    top: 360px;
    z-index: 99;
    transition: all .2s ease;
}

.sidemenu-toggle:hover{
    background-color: #C69C6D;
}

.sidemenu{
    position: absolute;
    right: 0;
    top: 0;
    width: 320px;
    height: 100% !important;
    min-height: 100%;
    background-color: #262626;
    padding: 90px 50px 20px;
    z-index: 100;
    overflow: auto;
    color: #808080;
    font-size: 17px;
    line-height: 26px;
}

.sidemenu p{
    font-size: 19px;
    line-height: 30px;
    color: #4c4c4c;
}

.sidemenu a{
    color: #808080;
}

.sidemenu a:hover{
    color: #7c7b7e;
}

.sidemenu .pclose{
    top: 30px;
    right: 40px;
}

.sidemenu h6{
    color: #ccc;
    margin: 0 0 15px;
    font-size: 18px;
}

.sidemenu ul ul{
    margin-left: 30px;
}

.sidemenu li{
    line-height: 30px;
}

.sidemenu .category-list a,
.sidemenu .tagcloud a{
    color: #808080;
}

.sidemenu .category-list span{
    color: #4c4c4c;
}

.sidemenu .category-list a:hover,
.sidemenu .tagcloud a:hover{
    color: #7c7b7e;
}

.calendar a{
    color: #7c7b7e;
}

.calendar a:hover{
    color: #ccc;
}

.calendar td,
.calendar th{
    text-align: center;
}

.calendar th{
    color: #4c4c4c;
}

.search-form .form-group{
    margin: 0 !important;
    float: left;
}

.search-form input[type=text],
.search-form input[type=search]{
    padding-right: 50px;
}

.search-form button{
    position: relative;
    z-index: 2;
    float: left;
    margin: 2px 0 0 -37px;
    border: 0;
    color: #333;
    font-size: 20px;
    opacity: .4;
    line-height: 45px;
    background-color: transparent;
}

.search-form button:hover{
    opacity: 1;
}

.recent-posts li{
    margin-bottom: 14px;
}

.recent-posts li:last-child{
    margin-bottom: 0;
}

.post-date{
    color: #4c4c4c;
}


/*------------------------------------------------------------------
[ 7. CONTENT ]
-------------------------------------------------------------------*/

/* [ 7.1. Content Layout ] */

.content{
    background-color: #FFF;
    padding: 0;
}

.content .container:first-child{
	padding-top: 30px;
}

.content .container:last-child{
	margin-bottom: 0px;
}

.num {
    font-size:70px;
    line-height: 1;
    color:#343434;
}

.block{
    padding: 64px 0;
    margin: 0 -30px 30px;
}

.block ul:last-child{
    margin-bottom: 0;
}

.career {
    padding-bottom: 0;
    margin-bottom: 60px;
    margin-top: -60px;
}

.career img{
    width: 100%;
}

.countup{
    font-size: 70px;
    line-height: 1.3;
    color: #999897;
    font-weight: 100;
}


/* [ 7.2. Text Section ] */

.text-section{
    padding: 0 0 30px;
}

.single .text-section:first-of-type{
    padding-top: 60px;
}

.text-section:last-child{
    padding-bottom: 95px;
}

.text-section header{
    border:0;
    margin:0;
}

.text-section:first-child header{
    padding-top: 80px;
}

.text-section header h2,
.text-section header h3,
.text-section header h4{
    line-height: 48px;
    text-transform: uppercase;
}

.text-section h4{
    margin-bottom: 10px;
}

.text-section header .icon{
    line-height: 48px;
    margin-top: 5px;
    margin-bottom: -6px;
    display: inline-block;
    vertical-align: middle;
}

.text-section.slider{
    padding-bottom: 50px !important;
}

.text-section p{
    margin-bottom: 50px;
}

.text-section p:last-child,
.single .text-section p:last-child{
    margin-bottom: 0;
}

.text-section blockquote{
    background-color: #F5F5F5;
    padding: 30px 80px 30px 30px;
    margin: 30px 0 30px 20px;
}

.text-section ul,
.text-section ol{
    margin-left: 25px;
}

.text-section blockquote p{
    margin-bottom: 0 !important;
    color: #595959;
    font-size: 18px;
    line-height: 30px;
}

.text-section .anchor,
.post .anchor{
	top: -1px;
	right: -150px;
	line-height: 44px;
}

.text-quote .icon,
.post .text-quote .icon{
    margin-top: 60px;
}


/*------------------------------------------------------------------
[ 8. MAP ]
-------------------------------------------------------------------*/

.google-map{
    padding: 60px 0 0;
    position: relative;
}

.google-map:first-child{
    padding-top: 0 !important;
}


.google-map-container{
    width: 100%;
    height: 460px;
    margin: 0;
    padding: 0;
}


.google-map-container.map-sm{
    height: 400px;
    margin-bottom: 60px;
}

.map-close{
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #7c7b7e;
    border-radius: 3px;
    position: absolute;
    top: 30px;
    right: 40px;
    text-align: center;
    z-index: 9;
}

.map-close:hover{
    background-color: #C69C6D;
}

.map-close i{
    background: url(../images/close-w.png) 0 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1px;
}


   .sale-maps {
        position: relative;
        padding-bottom: 50%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .sale-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }



/*------------------------------------------------------------------
[ 9. MODAL ]
-------------------------------------------------------------------*/

.modal{
    width: 100%;
    min-height: 100%;
    background-color: rgba(17,17,17,0.95);
    color: #4c4c4c;
}

.modal h4{
    margin: 65px 0 75px;
    color: #8c8c8c;
}

.modal small{
    color: #4c4c4c;
}

.modal p{
    margin-bottom: 45px;
}

.modal p:last-child{
    margin-bottom: 0;
}

.modal p a:hover{
    color: #fff;
}

.modal .divtable{
    width: 100%;
}

.pclose{
    background: url(../images/close-w.png) 0 0 no-repeat;
    width: 22px;
    height: 22px;
    transition: opacity 0s ease;
    position: absolute;
    top: 45px;
    right: 65px;
    display: block;
    opacity: .3;
    border: 0;
    z-index: 10;
}

.pclose:hover{
    opacity: 1;
}


/*------------------------------------------------------------------
[ 10. FORMS ]
-------------------------------------------------------------------*/

/* [ 10.1. General ] */

input[type=text],
input[type=email],
input[type=password],
input[type=search],
textarea,
textarea.form-control{
    font-size:18px;
    color:#333;
    height:49px;
    width:100%;
    border:0;
    border-radius:3px;
    font-family:'Roboto', sans-serif;
    padding:1px 18px 0;
    background-color: #F5F5F5;
    box-shadow: none !important;
    -webkit-font-smoothing: antialiased;
}

textarea,
textarea.form-control{
    height:145px;
    line-height:26px;
    overflow:auto;
    resize:none;
    padding:18px;
}

.radio img {
    margin: -2px 0 -7px 10px;
}

.has-error input[type=text],
.has-error input[type=email],
.has-error input[type=password],
.has-error input[type=search],
.has-error textarea,
input[type=text]:invalid,
input[type=email]:invalid,
input[type=password]:invalid,
input[type=search]:invalid,
textarea:invalid{
    background-color: #FFEEEE;
}

::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder{
    opacity: 1;
    color:#bbb;
    padding-top: 1px;
    letter-spacing: .05em;
    font-weight: 300;
}

::-moz-placeholder,
.form-control::-moz-placeholder{
    opacity: 1;
    color: #bbb;
    padding-top: 1px;
    letter-spacing: .05em;
}

input:-ms-input-placeholder,
.form-control:-ms-input-placeholder{
    opacity: 1;
    color: #bbb;
    padding-top: 1px;
    letter-spacing: .05em;
}

textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder{
    opacity: 1;
    color: #bbb;
    padding-top: 1px;
    letter-spacing: .05em;
}

form{
    padding-bottom: 30px;
}

.form-group{
    margin: 0 0 10px;
}

.form-group:before,
.form-group:after{
    content:' ';
    display: table;
}

.form-group:after{
    clear:both;
}

.form-control:focus {
    box-shadow:none;
}

.form-group:last-of-type{
    margin-bottom: 10px;
}

.form-group [class*=col-]{
    padding: 0 10px 0 0;
}

.form-group [class*=col-]:last-child{
    padding: 0 ;
}

.succs-msg {
    display:none;
    line-height:49px;
    margin-left: 29px;
    color: #333;
    text-transform: uppercase;
}

.checkbox,
.checkbox *,
.radio,
.radio * {
    line-height: 1;
    min-height: 16px;
}

.checkbox label,
.radio label{
    display: inline-block;
    font-weight: 300;
}

.checkbox label{
    padding-left: 24px;
}

.checkbox input[type=checkbox]{
    margin-left: -24px;
}

input[type=radio],
input[type=checkbox]{
    height: 16px;
    top:50%;
    margin-top: -8px;
}

.formwrap .chosen-container {
    width:100% !important;
}

.formwrap .chosen-container-single .chosen-single {
    border:0;
    border-bottom:1px solid #E0E0E0;
    height:46px;
    line-height:46px;
    border-radius:4px 4px 0 0;
}

.form-group{
    line-height: 1;
}

form .btn + p{
    margin-top: 15px;
}

.create-account form{
    padding-bottom: 0;
}

.create-account p{
    padding: 15px 0 0;
    margin-bottom: -10px;
}


/* [ 10.2. jSlider ] */

.jslider {
    display:block;
    width:95%!important;
    height:1px;
    position:relative;
    top:0;
    background-color:#B3B3B3;
    margin:60px 0;
}

.jslider table {
    width:100%;
    border-collapse:collapse;
    border:0;
}

.jslider td,
.jslider th {
    vertical-align:top;
    text-align:left;
    border:0;
    padding:0;
}

.jslider table,
.jslider table tr,
.jslider table tr td {
    width:100%;
    vertical-align:top;
    padding:0!important;
}

.jslider .jslider-bg {
    position:relative;
}

.jslider .jslider-bg i {
    height:5px;
    position:absolute;
    font-size:1px;
    top:0;
}

.jslider .jslider-bg .l {
    width:10%;
    left:0;
}

.jslider .jslider-bg .f {
    width:80%;
    left:10%;
    background-repeat:repeat-x;
}

.jslider .jslider-bg .r {
    width:10%;
    left:90%;
}

.jslider .jslider-bg .v {
    position:absolute;
    width:60%;
    left:20%;
    top:-1px;
    height:2px;
    background-color:#7c7b7e;
    transition:all 0s ease;
}

.jslider .jslider-pointer {
    width:15px;
    border-radius:2px;
    background-color:#7c7b7e;
    height:15px;
    position:absolute;
    left:20%;
    top:-7px;
    margin-left:-7px;
    cursor:pointer;
}

.jslider .jslider-label {
    font-size:9px;
    line-height:12px;
    color:#000;
    opacity:0.4;
    white-space:nowrap;
    position:absolute;
    top:-18px;
    left:0;
    padding:0 2px;
}

.jslider .jslider-label-to {
    left:auto;
    right:0;
}

.jslider .jslider-value {
    font-size:17px;
    color:#000;
    white-space:nowrap;
    position:absolute;
    top:-33px;
    left:20%;
    line-height:12px;
    font-weight:300;
}

.jslider .jslider-label small,
.jslider .jslider-value small {
    position:relative;
    top:-.4em;
}

.jslider .jslider-scale {
    position:relative;
}

.jslider .jslider-scale > :last-child span {
    text-align:right;
}

.jslider .jslider-scale span {
    position:absolute;
    height:4px;
    border-left:1px solid #B3B3B3;
    font-size:1px;
}

.jslider .jslider-scale ins {
    font-size:14px;
    text-decoration:none;
    position:absolute;
    left:0;
    top:5px;
    color:#b2b2b2;
}

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label {
    display:none;
}

.jslider .jslider-pointer-to,
.jslider .jslider-value-to {
    left:80%;
}


/* [ 10.3. CHOSEN ] */

.chosen-container {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
    text-align:left;
    font-size:17px;
    font-weight:300;
    min-width:69px;
}

.chosen-container .chosen-drop {
    position:absolute;
    top:100%;
    left:-9999px;
    z-index:1010;
    box-sizing:border-box;
    width:100%;
    background-color:#FEFEFE;
    border-top:0;
    border-radius:0 0 3px 3px;
}

.chosen-container.chosen-with-drop .chosen-drop {
    left:0;
    margin-top:-2px;
}

.chosen-container a {
    cursor:pointer;
}

.chosen-container-single .chosen-single {
    position:relative;
    display:block;
    overflow:hidden;
    height:49px;
    background-clip:padding-box;
    background-color: #F5F5F5;
    color:#383838;
    letter-spacing: .04em;
    text-decoration:none;
    white-space:nowrap;
    font-size:19px;
    line-height:49px;
    border-radius:3px;
    padding:0 0 0 18px;
    font-weight: 400;
}

.chosen-container-single .chosen-single span {
    display:block;
    overflow:hidden;
    margin-right:25px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right:38px;
}

.chosen-container-single .chosen-single abbr {
    position:absolute;
    top:6px;
    right:26px;
    display:block;
    width:12px;
    height:12px;
    font-size:1px;
}

.chosen-search {
    display:none;
}

.chosen-container-single .chosen-single div {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:49px;
    height:100%;
    text-align: center;
}

.chosen-container-single .chosen-single div strong {
    background: url(../images/caret.png);
    display:inline-block;
    vertical-align: middle;
    width:11px;
    height:6px;
    position: relative;
    opacity: .3;
}

.chosen-container-single .chosen-drop {
    background-clip:padding-box;
}

.chosen-container .chosen-results {
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
    max-height:320px;
    margin:0 4px 4px 0;
    padding:5px 0 5px 4px;
}

.chosen-container .chosen-results li {
    display:none;
    list-style:none;
    color:#666;
    text-indent:0;
    line-height:32px;
    white-space:nowrap;
    margin:0;
    padding:0 10px 0 13px !important;
}

.chosen-container .chosen-results li:before {
    display:none!important;
}

.chosen-container .chosen-results li.active-result {
    display:list-item;
    cursor:pointer;
}

.chosen-container .chosen-results li.highlighted {
    color:#7c7b7e;
}

.chosen-container .chosen-results li.no-results {
    display:list-item;
    color: #7c7b7e;
    padding: 0 18px 8px !important;
}

.chosen-container .chosen-results li.group-result {
    display:list-item;
    cursor:default;
}

.chosen-container .chosen-results li.group-option {
    padding-left:13px;
}

.search-choice{
    margin-top: 9px;
}

.chosen-container .chosen-results .level-1 {
    padding-left: 45px !important;
}

.chosen-container .chosen-results .level-2 {
    padding-left: 75px !important;
}

.chosen-container .chosen-results li em {
    font-style:normal;
    text-decoration:underline;
}

.chosen-container-multi .chosen-choices {
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    width:100%;
    height:auto!important;
    background-color:#fff;
    cursor:text;
    margin:0 25px 0 0;
    padding:0;
}

.chosen-container-multi .chosen-choices li {
    float:left;
    list-style:none;
    padding-left: 18px !important;
    line-height: 24px;
    color: #000;
}

.chosen-container-multi .chosen-choices li:before{
    display: none !important;
}

.search-field input{
    border: 0;
    padding-right: 0;
    padding-left: 0 !important;
    color: #999 !important;
}

.chosen-container-multi .chosen-results {
    margin:0;
    padding:0;
}

.chosen-disabled {
    opacity:0.5!important;
    cursor:default;
}

.chosen-container-single .chosen-default {
    color:#999;
}

.chosen-container .chosen-results li.disabled-result {
    display:list-item;
    color:#ccc;
    cursor:default;
}


/*------------------------------------------------------------------
[ 11. WOOCOMMERCE ]
-------------------------------------------------------------------*/

.woocommerce-page [class*=bg-]:last-child{
    margin-bottom: 0;
}

.woocommerce-page h4{
    text-transform: uppercase;
}

.woocommerce-page h4 + form{
    margin-top: 47px;
}

.woocommerce-page #calculateshipping .form-group:last-of-type{
    margin-bottom: 30px;
}

#calculateshipping form{
    padding-bottom: 0;
}

#shipto .form-group:last-of-type,
#shipto form{
    margin-bottom: 10px;
}

#shipto form,
.ship-header + form{
    padding-bottom: 0;
}

.woocommerce-page address{
    padding: 0;
    margin-bottom: 0;
}

.woocommerce-page address p{
    margin-bottom: 30px;
    line-height: 30px;
}

.woocommerce-page address p:last-child{
    margin-bottom: 0;
}

.order-info{
    padding: 95px 0 90px;
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
}

.order-info h4{
    margin-bottom: 14px;
}

.order-info p{
    margin-bottom: 0;
}

.shop_table{
    font-weight: 400;
}

.shop_table.cart tbody > tr > td{
    padding-bottom: 5px;
}

.shop_table td:first-child{
    padding-left: 67px;
}

.shop_table tbody > tr > td{
    padding-right: 65px;
}

.shop_table.cart tbody > tr > td{
    padding-right: 0;
    padding-left: 0;
}

.shop_table tbody > tr > td:last-child{
    padding-right: 0;
}

.product-thumbnail{
    text-align: center;
}

.product-thumbnail img{
    max-width: 100px;
}

.order-number{
    font-weight: 400;
}

.order-actions{
    white-space: nowrap;
    font-weight: 400;
}

.order-actions a{
    display: inline-block;
    margin: 0 48px 0 0;
}

.product-quantity{
    color: #333;
}

.product-quantity a{
    font-size: 22px;
    margin-top: -5px;
    padding: 0 10px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.product-quantity a:hover{
    color: #7c7b7e;
}

.product-quantity .disabled{
    color: #b2b2b2;
}

.product-quantity input{
    width: 75px;
    text-align: center;
    margin: 0 3px;
}

.product-remove{
    font-size: 0;
}

.product-remove a{
    opacity: .2;
    margin: 0 20px;
}

.product-remove a:hover{
    opacity: .7;
}

.product-remove a img{
    display: inline-block;
    vertical-align: middle;
}

.product-name{
    width: 33%;
}

.cart-total tr *{
    padding: 0 !important;
    border: 0 !important;
    line-height: 30px !important;
    font-size: 18px;
    font-weight: 300;
}

.cart-total th{
    padding-right: 15px !important;
}

.coupon{
    padding: 50px 60px;
    margin-top: -1px;
}

.coupon form{
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left !important;
}

.coupon .form-group{
    margin: 0 20px 0 0 !important;
    float: left;
}

.coupon input{
    background-color: #FFF;
    width: 295px;
    height: 48px;
}

.ship-header .checkbox{
    color: #b2b2b2;
    font-size: 19px;
    float: right;
    margin: 4px 0 0;
}

.checkout-btn{
    padding: 0;
    margin-top: -60px;
    margin-bottom: 0;
    top: -67px;
}

#payment{
    margin-left: 9px;
}

#payment label{
    padding-left: 45px;
}

#payment .radio input[type="radio"]{
    margin-left: -45px;
}

.payment {
    margin-left:45px;
    padding-left: 0;
    overflow:hidden;
}


/*------------------------------------------------------------------
[ 12. PRODUCT PAGE ]
-------------------------------------------------------------------*/

.type-product{
    margin-bottom: 35px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: table;
}

.type-product > *{
    display: table-cell;
    vertical-align: top;
    float: none;
}

.type-product > *:first-child{
    background-color: #FEFEFE;
}

.type-product .oneslider{
    padding-bottom: 0;
}

.type-product .oneslider img{
    float: left;
}

.type-description{
    padding-top: 55px;
}

.type-product h3{
    margin-bottom: 15px;
}

.type-product .price{
    font-size: 28px;
    color: #333;
    margin-bottom: 17px;
    display: block;
    font-weight: 400;
}

.type-product .rating-wrap{
    margin-bottom: 40px;
}

.type-product .product-quantity{
    margin: 0 50px 0 -10px;
}

.type-product .cart-total{
    max-width: 320px;
    margin: 50px 0;
}

.cart-total{
    max-width: 320px;
}

.type-product .raty{
    display: inline-block;
}

.type-product .product-quantity input{
    background-color: #FFF;
}

.type-product p{
    margin-bottom: 60px;
}

.type-product .sticker{
    top: 80px;
    left: 80px;
}

.tab-content h3{
    margin-bottom: 23px;
}

.tab-content .comment img{
    margin-top: 0;
}

.nav-tabs{
    border: 0;
    margin: 0 0 60px;
}

.nav-tabs > li{
    margin: 0 20px;
}

.nav-tabs > li > a{
    text-transform: uppercase;
    color: #343434;
    padding: 0;
    position: relative;
    border: 0;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    background-color: transparent;
    border: 0;
    color: #7c7b7e;
}

.nav-tabs > li.active > a:after{
    position: absolute;
    top:-19px;
    left:50%;
    margin-left: -6px;
    background-color: #7c7b7e;
    height: 2px;
    width: 12px;
    content: '\0020';
}

.tab-content{
    padding-bottom: 30px;
}

.comments{
    margin: 65px 0;
}

.comments form,
.addcomment form{
    margin-top: 45px;
}

#comments h3 + p a{
    color: #333;
    font-weight: 400;
}

#comments h3 + p a:hover{
    color: #7c7b7e;
}

.comment{
    margin: 0 0 35px;
}

.comment .no-padding{
    padding-right: 50px;
}

.comment p{
    margin-bottom: 0;
}

.comment img{
    width: 100px;
    max-width: 100%;
    min-width: 40px;
    margin-top: 9px;
}

.img-rounded{
    border-radius: 4px;
}

.raty{
    margin: 0 0 2px;
}

.comment-line{
    color: #b2b2b2;
}

.comment-line .raty{
    margin-top: -8px;
}

.comment-line p{
    margin: 0 0 3px;
}

.comment-line a{
    color: #333;
}

.comment-line a:hover{
    color: #7c7b7e;
}


/*------------------------------------------------------------------
[ 13. SLIDER ]
-------------------------------------------------------------------*/

/* [ 13.1. General ] */

.carouwrap{
    position: relative;
}

.slider {
    position:relative;
    padding: 60px 0;
}

.slider li {
	float: left;
	position: relative;
	opacity: 1;
}

.slider li > a {
    display:block;
}

.slider .container {
    padding-bottom:0;
    padding-top:0;
}


/* [ 13.2. Ribbon ] */

.ribbon{
    font-size: 0;
}

.ribbon:first-child{
    padding-top: 0 !important;
}

.ribbon .container{
    padding: 0;
}

.ribbon:last-child{
    margin-bottom: -82px;
}

.ribbon ul{
    overflow: hidden;
}

.ribbon li{
    padding: 0;
    float: left;
    display: block;
}

.ribbon li>img{
    float: left;
    width: 100%;
    overflow: hidden;
}

.ribbon:last-child .block-link{
    margin-top: -90px;
}

.text-center .caroufredsel_wrapper > ul{
    text-align: center !important;
}


/* [ 13.3. History ] */

.history li{
    position: relative;
}

.h-front{
    line-height: 360px;
    font-weight: 100;
    font-size: 48px;
    color: #333;
    text-align: center;
}

.h-front span{
    transition: opacity .3s ease;
}

.h-front img{
    margin-right: -50px;
    opacity: .3;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
}

.history .divtable{
    position: absolute;
    width: 100%;
    height: 360px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s ease;
    padding: 0 50px;
    font-size: 18px;
    line-height: 30px;
}

.history .divcell *:last-child{
    margin-bottom: 0;
}

.history .divtable img{
    margin-left: -50px;
    margin-right: -50px;
}

.history li:hover .divtable{
    opacity: 1;
}

.history li:hover .h-front span{
    opacity: 0;
}


.history .bg-primary h3,
.history .bg-primary h3 small{
    color: #fff;
}

.history .icon{
    color: #d9b48b;
    margin-bottom: 30px;
}


/* [ 13.4. Logotypes ] */

.logos li {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.logos li img {

    max-width: 100%;
    transition: opacity .3s ease;
}


/* [ 13.5. Pricing ] */

.pricing{
    padding: 0 !important;
    margin: 0 0 -20px !important ;
}

.pricing [class*=col-]{
    border-top: 13px solid transparent;
    height: 745px;
    padding-top: 58px;
}

.pricing .highlight{
    border-top-color: #7c7b7e;
    background-color: #FEFEFE;
    height: 765px;
}

.pricing .btn{
    padding: 0 28px;
    margin-bottom: 35px;
}

.pricing hr{
    margin: 49px auto;
}

.pricing h3{
    font-weight: 400;
    margin-bottom: 45px;
}

.pricing p{
    margin-bottom: 64px;
}

.pricing p:last-child{
    color: #333;
    font-weight: 400;
}

.pricing .num + small{
    color: #808080;
    text-transform: none;
}


/* [ 13.6. Clients ] */

.clients-slider li,
.clients-slider .divtable{
    height: 360px;
}

.clients-slider img{
    margin: 0;
    width: 100%;
}

.clients-slider .mask{
    margin-top: 0;
}

.clients-slider .nav-pages,
.clients-slider:first-child .nav-pages,
.clients-slider.slider:first-child .nav-pages{
    top: 50%;
}


/* [ 13.7. Services ] */

.service-slider li > a{
    display: block;
    padding: 70px 30px;
    height: 450px;
    transition: background .3s ease;
}

.service-slider li > a *{
    transition: all .3s ease;
}

.service-slider li > a:hover{
    background-color: #7c7b7e ;
}

.service-slider li > a:hover *{
    color: #fff;
}

.service-slider li > a:hover .icon{
    color: #d9b48b;
}

.service-slider h3{
    margin-bottom: 30px;
}

.service-slider li li{
    display: block;
    float: none;
    color: #808080;
}

.service-slider p,
.service-slider li > a:hover ul{
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.service-slider li > a:hover p{
    display: block;
    opacity: 1;
    height: auto;
    visibility: visible;
}


/* [ 13.8. One-image ] */

.oneslider{
    position: relative;
    z-index: 0;
}

.oneslider:first-child{
    padding-top: 0 !important;
}

.oneslider li a>img{
    width: 100%;
}

.oneslider img{
    vertical-align: top;
    width: 100%;
}

.oneslider small{
    margin-bottom: 30px;
}

[class*=bg-sl-]{
    background-size: cover;
    z-index: 0;
}

[class*=bg-sl-]:after{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(83,71,65,0.3);
    content: '\0020';
}

.woo-slider [class*=bg-sl]:after{
    display: none;
}

.bg-sl-1{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-hip-bed-linens-MrsMe-TheGlassHouse-GreenHouse-bedroom-green.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-2{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-elegant-bed-linens-MrsMe-TheGlassHouse-PowderRoom-bedroom-blush-pink.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-3{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-fashionable-bed-linens-MrsMe-TheGlassHouse-OysterBar-bedroom-taupe.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-4{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-fashionable-bed-linens-MrsMe-TheGlassHouse-Conservatory-bedroom-grey-piccalilly-teal.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-5{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-design-masculin-bed-linens-MrsMe-TheGlassHouse-Lobby-bedroom-black-white-taupe.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-6{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-stylish-bed-linens-MrsMe-TheGlassHouse-Foyer-bedroom-marsala-taupe.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-7{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-elegant-bed-linens-MrsMe-TheGlassHouse-MasterSuite-bedroom-pyrite-green.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-8{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-design-masculin-bed-linens-MrsMe-TheGlassHouse-Library-bedroom-caviar-cork-wood.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-9{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-stylish-bed-linens-MrsMe-TheGlassHouse-Atrium-bedroom-silver-piccalili-white.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-10{
	background-image: url(../img/products/DuvetCoverSets/1200x650/Bed-linen-cotton-percale-sateen-MrsMe.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-11{
	background-image: url(../img/AlterEgo-settings/1200x650/stylish-bed-linens-MrsMe-Nina-AlterEgo-bedroom-grey-black.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-12{
	background-image: url(../img/AlterEgo-settings/1200x650/design-bed-linens-MrsMe-Charlize-bedroom-camel.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-13{
	background-image: url(../img/AlterEgo-settings/1200x650/luxury-bed-linens-MrsMe-AlterEgo-Grace-bedroom-white.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-14{
	background-image: url(../img/Limited-Edition/MrsMe-blanket-fauxfur-Mellow-salmon.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-15{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-bedroom-design-feminin-silk-fabrics-rozequartz-pink-cork-fauxfur-MrsMe-TheGlassHouse-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-16{
	background-image: url(../img/TheGlassHouse-settings/1200x650/contemporary-bedroom-design-masculin-jute-raffia-fabrics-iceblue-taupe-MrsMe-TheGlassHouse-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-17{
	background-image: url(../img/TheGlassHouse-settings/1200x650/bedroom-design-silver-beige-sandembroidery-MrsMe-TheGlassHouse-bedroom-Loggia.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-18{
	background-image: url(../img/TheGlassHouse-settings/1200x650/bedroom-design-green-sage-plants-lightgrey-MrsMe-TheGlassHouse-bedroom-Spa.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-19{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Lodge-white-sage-olive-moss-green.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-20{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Gallery-white-celadon-petrol.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-21{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Parlour-white-pink-japanese.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-22{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Stateroom-white-green-petrol-japanese.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-23{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Atelier-indigo-denim-blue-graphite.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.bg-sl-24{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Court-celadon-bedlinen-silvergreen-bedspread-linen-viscose.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-25{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Roseroom-bedlinen-coverlet-darkgrey-rose-flowers.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-26{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-bedroom-Veranda-bedspread-fauxfur-vegan-leather.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-27{
	background-image: url(../img/PillowTalk/PillowTalk-LeendertMeetsIngrid-DeepSea.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-28{
	background-image: url(../img/PillowTalk/PillowTalk-LeendertMeetsIngrid-Jungle.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-29{
	background-image: url(../img/PillowTalk/PillowTalk-LeendertMeetsIngrid-GoldenRoom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-30{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-midnight-blue-bedroom-Observatory.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-31{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-black-and-white-bedroom-Corridor.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-32{
	background-image: url(../img/TheGlassHouse-settings/1200x650/MrsMe-golden-bedroom-Ballroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-33{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Lagoon-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-34{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Arcadia-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-35{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Dawn-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-36{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Avalon-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-37{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Eden-bedroom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-38{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-setting-Eclipse.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-39{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-setting-Mirage.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-40{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-setting-Elysion.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-41{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Bedroom-Idyll.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-42{
	background-image: url(../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Bedroom-Fountainhead.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


.bg-sl-43{
	background-image: url("../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Bedroom-Oasis.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-44{
	background-image: url("../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-setting-Glacier.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-45{
	background-image: url("../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Bedroom-Nebula.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-46{
	background-image: url("../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Bedroom-Buyan.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bg-sl-47{
	background-image: url("../img/Wonderlust-settings/1920X1040/MrsMe-Wonderlust-Bedroom-Ryugu-jo-DragonPalace.jpg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}



/* [ 13.9. Ecommerce ] */

.ecommerceslider li .container{
    padding: 0;
    height: 567px;
    position: relative;
}

.ecommerceslider p{
    color: #b2b2b2;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
}

.img-ecommerce{
    width: auto !important;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.msnr{
    float: left;
    width: 33.334%;
}

.msnr img{
    float: left;
    width: 100%;
}

.mask {
	position: absolute;
	left: 3px;
	top: 2px;
	width: 100.1%;
	height: 100%;
	display: block;
	background-color: rgba(83,71,65,0.3);
	opacity: 0;
	text-align: center;
}

.magnific-wrap .mask:hover:after{
    height: 48px;
    width: 48px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    background: url(../images/ico-magnifier.png) no-repeat;
    content: '\0020';
}

.mask > * {
    vertical-align:middle;
    text-decoration:none;
    opacity:0;
    width: auto !important;
    letter-spacing: .06em;
    transition:opacity .5s 0s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    position: absolute;
    margin: auto;
}

.mask a,
.mask h6,
.mask h3{
    color: #fff;
}

.mask ul{
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.mask ul li{
    padding-left: 0 !important;
    float: none;
}

.mask ul li:before{
    display: none !important;
}

.mask:hover{
    opacity:1;
}

.logos li:hover img,
.mask:hover > * {
    opacity:1;
}

.magnific-video,
.magnific-gallery{
    background-color: rgba(166,124,82,.8);
    opacity: 1;
}

.magnific-video:hover,
.magnific-gallery:hover{
    background-color: rgba(166,124,82,.95);
}

.magnific-gallery:after,
.magnific-video:after{
    display: none;
}

.mask > img{
	position: absolute;
	left: 1px;
	top: -1px;
	bottom: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	transform: none;
}

.single-slider{
    margin-bottom: 50px;
}

.single-slider .action-link{
    margin-top: 0;
    top: 60px;
    display: none;
}

.video-wrap{
    background-color: #010B15;
    overflow: hidden;
}

.woo-slider{
    background-color: #E6E6E6;
    padding-bottom: 0;
}

.woo-slider h2{
    margin-bottom: 10px;
    font-weight: 300;
}


/* [ 13.10. Arrows ] */

.arrow,
.mfp-arrow,
.th-arrow {
    width:70px;
    height:70px;
    display:block;
    border:1px solid transparent;
    border-radius:100%;
    line-height: 70px;
    position:absolute;
    z-index:3;
    text-align: center;
    top:50%;
    margin-top:-35px;
    background-color: transparent;
    transition:border .3s ease;
    cursor: pointer;
    font-size: 1px;
    vertical-align: middle;
}

.arrow i,
.mfp-arrow i,
.th-arrow i{
    transition: all 0s ease;
}

.arrow i,
.mfp-arrow i{
    opacity: .2;
    width: 14px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    transition: opacity .3s ease;
}

.arrow:hover,
.mfp-arrow:hover {
	border-color: #7c7b7e;
}

.arrow:hover i{
    opacity: .4;
}

.arrow.prev{
    left:-85px;
}

.arrow.next {
    right:-85px;
}

.arrow.prev i{
    background: url(../images/prev.png) no-repeat;
    margin-left: -3px;
}

.arrow.next i{
    background: url(../images/next.png) no-repeat;
    margin-left: 6px;
}

.nav-pages {
    text-align:center;
    font-size:1px;
    position: absolute;
    width: 100px;
    top:50%;
    z-index: 5;
}

.no-padding-top .arrow{
    margin-top: -75px;
}

.nav-pages.left-pos{
    left: -100px;
}

.nav-pages.right-pos{
    right: -100px;
}

.nav-pages.bottom-pos{
    width: 100%;
    left: auto;
    right: auto;
    top: 100%;
    margin-bottom: -50px;
}

.nav-pages a{
    text-indent:-9999px;
    height:12px;
    width:12px;
    display:block;
    border-radius:100%;
    position:relative;
    background-color: #B3B3B3;
    transition:background.3s ease;
    margin:0 auto 10px;
    overflow: hidden;
}

.nav-pages a:hover {
    background-color: #7c7b7e;
}

.nav-pages a.selected {
    background-color: #7c7b7e;
    width:16px;
    height:16px;
    margin: -2px auto 8px;
}

.nav-pages.bottom-pos a{
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.nav-pages.bottom-pos a.selected{
    display: inline-block;
    margin: 0 4px;
}

.skin-dark .nav-pages.bottom-pos a{
    background-color: #B3B3B3;
}

.slider:first-child .nav-pages{
    top: calc(50% - 30px);
}

.slider:first-child .arrow{
    top: calc(50% - 35px);
}

.woo-slider:first-child .arrow{
    top: 50%;
}


/*------------------------------------------------------------------
[ 14. GALLERY ]
-------------------------------------------------------------------*/

.mix-list{
    overflow:hidden;
    font-size: 0;
    padding-top: 0 !important;
}

.home .mix-list{
    padding-bottom: 0;
}

.mix-list ul{
    padding: 0;
    margin: 0;
}
.col-sm-6.col-xs-12.mix .mask h6 {
}

.mix-list .mix{
    display: none;
    float:none;
}

.mix {
    float: left;
    overflow: hidden;
    padding: 0 !important;
    margin: 0;
    vertical-align: top;
}
.container ul .col-sm-6.col-xs-12.mix {
}
.container ul .mix .col-sm-6 .col-xs-12 > img{
    float: left;
    width: 100%;
}


.mix  > img{
    float: left;
    width: 100%;
}


ul.nav-category{
    margin-bottom: 0;
}

ul.nav-category li {
    display:inline-block;
    font-size:18px;
    line-height:26px;
    text-transform:uppercase;
    margin:0 16px;
    font-weight: 400;
}

ul.nav-category li a {
    display:block;
    color:#333;
    position:relative;
    letter-spacing:0.05em;
}

ul.nav-category li a.active,
ul.nav-category li a:hover {
    color:#7c7b7e;
    text-decoration:none;
}

ul.nav-category li a:after {
    position:absolute;
    height:2px;
    background-color:#7c7b7e;
    width:14px;
    left:50%;
    margin-left: -7px;
    top:-20px;
    opacity: 0;
    content: '\0020';
}

ul.nav-category li a.active:after{
    opacity: 1;
}


/*------------------------------------------------------------------
[ 15. TEAM ]
-------------------------------------------------------------------*/

.persons{
    padding: 0;
}

.persons [class*=col-]{
    height: 360px;
}

.persons .no-padding > img,
.persons .no-padding .mask{
    margin-top: 0;
    width: 100%;
}

.persons h3{
    position: relative;
    display: inline-block;
}

.persons h3 small{
    margin-bottom: 0;
}

.persons h3[class*=dashed-left]:before{
    background-color: #DADADA;
    height: 2px;
    width: 18px;
    content: '\0020';
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-left: -38px;
    margin-top: -2px;
}

.persons h3[class*=dashed-right]:after{
    background-color: #dadada;
    content: "\0020";
    display: inline-block;
    height: 2px;
    left: 100%;
    margin-left: 15px;
    position: absolute;
    top: 13px;
    vertical-align: middle;
    width: 18px;
}

.persons p{
    padding-bottom: 0;
    margin-bottom: 0;
}

.persons.ribbon .mask{
    background-color: rgba(166,124,82,.95);
    text-align: left;
    padding: 0 50px;
}

.persons .mask small{
    color: #d9b48b;
}

.vacancy .icon{
    color: #d9b48b;
    margin-bottom: 35px;
}

.vacancy h3,
.vacancy h3 small{
    color: #fff;
}

.vacancy:hover{
    background-color: #8C6239 !important;
}

.person-modal .row:first-child{
    margin-bottom: 45px;
}

.person-modal h3{
    color: #fff;
}

.person-modal h3 small,
.person-modal .fa{
    color: #7c7b7e;
}

.person-modal .fa{
    margin-bottom: 50px;
    display: inline-block;
}

.person-modal img{
    max-width: 100%;
}

#vacancy h3{
    margin-bottom: 40px;
}

.prj-descr h3{
    margin-bottom: 30px;
}

.authors{
    margin-bottom: 25px;
    margin-top: 5px;
    font-size: 0;
}

.authors li{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 20px 0;
}

.authors a{
    position: relative;
    overflow: hidden;
    display: block;
}

.authors a:after{
    background-color: #7c7b7e;
    opacity: 0;
    transition: opacity .3s ease;
    content: '\0020';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.authors a:hover:after{
    opacity: .8;
}

.authors li img{
    float: left;
    max-width: 90px;
}

.authors + p{
    line-height: 30px;
}

/*------------------------------------------------------------------
[ 15. bespoke ]
-------------------------------------------------------------------*/

.bespoke{
    padding: 0;
}

.bespoke [class*=col-]{
    height: 600px;
}

.bespoke .no-padding > img,
.bespoke .no-padding .mask{
    margin-top: 0;
    width: 100%;
}

.bespoke h3{
    position: relative;
    display: inline-block;
	font-size: 45px;
}

.bespoke h3 small{
    margin-bottom: 0;
}

.bespoke h3[class*=dashed-left]:before{
    background-color: #DADADA;
    height: 2px;
    width: 18px;
    content: '\0020';
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-left: -38px;
    margin-top: -2px;
}

.bespoke h3[class*=dashed-right]:after{
    background-color: #dadada;
    content: "\0020";
    display: inline-block;
    height: 2px;
    left: 100%;
    margin-left: 15px;
    position: absolute;
    top: 13px;
    vertical-align: middle;
    width: 18px;
}

.bespoke p{
    padding-bottom: 0;
    margin-bottom: 0;
}

.bespoke.ribbon .mask{
    background-color: rgba(166,124,82,.95);
    text-align: left;
    padding: 0 50px;
}

.bespoke .mask small{
    color: #d9b48b;
}

/*------------------------------------------------------------------
[ 16. PANEL ]
-------------------------------------------------------------------*/

.a-toggle{
    background: url(../images/ico-accordeon.png) 0 0 no-repeat;
    width: 21px;
    height: 19px;
    display: inline-block;
    opacity: .5;
    margin: 12px 0 0 25px;
}

.a-toggle:hover{
    opacity: 1;
}

.collapsed .a-toggle{
    background-position: 0 -20px;
}

.faq-group .panel{
    position: relative;
    padding: 60px 0 37px;
    margin-bottom: 0 !important;
}

.faq-group .panel.even{
    background-color: #F4F4f4;
}

.faq-group .panel p{
    margin-bottom: 25px;
}

.faq-group .panel-body{
    padding: 0;
}

.anchor{
    position: absolute;
    right: -40px;
    top: 64px;
    font-size: 22px;
}

.panel-group {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.panel {
    border:0;
    box-shadow:none;
    margin:0 !important;
    padding:0;
}

.panel p,
.panel p:only-child{
    margin-bottom: 35px;
    margin-top: 3px;
}

.panel .radio{
    margin-bottom: 16px;
}

.panel label{
    color: #333;
}

.panel .icon{
    margin-top: 8px;
}

ul.nav-expand{
    margin: -60px 0 0;
}

.nav-expand li{
    display: inline-block;
    margin: 0 20px;
    font-weight: 400;
}

.nav-expand li a{
    color: #333;
    font-size: 18px;
    line-height: 26px;
    padding-left: 28px;
    text-transform: uppercase;
}

.nav-expand li a:hover{
    color: #7c7b7e;
}

.expand-link{
    background: url(../images/ico-expand.png) 0 50% no-repeat;
}

.collapse-link{
    background: url(../images/ico-collapse.png) 0 50% no-repeat;
}


/*------------------------------------------------------------------
[ 17. CATALOG ]
-------------------------------------------------------------------*/

.sorting {
    z-index:5;
    position:relative;
    font-size: 17px;
    color: #b2b2b2;
}

.sorting .chosen-container-single .chosen-single{
    height: 43px;
    line-height: 41px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
}

.grid-nav .chosen-container{
    max-width: 240px;
}

.grid-show .chosen-container{
    max-width: 90px;
}

.grid-show .chosen-single{
    padding-left: 15px;
}

.grid-nav nav {
    font-size:1px;
    display:inline-block;
    vertical-align:middle;
}

.grid-nav nav a {
    background: url(../images/ico-grid.png) 0 0 no-repeat;
    display:inline-block;
    vertical-align:middle;
    margin-right:24px;
    width: 17px;
    height: 17px;
    transition: all 0s ease;
    position: relative;
}

.grid-nav .a-grid{
    background-position: 0 -29px;
    top: -1px;
}

.grid-nav .a-grid.active,
.grid-nav .a-grid:hover{
    background-position: 0 0;
}

.grid-nav .a-list{
    background-position: -40px -30px;
}

.grid-nav .a-list.active,
.grid-nav .a-list:hover{
    background-position: -40px -1px;
}

.grid-show > * {
    display:inline-block;
    vertical-align:middle;
}

.grid-show .chosen-container {
    margin:0 5px;
}

.products{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.products .row{
    margin: 0;
}

.products + .container {
    padding:20px 0;
}

.product{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.products .row:nth-child(2n+1) .product:nth-child(2n),
.product.even{
    background-color: #F7F7F7;
}

.products .row:nth-child(2n+1) .product:nth-child(2n+1),
.list .product:nth-child(2n+1),
.product.odd{
    background-color: #F0F0F0;
}

.products .row:nth-child(2n) .product:nth-child(2n+1),
.list .product:nth-child(2n){
    background-color: #F7F7F7;
}

.products .row:nth-child(2n) .product:nth-child(2n){
    background-color: #F0F0F0;
}

.grid .product,
.mix-list .product,
.slider .product{
	position: relative;
	cursor: pointer;
	line-height: 18px;
}

.product > img,
.product > a > img{
    margin-bottom: 8px;
}

.grid .product:after,
.mix-list .product:after,
.slider .product:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '\0020';
    display: block;
    z-index: 2;
    background-color: #7c7b7e;
    opacity: 0;
    transition: opacity .3s ease;
}

.grid .product:hover:after,
.mix-list .product:hover:after,
.slider .product:hover:after{
    opacity: .1;
}

.product .price{
	font-size: 18px;
}

.grid .product .btn,
.mix-list .product .btn,
.slider .product .btn{
	position: absolute;
	width: 160px;
	z-index: 3;
	left: 50%;
	top: 16px;
	margin: -24px 0 0 -80px;
	opacity: 0;
}

.grid .product:hover .btn,
.mix-list .product:hover .btn,
.slider .product:hover .btn{
    opacity: 1;
}

.product img{
    width: 100%;
}

.product h4{
    margin: 0 0 10px;
}

.product h4 a,
.product h6 a{
    color: #333;
}

.product h4 a:hover,
.product h6 a:hover{
    color: #7c7b7e;
}

.product h6 {
	font-size: 14px;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-right: 30px;
	margin-left: 30px;
}

.list .product .sticker {
    top:75px;
}

.product.clearfix p{
    margin-bottom: 40px;
}

a.add-review{
    color: #333;
}

a.add-review:hover{
    color: #7c7b7e;
}

.catalog-bar {
    padding-top:50px;
}

.catalog-bar .btn{
    margin-bottom: 60px;
}

.catalog-bar h6{
    margin-bottom: 25px;
    font-size: 18px;
}

.widget {
    margin-bottom:60px;
}

.catalog-bar .widget li.checkbox{
    margin-bottom: 15px;
}

.category-list a,
.tagcloud a{
    font-size: 17px;
    color: #333;
}

.category-list a.active{
    color: #808080;
}

.cart-bar{
    margin-bottom: 0;
}

.cart-bar li {
    margin-bottom:20px;
    overflow: hidden;
}

.cart-bar li:last-child{
    margin-bottom: 0;
}

.cart-list .pict,
.cart-bar .pict{
    width:90px;
    margin-right:10px;
}

.cart-list .pict img,
.cart-bar .pict img{
    max-width:100%;
}

.cart-bar .block{
    margin: 0 0 0 110px;
    padding: 0;
}

.cart-bar h6{
    padding-top: 5px;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 26px;
}

.cart-bar li h6 a{
    color: #333;
}

.tagcloud {
    line-height:30px;
}

.tagcloud a{
    margin-right: 2px;
}

.cdescription{
    padding-top: 43px;
    padding-bottom: 20px;
}

.cdescription [class*=col-] {
    padding-left:0;
    padding-right:0;
}

.rating-wrap > * {
    display:inline-block;
    vertical-align:middle;
    margin-right:11px;
}

.tab-pane .raty-count {
    display:block;
}

.grid-show > span,
.raty {
    color:#8c8c8c;
}

.catalog-bar li a:hover,
.catalog-bar li a.color,
.cart-bar h5 a:hover,
.tagcloud a:hover,
.raty .fa-star,
.raty .fa-star-half-o,
.product-table a:hover {
    color:#7c7b7e;
}

.catalog-bar h4,
.rating-wrap {
    margin-bottom:20px;
    font-size: 19px;
}

.raty{
    display: block;
}

.list .price{
    margin-bottom: 10px;
}

.product-table a {
    color:#333;
}

.price{
    font-size: 18px;
    white-space: nowrap;
    font-weight: 300;
}

.price del {
    margin-right:5px;
    display: inline-block;
}

.price ins{
    color: #f55656;
}

.price small{
    margin: 0;
    color: #808080;
    font-size: 18px;
    text-transform: none;
}

.product.clearfix .price {
    font-size:24px;
    display: inline-block;
}

.product-list .product.clearfix .price{
    margin-right: -40px;
}


/*------------------------------------------------------------------
[ 18. BLOG ]
-------------------------------------------------------------------*/

/* [ 18.1. Post ] */

.post{
    margin-top: -30px;
}

.post h2{
    margin-bottom: 4px;
}

.post .icon,
.text-section .icon{
    margin: 9px 0 0 25px;
    text-align: center;
    width: 50px;
    display: inline-block;
    vertical-align: top;
}

.post .img-rounded{
    border-radius: 0 4px 4px 0;
    max-width: 100%;
    width: 100px;
}

.entry-header{
    margin-bottom: 55px;
}

.entry-header a{
    color: #333;
}

.entry-header a:hover{
    color: #7c7b7e;
}

.entry-header img{
    max-width: 100%;
    margin-top: 11px;
    vertical-align: top;
}

.entry-header .meta > *{
    text-transform: none;
    display: inline-block;
    margin-right: 40px;
}

.entry-content .container:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}

.entry-content p:last-child{
    margin-bottom: 0;
}

.entry-content img{
    max-width: 100%;
}

a.readmore{
    font-weight: 400;
}

.single .text-section p{
    margin-bottom: 40px;
}

.single .text-section .row p:last-child{
    margin-bottom: 20px;
}

.single .text-section:last-child{
    padding-bottom: 30px;
}

.single .content .container:last-child{
    margin-bottom: 30px;
}

.nav-single a span{
    color: #333;
    transition: color .3s ease;
}

.nav-single a:hover span{
    color: #7c7b7e;
}

.nav-single a small,
.nav-single a:hover small{
    color: #8c8c8c;
}

.nav-previous small{
    margin: 0 0 5px -19px;
}

.nav-next small{
    margin: 0 -19px 5px 0;
}
.bio{
    border-top: 1px solid #E5E5E5;
    padding: 50px 0 0;
    margin: -50px calc(8.33333% + 50px) 50px;
}

.bio .grv{
    max-width: 100px;
    float: left;
}

.bio .about{
    margin: -8px 0 0 150px;
}

.bio .about > a{
    color: #333;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}

.bio .about > a:hover{
    color: #A57B52;
}

/* [ 18.2 POST: Gallery & POST: Image ] */

.format-gallery .slider{
    margin-bottom: 0;
}

.format-gallery .slider:first-child .nav-pages{
    top: 100%;
}


/* [ 18.3. POST: Audio ] */

.format-audio .entry-content .bg-default{
    padding: 80px 0;
}

/* [ 18.4. POST: Quote ] */

.quote-wrap blockquote{
    padding: 0;
    margin-bottom: 0;
}


/* [ 18.5. POST: Video ] */



/* [ 18.6. POST: Link ] */

.format-link .entry-content .bg-default{
    padding: 70px 0;
}

.link-wrap a{
    font-size: 36px;
}


/*------------------------------------------------------------------
[ 19. AUDIO PLAYER ]
-------------------------------------------------------------------*/

.mejs-container {
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 460px;
    min-width: 460px;
}

.me-plugin {
    position: absolute;
    height: 0;
    width: 0;
}

.mejs-embed, .mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
}
.mejs-container .mejs-controls  div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 8px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    transition:all 0s ease;
}

.mejs-container .mejs-controls .mejs-time {
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 7px 0 3px;
    overflow: hidden;
    text-align: center;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    display: block;
    float: left;
    margin: 1px 7px 0 0;
    width: auto;
    min-width: 35px;
}

.mejs-controls .mejs-play button {
    width: 14px;
    height: 16px;
    background: url(../images/audio-play.png);
}

.mejs-controls .mejs-pause button {
    width: 14px;
    height: 16px;
    background: url(../images/audio-pause.png);
}

.mejs-controls div.mejs-time-rail {
    width: 240px;
    margin-top: 11px;
    margin-right: 10px;
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 220px;
    height: 10px;
    cursor: pointer;
    background-color: #EFEFEF;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #E6E6E6;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #7c7b7e;
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #E6E6E6;
    color: #000;
    width: 36px;
    height: 17px;
    top: -26px;
    margin-left: -18px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    top: 14px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.mejs-controls .mejs-mute button {
    width: 17px;
    height: 16px;
    background: url(../images/audio-sound-onn.png);
}

.mejs-controls .mejs-unmute button {
    width: 17px;
    height: 16px;
    background: url(../images/audio-sound-off.png);
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: rgba(50, 50, 50, 0.7);
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative;
    margin-left: 5px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 13px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background: #E6E6E6;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 13px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background-color: #7c7b7e;
    cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -51px;
    width: 85px;
    height: 100px;
    border: solid 1px transparent;
    padding: 10px 10px 0 10px;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 55px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}


/* [ 20. Magnific Popup slider ] */

.mfp-bg {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#FFF;
}

.mfp-wrap {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    overflow: hidden !important;
    outline:none!important;
    -webkit-backface-visibility:hidden;
}

.mfp-container {
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    box-sizing:border-box;
    padding:0 8px;
}

.mfp-container:before {
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

.mfp-content {
    display:inline-block;
    vertical-align:middle;
    text-align:left;
    z-index:3;
    margin:0 auto;
    max-width: 1200px;
    position: relative;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width:100%;
    cursor:auto;
}

.mfp-ajax-cur {
    cursor:progress;
}

.mfp-auto-cursor .mfp-content {
    cursor:auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}

.mfp-hide {
    display:none!important;
}

.mfp-preloader {
    color:#ccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044;
}

.mfp-preloader a {
    color:#ccc;
}

.mfp-preloader a:hover {
    color:#FFF;
}

button::-moz-focus-inner {
    border:0;
    padding:0;
}

.mfp-close {
    position:fixed;
    right:40px;
    top:38px;
    text-decoration:none;
    text-align:center;
    border:0;
    text-indent:-9999px;
    width:22px;
    height:22px;
    transition:all 0s ease;
    z-index:1;
    opacity: .3;
    background: url(../images/close.png) 0 0 no-repeat;
}

.mfp-close:hover {
    opacity: 1;
}

.mfp-arrow:after{
    background: url(../images/popup-arrows-b.png) no-repeat;
    width: 14px;
    height: 32px;
    opacity: .3;
    content: '\0020';
    position: absolute;
    margin: auto;
    left:-5px;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.mfp-arrow:hover:after{
    opacity: 1;
}

.mfp-arrow-left{
    left: 35px;
    background-position: 0 0;
}

.mfp-arrow-right{
    right: 35px;
}

.mfp-arrow-right:after{
    background-position: -40px -0;
    left: 5px;
}


.mfp-counter {
	position: fixed;
	top: 40px;
	left: 40px;
	color: #333333;
	font-size: 26px;
	line-height: 26px;
}

.mfp-iframe-holder {
    padding-top:40px;
    padding-bottom:40px;
}

.mfp-iframe-holder .mfp-content {
    line-height:0;
    width:100%;
    max-width:900px;
}
.mfp-iframe-scaler {
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%;
}

.mfp-iframe-scaler iframe {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
}

img.mfp-img {
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    box-sizing:border-box;
    margin:0 auto;
    padding:80px 0;
}

.mfp-figure {
    line-height:0;
}

.mfp-figure:after {
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
}

.mfp-figure small {
    color:#4c4c4c;
    display:block;
    font-size:15px;
    line-height:22px;
    margin-top: 4px;
}

.mfp-figure figure {
    margin:0;
}

.mfp-bottom-bar {
    position:absolute;
    bottom: 35px;
    left:0;
    width:100%;
    cursor:auto;
}

.mfp-title {
	text-align: center;
	line-height: 25px;
	color: #333333;
	word-wrap: break-word;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 100;
}

.mfp-image-holder .mfp-content {
    max-width:100%;
}

.mfp-align-top .mfp-container:before,
.mfp-loading.mfp-figure,
.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
    display:none;
}

.mfp-zoom,.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor:pointer;
}


/*------------------------------------------------------------------
[ 21. FOOTER ]
-------------------------------------------------------------------*/

.footer{
	border: 0;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}

.footer.navbar-fixed-bottom{
    padding-bottom: 80px;
    position: fixed;
    z-index: 1;
}

.footer ul{
    padding: 0;
    margin: 0
}

.footer li{
    display: inline-block;
    margin-left: 9px;
}

.footer a{
    color: #333;
}

.footer a:hover{
    color: #7c7b7e;
}

.navbar-static{
    position: static !important;
}

.copyright{
	text-align:right;	
}

.sitemap{
	text-align: right;
}
.icon-social{
	display: block;
	padding-bottom: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.icon-social li{
	padding-right: 25;
}

/*------------------------------------------------------------------
[ 22. PAGE 404 ]
-------------------------------------------------------------------*/

.html404,
.error404{
    height: 100%;
    min-height: 100%;
    width: 100%;
}

.error404 .content{
    background-color: transparent;
    min-height: 1px;
}

.error404 .header{
    position: fixed;
    top: 0;
    z-index: 1;
}

.error404 .page-header{
    margin: 0;
}

.error404 .footer{
    position: fixed !important;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 50px 0 50px;
}

.error404 .content h1{
    font-size: 250px;
    line-height: 200px;
    margin-bottom: 35px;
    font-weight: 100;
    color: #7c7b7e;
}

.error404 .content h1:after{
    display: none;
}

.error404 .content p{
    text-transform: uppercase;
    font-size: 28px;
    margin: 0;
}

.error404 .divtable{
    width: 100%;
}


/*------------------------------------------------------------------
[ 23. SPLASH PAGE ]
-------------------------------------------------------------------*/

#splashpage,
#splashpage body{
    min-height: 100%;
    text-align: center;
    background-color: #171717;
}

#splashpage .wrapper{
    text-align: center;
    padding: 0;
    border: 0;
}

#splashpage .wrapper > *{
    font-size: 0;
}

#splashpage article > *{
    display: inline-block;
    vertical-align: top;
}

#splashpage header{
    padding: 100px 0 70px;
    opacity: 0;
}

.spl-logo,
.spl-logo:hover,
.spl-logo:active,
.spl-logo:focus{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1;
    font-size: 70px;
    display: block;
    font-weight: 100;
    margin: 0 auto 20px;
}

.spl-slogan{
    font-size: 22px;
    line-height: 26px;
    color: #4c4c4c;
}

.spl-item{
    position: relative;
    width: 334px;
    border-radius: 3px;
    overflow: hidden;
    margin: 24px;
    box-shadow: 0 0 40px rgba(0,0,0,.75);
    display: inline-block;
    vertical-align: top;
}

.spl-item img{
    width: 100%;
    float: left;
    border-radius: 5px;
}

.spl-mask{
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: calc(100% - 15px);
    border-radius: 0 0 3px 3px;
    line-height: 400px;
    font-size: 26px;
    color: #fff;
    letter-spacing: .06em;
    background-color: rgba(166,124,82,.90);
    opacity: 0;
    transition: opacity .3s ease;
}

.spl-item:hover .spl-mask{
    opacity: 1;
}

#splashpage article{
    position: relative;
}

#splashpage section{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    padding-bottom: 50px;
}

#splashpage section.active{
    z-index: 5;
}

#splashpage section > div{
    display: inline-block;
    vertical-align: top;
}

.spl-nav{
    text-align: center;
    font-weight: 300;
    font-size: 18px !important;
    margin-bottom: 60px;
    opacity: 0;
}

.spl-nav li{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    text-transform: uppercase;
}

.spl-nav li a{
    color: #b2b2b2;
    display: block;
    position: relative;
}

.spl-nav li a:after{
    background-color: #7c7b7e;
    height: 1px;
    width: 14px;
    margin-left: -7px;
    position: absolute;
    content: '\0020';
    top: -20px;
    left: 50%;
    opacity: 0;
}

.spl-nav li a.active,
.spl-nav li a:hover{
    color: #7c7b7e;
}

.spl-nav li a.active:after{
    opacity: 1;
}


/*------------------------------------------------------------------
[ 24. SKIN-DARK ]
-------------------------------------------------------------------*/

.skin-dark,
.skin-dark .bg-warning{
    background-color: #2D2D2D;
}

.skin-dark .logo,
.skin-dark .mainmenu ul > li > a,
.skin-dark .cart-list > a,
.skin-dark .lang li a,
.skin-dark .nav-expand li a,
.skin-dark ul.nav-category li a,
.skin-dark .footer a,
.skin-dark .bg-warning h2,
.skin-dark .bg-warning h3,
.skin-dark .breadcrumb a, .breadcrumb .active{
    color: #b2b2b2;
}

.skin-dark .mainmenu .dropdown-menu{
    background-color: #E6E6E6;
}

.skin-dark .mainmenu ul.dropdown-menu > li > a{
    color: #333;
}

.skin-dark h1,
.skin-dark .sorting .grid-show > span,
.skin-dark .breadcrumb > li + li:before{
    color: #808080;
}

.skin-dark h1:after{
    background-color: #444;
}

.skin-dark .arrow.prev i{
    background-image: url(../images/prev-l.png);
}

.skin-dark .arrow.next i{
    background-image: url(../images/next-l.png);
}

.skin-dark .nav-pages a{
    background-color: #4D4D4D;
}

.skin-dark .nav-pages a.selected,
.skin-dark .nav-pages a:hover{
    background-color: #7c7b7e;
}

.skin-dark .sorting .chosen-container-single .chosen-single,
.skin-dark .sorting .chosen-container .chosen-drop{
    background-color: #404040;
    color: #b2b2b2;
}

.skin-dark .sorting .chosen-container .chosen-drop{
    color: #808080;
}

.skin-dark .sorting .chosen-container-single .chosen-single div strong{
    background-image: url(../images/caret-l.png);
    opacity: 1;
}

.skin-dark .footer{
    color: #4c4c4c;
}

.skin-dark .footer a:hover,
.skin-dark .logo:hover,
.skin-dark .mainmenu ul > li:hover > a,
.skin-dark .cart-list > a:hover,
.skin-dark .lang li a:hover,
.skin-dark ul.nav-category li a:hover,
.skin-dark ul.nav-category li a.active,
.skin-dark .nav-expand li a:hover,
.skin-dark .breadcrumb a:hover{
    color: #7c7b7e;
}

.skin-dark .lang li.active a{
    color: #fff;
}

/*------------------------------------------------------------------
[ 25. RESPONSIVE ]
-------------------------------------------------------------------*/

@media only screen and (max-width: 1550px) {

    #splashpage article{
        max-width: 960px;
        margin: auto;
    }

    .spl-item{
        margin: 20px;
    }

    #splashpage section > div{
        width: 374px;

    }

}

@media screen and (max-width: 1400px){

    .sidemenu-toggle{
        margin-right: -507px;
    }

    .container{
        width: 1100px;
    }

    .career [class*=col-]:first-child{
        margin-top: -30px;
    }

    .displaying {
        padding-left: 0;
    }

    .mask h6{
        font-size: 20px;
    }

    .logos:last-child{
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .arrow.prev{
	left: -53px;
    }

    .arrow.next{
        right: -76px;
    }

    .nav-pages{
        width: 92px;
    }

    .nav-pages.left-pos{
        left: -92px;
    }

    .nav-pages.right-pos{
        right: -92px;
    }

    .text-section .anchor, .post .anchor{
        right: -125px;
    }

    .clients-slider li,
    .clients-slider .divtable,
    .persons [class*="col-"]{
        height: 330px;
    }
}

@media screen and (max-width: 1264px){
    .container{
        width: 1000px;
    }

    .ship-header label{
        font-size: 16px;
    }

    .sidemenu-toggle{
        margin-right: 470px;
    }

    .clients-slider li,
    .clients-slider .divtable,
    .persons [class*="col-"]{
        height: 300px;
    }
	
	    .persons p{
	font-size: 14px;
	line-height: 16px;
    }	

}

@media screen and (max-width: 1191px){
    .container{
        width: 900px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left: 20px;
        padding-right: 20px;
    }

    .row{
        margin-left: -20px;
        margin-right: -20px;
    }

    .lang{
	margin-left: 20px;
	margin-bottom: 20px;
    }

    .latest-list li, .latest-list li img{
        width: 100px;
    }

    .cart-list .dropdown-menu{
        right: 20px;
    }
    .cart-list .dropdown-menu.open{
        display: block !important;
    }

    .service-slider p{
        font-size: 17px;
        line-height: 26px;
    }

    .order-actions a{
        margin: 0 10px;
    }

    .ship-header h4{
        font-size: 22px;
    }

    .ship-header label{
        font-size: 16px;
    }

    .sidemenu-toggle{
        margin-right: -470px;
    }

    .mask h6{
        font-size: 18px;
        letter-spacing: 0;
    }

    .post .icon,
    .text-section .icon{
        margin-left: 15px;
    }

    .sidemenu-toggle{
        margin-right: -525px;
    }

    .career p{
        font-size: 16px;
        line-height: 26px;
    }

    .clients-slider li,
    .clients-slider .divtable,
    .persons [class*="col-"]{
        height: 270px;
    }

    .bio{
        margin: -50px calc(8.33333% + 20px) 50px
    }
	


}

@media screen and (max-width: 1100px){
    .container{
        width: 800px;
    }

    .ship-header h4{
        width: 150px;
    }

    .single-slider .action-link{
        top: 30px;
    }

    .text-section .anchor, .post .anchor{
        right: -110px;
    }

    .sidemenu-toggle {
        margin-right: -475px;
    }

    .career > [class*=col-]{
        width: 50%;
        margin: 0;
    }

    .career p{
        font-size: 18px;
        line-height: 30px;
    }

    .clients-slider li,
    .clients-slider .divtable,
    .persons [class*="col-"]{
        height: 240px;
    }

    .persons h3{
	font-size: 20px;
	margin-bottom: 10px;
	color: #333;
	padding-top: 0px;
	padding-bottom: 0px;
    }
}

@media screen and (max-width: 967px){

    .m-center{
        text-align: center;
    }

    .container{
        width: 700px;
    }

    .home .header{
	padding-bottom: 25px;
    }

    .mainmenu .navbar-collapse{
	position: fixed;
	right: 0;
	top: 0;
	width: 400px;
	height: 100% !important;
	min-height: 100%;
	background-color: #262626;
	z-index: 19;
	overflow: auto;
	color: #333333;
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	padding-top: 105px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
    }

    .mainmenu .pclose{
        display: block;
        top: 30px;
        right: 40px;
    }

    .mainmenu .navbar-nav{
        float: left !important;
    }

    .mainmenu .navbar-nav{
        width: 100%;
        margin: 0;
    }

    .mainmenu ul > li.current-menu-item > a{
        color: #7c7b7e;
    }

    .mainmenu .navbar-nav li{
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
    }

    .mainmenu ul > li > a{
        color: #ccc;
    }

    .dropdown .dropdown-menu > li{
        font-size: 16px;
    }

    .nav > li{
        float: none;
        display: block;
        position: relative;
        overflow: hidden;
        font-size: 18px;
    }

    .tab-content .comments,
    .tab-content .no-padding{
        margin-top: 0;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .nav-tabs > li{
        display: inline-block;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .mainmenu ul.dropdown-menu > li > a{
        padding-left: 0;
        color: #808080;
        text-transform: uppercase;
    }

    .navbar-nav > .dropdown{
        margin: 0;
    }

    .navbar-nav > .dropdown > a.dropdown-toggle{
        background: url(../images/caret-side.png) right 16px no-repeat;
    }

    .navbar-nav > .dropdown.open > a{
        background: url(../images/caret-side-top.png) right 16px no-repeat;
    }

    .dropdown .dropdown-menu{
        position: relative;
        left: 0;
        background-color: transparent;
    }

    .mainmenu .dropdown-menu{
        background-color: transparent !important;
    }

    .skin-dark .mainmenu ul.dropdown-menu > li > a{
        color: #808080;
    }

    .pagination-bar [class*=col-]{
        float: none !important;
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .pagination-bar .pagination{
        margin-bottom: 25px;
    }

    .ship-header h4{
        width: auto;
    }

    .catalog-bar{
        max-width: 320px;
        margin: auto;
        text-align: center;
    }

    .catalog-bar .widget{
        text-align: left;
    }

    .catalog-bar .widget > h6,
    .catalog-bar .tagcloud{
        text-align: center ;
    }

    .cdescription{
        text-align: center;
    }

    .type-product > *{
        display: block;
    }

    .type-product .cart-total{
        margin: 50px auto;
        text-align: left !important;
    }

    .cart-total{
        margin-left: auto;
        margin-right: auto;
    }

    .form-group [class*=col-],
    .inforow .form-group [class*=col-]{
        padding: 0;
        margin-bottom: 10px;
    }

    .coupon [class*=col-]:first-child *{
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .cart-total{
        text-align: left;
    }

    .checkout-btn{
        top: 0;
        margin-top: 0;
    }

    .checkout-btn .text-right{
        text-align: center;
    }

    .order-info [class*=col-]:last-child{
        margin-bottom: 0;
    }

    .text-section .anchor, .post .anchor{
	right: -49px;
    }

    .post .icon{
        display: inline-block;
    }

    .text-section .no-padding:first-child{
        margin-bottom: 20px;
    }

    .post h2{
        margin-bottom: 40px;
    }

    .nav-single .text-right{
        text-align: center;
    }

    .nav-single [class*=col-]:last-child{
        margin-bottom: 0;
    }

    .text-section blockquote{
        padding: 30px;
    }

    .text-section ul, .text-section ol{
        margin-left: 0;
    }

    .sidemenu-toggle {
        margin-right: -310px;
    }

    .sorting .text-right{
        text-align: center;
    }

    .footer{
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 75px;
	padding-left: 0;
    }

    .footer [class*=col-]{
        float: none !important;
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }

    .footer [class*=col-]:last-child{
        margin-bottom: 0;
    }

    .inforow [class*=col-]{
        margin-bottom: 50px;
    }

    .inforow [class*=col-]:last-child{
        margin-bottom: 0;
    }

    .mejs-container{
        margin: auto;
    }

    .error404 .footer{
        bottom: 0;
    }

    .error404 .content h1{
        font-size: 60px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .footer [class*="col-"]{
        margin-bottom: 15px;
    }

    #send-form{
        margin-bottom: -60px;
    }

    .career [class*="col-"]:first-child{
        margin-top: -40px;
    }

    .career p{
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .mix-list .product{
        width: 100%;
    }

    .clients-slider li,
    .clients-slider .divtable{
        height: 210px;
    }

    .persons.clients-slider{
        margin-bottom: 50px;
    }

    .persons,
    .persons li,
    .persons [class*="col-"],
    .persons.clients-slider .divtable{
	height: auto;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
    }

    .persons .col-xs-6{
        width: 50%;
    }

    .a-toggle{
        margin-left: 0;
    }

    .persons.individual .divtable{
        height: 300px;
    }

    .bio{
        margin: -50px 30px 50px;
    }

    .bio .about{
        margin-left: 130px;
    }
	
	

}

@media screen and (max-width: 867px){

    .htop [class*=col-]{
        padding: 0 20px;
    }

    .container{
        width: 600px;
    }

    .row{
        margin-left: 0;
        margin-right: 0;
    }

    .sidemenu-toggle {
        margin-right: -280px;
    }

    .clients-slider li,
    .clients-slider .divtable{
        height: 180px;
    }

    .clients-slider.persons li{
        height: auto;
    }

    .clients-slider blockquote p{
        font-size: 20px;
        line-height: 30px;
    }

    .clients-slider blockquote cite{
        font-size: 18px;
    }

    .persons.individual .divtable{
        height: 270px;
    }

    .persons.clients-slider{
        margin-bottom: 100px;
    }

    .persons.clients-slider .nav-pages{
        margin-top: 25px !important;
    }
	
	

}

@media screen and (max-width: 767px) {

    .container{
        width: 100%;
    }

    .m-center,
    .m-center > *,
    .m-center .cdescription [class*="col-"],
    .inforow,
    .product.clearfix .price{
        text-align: center !important;
    }

    h4,
    .h4{
        margin-bottom: 20px;
    }

    .error404 .header{
        width: 100%;
        max-width: 100%;
    }

    .scrolltop {
        width: 50px;
        height: 50px;
        line-height: 50px;
        bottom: 25px;
        left: 50%;
        margin-left: -25px;
    }

    .scrolltop > * {
        margin: -5px;
    }

    .sidemenu-toggle {
        margin-right: 20px;
        right: 0;
    }

    .arrow.prev{
        left: 5px;
    }

    .arrow.next{
        right: 5px;
    }

    .pricing [class*="col-"]{
        height: 730px;
    }

    .pricing .highlight{
        height: 700px;
    }

    .left-pos,
    .right-pos,
    .bottom-pos{
        top: 100% !important;
        margin-bottom: -50px !important;
        left: auto !important;
        right: auto !important;
        width: 100%;
    }

    .bottom-pos a,
    .left-pos a,
    .right-pos a{
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
    }

    .bottom-pos a.selected,
    .left-pos a.selected,
    .right-pos a.selected{
        display: inline-block;
        margin: 0 4px;
    }

    .no-separator{
        margin: 0;
    }

    .home .no-separator{
        margin: -60px 0;
    }

    .clients-slider{
        margin-bottom: 40px;
    }

    .person-modal img{
        max-width: 300px;
    }
	

}

@media screen and (max-width: 640px) {

    .header{
        max-width: 480px;
        margin: auto;
    }

    .header [class*=col-]{
        float: none !important;
        width: 100%;
        text-align: center;
    }

    .header .logo{
        margin-bottom: 25px;
        position: relative;
        z-index: 9;
    }

    .header .row:first-child{
        padding-bottom: 30px;
    }

    .header .lang{
        float: right;
    }

    .header .navbar{
        float: left !important;
        min-height: 1px;
        margin: 0;
    }

    .mainmenu{
        text-align: left;
    }

    .header h1{
        display: inline-block;
    }

    .header h1:after{
        left: 50%;
        margin-left: -9px;
    }

    .cart-list{
        margin-bottom: 65px;
    }

    .cart-list .dropdown-menu{
        right: 50%;
        margin-right: -163px;
    }

    .breadcrumb{
        margin-bottom: 35px;
    }

    .comment [class*=col-]:last-child{
        width: 80%;
    }

    .coupon{
        padding-left: 20px;
        padding-right: 20px;
    }

    .comment [class*="col-"]:last-child{
        width: 66.6667%;
    }

    .entry-header .meta > *{
        display: block;
        margin: 0 0 10px;
    }

    .error404 .header h1{
        display: none;
    }

    .error404 .header{
        padding: 50px 0 0;
    }

    .error404 .footer{
        padding: 0 0 30px;
    }

    .career [class*=col-]{
        width: 100%;
        text-align: center;
    }

    .career [class*=col-]:first-child{
        margin-bottom: 130px;
        margin-top: 0;
    }

    .career p{
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .woo-slider [class*=col-xs-]{
        width: 80%;
        margin: auto;
        text-align: center;
        float: none;
    }

    .clients-slider li{
        height: auto;
    }

    .clients-slider li [class*=col-]{
        width: 100%;
    }

    .clients-slider blockquote{
        padding-top: 30px;
    }

    .breadcrumb{
        height: auto;
    }

    .persons.individual [class*=col-xs-]{
        width: 100%;
        text-align: center;
    }
	

}

@media screen and (max-width: 480px) {
    .mainmenu .navbar-collapse{
        width: 320px;
        padding: 75px 25px 10px;
        text-align: left;
    }

    .navbar-toggle{
        margin-left: 0;
    }

    .dropdown .dropdown-menu > li{
        font-size: 14px;
    }

    .error404 .wrapper{
        padding: 25px 0 0;
    }

    .error404 .header{
        padding: 25px 0 20px;
    }

    .error404 .header > *{
        margin-bottom: 0;
    }

    .footer li{
        display: block;
        float: none;
    }

    .coupon input{
        width: 160px;
    }

    .coupon .btn{
        padding: 0 15px;
    }

    .ship-header h4{
        width: 100%;
        text-align: left;
    }

    .ship-header .checkbox{
        float: left;
        margin: -10px 0 15px;
    }

    .calculate h4{
        margin-left: -15px;
        font-size: 20px;
    }

    .calculate h4 .icon{
        margin-right: 10px;
    }

    .link-wrap a{
        font-size: 26px;
    }

    .mejs-container{
        width: 320px;
        min-width: 320px;
        max-width: 320px;
    }

    .mfp-title{
        font-size: 18px;
    }

    .post h2{
        font-size: 28px;
        line-height: 36px;
    }

    ul.nav-category li{
        display: block;
        margin: 5px 0;
    }

    ul.nav-category li a.active:after{
        display: none;
    }

    .mix-list .mix{
        width: 100%;
    }
	

}

@media only screen and (max-width: 398px) {

    .grid-nav .chosen-container{
        max-width: 180px !important;
        min-width: 69px !important;
    }

    .grid-nav .chosen-container .chosen-results li{
        font-size: 14px;
    }

    ul.pagination{
        margin: 0 -10px;
    }

    ul.pagination .next{
        margin-left: 5px;
    }

    ul.pagination .prev{
        margin-right: 5px;
    }

    .type-product .product-quantity{
        margin-bottom: 50px;
    }

    .comment [class*=col-]:last-child{
        margin-left: 20px;
    }

    .mejs-container{
        width: 290px;
        min-width: 290px;
        max-width: 290px;
    }

    .error404 .content p{
        display: none;
    }

    #splashpage section > div{
        width: 320px;
    }

    .spl-item{
        width: 280px;
    }

    .bio{
        text-align: center;
    }

    .bio >.grv{
        float: none;
        margin: 0 0 10px;
    }

    .bio .about{
        margin: 0;
    }
	

}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right:0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top:0;
        bottom:0;
    }

    .mfp-img-mobile .mfp-figure small {
        display:inline;
        margin-left:5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background:rgba(0,0,0,0.6);
        bottom:0;
        top:auto;
        position:fixed;
        box-sizing:border-box;
        margin:0;
        padding:3px 5px;
    }

    .mfp-img-mobile .mfp-counter {
        right:5px;
        top:3px;
    }

    .mfp-img-mobile .mfp-close {
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,0.6);
        position:fixed;
        text-align:center;
        padding:0;
    }

    .mfp-img-mobile img.mfp-img,
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding:0;
    }
	

}

.quality {
	font-size: 13px;
}
.linnen {
	font-size: 14px;
	color: #333;
	font-weight: bolder;
}
.info {
	font-size:14px;
}
.productinfo {
	font-size:14px;
}
.top20 {
	padding-top:20px;
}

.shop {
	font-size: 12px;
	line-height: 14px;
}
.city {
	padding-top: 5px;
}
.top75 {
	padding-top:75px;
}
.bottom25 {
	padding-bottom:25px;
}
.xl{
	font-size: 50px;
	line-height: 100px;
}
.yacht {
	font-size: 15px;
	line-height: 20px;
}

.space {
padding-top: 5px;
}
