/*#hbz-searchbox {
		background-color: #F5F5F5;
		border: 1px solid #EDEDED;
		padding: 5px;
		border-radius: 10px;
		margin: 10px auto;
		min-width: 238px;
		max-width: 288px;
	}
   
	#hbz-input {
		background-color: #FEFEFE;
		border: medium none;
		font: 12px/12px "HelveticaNeue", Helvetica, Arial, sans-serif;.search-button-parent
		margin-right: 0px;
		padding: 3.5%;
		box-shadow: 2px 1px 4px #999999 inset;
		border-radius: 9px;
		width: 80%; 60.33%;
	}
   
	#hbz-input:focus {
		outline: medium none;
		box-shadow: 1px 1px 4px #0D76BE inset;
	}
   
	#hbz-submit {
		background: transparent linear-gradient(to bottom, #0d466e 0%, #0d466e 100%) repeat;
		border-radius: 9px;
		border: medium none;
		color: #FFF;
		cursor: pointer;
		font: 13px/13px "HelveticaNeue", Helvetica, Arial, sans-serif;
		padding: 4%;
		width: auto!important;28%;
	}
	#hbz-submit:hover { 
		background: transparent linear-gradient(to bottom, #2691DC 0%, #34ADEC 100%) repeat; 
	}*/
