/*==========================================*
*****	Template Name: Click Models Studio	*
*****	E-mail: kontakt@klikdizajn.net		*
*****	Website: www.klikdizajn.net			*
* ==========================================*
*****	S T Y L E
* ==========================================*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Dancing+Script:400,700&subset=latin-ext');

::-moz-selection { /* Code for Firefox */
    color: #fff;
	background: #000;
}

::selection {
    color: #fff;
    background: #000;
}

::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
	background-color: #000;
}

body {
	font-family: 'Montserrat', sans-serif!important;
	color: #222!important;
	margin: 0px;

}

*:focus {
	outline: none !important
}

p, blockquote {
	font-family: 'Montserrat', sans-serif;
	text-align: left;
}

blockquote {
	margin: 0px 0px 10px 10px!important;
	border-color: #000!important;
	padding-left: 10px!important;
}

ul, ol {
	padding: 0px;
}

a {
	color: #000!important;
}

a:hover {
	text-decoration: none!important;
}

.h4, .h5, h4, h5 {
	margin-top: 25px!important;
	margin-bottom: 5px!important;
}

h2,
h3,
h4 {
	text-align: center;
	border-top: 0px solid transparent;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0.0) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.0) 80%);
	border-image-slice: 1;
}

h5 {
	text-align: center;
}

.sidebar-title {
	border-bottom: 1px solid;
	border-image: linear-gradient(to right, rgba(255,255,255,0.0) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.0) 80%);
	border-image-slice: 1;
}

input,
textarea {
	width: 100%;
}

span {
	font-weight: 200;
}

section {
	margin: 0px;
	border-bottom: 5px dashed transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 100%);
	border-image-slice: 1;
	transition: all 0.4s;
}

/*section:after {
	position: absolute;
	content: "";
	height: 50px;
	width: 100%;
	bottom: -28px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	opacity: 0.2;
	background: url(../images/section-bt.png) center bottom no-repeat;
	transition: all 0.4s;
}*/

section:hover:after {
	opacity: 0.8;
	transition: all 0.4s;
}

section.last {
	border: none !important;
	padding-bottom: 0px!important;
}

section.last:after {
	background: none !important;
	left: -9999px !important;
}

ul#page-scroll {
	margin-right: 30px;
}

nav.navbar.navbar-default {
	background: rgba(255,255,255,0.7);
}

nav.navbar.navbar-white {
	background: #fff;
}

nav.navbar.navbar-default a,
nav.navbar.navbar-white a {
	line-height: 80px;
}

nav.navbar.navbar-transparent {
	background-color: rgba(255,255,255,0.8);
	border-color: rgba(0,0,0,0.1);
}

nav.navbar.navbar-transparent a {
	line-height: 80px;
}

nav li {
	padding: 5px;
}

nav a {
   padding-top: 20px !important;
   padding-bottom: 20px !important;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   font-family: 'Montserrat', sans-serif;
   font-weight: 600;
   text-transform: uppercase;
}

.navbar-nav li:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 0;
  height: 3px;
  background-color: #000;
  content: "";
  transition: width 0.2s;
}

nav li:hover {
  color: #000;
}

nav li:hover:after {
  width: 100%;
}

.navbar-brand {
  font-size: 30px;
}

nav.navbar.shrink {
  min-height: 35px;
  transition: all 2s;
  background-size: 324px 50px;
}

nav.navbar.shrink a {
  line-height: 20px;
}

nav.navbar.shrink img {
	height: 40px;
	transition: all 2s;
	display: none;
}

nav.shrink a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

nav.shrink li:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 0;
  height: 3px;
  background-color: #000;
  content: "";
  transition: width 0.4s;
}

nav.shrink li:hover {
  color: #000;
}

nav.shrink li:hover:after {
  width: 100%;
}

.dropdown-menu {
	border-top: 1px solid rgba(0,0,0,0.1)
}

nav.navbar.navbar-default ul.dropdown-menu a,
nav.navbar.navbar-white ul.dropdown-menu a {
	line-height: 0px;
}

nav.navbar.shrink.navbar-default ul.dropdown-menu a,
nav.navbar.shrink.navbar-white ul.dropdown-menu a {
	line-height: 0px;
}

nav.navbar.shrink.navbar-default ul.dropdown-menu li:hover:after,
nav.navbar.shrink.navbar-white ul.dropdown-menu li:hover:after {
	width: 0px;
}

nav.navbar.navbar-transparent ul.dropdown-menu a {
	line-height: 0px;
}

nav.navbar.shrink.navbar-transparent ul.dropdown-menu a {
	line-height: 0px;
}

nav.navbar.shrink.navbar-transparent ul.dropdown-menu li:hover:after {
	width: 0px;
}

.page-title h1 {
font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    margin: 50px 0px 25px 0px;
    padding: 25px 10px;
    background: #CCCCCC;
    border-right: 1px solid #2c2c2c;
}

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

