/*
* ---- Helpers -----
*/

.absolute {position:absolute;}
.relative {position:relative;}
.fixed {position:fixed;}
.static {position:static;}

.display-block{display:block;}
.display-inline-block{display:inline-block;}
.display-inline{display:inline;}
.display-none{display: none !important;}
.display-flex{display:flex;}

.clear { clear:both; }
.clearfix { clear:both;height:0px; }
.center { margin-left:auto !important;margin-right:auto !important; }
.aligncenter { text-align:center !important; }
.alignleft { text-align:left !important; }
.alignright { text-align:right !important; }

.notransform {text-transform:none !important;}
.uppercase {text-transform:uppercase !important;}
.capitalize {text-transform:capitalize !important;}

.medium{font-weight:500 !important}
.semibold{font-weight:600 !important}
.bold {font-weight:bold !important;}
.notbold {font-weight:normal !important;}

.background-center{background-position: center !important;}
.background-cover{background-size: cover !important; background-position: center;}

.htButton,.htButton:focus{
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    padding: 7px 10px;
    font-size: 12px;
    text-transform: uppercase;
    border: 0px;
    font-weight: 500;
    letter-spacing: .5px;
}
.htButton:hover{
	color:#FFF;
	text-decoration:none;
}

.htSubmit{
	width: 100%; 
	padding: 11px 10px;
	font-size: 14px;
	border-radius: 5px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	border: 0px;
	margin: 20px 0;
}

.uploadbut {
	width: 150px;
}

.full-width{
	float: left;
	width: 100%;
	margin: 6px 0;
	font-size: 16px;
	padding: 12px 0;
}

.nofloat {float:none !important;}
.left, .left-edit {float:left !important;}
.right, .right-edit {float:right !important;}

.half {width:50% !important}
.w-100 {width:100% !important}

.boxfix {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
}

.no-round-top {
	-moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.clear-fix:before,
.clear-fix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
} 

.clear-fix:after {
	clear: both;
}

img.fullwidth {width:100%;display:block;}
img.small-rounded {border-radius:4px;}


/* Margins */

.margin-0 {margin:0px !important; }
.margin-5 {margin:5px !important;}
.margin-10 {margin:10px !important;}
.margin-15 {margin:15px !important;}
.margin-20 {margin:20px !important;}
.margin-25 {margin:25px !important;}
.margin-30 {margin:30px !important;}
.margin-35 {margin:35px !important;}
.margin-40 {margin:40px !important;}
.margin-45 {margin:45px !important;}
.margin-50 {margin:50px !important;}


