@import "elements/dc-header-cart-search.css";
@import "elements/dc-header-icons.css";
@import "elements/dc-header-language-currency.css";
@import "elements/dc-header-menu.css";
@import "elements/dc-header-phone-email.css";
@import "elements/dc-header-top-menu.css";
@import "elements/dc-header-free-shipping.css";

button:focus{
	outline:0 !important;
}
.transition, 
.top-menu ul li a,
.btn-toggle{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;				
}

#dc-header{
	background:rgba(255, 255, 255, 1);		
	padding: 0px;
	position: relative;
    z-index: 1000;
}
.dc-header-container{
	max-width: 1170px;
	margin: 0 auto 0 auto;
	position: relative;
}
.dc-header-top{
	padding-top: 0px;
	padding-bottom: 0px;
	background: #00aeef;
	color:#fff;
	position: relative;
	font-size: 12px;
	height: 38px;
}
.dc-header-bottom{
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
}

.dc-header-logo{
	float: left;
	width: 306px;
}
.dc-header-logo img{
	max-width: 100%;
}
.dc-header-main{
	float: left;
	width: calc(100% - 306px);
	padding-left: 15px;
}
.dc-header-interface{
	padding-top: 11px;
	padding-bottom: 11px;
}

.dc-header-search{
	position: absolute;
	top:100%;
	right:0%;
	min-width: 300px;
	max-width: 530px;
	display:none;
}
.dc-header-search .form-control {
    height: 42px;
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #000;
}

.dc-header-search .btn {
    height: 42px;
    line-height: 42px;
    min-width: 42px;
}

.dc-header-search .btn.btn-search{
	background-color: #000;
	color: #fff;
	border-color: #000;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 10px;
}
.dc-header-search .btn.btn-search:hover{
	background-color: #333;
	color: #fff;
	border-color: #333;
}

@media all and (max-width: 768px){
	.dc-header-bottom{
		height: auto;
		position: relative;
	}
	.dc-header-logo{
		float:none;
		padding-left: 0px;
		text-align: center;
		margin-bottom: 15px;
	}
	.dc-header-search{
		position: static;
		transform: translate(0%, 0%);
		max-width: 530px;
		margin: 0 auto 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.dc-header-logo{
		float: none;
		width: 100%;
		text-align: center;
	}
	.dc-header-logo img{
		max-width: 100%;
	}
	.dc-header-main{
		float: left;
		width: 100%;
		padding-left: 15px;
	}
}

@media all and (max-width: 720px){
	.dc-header-logo{

	}
	.dc-header-bottom{

	}
}


.clearfix{
	clear:both;
	margin:0;
	padding:0;				
}