ul, li {
	list-style-type: none;
}

header {
	height: 91px;
	width: 100%;
	margin: 20px 0px;
}

.models {
	height: 300px;
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
}

h1.models {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0px;
	margin: 0px;
	background: rgba(255,255,255,0.5);
	color: rgba(0,0,0,0.5);
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.4s;
}

h1.models:hover {
	color: #000;
	cursor: pointer;
	transition: all 0.4s;
}

.model-1:after {
	background: url('http://via.placeholder.com/640x360') no-repeat center;
	background-size: cover;
	z-index: -1;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.model-2:after {
	background: url('http://via.placeholder.com/640x360') no-repeat center;
	background-size: cover;
	z-index: -1;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.model-3:after {
	background: url('http://via.placeholder.com/640x360') no-repeat center;
	background-size: cover;
	z-index: -1;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.blog-col {
	border: 1px solid;
	border-image: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);
	border-image-slice: 1;
	padding: 0px;
	margin: 15px 0px;
	transition: all 1s;
}

.entry-box {
	text-align: center;
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 100%);
	padding-bottom: 15px;
}

.entry-title {
	position: absolute;
	bottom: 15px;
	left: 0px;
	right: 0px;
	width: 90%;
	background: rgba(255,255,255,0.7);
	text-shadow: 2px 2px rgba(255,255,255,0.4);
	text-transform: uppercase;
	padding: 10px;
	margin: 0px auto;
	text-align: center;
}

.entry-title a {
	transition: all 0.4s
}

.entry-title a:hover {
	font-weight: 800;
	transition: all 0.4s
}

.entry-meta {
	padding: 5px 0px 7px 0px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 80%);
	border-image-slice: 1;
}

.entry-meta li {
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
}

.entry-meta li:after {
	content: "\f068";
	font-family: FontAwesome;
	padding: 0px 2px 0px 5px;
	font-weight: 200
}

.entry-meta li:last-child:after {
	content: "";
}

.entry-content p {
	padding: 0px 10px;
	text-align: justify;
}

.entry-content a {
	font-weight: 500;
	transition: all 0.4s;
}

.entry-content a:hover,
.entry-content a:focus {
	color: rgba(0,0,0,0.7);
	transition: all 0.4s;
}

.entry-img {
	position: relative;
	overflow: hidden;
	height: 250px;
	cursor: pointer;
}

.entry-img img {
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	width: 100%;
	height: 100%;
}

.entry-img img:hover {
	-webkit-transform: scale(1.5,1.5);
	-moz-transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}

.contact-list {
	padding: 10px 0px;
}

.contact-list:nth-child(2n+2) {
	background: rgba(0,0,0,0.02);
}

.contact-info {
	padding: 0px;
	color: #000;
}

.contact-info a {
	color: #000;
}

.contact-info a:hover {
	text-decoration: underline;
	color: #000;
}

.contact-info i {
	color: #000;
	padding: 10px; 
	margin: 0px 10px;
}

.scroll-top {
display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    outline: none;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    transition: all 0.4s;
    border: 1px solid #fcfcfc;
}

.scroll-top:hover {
    background-color: rgba(255,255,255,0.8);
	color: #000;
	transition: all 0.4s;
	border: 1px solid black;
}

.scroll-top:before {
	content: "\f106";
	font-family: FontAwesome;
}

footer {
	position: absolute;
	width: 100%;
	background: #000;
}

footer .col-md-4 {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background: #000;
	color: #fff;
}

footer img {
    width: 160px;
    margin-bottom: 20px;
}

footer p {
	text-align: center;
}

footer a {
	color: #fff;
}

footer .item {
	display: inline-block;
	font-size: 20px;
	color: #000;
	background: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin: 25px 10px;
	transition: all 0.5s;
}

footer .item:hover {
	background: #000;
	color: #fff;
	transition: all 0.5s;
}

footer .item i {
	line-height: 30px;
}

/* --- BLOG-SINGLE --- */

.blog-content {
	background: rgba(255,255,255,0.9);
	box-shadow: 0px 50px 150px rgba(0,0,0,0.05);
}

.entry-img-single {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.entry-img-single img {
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	width: 100%;
}

.entry-img-single img:hover {
	-webkit-transform: scale(1.5,1.5);
	-moz-transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}

.entry-meta-single {
	background: none;
	padding: 0px 0px 2px 0px;
	border-top: 0px solid transparent;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 80%);
	border-image-slice: 1;
	text-align: center;
	padding: 5px 0px 7px 0px;
}

.entry-meta-single li {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
}

.entry-meta-single li:after {
	content: "\f068";
	font-family: FontAwesome;
	padding: 0px 2px 0px 5px;
	font-weight: 200
}

.entry-meta-single li:last-child:after {
	content: "";
}