.margin-top-0 {margin-top:0px !important;}
.margin-top-5 {margin-top:5px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-top-15 {margin-top:15px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-25 {margin-top:25px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-35 {margin-top:35px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-top-45 {margin-top:45px !important;}
.margin-top-50 {margin-top:50px !important;}

.margin-right-0 {margin-right:0px !important;}
.margin-right-5 {margin-right:5px !important;}
.margin-right-10 {margin-right:10px !important;}
.margin-right-15 {margin-right:15px !important;}
.margin-right-20 {margin-right:20px !important;}
.margin-right-25 {margin-right:25px !important;}
.margin-right-30 {margin-right:30px !important;}
.margin-right-35 {margin-right:35px !important;}
.margin-right-40 {margin-right:40px !important;}
.margin-right-45 {margin-right:45px !important;}
.margin-right-50 {margin-right:50px !important;}

.margin-bottom-0 {margin-bottom:0px !important;}
.margin-bottom-5 {margin-bottom:5px !important;}
.margin-bottom-10 {margin-bottom:7px !important;}
.margin-bottom-15 {margin-bottom:15px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.margin-bottom-25 {margin-bottom:25px !important;}
.margin-bottom-30 {margin-bottom:30px !important;}
.margin-bottom-35 {margin-bottom:35px !important;}
.margin-bottom-40 {margin-bottom:40px !important;}
.margin-bottom-45 {margin-bottom:45px !important;}
.margin-bottom-50 {margin-bottom:50px !important;}

.margin-left-0 {margin-left:0px !important;}
.margin-left-5 {margin-left:5px !important;}
.margin-left-10 {margin-left:10px !important;}
.margin-left-15 {margin-left:15px !important;}
.margin-left-20 {margin-left:20px !important;}
.margin-left-25 {margin-left:25px !important;}
.margin-left-30 {margin-left:30px !important;}
.margin-left-35 {margin-left:35px !important;}
.margin-left-40 {margin-left:40px !important;}
.margin-left-45 {margin-left:45px !important;}
.margin-left-50 {margin-left:50px !important;}

.margin-side-0 {margin-left:0px !important;margin-right:0px !important;}
.margin-side-5 {margin-left:5px !important;margin-right:5px !important;}
.margin-side-10 {margin-left:10px !important;margin-right:10px !important;}
.margin-side-15 {margin-left:15px !important;margin-right:15px !important;}
.margin-side-20 {margin-left:20px !important;margin-right:20px !important;}
.margin-side-25 {margin-left:25px !important;margin-right:25px !important;}
.margin-side-30 {margin-left:30px !important;margin-right:30px !important;}
.margin-side-35 {margin-left:35px !important;margin-right:35px !important;}
.margin-side-40 {margin-left:40px !important;margin-right:40px !important;}
.margin-side-45 {margin-left:45px !important;margin-right:45px !important;}
.margin-side-50 {margin-left:50px !important;margin-right:50px !important;}

.margin-topbottom-0 {margin-top:0px !important;margin-bottom:0px !important;}
.margin-topbottom-5 {margin-top:5px !important;margin-bottom:5px !important;}
.margin-topbottom-10 {margin-top:10px !important;margin-bottom:10px !important;}
.margin-topbottom-15 {margin-top:15px !important;margin-bottom:15px !important;}
.margin-topbottom-20 {margin-top:20px !important;margin-bottom:20px !important;}
.margin-topbottom-25 {margin-top:25px !important;margin-bottom:25px !important;}
.margin-topbottom-30 {margin-top:30px !important;margin-bottom:30px !important;}
.margin-topbottom-35 {margin-top:35px !important;margin-bottom:35px !important;}
.margin-topbottom-40 {margin-top:40px !important;margin-bottom:40px !important;}
.margin-topbottom-45 {margin-top:45px !important;margin-bottom:45px !important;}
.margin-topbottom-50 {margin-top:50px !important;margin-bottom:50px !important;}

/* padding */

.padding-0 {padding:0px !important; }
.padding-5 {padding:5px !important;}
.padding-10 {padding:10px !important;}
.padding-15 {padding:15px !important;}
.padding-20 {padding:20px !important;}
.padding-25 {padding:25px !important;}
.padding-30 {padding:30px !important;}
.padding-35 {padding:35px !important;}
.padding-40 {padding:40px !important;}
.padding-45 {padding:45px !important;}
.padding-50 {padding:50px !important;}


.padding-top-0 {padding-top:0px !important;}
.padding-top-5 {padding-top:5px !important;}
.padding-top-10 {padding-top:10px !important;}
.padding-top-15 {padding-top:15px !important;}
.padding-top-20 {padding-top:20px !important;}
.padding-top-25 {padding-top:25px !important;}
.padding-top-30 {padding-top:30px !important;}
.padding-top-35 {padding-top:35px !important;}
.padding-top-40 {padding-top:40px !important;}
.padding-top-45 {padding-top:45px !important;}
.padding-top-50 {padding-top:50px !important;}

.padding-right-0 {padding-right:0px !important;}
.padding-right-5 {padding-right:5px !important;}
.padding-right-10 {padding-right:10px !important;}
.padding-right-15 {padding-right:15px !important;}
.padding-right-20 {padding-right:20px !important;}
.padding-right-25 {padding-right:25px !important;}
.padding-right-30 {padding-right:30px !important;}
.padding-right-35 {padding-right:35px !important;}
.padding-right-40 {padding-right:40px !important;}
.padding-right-45 {padding-right:45px !important;}
.padding-right-50 {padding-right:50px !important;}

.padding-bottom-0 {padding-bottom:0px !important;}
.padding-bottom-5 {padding-bottom:5px !important;}
.padding-bottom-10 {padding-bottom:10px !important;}
.padding-bottom-15 {padding-bottom:15px !important;}
.padding-bottom-20 {padding-bottom:20px !important;}
.padding-bottom-25 {padding-bottom:25px !important;}
.padding-bottom-30 {padding-bottom:30px !important;}
.padding-bottom-35 {padding-bottom:35px !important;}
.padding-bottom-40 {padding-bottom:40px !important;}
.padding-bottom-45 {padding-bottom:45px !important;}
.padding-bottom-50 {padding-bottom:50px !important;}

.padding-left-0 {padding-left:0px !important;}
.padding-left-5 {padding-left:5px !important;}
.padding-left-10 {padding-left:10px !important;}
.padding-left-15 {padding-left:15px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-left-25 {padding-left:25px !important;}
.padding-left-30 {padding-left:30px !important;}
.padding-left-35 {padding-left:35px !important;}
.padding-left-40 {padding-left:40px !important;}
.padding-left-45 {padding-left:45px !important;}
.padding-left-50 {padding-left:50px !important;}

.padding-side-0 {padding-left:0px !important;padding-right:0px !important;}
.padding-side-5 {padding-left:5px !important;padding-right:5px !important;}
.padding-side-10 {padding-left:10px !important;padding-right:10px !important;}
.padding-side-15 {padding-left:15px !important;padding-right:15px !important;}
.padding-side-20 {padding-left:20px !important;padding-right:20px !important;}
.padding-side-25 {padding-left:25px !important;padding-right:25px !important;}
.padding-side-30 {padding-left:30px !important;padding-right:30px !important;}
.padding-side-35 {padding-left:35px !important;padding-right:35px !important;}
.padding-side-40 {padding-left:40px !important;padding-right:40px !important;}
.padding-side-45 {padding-left:45px !important;padding-right:45px !important;}
.padding-side-50 {padding-left:50px !important;padding-right:50px !important;}

.padding-topbottom-0 {padding-top:0px !important;padding-bottom:0px !important;}
.padding-topbottom-5 {padding-top:5px !important;padding-bottom:5px !important;}
.padding-topbottom-10 {padding-top:10px !important;padding-bottom:10px !important;}
.padding-topbottom-15 {padding-top:15px !important;padding-bottom:15px !important;}
.padding-topbottom-20 {padding-top:20px !important;padding-bottom:20px !important;}
.padding-topbottom-25 {padding-top:25px !important;padding-bottom:25px !important;}
.padding-topbottom-30 {padding-top:30px !important;padding-bottom:30px !important;}
.padding-topbottom-35 {padding-top:35px !important;padding-bottom:35px !important;}
.padding-topbottom-40 {padding-top:40px !important;padding-bottom:40px !important;}
.padding-topbottom-45 {padding-top:45px !important;padding-bottom:45px !important;}
.padding-topbottom-50 {padding-top:50px !important;padding-bottom:50px !important;}

.fontsize14 {font-size:14px;}
.fontsize16 {font-size:16px;}
.fontsize18 {font-size:18px;}

/*
* COLORS
*/
.orange {color:#e85126 !important;}
.orangebk{
	background-color:#e85126;
	color:#fff;
}
.orange-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e85126+0,c0421e+100 */
	background: #e85126; /* Old browsers */
	background: -moz-linear-gradient(top,  #e85126 0%, #c0421e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e85126 0%,#c0421e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e85126 0%,#c0421e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85126', endColorstr='#c0421e',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
.darkgrey {color:#333}
.darkgrey-bkgd{background-color: #333;}
.mediumgrey {color:#666;}
.blue{color: #1bb0eb;}
.white{color:#fff;}
.green{color:#308e34;}



/*
* ---- Helpers END -----
*/


.cursor-pointer {cursor:pointer;}


.ht-h, .no-results-found{
    text-transform: initial;
    font-weight: 400;
    font-size: 16px;
    max-width: 500px;
    display: inline-block;
    color: #766f6d;
}

.ht-h, .no-results-found:before{
    content: '';
    width: 30.5px;
    height: 50px;
    display: block;
    margin: 0 auto 20px;
    /* background: linear-gradient(-45deg, #e88126, #e85126, #f9a760, #e82630); */
    background: linear-gradient(49deg, #ad4602, #e85126, #f9a760, #e82630);
	/* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	animation: orange-gradient-animation 5s ease infinite; */
    background-size: cover;
    -webkit-mask-image: url(../img/icons/howtube-h.svg);
    mask-image: url(../img/icons/howtube-h.svg);
	background-repeat: no-repeat;
}

@keyframes orange-gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}