@import url(https://fonts.googleapis.com/css?family=Cabin:400);

/*.webdesigntuts-workshop {
	background: #151515;
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
}

.webdesigntuts-workshop:before,
.webdesigntuts-workshop:after {
	content: '';
	display: block;	
	height: 1px;
	left: 50%;
	margin: 0 0 0 -400px;
	position: absolute;
	width: 800px;
}

.webdesigntuts-workshop:before {
	background: #444;
	background: linear-gradient(left, #151515, #444, #151515);
	top: 192px;
}*/

@media screen and (max-width: 768px) { /*414px*/
	.s-header__shrink .s-header__navbar { 
		height:124px!important;
	}
	.search-grand-father { 
		padding-right:30px;
	}
	.mobile-lang { 
		margin-left: 40px!important;
		position: absolute;
		margin-top: 15px;
		/* font-size: 2rem!important; */
		font-weight: 700;
	}
	.search-icon { 
		display:none
	}
	/*.s-header__action-item { 
		position: absolute;
		margin-left: 30px;
		font-size: 30px;
		font-weight: bold;
	}*/
	.webdesigntuts-workshop:after { 
		background: #000!important; 
		background: linear-gradient(left, #0d466e, #000, #0d466e)!important; 
		top: 191px!important; 
	}
	.webdesigntuts-workshop form { 
		background: #111!important; 
		background: linear-gradient(#1b1b1b, #111)!important; 
		border: 1px solid #000!important; 
		border-radius: 5px!important; 
		box-shadow: inset 0 0 0 1px #0d466e!important; 
		display: inline-block!important; 
		font-size: 0px!important; 
		margin: 150px auto 0!important; 
		padding: 20px!important; 
		position: relative!important; 
		z-index: 1!important; 
	}
	.webdesigntuts-workshop input { 
		background: #222!important;
		background: linear-gradient(#333, #222)!important; 
		border: 1px solid #444!important; 
		border-radius: 5px 0 0 5px!important; 
		box-shadow: 0 2px 0 #000!important; 
		color: #fff!important; 
		display: block!important; 
		float: left!important; 
		font-family: 'Cabin', helvetica, arial, sans-serif!important; 
		font-size: 13px!important; 
		font-weight: 400!important; 
		height: 40px; margin: 0!important; 
		padding: 0 10px!important; 
		text-shadow: 0 -1px 0 #000!important; 
		width: 200px!important; 
	}
	.ie .webdesigntuts-workshop input { 
		line-height: 40px!important; 
	}
	.webdesigntuts-workshop input::-webkit-input-placeholder { 
		color: #888; 
	}
	.webdesigntuts-workshop input:-moz-placeholder { 
		color: #888; 
	}
	/*.webdesigntuts-workshop input:focus { 
		animation: glow 800ms ease-out infinite alternate!important; 
		background: #337ab7!important; 
		background: linear-gradient(#0d466e, #0d466e)!important; 
		border-color: #337ab7!important; 
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000!important; 
		color: #337ab7!important; 
		outline: none!important; 
	}*/
	.webdesigntuts-workshop input:focus::-webkit-input-placeholder { 
		color: #efe!important; 
	}
	.webdesigntuts-workshop input:focus:-moz-placeholder { 
		color: #efe!important; 
	}
	.search-button-parent { 
		z-index: 999!important;
		position: absolute!important;
		margin-top: 3px!important;/*-42px!important;*/
		margin-left: -17px!important;
	}
	.search-button { 	
		z-index:9999;
		background: #222!important; 
		background: linear-gradient(#333, #222)!important; 
		box-sizing: border-box!important; 
		border: 1px solid #444!important; 
		border-left-color: #000!important; 
		border-radius: 0 5px 5px 0!important; 
		box-shadow: 0 2px 0 #000!important; 
		color: #fff!important; 
		/*display: block;*/ 
		float: left!important; 
		font-family: 'Cabin', helvetica, arial, sans-serif!important; 
		font-size: 13px!important; 
		font-weight: 400!important; 
		height: 40px!important; 
		line-height: 40px!important; 
		margin: 0!important; 
		padding: 10px!important;
		position: relative!important; 
		text-shadow: 0 -1px 0 #000; 
		/*width: 80px!important;*/ 
		width:40px!important;
	}
	.search-button img{ 
		width:10px!important;
		height:10px!important;
	}
	.search-button:hover,
	.search-button:focus { 
		background: #292929!important; 
		background: linear-gradient(#393939, #292929)!important; 
		color: #5f5!important; 
		outline: none!important; 
	}
	.search-button:active { 
		background: #292929!important; 
		background: linear-gradient(#393939, #292929)!important;
		box-shadow: 0 1px 0 #000, inset 1px 0 1px #222!important; 
		top: 1px!important; 
	}
		@keyframes glow {
			0% { border-color: #393; box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; }
			100% { border-color: #6f6; box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000; }
		}
}
@media screen and (max-width: 414px) { /*414px*/
	.search-box:not(:focus) {
		text-indent: 0px!important;
	}
	.s-header__shrink .s-header__navbar { 
		height:124px!important;
	}
	.search-grand-father { 
		padding-right:30px;
	}
	.mobile-lang { 
		margin-left: 40px!important;
		position: absolute;
		margin-top: 15px;
		/* font-size: 2rem!important; */
		font-weight: 700;
	}
	.search-icon { 
		display:none
	}
	/*.s-header__action-item { 
		position: absolute;
		margin-left: 30px;
		font-size: 30px;
		font-weight: bold;
	}*/
	.webdesigntuts-workshop:after { 
		background: #000!important; 
		background: linear-gradient(left, #0d466e, #000, #0d466e)!important; 
		top: 191px!important; 
	}
	.webdesigntuts-workshop form { 
		background: #111!important; 
		background: linear-gradient(#1b1b1b, #111)!important; 
		border: 1px solid #000!important; 
		border-radius: 5px!important; 
		box-shadow: inset 0 0 0 1px #0d466e!important; 
		display: inline-block!important; 
		font-size: 0px!important; 
		margin: 150px auto 0!important; 
		padding: 20px!important; 
		position: relative!important; 
		z-index: 1!important; 
	}
	.webdesigntuts-workshop input { 
		background: #222!important;
		background: linear-gradient(#333, #222)!important; 
		border: 1px solid #444!important; 
		border-radius: 5px 0 0 5px!important; 
		box-shadow: 0 2px 0 #000!important; 
		color: #fff!important; 
		display: block!important; 
		float: left!important; 
		font-family: 'Cabin', helvetica, arial, sans-serif!important; 
		font-size: 13px!important; 
		font-weight: 400!important; 
		height: 40px; 
		margin: 0!important; 
		padding: 0 10px!important; 
		text-shadow: 0 -1px 0 #000!important; 
		width: 200px!important; 
	}
	.ie .webdesigntuts-workshop input { 
		line-height: 40px!important; 
	}
	.webdesigntuts-workshop input::-webkit-input-placeholder { 
		color: #888; 
	}
	.webdesigntuts-workshop input:-moz-placeholder { 
		color: #888; 
	}
	/*.webdesigntuts-workshop input:focus { 
		animation: glow 800ms ease-out infinite alternate!important; 
		background: #337ab7!important; 
		background: linear-gradient(#0d466e, #0d466e)!important; 
		border-color: #337ab7!important; 
		box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000!important; 
		color: #337ab7!important; 
		outline: none!important; 
	}*/
	.webdesigntuts-workshop input:focus::-webkit-input-placeholder { 
		color: #efe!important; 
	}
	.webdesigntuts-workshop input:focus:-moz-placeholder { 
		color: #efe!important; 
	}
	.search-button-parent { 
		z-index: 999!important;
		position: absolute!important;
		margin-top: 3px!important;/*-42px!important;*/
		margin-left: -17px!important;
	}
	.search-button { 	
		z-index:9999;
		background: #222!important; 
		background: linear-gradient(#333, #222)!important; 
		box-sizing: border-box!important; 
		border: 1px solid #444!important; 
		border-left-color: #000!important; 
		border-radius: 0 5px 5px 0!important; 
		box-shadow: 0 2px 0 #000!important; 
		color: #fff!important; 
		/*display: block;*/ 
		float: left!important; 
		font-family: 'Cabin', helvetica, arial, sans-serif!important; 
		font-size: 13px!important; 
		font-weight: 400!important; 
		height: 40px!important; 
		line-height: 40px!important; 
		margin: 0!important; 
		padding: 10px!important;
		position: relative!important; 
		text-shadow: 0 -1px 0 #000; 
		/*width: 80px!important;*/ 
		width:40px!important;
	}
	.search-button img{ 
		width:10px!important;
		height:10px!important;
	}
	.search-button:hover,
	.search-button:focus { 
		background: #292929!important; 
		background: linear-gradient(#393939, #292929)!important; 
		color: #5f5!important; 
		outline: none!important; 
	}
	.search-button:active { 
		background: #292929!important; 
		background: linear-gradient(#393939, #292929)!important;
		box-shadow: 0 1px 0 #000, inset 1px 0 1px #222!important; 
		top: 1px!important; 
	}
		@keyframes glow {
			0% { border-color: #393; box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; }
			100% { border-color: #6f6; box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000; }
		}
}