.entry-share {
	float: right;
	margin: 0px 10px;
	line-height: 30px;
}

.entry-share .item {
	display: inline-block;
	font-size: 14px;
	color: #000;
	background: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	transition: all 0.5s;
}

.entry-share .item:hover {
	background: #000;
	color: #fff;
	transition: all 0.5s;
}

.entry-share .item i {
	line-height: 30px;
}

.tags {
	margin: 0 10px;
	line-height: 30px;
	font-size: 10px;
	text-transform: uppercase;
}

.tags a:after {
	content: "\f101";
	font-family: FontAwesome;
	font-size: 13px;
	padding: 5px 5px 5px 10px;
}

.tags a:last-child:after {
	content: "";
}

.tags span {
	font-weight: 800
}

.entry-author-box {
	padding: 20px 0px;
	position: relative;
	border-top: 1px solid transparent;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 75%);
	border-image-slice: 1;
	clear: both;
}

.entry-author-box .author-img {
  display: block;
  position: absolute;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.entry-author-box .author-info {
  padding-left: 120px;
  margin-top: 5px;
}

.entry-author-box h6.author-name {
  display: inline-block;
}

.author-info p {
	padding: 0px;
}

.author-info span {
  color: rgba(0,0,0,0.5);
  font-size: 13px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.author-info span:before {
	content: "\f0a4";
	font-family: FontAwesome;
	padding: 0px 5px;
}

.comment-content span {
	font-size: 12px;
}

.comment-author {
	margin: 0px!important;
}

.comment-content span:before {
	content: "\f101";
	color: rgba(0,0,0,0.5);
	font-size: 13px;
	font-family: FontAwesome;
	padding: 0px 5px;
}

.uppercase {
	text-transform: uppercase;
}

.related-post {
	height: 195px
}

.related-post img {
	max-width: 100%;
	min-height: 193px;
}

.entry-comments {
	margin-bottom: 50px;
}

.entry-comments .comment-avatar {
  position: absolute;
  display: block;
  float: none;
  margin: 0 auto -55px auto;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.entry-comments .comment-content {
  padding-left: 100px;
}

.entry-comments span {
  display: inline-block;
  margin-right: 10px;
}


.entry-comments .comment-content span a {
  font-size: 13px;
  color: rgba(0,0,0,0.6);
  font-weight: 300;
}

.entry-comments .comment-content a {
	text-transform: uppercase;
	font-weight: 800;
	color: rgba(0,0,0,0.2);
	transition: all 0.4s;
}

.entry-comments .comment-content a:hover {
	color: rgba(0,0,0,0.6);
	transition: all 0.4s;
}

.entry-comments .comment-content p {
  margin: 10px 0px;
}

.comment-reply {
  padding-left: 10%;
}

.comment-body {
	padding: 30px 0px;
	border-top: 0px solid transparent;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.0) 100%);
	border-image-slice: 1;
}

.comment-form,
.contact-form {
	text-align: center;
	padding-bottom: 31px!important;
}

/* --- SIDEBAR --- */

.sidebar {
	background: rgba(0,0,0,0.3);
	color: #fff;
	padding: 15px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-image: linear-gradient(to bottom, rgba(0,0,0,0.0) 10%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.0) 90%);
	border-image-slice: 1;
}

.sidebar li.active {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
}

.sidebar ul {
	padding: 0px;
}

.sidebar a,
.sidebar a:hover, 
.sidebar a:focus {
	color: #fff!important;
	display: block;
}

.sidebar.right li {
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 1px solid;
	border-right: 0px solid;
	border-image: linear-gradient(to right, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.2) 15%, rgba(255,255,255,0.2) 75%);
	border-image-slice: 1;
	line-height: 15px;
	text-align: left;
	padding: 7px 5px;
	transition: all 0.6s;
}

.sidebar.right li:hover {
	background: linear-gradient(to right, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 10px, rgba(255,255,255,0.2) 10px, rgba(255,255,255,0) 100%);
	padding-left: 15px;
	transition: all 0.3s;
}

.sidebar.right li:after {
	position: absolute;
	content: "\f100";
	font-family: FontAwesome;
	right: 15px;
	transition: all 0.5s;
}

.sidebar.right li:hover:after {
	content: "\f104";
	font-family: FontAwesome;
	right: 30px;
	transition: all 0.5s;
}

.sidebar.left li {
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 1px solid;
	border-right: 0px solid;
	border-image: linear-gradient(to left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.2) 15%, rgba(255,255,255,0.1) 100%);
	border-image-slice: 1;
	line-height: 15px;
	text-align: right;
	padding: 7px 5px;
	transition: all 0.6s;
}

.sidebar.left li:hover {
	background: linear-gradient(to left, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 10px, rgba(255,255,255,0.2) 10px, rgba(255,255,255,0) 100%);
	padding-right: 15px;
	transition: all 0.3s;
}

