/*
	Theme Name: Eickhoff Fashion 2.0
	Theme URI: http://www.eickhoff-fashion.de
	Description: Eickhoff Fashion Version 2.0
	Author: Miran Koc
	Author URI: http://www.dicorso.com
	Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

body {padding-top:70px;font-family: "Open Sans", "Helvetica Neue","Helvetica","Arial",sans-serif;color: #333;}
#header .margintop {margin-top:32px;}

h1, h2 {font-family:'Raleway',sans-serif;}
h1.title,
h2.title {font-weight:300;text-transform:uppercase;display:flex;flex-direction:row;justify-content:center;text-align:center;}
h1.title:before, h1.title:after,
h2.title:before, h2.title:after {background-color:#ddd;content:'\a0';flex-grow:1;height:1px;position:relative;top:0.5em;}
h1.title:before,
h2.title:before {margin-right:20px;}
h1.title:after,
h2.title:after {margin-left:20px;}
h6.title {font-weight:300;text-transform:uppercase;}

a {color:#111;}
a:focus, a:hover {color:#d30d4a;text-decoration:none;}

section.feature {margin-bottom:80px;}

.item {position:relative;display:block;margin-bottom:2px;}
.item span.name {position:absolute;bottom:10px;font-weight:300;font-size:20px;display:block;color:#FFF;z-index:1;width:100%;text-align:center;}
.item img.card {grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;display:block;width:100%;height:auto;}
.item:hover img.card {filter:grayscale(0%);-webkit-filter:grayscale(0%);filter:none;}
.item img.card-sm {height:265px;}
.item img.card-lg {height:265px;}
.item .overlay {position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background:rgba(0,0,0,0.3);text-align:center;color:#FFF;}
.item:hover .overlay {opacity:1;}
.item .overlay p {margin:2px 0;}
.item .overlay p strong {font-weight:600;}
.item .overlay .info:first-child {margin-top:50px;}
.item .overlay span.detail {color:#FFF;text-transform:uppercase;font-weight:300;}
.item .overlay span.value {color:#FFF;font-weight:300;}

.portfoliohead {margin:0 0 15px;}
h1.name {line-heigth:1;text-transform:uppercase;font-size:28px;margin:0;font-weight:300;}
h1.name .back {color:#999;}
h1.name .back .glyphicon {font-size:20px;top:0px;margin-right:15px;}
a.sedcard {color:#999;text-transform:uppercase;font-size:20px;vertical-align:bottom;font-weight:300;padding-right:10px;}
.details {padding:20px 0;background-color:#f4f4f4;}
.details .info {float:left;width:100%;}
.details span.detail {color:#666;text-transform:uppercase;font-weight:300;}
.details span.value {color:#111;font-weight:300;}

.grid-sizer, .grid-item {width:100%;margin:0 0 4px;}
.grid-item img {width:100%;filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease;}
.grid-item img:hover {filter:grayscale(0%);-webkit-filter:grayscale(0%);filter:none;}

.btn {font-weight:400;border-style:solid;border-width:1px;border-radius:0;transition:all 0.5s ease 0s;}
.btn-lg {width:200px;}
.btn-default {color:#111;background-color:#FFF;border-color:#111;}
.btn-default:hover, .btn-default:focus {color:#111;background-color:#DDD;border-color:#111;}
.btn-primary {color:#FFF;background-color:#111;border-color:#111;}
.btn-primary:hover, .btn-primary:focus {color:#FFF;background-color:#333;border-color:#333;}
.btn-success {color:#FFF;background-color:transparent;border-color:#FFF;}
.btn-success:hover, .btn-success:focus {color:#333;background-color:#FFF;border-color:#FFF;}

.contact {padding:30px 0;}
.parallax {position:relative;transition:.5s ease;background-image:url(images/show.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:300px;grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;}
.parallax:hover {filter:grayscale(0%);-webkit-filter:grayscale(0%);filter:none;}
.parallax .intro {position:absolute;width:100%;bottom:20px;text-align:center;}

#footer {padding:40px 0 0;margin-top:80px;}
#footer ul {margin:15px 0;padding:0;list-style-type:none;}
#footer .info {border-top:1px solid #DDD;padding:30px 0;}
#footer .credits {padding:30px 0;line-height:20px;border-top:1px solid #DDD;}
#footer .credits ul.menu {display:inline-block;margin:0;}
#footer .credits ul.menu li {display:inline;}
#footer .credits ul.menu li a {padding:0 3px;}

.socialicon {width:64px;height:64px;}

.navbar-main {background-color:#FFF;margin-bottom:0;border:none;}
.navbar-main .navbar-header {padding:12px 0;}
.navbar-main .navbar-brand {padding:10px 15px 15px 0;font-size:18px;line-height:0px;position: relative;}
.navbar-main .navbar-brand img {height:auto;width:100px;position: relative;}
.navbar-main .navbar-brand:hover,
.navbar-main .navbar-brand:focus {color:#5e5e5e;background-color:transparent;}
.navbar-main .navbar-text {color:#777;}
.navbar-main .navbar-nav {margin:0px -1px;}
.navbar-main .navbar-nav > li > a {color:#111;font-size:16px;padding:10px 15px;text-transform:uppercase;font-family:'Raleway', sans-serif;}
.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {color:#FFF;background-color:#000;}
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .current_page_ancestor > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus {color:#FFF;background-color:#000;}
.navbar-main .navbar-nav > .disabled > a,
.navbar-main .navbar-nav > .disabled > a:hover,
.navbar-main .navbar-nav > .disabled > a:focus {color:#ccc;background-color:transparent;}
.navbar-main .navbar-toggle {padding:9px 10px;margin-top:15px 0 5px 0;background-color:transparent;background-image:none;border:1px solid #333;border-radius:0px;}
.navbar-main .navbar-toggle:hover,
.navbar-main .navbar-toggle:focus {background-color:#f8f8f8;}
.navbar-main .navbar-toggle .icon-bar {background-color:#333;}
.navbar-main .navbar-collapse,
.navbar-main .navbar-form {border-color:#444;}
.navbar-main .navbar-collapse {border-top:1px solid #111;box-shadow:none;}

.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {color:#555;background-color:#e7e7e7;}
@media (max-width: 767px) {
	.navbar-main .navbar-nav .open .dropdown-menu > li > a {color:#777;padding:3px 10px;}
	.navbar-main .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-main .navbar-nav .open .dropdown-menu > li > a:focus {color:#333;background-color:transparent;}
	.navbar-main .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-main .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-main .navbar-nav .open .dropdown-menu > .active > a:focus {color:#555;background-color:#e7e7e7;}
	.navbar-main .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-main .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-main .navbar-nav .open .dropdown-menu > .disabled > a:focus {color:#ccc;background-color:transparent;}
}

.navbar-main .navbar-link {color:#777;}
.navbar-main .navbar-link:hover {color:#333;}
.navbar-main .btn-link {color: #777;}
.navbar-main .btn-link:hover,
.navbar-main .btn-link:focus {color:#333;}
.navbar-main .btn-link[disabled]:hover,
fieldset[disabled] .navbar-main .btn-link:hover,
.navbar-main .btn-link[disabled]:focus,
fieldset[disabled] .navbar-main .btn-link:focus {color:#CCC;}
.navbar-main .dropdown-menu {transition:all 0.5s ease 0s;left:0;min-width:200px;padding:0;background-color:#F6F6F6;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
.navbar-main .dropdown-menu > li > a {padding:7.5px 15px;color:#444;}
.navbar-main .dropdown-menu > li > a:hover,
.navbar-main .dropdown-menu > li > a:focus {color:#FFF;background-color:#9FC5D4;}
.navbar-main .dropdown-menu > .active > a,
.navbar-main .dropdown-menu > .active > a:hover,
.navbar-main .dropdown-menu > .active > a:focus {color:#9FC5D4;text-decoration:none;background-color:transparent;}

ul.subcat {margin:10px 0;padding:0;list-style:none;text-align: right;}
ul.subcat li {display:inline-block;}
ul.subcat li a {color:#111;display:block;padding:5px 10px;font-family:'Raleway',sans-serif;text-transform: uppercase;font-weight:300;}
ul.subcat li a:hover {text-decoration:none;}

section.video {
	margin-bottom:50px;
}

.form-group {margin-right:15px;}
#becomemodel .form-group {margin-right:15px;height:55px;}
.wpcf7-submit {margin-top:10px;}
label {font-size:13px;font-weight:400;}
input[type="file"] {display: block;font-size:13px;}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8f8f8;
	background-image: none;
	border: 1px solid #ddd;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition: border-color ease-in-out .35s, -webkit-box-shadow ease-in-out .35s;
	-o-transition: border-color ease-in-out .35s, box-shadow ease-in-out .35s;
	transition: border-color ease-in-out .35s, box-shadow ease-in-out .35s;
}

.content {font-size:17px;font-weight:300;}
.container {padding:0 15px;}




.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
	margin-bottom:50px;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}


@media only screen and (min-width : 320px){

}
@media only screen and (min-width : 480px){
	.item img.card-sm {height:250px;}
	.item img.card-lg {height:320px;}
	.details .info {width:50%;}
}
@media only screen and (min-width : 768px){
	body {padding-top:120px;}
	.container {padding:0;}
	h1.title {margin:0 0 50px;}
	h2.title {margin:80px 0 50px;}
	h6.title {font-size:18px;}
	.btn {padding:12px 25px;}
	.navbar-main {padding:15px 0 0;border-bottom:1px solid #ddd;}
	.navbar-main .navbar-header {padding:0;}
	.navbar-main .navbar-nav {margin-top:0px;}
	.navbar-main .navbar-brand {float:left;height:auto;font-size:18px;line-height:30px;}
	.navbar-main .navbar-brand img {height:auto;width:180px;margin-bottom:-50px;}
	.navbar-main .navbar-nav > li > a {line-height:30px;margin:0px 10px;padding:5px 0;font-size:16px;font-weight:300;}
	.navbar-main .navbar-nav > li > a {color:#111;}
	.navbar-main .navbar-nav > li > a:hover,
	.navbar-main .navbar-nav > li > a:focus {color:#000;background-color:transparent;}
	.navbar-main .navbar-nav > .active > a,
	.navbar-main .navbar-nav > .current_page_ancestor > a,
	.navbar-main .navbar-nav > .active > a:hover,
	.navbar-main .navbar-nav > .active > a:focus {color:#000;background-color:transparent;}
	.navbar-main .navbar-collapse {border-top:0px solid transparent;}
	.item img.card-sm {height:280px;}
	.item img.card-lg {height:350px;}
	.details .info {width:auto;padding:0 25px 0 0;}
	.details span.detail {display:block;font-size:13px;}
	.details span.value {display:block;font-size:24px;}
	.page-image {padding-right:25px;}
	.grid-sizer, .grid-item {width:49.6%;margin:0.2%;}
}
@media only screen and (min-width : 992px){
	.item img.card-sm {height:280px;}
	.item img.card-lg {height:350px;}
	.grid-sizer, .grid-item {width:33%;margin:0.16666%;}
}
@media only screen and (min-width : 1200px){
	.item img.card-sm {height:300px;}
	.item img.card-lg {height:420px;}
	.grid-sizer, .grid-item {width:24.8%;margin:0.1%;}
}
@media only screen and (min-width : 1400px){
	.container {width:1300px;}
	.item img.card-sm {height:320px;}
	.item img.card-lg {height:480px;}
}