.sidebar.left li:after {
	position: absolute;
	content: "\f101";
	font-family: FontAwesome;
	left: 15px;
	margin-top: -15px;
	transition: all 0.5s;
}

.sidebar.left li:hover:after {
	content: "\f105";
	font-family: FontAwesome;
	left: 30px;
	transition: all 0.5s;
}

.tab-content .small img {
	width: 100%;
	padding: 5px;
	border: 1px solid;
	border-image: linear-gradient(to right, rgba(0,0,0,1) -100%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 200%);
	border-image-slice: 1;
}

.tab-content h2 {
	font-size: 48px;
	font-weight: 200;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid;
	border-left: 0px solid;
	border-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0) 75%);
	border-image-slice: 1;
	text-align: left;
	padding: 0px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
}

.models-list {
	margin: 0px;
	padding: 15px;
	text-transform: uppercase;
	text-align: left;
	background: linear-gradient(to right, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.8) 100%);
	border-top: 0px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-image: linear-gradient(to right, rgba(0,0,0,1) -100%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 200%);
	border-image-slice: 1;
}

.models-list li {
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid;
	border-left: 0px solid;
	border-image: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 20%, rgba(0,0,0,0.2) 20%, rgba(0,0,0,0) 75%);
	border-image-slice: 1;
}

.models-list li:before {
	content: "\f046";
	font-family: FontAwesome;
	color: rgba(0,0,0,0.8);
	padding-right: 3px;
}

.bg-image {
	background: url('http://via.placeholder.com/1920x1080') fixed;
	margin: 0px;
}

.bg-color {
	background: rgba(255,255,255,0.7);
	padding-top: 30px;
}
 
.border {
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 60%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%);
	border-image-slice: 1;
}

.pt-15 {
	padding-top: 15px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-150 {
	margin-top: 150px;
}

.list-latest-posts span {
	position: absolute;
	right: 25px;
	font-size: 11px;
	text-transform: uppercase;
}

input {
	padding: 5px 10px;
	border: 1px solid transparent;
	border-image: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.8) 100%);
	border-image-slice: 1;
	background: rgba(255,255,255,0.7);
	transition: all 0.4s;
}

.searchbox:hover,
.searchbox:focus {
	color: #000;
	background: rgba(255,255,255,0.9);
	border: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.8) 100%);
	transition: all 0.4s;
}

.search-button {
	position: absolute;
	top: 15px;
	right: 15px;
	padding-right: 10px;
	height: 30px;
	border: none;
	color: #000;
	background: none;
}

.search-button:hover,
.search-button:focus {
	color: #000;
}

.subscribe {
	margin: 25px 0px;
	width: 60%;
	font-size: 12px;
	letter-spacing: 1.5px;
	line-height: 20px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 0px;
}

.subscribe:hover,
.subscribe:focus {
	background: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.0) 100%);
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.subscribe-button {
	margin: 25px 0px;
	padding: 0px 10px;
	font-size: 12px;
	line-height: 12px;
	height: 32px;
	color: #000;
	background: #fff;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	transition: all 0.4s;
}

.subscribe-button:hover {
	background: #000;
	color: #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	transition: all 0.4s;
}

.image {
	float: right;
	margin-left: 10px;
	padding: 10px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-image: linear-gradient(to left bottom, rgba(0,0,0,1) 10%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,1) 90%);
	border-image-slice: 1;
	background: linear-gradient(to left top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.03) 50%, rgba(0,0,0,0.0) 100%);
}

.container p {
	text-align: justify
}

.container p.drop-cap:first-letter {
  float: left;
  font-family: 'Dancing Script', cursive;
  font-size: 60px;
  line-height: 50px;
  font-weight: 400;
  padding-top: 4px;
  padding-right: 5px;
  padding-left: 3px;
}

.pagination {
	width: 100%;
	text-align: right;
	margin: 0px;
}

.pagination .nav-links li {
	display: inline-block;
	margin-left: 6px;
}

.pagination .nav-links li a {
	color: #000;
	border: 1px solid #000;
	background: rgba(255,255,255,0.5);
	padding: 10px 15px;
	transition: all 0.4s;
}

.pagination .nav-links li.back-next a {
	padding: 10px 15px;
}

.pagination .nav-links li a:hover,
.pagination .nav-links li.active a {
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	border: 1px solid #000;
	transition: all 0.4s;
}

/*#gmap_canvas img {
	max-width: none!important;
	background: none!important
}*/

.col-xs-12,
.col-lg-12,
.col-md-12 {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.col-xs-12 {
	padding-bottom: 50px;
}

.contact-form {
  padding-bottom: 17px;
}

@media (max-width: 992px) {
	.contact-form {
	  padding-bottom: 16px;
	}
}

/*.form-group:after {
  display: block;
  position: relative;
  bottom: 12px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 0px;
  height: 3px;
  background-color: #000;
  content: "";
  transition: width 0.4s;
}*/

.form-group:hover {
  color: #000;
  background: none;
  border-bottom: 0px solid transparent;
  transition: all 0.4s;
}

.form-group:hover:after {
  width: 100%
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 10px 12px;
  margin: 10px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  border-top: 0px solid!important;
  border-right: 0px solid!important;
  border-bottom: 1px solid!important;
  border-left: 0px solid!important;
  border-image: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.0) 100%)!important;
  border-image-slice: 1!important;
  transition: all 0.5s;
  border-radius: 0px!important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0)!important;
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0)!important;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control,
.form-control:hover {
  background: none!important;
}

#search .input-lg {
    margin-top: -2px;
}

.btn {
	border: none!important;
}

.btn-primary {
color: #fff!important;
    border-top: 0px!important;
    border-bottom: 1px solid!important;
    border-image-slice: 1!important;
    text-transform: uppercase;
    font-weight: 600!important;
    border-radius: 0px!important;
    padding: 25px;
}
}
/*.btn-primary:after {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 0px;
  height: 3px;
  background-color: #000;
  content: "";
  transition: width 0.4s;
}*/

.btn-primary:hover:after {
  width: 30%;
  transition: all 0.4s;
}

.btn-info {
  position: absolute!important;
  bottom: 10px!important;
  left: 50%!important;
  transform: translate(-50%, 0)!important;
  color: #000!important;
  background: rgba(255,255,255,0.5)!important;
  width: 90%!important;
  padding: 5px 15px!important;
  border-top: 0px!important;
  border-bottom: 1px solid!important; 
  border-image: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.0) 100%)!important;
  border-image-slice: 1!important;
  text-transform: uppercase;
  font-weight: 600!important;
  border-radius: 0px!important
}
.btn-info:after{
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  width: 0px;
  height: 3px;
  background-color: #000;
  content: "";
  transition: width 0.4s;
}

.btn-info:hover:after {
  width: 100%;
  transition: all 0.4s;
}

.btn-primary:focus,
.btn-info:focus {
	box-shadow: none!important
}

.navbar-brand > img {
	margin-left: 15px!important;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: auto;
  padding: 0px 7px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  border-top: 1px solid rgba(0,0,0,0.025)!important;
  border-right: none!important;
  box-shadow: none!important;
  border-radius: 0px!important;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #000;
  white-space: nowrap;
  text-align: center;
  text-transform: lowercase;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  transition: all 0.4s;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  border-bottom: 3px solid #000;
  transition: all 0.4s;
  text-decoration: none;
  background: none!important;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000!important;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background: none!important;
}
.navbar-default .navbar-toggle {
	border: none!important;
}


.thumbnails {
    margin-left: 0px!important;
}

.home-class .row {
margin-right: 0px;
}

.btn-group, .btn-group-vertical {
    position: inherit;
    display: inherit;
}

.block-produkt h1 {
    margin-top: 2em;	
}

.block-produkt .product-price{
border-top: 0px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,1) 17%, rgba(0,0,0,0.0) 32%);
    border-image-slice: 1;
    font-size: 3em;
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 13px;
}


.block-produkt, .block-catalog{
    filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */	
}




.block-catalog .product-list .product-thumb .caption {
    margin-left: 280px!important
}


#logo img{
	width: 150px
}

.title-top{
font-size: 1.8em;
    line-height: 1.4;
    margin-bottom: 21px;
}
/* --- home categories tile --- */
.home-cats { padding: 30px 0 15px; }
.home-cats h1 { font-size: 30px; line-height: 1.25; margin: 0 0 22px; text-align: center; color: #333; }
.cat-tile { display: block; margin-bottom: 20px; border-radius: 4px; overflow: hidden; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.18); transition: box-shadow .2s, transform .2s; }
.cat-tile:hover, .cat-tile:focus { text-decoration: none; box-shadow: 0 5px 14px rgba(0,0,0,.26); transform: translateY(-2px); }
.cat-tile img { display: block; width: 100%; height: auto; }
.cat-tile span { display: block; padding: 10px 12px; font-size: 15px; font-weight: 600; text-align: center; color: #3a2a1a; background: rgba(255,255,255,.97); }

/* --- footer --- */
.wg-footer { background: #26211c; color: #cfc6ba; padding: 34px 0 22px; margin-top: 20px; }
.wg-footer h3 { color: #fff; font-size: 18px; margin: 0 0 12px; }
.wg-footer p { color: #b5aa9c; font-size: 13px; line-height: 1.6; }
.wg-footer-links li { margin-bottom: 6px; }
.wg-footer-links a { color: #cfc6ba; font-size: 13px; }
.wg-footer-links a:hover { color: #d69e4a; text-decoration: none; }
.wg-footer hr { border-top-color: rgba(255,255,255,.12); }
.wg-footer .text-center p { margin: 0; font-size: 12px; color: #9a9184; }

/* --- guitar theme accents --- */
a { color: #6b4a2f; }
a:hover { color: #b07a3c; }
.btn-primary {
  background-color: #7a5230;
  border-color: #5f3f24;
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #8a5f38;
  border-color: #5f3f24;
  color: #fff;
}
.price { color: #6b4a2f; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-top: 2px solid #d69e4a;
}
.thumbnail, .product-thumb .image { border-radius: 4px; }
.product-thumb .caption p { color: #555; }
@media (min-width: 992px) {
  #menu .nav > li > a { padding: 11px 11px; font-size: 13px; letter-spacing: .2px; }
}
.alert-info { border-left: 4px solid #d69e4a; }

/* --- guitar theme fixes (override old template) --- */
.block-produkt, .block-catalog {
  filter: none;
  -webkit-filter: none;
}
.btn-primary {
  background-color: #7a5230 !important;
  border-color: #5f3f24 !important;
  background-image: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: #8a5f38 !important;
  border-color: #5f3f24 !important;
}
.navbar-nav li:after { background-color: #d69e4a; }
@media (min-width: 992px) {
  nav a { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 12px !important; }
  nav li { padding: 4px 1px; }
  #menu .nav > li > a { padding-left: 9px !important; padding-right: 9px !important; }
  .navbar-nav li:after { bottom: 6px; }
}

/* --- product names in listings: dark, not white --- */
.product-thumb .caption h4 a { color: #444 !important; }
.product-thumb .caption h4 a:hover { color: #b07a3c !important; }

/* --- category FAQ --- */
.cat-faq { margin: 26px 0 10px; }
.cat-faq h3 { font-size: 22px; margin: 0 0 14px; color: #333; }
.cat-faq-item { margin-bottom: 14px; }
.cat-faq-item h4 { font-size: 15px; font-weight: 600; margin: 0 0 5px; color: #5a3d22; }
.cat-faq-item p { margin: 0 0 8px; font-size: 13px; color: #555; line-height: 1.55; }
.cat-desc h2 { font-size: 20px; margin: 22px 0 10px; }
.cat-desc h3 { font-size: 17px; margin: 18px 0 8px; }

/* --- equal-height product cards in listings --- */
.products-row { display: flex; flex-wrap: wrap; }
.products-row > .product-layout { display: flex; }
.products-row .product-thumb { display: flex; flex-direction: column; width: 100%; }
.products-row .product-thumb > div:not(.image) { display: flex; flex-direction: column; flex: 1 1 auto; }
.products-row .product-thumb .caption { flex: 1 1 auto; }
.products-row .product-thumb .button-group { margin-top: auto; }
.products-row .caption h4 a {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.products-row .caption > p:not(.price) {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.products-row .price .price-tax { display: none; }

/* --- category text blocks: left-aligned, after listing --- */
.cat-desc, .cat-desc-more, .cat-faq { text-align: left; }
.cat-desc-more h2, .cat-desc-more h3, .cat-desc-more h4,
.cat-faq h3, .cat-faq-item h4 {
  text-align: left;
  border-image: none;
  border-bottom: 1px solid #e8e2da;
  padding-bottom: 8px;
}
.cat-desc-more h2 { font-size: 22px; margin: 26px 0 12px; }
.cat-desc-more h3 { font-size: 18px; margin: 18px 0 8px; }
.cat-desc-more p, .cat-desc-more ul, .cat-desc-more li { text-align: left; font-size: 14px; line-height: 1.6; }
.cat-desc-more ul { padding-left: 20px; }
.cat-faq { margin-top: 30px; }
.cat-faq h3 { font-size: 22px; }
.cat-faq-item h4 { border-bottom: none; font-size: 15px; }

/* --- footer: normal flow (old template had position:absolute) --- */
.wg-footer { position: static; }
.wg-footer p { text-align: left; }
.wg-footer .text-center p { text-align: center; }


/* --- full-width hero slider on home --- */
body { overflow-x: hidden; }
.wg-hero { width: 100vw; margin-left: calc(-50vw + 50%); margin-bottom: 4px; }
.wg-hero .owl-carousel .item { position: relative; }
.wg-sl-1 { background: radial-gradient(130% 170% at 78% 18%, #a06a3a 0%, #5a3a20 55%, #241a10 100%); }
.wg-sl-2 { background: radial-gradient(130% 170% at 78% 18%, #46536b 0%, #2b3342 55%, #14181f 100%); }
.wg-sl-3 { background: radial-gradient(130% 170% at 78% 18%, #7a4450 0%, #452732 55%, #1f1116 100%); }
.wg-sl-4 { background: radial-gradient(130% 170% at 78% 18%, #8a7a3a 0%, #54471f 55%, #241d10 100%); }
.wg-slide-inner { max-width: 1170px; margin: 0 auto; min-height: 430px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 34px 15px; }
.wg-slide-text { color: #fff; text-align: left; }
.wg-slide-tag { text-transform: uppercase; letter-spacing: 2px; font-size: 13px; color: #d69e4a; margin-bottom: 10px; }
.wg-slide-text h3 { text-align: left; border: none; font-size: 38px; line-height: 1.15; margin: 0 0 12px; }
.wg-slide-price { font-size: 28px; font-weight: 700; color: #ffd894; margin-bottom: 22px; }
.wg-hero-btn { display: inline-block; background: #d69e4a; color: #2e2013 !important; font-weight: 700; padding: 12px 30px; border-radius: 4px; }
.wg-hero-btn:hover { background: #e5b060; color: #2e2013 !important; }
.wg-slide-img img { width: 380px; max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 12px 44px rgba(0,0,0,.38); }
.wg-hero .owl-pagination { position: absolute; bottom: 12px; left: 0; right: 0; }
@media (max-width: 768px) {
  .wg-slide-img { display: none; }
  .wg-slide-text h3 { font-size: 25px; }
  .wg-slide-inner { min-height: 300px; }
  .wg-slide-price { font-size: 22px; }
}
.wg-slide-text h3 { color: #fff; }
#wg-hero-carousel { position: relative; }

/* --- home: advantages + welcome --- */
.wg-adv { display: flex; flex-wrap: wrap; max-width: 1170px; margin: 0 auto 10px; padding: 0 15px; }
.wg-adv-item { flex: 1 1 25%; min-width: 240px; text-align: center; padding: 18px 14px; }
.wg-adv-item i { display: inline-block; width: 58px; height: 58px; line-height: 58px; border-radius: 50%; background: #d69e4a; color: #fff; font-size: 24px; margin-bottom: 10px; }
.wg-adv-item b { display: block; font-size: 15px; margin-bottom: 4px; color: #3a2a1a; }
.wg-adv-item span { display: block; font-size: 13px; color: #777; }
.wg-welcome { max-width: 980px; margin: 0 auto; padding: 26px 15px 10px; }
.wg-welcome h2 { text-align: center; font-size: 24px; margin: 0 0 16px; color: #333; }
.wg-welcome p { text-align: left; font-size: 14px; line-height: 1.65; color: #555; margin: 0 0 12px; }
.featured-block h3 { text-align: center; font-size: 24px; margin: 26px 0 16px; color: #333; }
.featured-block { padding-top: 12px; }

/* --- footer readability: old template forces black links --- */
.wg-footer a, .wg-footer-links a { color: #d8cec2 !important; }
.wg-footer a:hover, .wg-footer-links a:hover { color: #e5b060 !important; text-decoration: none; }
.wg-footer h3 { text-align: left; border-image: none; border-bottom: none; padding-bottom: 6px; }
.wg-footer .text-center p, .wg-footer .text-center a { color: #a39a8e !important; }
.wg-footer .text-center p br { display: block; }
.wg-footer .wg-copyright, .wg-footer .col-xs-12.text-center { text-align: left; padding: 6px 0 0; }

/* --- tile spacing + featured card equal heights --- */
.home-cats .row { display: flex; flex-wrap: wrap; }
.home-cats .row > div { padding-left: 6px !important; padding-right: 6px !important; margin-bottom: 8px !important; }
.home-cats .row > div:first-child { padding-left: 0; }
.home-cats .row > div:last-child { padding-right: 0; }
.home-cats .cat-tile { height: 100%; display: flex; flex-direction: column; }
.home-cats .cat-tile img { flex: 1 1 auto; object-fit: cover; }
.products-row .product-thumb { display: flex; flex-direction: column; height: 100%; }
.products-row .product-thumb > div:not(.image),
.products-row .product-thumb > .wg-card-body { display: flex; flex-direction: column; flex: 1 1 auto; }
.products-row .product-thumb .caption { flex: 1 1 auto; }
.products-row .product-thumb .button-group { margin-top: auto; }
.products-row .product-thumb .wg-card-body .button-group { margin-top: auto; }


/* --- featured card alignment (wg-card-body + button-group) --- */
.products-row .product-thumb { display: flex; flex-direction: column; height: 100%; }
.products-row .product-thumb .wg-card-body { display: flex; flex-direction: column; flex: 1 1 auto; }
.products-row .product-thumb .button-group { margin-top: auto; flex-shrink: 0; }
.featured-block .product-thumb .image img { object-fit: contain; }

/* --- button-group + owl dots fixes --- */
.button-group { display: table !important; width: 100% !important; }
.button-group > button, .button-group > a { display: table-cell !important; vertical-align: middle; }
.wg-hero .owl-pagination { position: absolute !important; bottom: 15px !important; left: 0 !important; right: 0 !important; z-index: 10; }
.wg-hero .owl-pagination .owl-page > span { background: rgba(255,255,255,.35) !important; width: 12px !important; height: 12px !important; }
.wg-hero .owl-pagination .owl-page.active > span { background: #fff !important; }
.wg-hero .owl-pagination .owl-page:hover > span { background: rgba(255,255,255,.7) !important; }


/* --- final cleanup: corners, alignment, buttons, owl dots --- */
/* remove old template corner brackets on product images */
.products-row .product-thumb .image,
.featured-block .product-thumb .image { border: none !important; outline: none !important; position: relative; }
.products-row .product-thumb .image::before,
.products-row .product-thumb .image::after,
.products-row .product-thumb .image a::before,
.products-row .product-thumb .image a::after { display: none !important; content: none !important; }
/* left-align product names and prices in featured */
.featured-block .product-thumb h4,
.featured-block .product-thumb h4 a,
.featured-block .product-thumb .caption h4,
.featured-block .product-thumb .caption h4 a { text-align: left !important; }
.featured-block .product-thumb .price,
.featured-block .product-thumb .caption .price { text-align: left !important; }
.featured-block .product-thumb .caption p { text-align: left !important; }
/* brown cart buttons everywhere in product cards */
.products-row .product-thumb .button-group button,
.featured-block .product-thumb .button-group button { background: #7a5230 !important; color: #fff !important; border: none !important; }
.products-row .product-thumb .button-group button:hover,
.featured-block .product-thumb .button-group button:hover { background: #8a5f38 !important; }
/* owl pagination: bottom of hero, white dots, clickable */
.wg-hero .owl-controls { position: absolute !important; bottom: 15px !important; left: 0 !important; right: 0 !important; z-index: 10 !important; }
.wg-hero .owl-pagination { position: static !important; margin: 0 !important; }
.wg-hero .owl-pagination .owl-page > span { background: rgba(255,255,255,.4) !important; width: 12px !important; height: 12px !important; border: 1px solid rgba(255,255,255,.3) !important; }
.wg-hero .owl-pagination .owl-page.active > span { background: #fff !important; border-color: #fff !important; }
.wg-hero .owl-pagination .owl-page:hover > span { background: rgba(255,255,255,.7) !important; }
/* fix product-thumb overflow for corner artifacts */
.product-thumb { overflow: hidden !important; }
.product-thumb .image { overflow: hidden !important; }

/* --- 4 equal-width buttons in product cards --- */
.button-group { display: flex !important; width: 100% !important; }
.button-group > button, .button-group > a { flex: 1 1 25%; text-align: center; padding: 10px 6px !important; border: none !important; font-size: 13px; }
.wg-b-cart { background: #7a5230 !important; color: #fff !important; }
.wg-b-cart:hover { background: #8a5f38 !important; color: #fff !important; }
.wg-b-view { background: #f0ebe4 !important; color: #5a3d22 !important; }
.wg-b-view:hover { background: #e8e0d6 !important; color: #5a3d22 !important; }
.wg-b-icon { background: #f0ebe4 !important; color: #7a5230 !important; }
.wg-b-icon:hover { background: #e8e0d6 !important; color: #7a5230 !important; }


/* --- uniform product card buttons: equal size, aligned icons --- */
.products-row .button-group,
.featured-block .button-group {
  display: flex !important;
  width: 100% !important;
  gap: 0 !important;
}
.products-row .button-group > *,
.featured-block .button-group > * {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-family: inherit !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: none !important;
  line-height: 1 !important;
}
.products-row .button-group .wg-b-cart,
.featured-block .button-group .wg-b-cart {
  background: #7a5230 !important;
  color: #fff !important;
}
.products-row .button-group .wg-b-cart:hover,
.featured-block .button-group .wg-b-cart:hover {
  background: #8a5f38 !important;
  color: #fff !important;
}
.products-row .button-group .wg-b-view,
.featured-block .button-group .wg-b-view {
  background: #f0ebe4 !important;
  color: #5a3d22 !important;
}
.products-row .button-group .wg-b-view:hover,
.featured-block .button-group .wg-b-view:hover {
  background: #e2d9cc !important;
  color: #5a3d22 !important;
}
.products-row .button-group .wg-b-icon,
.featured-block .button-group .wg-b-icon {
  background: #f0ebe4 !important;
  color: #7a5230 !important;
}
.products-row .button-group .wg-b-icon:hover,
.featured-block .button-group .wg-b-icon:hover {
  background: #e2d9cc !important;
  color: #7a5230 !important;
}
.products-row .button-group .wg-b-icon i,
.featured-block .button-group .wg-b-icon i {
  font-size: 15px;
}
.products-row .button-group .wg-b-cart i {
  margin-right: 5px;
}