/* #Table of Contents

1. Site Styles
2. Header
3. Navigation
4. Elements
5. Footer
6. Media Queries
================================================== */
@font-face {
    font-family: "Manrope";
    src: url("../../globally-shared/fonts/Manrope-400.woff2") format("woff2"), url("../../globally-shared/fonts/Manrope-400.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("../../globally-shared/fonts/Manrope-700.woff2") format("woff2"), url("../../globally-shared/fonts/Manrope-700.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("../../globally-shared/fonts/Manrope-800.woff2") format("woff2"), url("../../globally-shared/fonts/Manrope-800.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}

body {

	width: 100%; 
	min-height: 100%;
	font-family: "Manrope", "Helvetica Neue", Helvetica, Raleway, Open Sans, Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
  	-webkit-text-size-adjust: 100%;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	text-rendering: optimizeLegibility;
  	color: #292929;
  	-webkit-overflow-scrolling: touch;
  	font-size: 14px; 
  	line-height: 23px; 
  	color: #7a7a7a;
  	display: flex; 
  	flex-direction: column; 
}

h1, h2, h3, h4, h5, h6 { font-family: "Manrope", "Helvetica Neue", Helvetica, Raleway, Open Sans, Lucida Sans Unicode, Verdana, Arial, sans-serif !important; }

/* ==========================================================================
faq-bodys
============================================================================ */
.orange {color: #FC603B;}
.line-font {font-size: 40px;}
.line-font-small {font-size: 20px;font-weight:400;}
.faq-body {margin-bottom: 40px;}
.faq-body i {float: left; font-size: 40px; margin-right:15px; margin-bottom: 15px;}
.faq-body h4 {padding-top: 10px; font-size: 18px; display:inline;}
.faq-body p {clear: both;}
 
.answer {position: relative;border: 1px solid #E5E5E5; background-color: #FFF; padding: 20px; margin-top: 30px; border-radius: 3px;}
.answer:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; margin-left: -15px; top: -15px; left: 10%;}
.answer:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 15px; border-color: #E5E5E5 transparent; display: block; width: 0; z-index: 0; margin-left: -15px; top: -16px; left: 10%;}
.flex-c {
	display: flex;
}
.jc-sb {
	justify-content: space-between;
}
@media (min-width: 1041px) {
.width-55-d {
    width: 55%;
}
}
.video-container {
    width: 100%;
    max-width: 460px;
    flex-shrink: 0;
    cursor: pointer;
}
.video-container .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.video-container .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ========================= Site Styles ========================= */
.alert_text{
  color: #F35D4F;
}
.table th {
    font-weight:bold; font-size:16px; background-color: #eee !important;
  }
.tree{min-height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.tree li{list-style-type:none;margin:0;padding:5px;position:relative}.tree ul ul li:hover{background:rgba(0,0,0,.015)}.tree li:after,.tree li:before{content:'';left:-20px;position:absolute;right:auto}.tree li:before{border-left:1px solid #999;bottom:50px;height:100%;top:-11px;width:1px;-webkit-transition:"border-color 0.1s ease 0.1s";-moz-transition:"border-color 0.1s ease 0.1s";-o-transition:"border-color 0.1s ease 0.1s";transition:"border-color 0.1s ease 0.1s"}.tree li:after{border-top:1px solid #999;height:20px;top:18px;width:25px}.tree li span{-moz-border-radius:5px;-webkit-border-radius:5px;border:1px dotted #999;border-radius:5px;display:inline-block;padding:3px 8px;text-decoration:none;-webkit-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;-moz-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;-o-transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;transition:color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s}.tree li.parent_li>span{cursor:pointer;padding:7px}.tree>ul>li::after,.tree>ul>li:before{border:0}.tree li:last-child::before{height:30px}.tree li.parent_li>span:hover,.tree li.parent_li>span:hover+ul li span{background:#eee;border:1px solid #94a0b4;color:#000}.tree>ul{padding-left:0}.tree ul ul{padding-left:34px;padding-top:10px}.tree li.parent_li>span:hover{background-color:#DF8505;border:1px solid #C67605;color:#fff}.tree li.parent_li>span:hover+ul li::before{border-left-color:#F89406}.tree li.parent_li>span:hover+ul li::after{border-top-color:#F89406}.tree li.parent_li>span:hover+ul li span{background:#FDDFB3!important;border:1px solid #FAA937;color:#000}.tree .fa.icon-minus-sign:before{content:"\f056"!important}.tree .fa.icon-plus-sign:before{content:"\f055"!important}.bootstrap-duallistbox-container .buttons{width:100%;margin-bottom:-1px}.bootstrap-duallistbox-container label{display:block;margin-top:0!important;font-weight:400!important}.bootstrap-duallistbox-container .info{display:inline-block;margin-bottom:5px;font-size:11px}.bootstrap-duallistbox-container .clear1,.bootstrap-duallistbox-container .clear2{display:none;font-size:10px}.bootstrap-duallistbox-container .box1.filtered .clear1,.bootstrap-duallistbox-container .box2.filtered .clear2{display:inline-block}.bootstrap-duallistbox-container .move,.bootstrap-duallistbox-container .remove{width:60%}.bootstrap-duallistbox-container .btn-group .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.bootstrap-duallistbox-container select{border-top-left-radius:0;border-top-right-radius:0}.bootstrap-duallistbox-container .moveall,.bootstrap-duallistbox-container .removeall{width:40%}.bootstrap-duallistbox-container.bs2compatible .btn-group>.btn+.btn{margin-left:0}.bootstrap-duallistbox-container select{width:100%;height:300px;padding:0}.bootstrap-duallistbox-container .filter{display:inline-block;width:100%;height:31px;margin:0 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-duallistbox-container .filter.placeholder{color:#aaa}.bootstrap-duallistbox-container.moveonselect .move,.bootstrap-duallistbox-container.moveonselect .remove{display:none}.bootstrap-duallistbox-container.moveonselect .moveall,.bootstrap-duallistbox-container.moveonselect .removeall{width:100%}.md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5;margin:0}.md-editor>.md-header>:first-child{margin-left:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;padding:10px;overflow:auto}.md-editor>textarea{font-family:"Manrope",Monaco,Menlo,Consolas,"Courier New",monospace;font-size:13px;outline:0;margin:0;display:block;padding:10px;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.smart-rtl .md-editor .md-controls{float:left}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.smart-rtl .md-editor .md-controls .md-control{right:auto;left:5px;padding:3px 10px 3px 3px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}
body:after{
  z-index: 1000;
  letter-spacing:3px;
  background: #EE8E4A;
  left: -22px;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}
html {
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25), only screen and (min-device-pixel-ratio:1.25), only screen and (min-resolution:200dpi), only screen and (min-resolution:1.25dppx) { -webkit-font-smoothing: subpixel-antialiased; }

body {
	font-family:"Manrope",Poppins, Arial, sans-serif;
	color:#707070;
	font-size:14px;
	line-height:25px;
	font-weight:300;
}

p { margin-bottom:15px; }

h1, h2, h3, h4, h5, h6 {
	font-family:"Manrope",Montserrat, Arial, sans-serif;
	color:#202020;
	font-weight:400;
	margin-top:0px;
}
h1, h2, h3, h4 { margin-bottom:15px; }
h5, h6 { margin-bottom:10px; }
h1 {
	font-size:42px;
	line-height:52px;
}
h2 {
	font-size:30px;
	line-height:44px;
	text-align: center;
}
.font-w-bold {
    font-weight: bold;
}

h3 {
	font-size:24px;
	line-height:32px;
}
h4 {
	font-size:1.1em;
	/* line-height:20px; */
}
h5 {
	font-size:18px;
	line-height:24px;
}
h6 {
	font-size:14px;
	line-height:20px;
}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#fc603b; }
	
a, a:visited {
	-webkit-transition:color .2s ease, background-color .2s ease, background .2s ease, border .2s ease, outline .2s ease, opacity .2s ease-in-out;
	transition:color .2s ease, background-color .2s ease, background .2s ease, border .2s ease, outline .2s ease, opacity .2s ease-in-out;
}

a.h-link{
	color: #FB4D2A !important;
	text-decoration: underline;
}
a.h-link:hover{
	color: #FB4D2A;
}
a:link {
    color: #747470;
}
a:hover {
	color:#444;
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#202020; }
a:focus { text-decoration:none; }

ul li { line-height:inherit; }

.social a { color: #fff;}
.social .facebook { background: #204385; padding:5px 13px;}
.social .linkedin { background: #0077B5; padding:5px 12px;}
.social .twitter { background: #2aa9e0; padding:5px 11px;}
.social .youtube { background: #e22d24; padding:5px 11px;}

figure { margin:0px; }
	figure img { width:100%; }
	figure iframe {
		overflow:hidden;
		width:100% !important;
		background-color:#f4f4f4;
		border:0px;
	}
	
video {
	width:100%;
	height:auto;
}

.no-padding-top { padding-top:0px !important; }
.no-padding-right { padding-right:0px !important; }
.no-padding-bottom  { padding-bottom:0px !important; }
.no-padding-left { padding-left:0px !important; }

.padding-top10, .padding-top10-lg { padding-top:10px !important; }
.padding-top20, .padding-top20-lg { padding-top:20px !important; }
.padding-top30, .padding-top30-lg { padding-top:30px !important; }
.padding-top40, .padding-top40-lg { padding-top:40px !important; }
.padding-top50, .padding-top50-lg { padding-top:50px !important; }
.padding-top60, .padding-top60-lg { padding-top:60px !important; }
.padding-top70, .padding-top70-lg { padding-top:70px !important; }
.padding-top80, .padding-top80-lg { padding-top:80px !important; }

.padding-bottom10, .padding-bottom10-lg { padding-bottom:10px !important; }
.padding-bottom20, .padding-bottom20-lg { padding-bottom:20px !important; }
.padding-bottom30, .padding-bottom30-lg { padding-bottom:30px !important; }
.padding-bottom40, .padding-bottom40-lg { padding-bottom:40px !important; }
.padding-bottom50, .padding-bottom50-lg { padding-bottom:50px !important; }
.padding-bottom60, .padding-bottom60-lg { padding-bottom:60px !important; }
.padding-bottom70, .padding-bottom70-lg { padding-bottom:70px !important; }
.padding-bottom80, .padding-bottom80-lg { padding-bottom:80px !important; }

.no-margin-top, .no-margin-top-lg { margin-top:0px !important;	}
.no-margin-right, .no-margin-right-lg { margin-right:0px !important;	}
.no-margin-bottom, .no-margin-bottom-lg  { margin-bottom:0px !important; }
.no-margin-left, .no-margin-left-lg { margin-left:0px !important; }

.margin-top10, .margin-top10-lg { margin-top:10px !important; }
.margin-top20, .margin-top20-lg { margin-top:20px !important; }
.margin-top30, .margin-top30-lg { margin-top:30px !important; }
.margin-top40, .margin-top40-lg { margin-top:40px !important; }
.margin-top50, .margin-top50-lg { margin-top:50px !important; }
.margin-top60, .margin-top60-lg { margin-top:60px !important; }
.margin-top70, .margin-top70-lg { margin-top:70px !important; }
.margin-top80, .margin-top80-lg { margin-top:80px !important; }

.margin-bottom10, .margin-bottom10-lg { margin-bottom:10px !important; }
.margin-bottom20, .margin-bottom20-lg { margin-bottom:20px !important; }
.margin-bottom30, .margin-bottom30-lg { margin-bottom:30px !important; }
.margin-bottom40, .margin-bottom40-lg { margin-bottom:40px !important; }
.margin-bottom50, .margin-bottom50-lg { margin-bottom:50px !important; }
.margin-bottom60, .margin-bottom60-lg { margin-bottom:60px !important; }
.margin-bottom70, .margin-bottom70-lg { margin-bottom:70px !important; }
.margin-bottom80, .margin-bottom80-lg { margin-bottom:80px !important; }

.required { color:#ff3d3d; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], .ie input[type="range"], .ie9 input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea {
	height:54px;
	color:#555;
	font-size:14px;
	font-weight:300;
	/* background-color:#f6f6f6; */
	background-color: rgba(0,0,0,.1);
	padding:0px 20px;
	border:0px;
	outline:none !important;
	box-shadow:0px 1px 2px rgba(0,0,0,.05) inset;
	-webkit-transition:color .2s ease, background-color .2s ease, box-shadow .2s ease;
	transition:color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#555; }
input[type="datetime"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder { color:#555; }
input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder { color:#555; }
input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#555; }
.ie input[type="color"], .ie input[type="date"], .ie input[type="datetime"], .ie input[type="datetime-local"], .ie input[type="email"], .ie input[type="month"], .ie input[type="number"], .ie input[type="password"], .ie input[type="range"], .ie input[type="search"], .ie input[type="tel"], .ie input[type="text"], .ie input[type="time"], .ie input[type="url"], .ie input[type="week"] { line-height:54px; }
input[type="color"]::-webkit-color-swatch-wrapper { padding:0px; }
input[type="color"]::-webkit-color-swatch { border:0px; }
@-moz-document url-prefix() {
	input[type="color"] {
		height:31px;
		padding:0px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="color"] {
		height:31px;
		padding:0px;
	}
	::i-block-chrome, input[type="color"] {
		height:54px;
		padding:0px 20px;
	}
}
input[type="date"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="week"]::-webkit-inner-spin-button { display:none; }
input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator, input[type="week"]::-webkit-calendar-picker-indicator {
	background:#e0e0e0;
	margin-left:5px;
}
input[type="file"] { line-height:1; }
input[type="image"] { background:none; }
input[type="number"]::-webkit-inner-spin-button {
	display:block;
	position:relative;
	width:8px;
	color:#333;
	text-align:center;
	cursor:pointer;
	margin-right:-20px;
}
input[type="time"]::-webkit-inner-spin-button { margin:14px 0px 0px 5px; }
select, textarea {
	height:auto;
	padding:14.5px 16px;
}
::i-block-chrome, select {
	padding:10px 20px;
	-webkit-appearance:none;
}
textarea {
	padding-left:20px;
	padding-right:20px;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, .ie input[type="range"]:focus, .ie9 input[type="range"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
	background-color:#f0f0f0;
	box-shadow:0px 1px 2px rgba(0,0,0,.06) inset;
}
input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, .ie input[type="range"]:disabled, .ie9 input[type="range"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, select:disabled, textarea:disabled {
	color:#9a9a9a;
	background-color:#d0d0d0;
	box-shadow:none;
}
input[type="datetime"]:disabled::-webkit-input-placeholder, input[type="email"]:disabled::-webkit-input-placeholder, input[type="number"]:disabled::-webkit-input-placeholder, input[type="password"]:disabled::-webkit-input-placeholder, input[type="search"]:disabled::-webkit-input-placeholder, input[type="tel"]:disabled::-webkit-input-placeholder, input[type="text"]:disabled::-webkit-input-placeholder, input[type="url"]:disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder { color:#9a9a9a; }
input[type="datetime"]:disabled:-moz-placeholder, input[type="email"]:disabled:-moz-placeholder, input[type="number"]:disabled:-moz-placeholder, input[type="password"]:disabled:-moz-placeholder, input[type="search"]:disabled:-moz-placeholder, input[type="tel"]:disabled:-moz-placeholder, input[type="text"]:disabled:-moz-placeholder, input[type="url"]:disabled:-moz-placeholder, textarea:disabled:-moz-placeholder { color:#9a9a9a; }
input[type="datetime"]:disabled::-moz-placeholder, input[type="email"]:disabled::-moz-placeholder, input[type="number"]:disabled::-moz-placeholder, input[type="password"]:disabled::-moz-placeholder, input[type="search"]:disabled::-moz-placeholder, input[type="tel"]:disabled::-moz-placeholder, input[type="text"]:disabled::-moz-placeholder, input[type="url"]:disabled::-moz-placeholder, textarea:disabled::-moz-placeholder { color:#9a9a9a; }
input[type="datetime"]:disabled:-ms-input-placeholder, input[type="email"]:disabled:-ms-input-placeholder, input[type="number"]:disabled:-ms-input-placeholder, input[type="password"]:disabled:-ms-input-placeholder, input[type="search"]:disabled:-ms-input-placeholder, input[type="tel"]:disabled:-ms-input-placeholder, input[type="text"]:disabled:-ms-input-placeholder, input[type="url"]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder { color:#9a9a9a; }

.btn-custom, input[type="button"], input[type="submit"], input[type="reset"], button {
	color:#FFF !important;
	font-size:14px;
	line-height:54px;
	text-align:left;
	font-weight:700;
	text-transform:uppercase;
	white-space:nowrap;
	background-color:#fc603b;
	padding:16px 30px 15px;
	border:0px;
	outline:none !important;
	border-radius:2px;
	-webkit-transition:color .2s ease, background-color .2s ease, background .2s ease;
	transition:color .2s ease, background-color .2s ease, background .2s ease;
}
input[type="button"], input[type="submit"], input[type="reset"], button {
	line-height:1;
	padding-top:20px;
	padding-bottom:20px;
}
.subscription-btn-submit:hover {
	background-color: #414141;
}
.btn-custom.btn-blue, input[type="button"].btn-blue, input[type="submit"].btn-blue, input[type="reset"].btn-blue, button.btn-blue { background-color:#45aeff; }
.btn-custom.btn-blue:hover, input[type="button"].btn-blue:hover, input[type="submit"].btn-blue:hover, input[type="reset"].btn-blue:hover, button.btn-blue:hover { background-color:#329cee; }
.btn-custom.btn-green, input[type="button"].btn-green, input[type="submit"].btn-green, input[type="reset"].btn-green, button.btn-green { background-color:#4dce43; }
.btn-custom.btn-green:hover, input[type="button"].btn-green:hover, input[type="submit"].btn-green:hover, input[type="reset"].btn-green:hover, button.btn-green:hover { background-color:#38b92e; }
.btn-custom.btn-orange, input[type="button"].btn-orange, input[type="submit"].btn-orange, input[type="reset"].btn-orange, button.btn-orange { background-color:#fc603b; }
.btn-custom:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .btn-custom.btn-orange:hover, input[type="button"].btn-orange:hover, input[type="submit"].btn-orange:hover, input[type="reset"].btn-orange:hover, button.btn-orange:hover { background-color:#ec502c; }
.btn-custom.btn-pink, input[type="button"].btn-pink, input[type="submit"].btn-pink, input[type="reset"].btn-pink, button.btn-pink { background-color:#ff6c99; }
.btn-custom.btn-pink:hover, input[type="button"].btn-pink:hover, input[type="submit"].btn-pink:hover, input[type="reset"].btn-pink:hover, button.btn-pink:hover { background-color:#eb5180; }
.btn-custom.btn-purple, input[type="button"].btn-purple, input[type="submit"].btn-purple, input[type="reset"].btn-purple, button.btn-purple { background-color:#b865fe; }
.btn-custom.btn-purple:hover, input[type="button"].btn-purple:hover, input[type="submit"].btn-purple:hover, input[type="reset"].btn-purple:hover, button.btn-purple:hover { background-color:#a14beb; }
.btn-custom.btn-yellow, input[type="button"].btn-yellow, input[type="submit"].btn-yellow, input[type="reset"].btn-yellow, button.btn-yellow { background-color:#fab32b; }
.btn-custom.btn-yellow:hover, input[type="button"].btn-yellow:hover, input[type="submit"].btn-yellow:hover, input[type="reset"].btn-yellow:hover, button.btn-yellow:hover { background-color:#e59f17; }
.btn-custom.disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, .btn-custom.disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover, button:disabled:hover {
	color:#e5e5e5 !important;
	background:#ea2700;
	cursor:default;
}

.btn-play {
	display:inline-block;
	width:120px;
	height:120px;
	font-size:0px;
	text-indent:-99999px;
	background:url(../hh-images/btn-play.png) no-repeat center center;
	padding:0px;
	border-radius:50%;
	-webkit-transition:background-color .2s ease;
	transition:background-color .2s ease;
}
.btn-play:hover { background-color:rgba(252,96,59,.1); }

button.close {
	font-family:"Manrope",Arial, Helvetica, sans-serif;
	color:#404040 !important;
	font-size:20px;
	margin:0px;
	border-radius:0px;
	box-shadow:none;
}
button.close:hover {
	color:#111;
	background:none;
	border:0px;
}

.aligncenter {
	display:block;
	margin:0px auto 20px;
}
.alignright {
    float:right;
    margin:10px 0px 10px 10px;
}
.alignleft {
    float:left;
    margin:10px 10px 10px 0px;
}
.left { float:left;	}
.right { float:right; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.topmargin{margin-top:20px !important;}
.textleft { text-align:left; }

.img-style-left { box-shadow:1px 2px 2px rgba(0,0,0,.25); }
.img-style-right { box-shadow:-1px 2px 2px rgba(0,0,0,.25); }

.img-hover {
	overflow:hidden;
	position:relative;
}
	.img-hover .img-hover-masked {
		visibility:hidden;
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		background-color:rgba(255,255,255,.25);
		opacity:0;
		-webkit-transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
		transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
	}
	.ie .img-hover .img-hover-masked { background:url(../hh-images/ie-bg-img-hover-masked.png) repeat top left; }
	.img-hover:hover .img-hover-masked {
		visibility:visible;
		opacity:1;
	}
	
.img-overlay {
	overflow:hidden;
	position:relative;
}
	.img-overlay img {
		-webkit-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	.img-overlay:hover img { transform:scale(1.2) rotate(3deg); }
	.img-overlay .overlay-masked-wrap {
		position:absolute;
		right:0px;
		bottom:0px;
		left:0px;
	}
	.img-overlay .overlay-masked {
		color:#FFF;
		background-color:rgba(0,0,0,.7);
		padding:20px;
	}
	.ie .img-overlay .overlay-masked { background:url(../hh-images/ie-bg-img-overlay-masked.png) repeat top left; }
		.img-overlay .overlay-masked h1, .img-overlay .overlay-masked h2, .img-overlay .overlay-masked h3, .img-overlay .overlay-masked h4, .img-overlay .overlay-masked h5, .img-overlay .overlay-masked h6, .img-overlay .overlay-masked p {
			color:#FFF;
			margin:0px;
		}
		.img-overlay .overlay-masked h4 {
			font-size:20px;
			line-height:28px;
		}
		.img-overlay .overlay-masked p {
			font-size:16px;
			line-height:22px;
			margin-top:5px;
		}
		
.carousel-slider.slick-slider { margin-bottom:0px; }
	.carousel-slider .slick-prev, .carousel-slider .slick-next {
		width:32px;
		height:40px;
		text-align:center;
		background-color:rgba(0,0,0,.4);
		margin-top:-20px;
		z-index:100;
		border-radius:0px;
		box-shadow:none;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		-webkit-transition:all .2s ease;
		transition:all .2s ease;
	}
	.ie .carousel-slider .slick-prev, .ie .carousel-slider .slick-next { background:url(../hh-images/ie-bg-carousel-slider-nav.png) repeat top left; }
	.carousel-slider .slick-prev.slick-disabled, .carousel-slider .slick-next.slick-disabled { cursor:default; }
	.carousel-slider .slick-prev:hover, .carousel-slider .slick-next:hover { background-color:rgba(0,0,0,.8); }
	.ie .carousel-slider .slick-prev:hover, .ie .carousel-slider .slick-next:hover { background:url(../hh-images/ie-bg-carousel-slider-nav-hover.png) repeat top left; }
	.carousel-slider .slick-prev.slick-disabled:hover, .carousel-slider .slick-next.slick-disabled:hover { background-color:rgba(0,0,0,.4); }
	.ie .carousel-slider .slick-prev.slick-disabled:hover, .ie .carousel-slider .slick-next.slick-disabled:hover { background:url(../hh-images/ie-bg-carousel-slider-nav.png) repeat top left; }
	.carousel-slider .slick-prev {
		left:0px;
		border-radius:0px 3px 3px 0px;
	}
	.carousel-slider .slick-next {
		right:0px;
		border-radius:3px 0px 0px 3px;
	}
	.carousel-slider .slick-prev:before, .carousel-slider .slick-next:before {
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		font:normal normal normal 20px/40px FontAwesome;
		color:#FFF;
		text-align:center;
		text-rendering:auto;
		background-color:transparent;
		content:'\f104';
		opacity:1;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}
	.carousel-slider .slick-next:before { content:'\f105'; }
	.carousel-slider .slick-dots {
		right:0px;
		bottom:20px;
		left:0px;
		line-height:1;
		margin-bottom:0px;
	}
		.carousel-slider .slick-dots li {
			width:auto;
			height:auto;
			margin:0px;
		}
			.carousel-slider .slick-dots li button {
				display:inline-block;
				width:12px;
				height:12px;
				background:#b0b0b0;
				padding:0px;
				margin:0px 10px;
				border-radius:50%;
				box-shadow:none;
			}
			.carousel-slider .slick-dots li button:before { display:none; }
			.carousel-slider .slick-dots li button:hover, .carousel-slider .slick-dots li.slick-active button { background:#fc603b; }
	.carousel-slider .slick-slide, .carousel-slider .slick-slide a { outline:none; }
	.carousel-slider img { width:100%; }
	
.alert h4 { margin-bottom:10px; }

.tooltip {
	font-family:"Manrope",Poppins, Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	font-weight:300;
	text-transform:lowercase;
}
.tooltip-inner { padding:6px 10px 4px; }
.wrap-container10030 {
	padding-top:100px;
	padding-bottom:30px;
}
.wrap-container20 {
	padding-top:20px;
	padding-bottom:20px;
}
.wrap-container40 {
	padding-top:40px;
	padding-bottom:40px;
}
.wrap-container60 {
	padding-top:60px;
	padding-bottom:60px;
}
.wrap-container80 {
	padding-top:80px;
	padding-bottom:80px;
}
.wrap-container100 {
	padding-top:100px;
	padding-bottom:100px;
}
.wrap-container120 {
	padding-top:120px;
	padding-bottom:120px;
}
.wrap-container6020 {
	padding-top:60px;
	padding-bottom:20px;
}
.wrap-container8040 {
	padding-top:80px;
	padding-bottom:40px;
}
.wrap-container8060 {
	padding-top:80px;
	padding-bottom:60px;
}

.bg-grey { background-color:#f9f9f9; }
.bg-dark { background-color:#333; }
.bg-dark, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark a, .bg-parallax, .bg-parallax h1, .bg-parallax h2, .bg-parallax h3, .bg-parallax h4, .bg-parallax h5, .bg-parallax h6, .bg-parallax a { color:#FFF; }
	.bg-parallax .bg-overlay40 { background-color:rgba(0,0,0,.4); }
	.ie .bg-parallax .bg-overlay40 { background:url(../hh-images/ie-bg-overlay40.png) repeat top left; }
	.bg-parallax .bg-overlay70 { background-color:rgba(0,0,0,.7); }
	.ie .bg-parallax .bg-overlay70 { background:url(../hh-images/ie-bg-overlay70.png) repeat top left; }
	
ul.list-icon {
	padding:0px;
	margin:20px 0px;
}
	ul.list-icon li {
		list-style-type:none;
		position:relative;
		padding-left:25px;
		margin-bottom:8px;
	}
	ul.list-icon li:last-child { margin-bottom:0px; }
		ul.list-icon li .fa {
			position:absolute;
			top:0px;
			left:0px;
			color:#202020;
			line-height:24px;
		}
		.bg-dark ul.list-icon li .fa, .bg-parallax ul.list-icon li .fa { color:#FFF; }
		
.list-row { margin:0px -10px; }
.list-row:before, .list-row:after {
	display:table;
	content:'';
}
.list-row:after { clear:both; }
	.list-row .list-col {
		float:left;
		width:50%;
		padding:0px 10px;
	}
	
.post-heading-left, .post-heading-center { margin-bottom:40px; }
.post-heading-center {
	text-align:center;
	padding:0px 140px;
}
	.post-heading-left h2, .post-heading-center h2 {
		font-size:30px;
		line-height:36px;
		font-weight:700;
		margin:0px;
	}
	.post-heading-center h2 {
		font-size:34px;
		line-height:40px;
	}
	.post-heading-left h2:after, .post-heading-center h2:after {
		display:block;
		width:40px;
		height:2px;
		background-color:#fc603b;
		content:'';
		margin-top:8px;
	}
	.post-heading-center h2:after {
		margin-right:auto;
		margin-left:auto;
	}
	.bg-dark .post-heading-left h2:after, .bg-dark .post-heading-center h2:after, .bg-parallax .post-heading-left h2:after, .bg-parallax .post-heading-center h2:after { background-color:#FFF; }
	.post-heading-left p, .post-heading-center p {
		color:#202020;
		font-size:18px;
		line-height:26px;
		margin:25px 0px 0px;
	}
	.bg-dark .post-heading-left p, .bg-dark .post-heading-center p, .bg-parallax .post-heading-left p, .bg-parallax .post-heading-center p { color:#FFF; }
	.post-heading-center p {
		font-size:20px;
		line-height:34px;
	}
	.post-heading-left p, .post-heading-center p { margin-top:30px; }
	
.sep-border {
	height:1px;
	background-color:#e9e9e9;
}
.bg-dark .sep-border, .bg-parallax .sep-border { background-color:#2a2a2a; }

.text-info {
	color:#444;
	font-size:20px;
	line-height:28px;
	text-align:center;
}
.bg-dark .text-info, .bg-parallax .text-info { color:#FFF; }

.affa-form-contact { position:relative; }
	.affa-form-contact .submit-status {
		display:none;
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		font-size:14px;
		line-height:20px;
		text-align:center;
		font-weight:400;
		background-color:rgba(255,255,255,.5);
		z-index:400;
	}
	.ie .affa-form-contact .submit-status { background:url(../hh-images/ie-bg-submit-status.png) repeat top left; }
		.affa-form-contact .submit-status .submit-status-text {
			position:absolute;
			top:50%;
			right:0px;
			left:0px;
			padding:0px 15px;
			margin-top:-25px;
		}
		.affa-form-contact .submit-status span {
			display:inline-block;
			background-color:#FFF;
			padding:14px 15px;
			border:1px solid #FFF;
			border-radius:3px;
		}
		.affa-form-contact .submit-status span.error {
			color:#d86c6c;
			background-color:#f6caca;
			border-color:#e9b8b8;
		}
		.affa-form-contact .submit-status span.success {
			color:#529552;
			background-color:#b9edb9;
			border-color:#a5dda5;
		}
			.affa-form-contact .submit-status span .fa { margin-right:5px; }
	.affa-form-contact input[type="text"], .affa-form-contact input[type="email"], .affa-form-contact textarea {
		width:100%;
		margin-bottom:20px;
	}
	.affa-form-contact textarea {
		height:140px;
		margin-bottom:12px;
	}
	.affa-form-contact input[type="text"].error, .affa-form-contact input[type="email"].error, .affa-form-contact textarea.error { background-color:#f9e4e4; }
	
.scrollup {
	visibility:hidden;
	position:fixed;
	right:15px;
	bottom:0px;
	width:48px;
	height:48px;
	font-size:0px;
	text-indent:-99999px;
	background:#202020 url('../hh-images/icon-scrollup.png') no-repeat center center;
	z-index:1000;
	opacity:0;
	border-radius:4px;
	-webkit-transition:visibility .2s, bottom .2s, opacity .2s;
	transition:visibility .2s, bottom .2s, opacity .2s;
}
.scrollup.visible {
	visibility:visible;
	bottom:15px;
	opacity:.5;
}
.scrollup:hover { opacity:1; }

img.parallax-slider {
	visibility:hidden;
	opacity:0;
	-webkit-transition:visibility .3s, opacity .3s;
	transition:visibility .3s, opacity .3s;
}
img.parallax-slider.loaded, .ie img.parallax-slider, .ie9 img.parallax-slider {
	visibility:visible;
	opacity:1;
}



/* ========================= Header ========================= */

#header {
	position:relative;
	background-color:#f9f9f9;
	box-shadow:0px 1px 4px rgba(0,0,0,.12);
}
.ie #header, .ie9 #header { background-color:#f4f4f4; }
#header.page-header {
	background-color:transparent;
	padding-bottom:0px;
	margin:0px;
	border-bottom:0px;
	box-shadow:none;
}

/* Navigation Menu */
#header .navbar {
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	min-height:0px;
	font-family:"Manrope",Montserrat, Arial, serif;
	color:#FFF;
	background-color:#333;
	padding:15px 0px;
	margin:0px;
	border:0px;
	z-index:100;
	border-radius:0px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}
#header.page-header .navbar { background-color:transparent; }
#header .navbar.affix {
	background-color:rgba(20,20,20,.95);
	padding:15px 0px;
	z-index:1000;
}
.ie #header .navbar.affix { background:url(../hh-images/ie-bg-navigation-affix.png) repeat top left; }
	#header .navbar-brand {
		height:auto;
		color:#FFF;
		padding:0px;
	}
	#header .navbar > .container .navbar-brand { margin:0px; }
		#header .navbar-brand img { height:40px; }
#header .nav {
	overflow:hidden;
	float:right;
	height:40px;
}
	#header .nav > li { padding:10px 25px 3px; }
	#header .yc-nav > li { padding:10px 35px 3px; }
	#header .nav > li:last-child { padding-right:0px; }
	#header .nav > li.menu-btn {
		padding-top:3px;
		padding-bottom:3px;
	}
		#header .nav > li > a {
			float:left;
			color:#FFF;
			font-size:15px;
			line-height:20px;
			background:none !important;
			padding:0px;
		}
		#header .navbar.affix .nav > li > a { color:#a9a9a9; }
		#header .navbar.affix .nav > li > a:hover, #header .navbar.affix .nav > li.active > a { color:#FFF; }
		#header .nav > li > a:after {
			display:block;
			width:0px;
			height:2px;
			background-color:#fc603b;
			content:'';
			margin:5px auto 0px;
			-webkit-transition:width .2s ease;
			transition:width .2s ease;
		}
		#header .nav > li > a.yc:after {
			background: none !important;
		}
		#header .nav > li > a:hover:after, #header .nav > li.active > a:after { width:25px; }
		#header .navbar.affix .nav > li > a:after { display:none; }
		#header .nav > li.menu-btn > a {
			font-size:12px;
			line-height:1;
			font-weight:700;
			text-transform:uppercase;
			white-space:nowrap;
			background-color:#fc603b !important;
			padding:11px 15px;
			border-radius:2px;
		}
		#header .nav > li.menu-btn > a:hover, #header .nav > li.menu-btn.active > a { background-color:#ec502c !important; }
		#header .navbar.affix .nav > li.menu-btn > a { color:#FFF; }
		#header .nav > li.menu-btn > a:after { display:none; }
#header .navbar-nav {
	margin-top:0px;
	margin-bottom:0px;
}

/* Navigation Mobile */
#navigation_mobile {
	display:none;
	font-size:14px;
	line-height:18px;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
}
	#navigation_mobile .nav-menu-links {
		display:none;
		background-color:#2a2a2a;
	}
	#navigation_mobile ul {
		padding:30px 100px;
		margin:0px;
	}
		#navigation_mobile ul li {
			list-style-type:none;
			padding:11px 0px;
		}
			#navigation_mobile ul li a {
				display:block;
				color:#a9a9a9;
			}
			#navigation_mobile ul li a:hover { color:#FFF; }
	#navigation_mobile .nav-menu-button {
		background-color:#202020;
		padding: 15px 20px 40px
	}
		#navigation_mobile .nav-menu-button button.nav-menu-toggle {
			color:#a9a9a9 !important;
			font-size:24px;
			line-height:1;
			background:none;
			padding:0px;
			border:0px;
			border-radius:0px;
			-webkit-transition:color .2s ease;
			transition:color .2s ease;
			float: right;
		}
		#navigation_mobile .nav-menu-button button.nav-menu-toggle:hover { color:#FFF !important; }
		
/* Header Content */
#header .header-content {
	overflow:hidden;
	position:relative;
}
	#header .header-content .header-content-img {
		position:absolute;
		top:68px;
		right:50%;
		bottom:0px;
		left:0px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	#header .header-content .header-content-form {
		position:relative;
		float:right;
		width:50%;
		padding-top:40px;
	}
		#header .header-content .header-content-form .submit-status {
			display:none;
			position:absolute;
			top:0px;
			right:0px;
			bottom:0px;
			left:0px;
			font-size:14px;
			line-height:20px;
			text-align:center;
			font-weight:400;
			background-color:rgba(255,255,255,.5);
			z-index:90;
			border-radius:0px 0px 8px 8px;
		}
		.ie #header .header-content .header-content-form .submit-status { background:url(../hh-images/ie-bg-submit-status.png) repeat top left; }
			#header .header-content .header-content-form .submit-status span {
				position:absolute;
				top:50%;
				left:40px;
				width:530px;
				text-align:center;
				background-color:#FFF;
				padding:14px 15px;
				margin:35px auto 0px;
				border:1px solid #FFF;
				border-radius:3px;
			}
			#header .header-content .header-content-form .submit-status span.error {
				color:#d86c6c;
				background-color:#f6caca;
				border-color:#e9b8b8;
			}
			#header .header-content .header-content-form .submit-status span.success {
				color:#529552;
				background-color:#b9edb9;
				border-color:#a5dda5;
			}
				#header .header-content .header-content-form .submit-status span .fa { margin-right:5px; }
		#header .header-content .header-content-form form {
			width:585px;
			padding:80px 15px 80px 40px;
		}
		#header .header-content .header-content-form .header-form-title { margin-bottom:25px; }
			#header .header-content .header-content-form .header-form-title h1 {
				font-size:30px;
				line-height:36px;
				font-weight:700;
				margin:0px;
			}
			#header .header-content .header-content-form .header-form-title h1:after {
				display:block;
				width:40px;
				height:2px;
				background-color:#fc603b;
				content:'';
				margin-top:8px;
			}
			#header .header-content .header-content-form .header-form-title p {
				color:#202020;
				font-size:18px;
				line-height:26px;
				margin:20px 0px 0px;
			}
		#header .header-content .header-content-form .form-row { margin:0px -15px; }
		#header .header-content .header-content-form .form-row:before, #header .header-content .header-content-form .form-row:after {
			display:table;
			content:'';
		}
		#header .header-content .header-content-form .form-row:after { clear:both; }
			#header .header-content .header-content-form .form-row .input-col {
				float:left;
				width:100%;
				padding:0px 15px;
			}
		#header .header-content .header-content-form input[type="email"], #header .header-content .header-content-form input[type="number"], #header .header-content .header-content-form input[type="password"], #header .header-content .header-content-form input[type="text"], #header .header-content .header-content-form select, #header .header-content .header-content-form textarea {
			width:100%;
			color:#a9a9a9;
			background-color:transparent;
			padding-right:0px;
			padding-left:0px;
			margin-bottom:20px;
			border-bottom:2px solid #e0e0e0;
			box-shadow:none;
			-webkit-transition:color .2s ease, background-color .2s ease, border .2s ease;
			transition:color .2s ease, background-color .2s ease, border .2s ease;
		}
		#header .header-content .header-content-form textarea {
			height:84px;
			margin-bottom:22px;
		}
		#header .header-content .header-content-form input[type="email"]::-webkit-input-placeholder, #header .header-content .header-content-form input[type="number"]::-webkit-input-placeholder, #header .header-content .header-content-form input[type="password"]::-webkit-input-placeholder, #header .header-content .header-content-form input[type="text"]::-webkit-input-placeholder, #header .header-content .header-content-form textarea::-webkit-input-placeholder { color:#a9a9a9; }
		#header .header-content .header-content-form input[type="email"]:-moz-placeholder, #header .header-content .header-content-form input[type="number"]:-moz-placeholder, #header .header-content .header-content-form input[type="password"]:-moz-placeholder, #header .header-content .header-content-form input[type="text"]:-moz-placeholder, #header .header-content .header-content-form textarea:-moz-placeholder { color:#a9a9a9; }
		#header .header-content .header-content-form input[type="email"]::-moz-placeholder, #header .header-content .header-content-form input[type="number"]::-moz-placeholder, #header .header-content .header-content-form input[type="password"]::-moz-placeholder, #header .header-content .header-content-form input[type="text"]::-moz-placeholder, #header .header-content .header-content-form textarea::-moz-placeholder { color:#a9a9a9; }
		#header .header-content .header-content-form input[type="email"]:-ms-input-placeholder, #header .header-content .header-content-form input[type="number"]:-ms-input-placeholder, #header .header-content .header-content-form input[type="password"]:-ms-input-placeholder, #header .header-content .header-content-form input[type="text"]:-ms-input-placeholder, #header .header-content .header-content-form textarea:-ms-input-placeholder { color:#a9a9a9; }
		#header .header-content .header-content-form input[type="number"]::-webkit-inner-spin-button { margin-right:0px; }
		#header .header-content .header-content-form input[type="email"].error, #header .header-content .header-content-form input[type="number"].error, #header .header-content .header-content-form input[type="password"].error, #header .header-content .header-content-form input[type="text"].error, #header .header-content .header-content-form select.error, #header .header-content .header-content-form textarea.error { border-color:#ff4747; }
		#header .header-content .header-content-form input[type="email"]:focus, #header .header-content .header-content-form input[type="number"]:focus, #header .header-content .header-content-form input[type="password"]:focus, #header .header-content .header-content-form input[type="text"]:focus, #header .header-content .header-content-form select:focus, #header .header-content .header-content-form textarea:focus {
			color:#202020;
			border-bottom-color:#fc603b;
		}
		#header .header-content .header-content-form .input-checkbox {
			overflow:hidden;
			margin-bottom:20px;
		}
			#header .header-content .header-content-form .input-checkbox input[type="checkbox"] {
				float:left;
				margin:4px 12px 0px 0px;
			}
			#header .header-content .header-content-form .input-checkbox label {
				display:block;
				line-height:22px;
				font-weight:inherit;
				margin:0px;
			}
			
#header .page-header-overlay {
	color:#FFF;
	background-color:rgba(0,0,0,.8);
	padding:200px 0px 100px;
}
.ie #header .page-header-overlay { background:url(../hh-images/ie-bg-header-overlay.png) repeat top left; }
#header .page-header-overlay.header-overlay40 { background-color:rgba(0,0,0,.4); }
.ie #header .page-header-overlay.header-overlay40 { background:url(../hh-images/ie-bg-header-overlay40.png) repeat top left; }
#header .page-header-overlay.header-overlay60 { background-color:rgba(0,0,0,.6); }
.ie #header .page-header-overlay.header-overlay60 { background:url(../hh-images/ie-bg-header-overlay60.png) repeat top left; }
	#header .page-header-overlay h1, #header .page-header-overlay h2, #header .page-header-overlay h3, #header .page-header-overlay h4, #header .page-header-overlay h5, #header .page-header-overlay h6, #header .page-header-overlay a { color:#FFF; }
	#header .page-header-text h1 {
		font-size:48px;
		line-height:60px;
		font-weight:700;
		margin:0px;
	}
	#header .page-header-text p {
		font-size:20px;
		line-height:32px;
		margin:20px 0px 0px;
	}

/* Custom logo */
nav#navigation .logos-container{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	flex-basis: auto;
	flex-shrink: 1;
}

nav#navigation .logos-container .navbar-brand{
	flex-shrink: 0;
	width: auto;
}

nav#navigation .logos-container .custom-logo{
	flex-grow: 1;
	max-width: 200px;
	min-width: 40px;
	height: 37px;
	display: flex;
	align-items: center;
}

@media (max-width: 992px) {
	nav#navigation .logos-container .custom-logo{
		max-width: 150px;
	}
}

@media (max-width: 767px) {
	nav#navigation .logos-container .custom-logo{
		max-width: 100px;
	}
}

@media (max-width: 374px) {
	nav#navigation .logos-container .custom-logo{
		max-width: 40px;
	}
}

nav#navigation .logos-container .custom-logo img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}


/* ========================= Elements ========================= */

.affa-feature-icon { margin-bottom:40px; }
	.affa-feature-icon img {
		height:70px;
		margin-bottom:25px;
	}
	.affa-feature-icon h4 {
		font-size:22px;
		line-height:30px;
		margin:0px;
	}
	.affa-feature-icon p { margin:15px 0px 0px; }
	.affa-feature-icon .btn-section, .affa-feature-text .btn-section { margin-top:20px; }
	.affa-feature-icon .btn-custom, .affa-feature-text .btn-custom {
		font-size:12px;
		line-height:40px;
		padding:11px 20px 10px;
	}
	
.affa-feature-icon-left {
	position:relative;
	min-height:68px;
	padding-left:90px;
	margin-bottom:40px;
}
	.affa-feature-icon-left img {
		position:absolute;
		top:0px;
		left:0px;
		width:68px;
	}
	.affa-feature-icon-left h4 {
		font-size:20px;
		line-height:28px;
		margin:0px;
	}
	.affa-feature-icon-left p { margin:15px 0px 0px; }
	
.affa-feature-icon-center {
	text-align:center;
	margin-bottom:40px;
}
	.affa-feature-icon-center .fa {
		color:#fc603b;
		font-size:60px;
		margin-bottom:25px;
	}
	.bg-dark .affa-feature-icon-center .fa, .bg-parallax .affa-feature-icon-center .fa { color:#FFF; }
	.affa-feature-icon-center h4 {
		font-size:22px;
		line-height:30px;
		margin:0px;
	}
	.affa-feature-icon-center p { margin:15px 0px 0px; }
	.affa-feature-icon-center .btn-custom {
		display:inline-block;
		font-size:12px;
		line-height:1;
		font-weight:700;
		padding:14.5px 20px 13.5px;
		margin-top:20px;
	}
	
.affa-feature-text {
	position:relative;
	min-height:48px;
	padding:25px 0px 0px 20px;
	margin-bottom:40px;
}
	.affa-feature-text .feature-text-number {
		position:absolute;
		top:0px;
		left:0px;
		color:#EEE;
		font-size:48px;
		line-height:1;
		font-weight:700;
	}
	.bg-dark .affa-feature-text .feature-text-number, .bg-parallax .affa-feature-text .feature-text-number { color:#4a4a4a; }
	.affa-feature-text h4 {
		position:relative;
		font-size:20px;
		line-height:28px;
		min-height:63px;
		padding-bottom:7px;
		margin:0px;
		z-index:100;
	}
	.affa-feature-text h4:after {
		position:absolute;
		bottom:0px;
		left:0px;
		width:25px;
		height:2px;
		background-color:#fc603b;
		content:'';
	}
	.bg-dark .affa-feature-text h4:after, .bg-parallax .affa-feature-text h4:after { background-color:#FFF; }
	.affa-feature-text p { margin:25px 0px 0px; }
	
.affa-quote {
	text-align:center;
	padding:0px 200px;
}
	.affa-quote h4 {
		font-size:30px;
		line-height:38px;
		margin:0px;
	}
	.affa-quote p {
		font-size:20px;
		line-height:28px;
		margin:20px 0px 0px;
	}
	
.affa-counter {
	position:relative;
	min-height:76px;
	padding-left:70px;
	margin-bottom:40px;
}
	.affa-counter .fa {
		position:absolute;
		top:20px;
		left:0px;
		color:#fc603b;
		font-size:36px;
	}
	.affa-counter h4 {
		font-size:40px;
		line-height:46px;
		font-weight:700;
		text-transform:uppercase;
		margin:0px;
	}
		.affa-counter h4 span { color:#202020; }
		.bg-dark .affa-counter h4 span, .bg-parallax .affa-counter h4 span { color:#FFF; }
	.affa-counter p {
		font-size:20px;
		line-height:28px;
		margin:5px 0px 0px;
	}
	
.affa-skill {
	position:relative;
	margin-bottom:40px;
}
	.affa-skill h4 {
		font-family:"Manrope",Poppins, Arial, sans-serif;
		font-size:18px;
		line-height:22px;
		text-align:center;
		font-weight:600;
		text-transform:uppercase;
		padding-right:30px;
		margin-bottom:11px;
	}
	.affa-skill .skill-number {
		position:absolute;
		top:0px;
		right:0px;
		font-family:"Manrope",Montserrat, Arial, sans-serif;
		color:#e4e4e4;
		font-size:30px;
		line-height:1;
		font-weight:700;
		margin:0px;
	}
	.bg-dark .affa-skill .skill-number, .bg-parallax .affa-skill .skill-number { color:#5a5a5a; }
	.affa-skill .skill-bar {
		position:relative;
		height:5px;
		font-size:0px;
		font-weight:700;
		text-indent:-99999px;
		background-color:#DDD;
	}
	.bg-dark .affa-skill .skill-bar, .bg-parallax .affa-skill .skill-bar { background-color:#555; }
		.affa-skill .skill-bar .skill-bar-process {
			position:absolute;
			top:-1px;
			bottom:-1px;
			left:0px;
			background-color:#fc603b;
		}
		
.teams-row {
	overflow:hidden;
	padding:0px 15px;
}
	.carousel-slider.teams-row .slick-arrow { opacity:0; }
	.carousel-slider.teams-row:hover .slick-arrow { opacity:1; }
	.carousel-slider.teams-row .slick-prev, .carousel-slider.teams-row .slick-next {
		width:40px;
		background-color:#fc603b;
		border-radius:50%;
	}
	.carousel-slider.teams-row .slick-prev:hover, .carousel-slider.teams-row .slick-next:hover { background-color:#202020; }
	.carousel-slider.teams-row .slick-prev { left:10px; }
	.carousel-slider.teams-row .slick-next { right:10px; }
	.teams-row .affa-team-col {
		float:left;
		width:25%;
		padding:0px 15px;
	}
	@media screen and (max-width: 992px) {
	  .teams-row .affa-team-col {
	    width: 50%;
	  }
	}
	@media screen and (max-width: 600px) {
	  .teams-row .affa-team-col {
	    width: 100%;
	  }
	}
.affa-team-profile {
	text-align:center;
	background-color:#FFF;
	border:1px solid #e9e9e9;
}
.teams-row .affa-team-profile { margin-bottom:0px; }
	.affa-team-profile img {
		width:120px;
		height:120px;
		margin:30px auto 0px;
		border-radius:50%;
	}
	.affa-team-profile .team-profile-name { padding:15px 10px 0px; }
		.affa-team-profile .team-profile-name h4 {
			font-size:20px;
			line-height:28px;
			margin-bottom:20px;
		}
		.bg-dark .affa-team-profile .team-profile-name h4, .bg-parallax .affa-team-profile .team-profile-name h4 { color:#202020; }
		.affa-team-profile .team-profile-name p {
			color:#fc603b;
			font-size:15px;
			line-height:22px;
			margin:4px 0px 0px;
		}
		.affa-team-profile .team-profile-socials  h4{
			overflow:hidden;
			background-color:#EEE;
			padding:10px;
			font-size:18px;
			margin-bottom:20px;
		}
		.affa-team-profile .team-profile-socials span {
			float:left;
			width:20%;
			padding-top:2px;
			border-right:1px solid #e0e0e0;
		}
		.affa-team-profile .team-profile-socials span:last-child { border-right:0px; }
		.affa-team-profile .team-profile-socials a {
			display:inline-block;
			color:#a9a9a9;
			font-size:18px;
			line-height:0;
		}
		.affa-team-profile .team-profile-socials a:hover { color:#fc603b; }
		
.testimonials-container {
	width:940px;
	margin:0px auto;
}
.testimonials-wrap {
	color:#444;
	background-color:rgba(255,255,255,.7);
	padding:80px 150px;
	border-radius:6px;
}
.ie .testimonials-wrap { background:url(../hh-images/ie-bg-testimonials-wrap.png) repeat top left; }
	.testimonials-wrap h1, .testimonials-wrap h2, .testimonials-wrap h3, .testimonials-wrap h4, .testimonials-wrap h5, .testimonials-wrap h6 { color:#202020; }
.affa-testimonials-avatars {
	text-align:center;
	margin-bottom:40px;
}
	.affa-testimonials-avatars .avatar-item {
		display:inline-block;
		overflow:hidden;
		position:relative;
		width:86px;
		height:86px;
		margin:7px -20px;
		z-index:100;
		border-radius:50%;
	}
	.affa-testimonials-avatars .avatar-item.active {
		width:100px;
		height:100px;
		margin-top:0px;
		margin-bottom:0px;
		z-index:200;
		box-shadow:1px 2px 1px rgba(0,0,0,.1);
	}
		.affa-testimonials-avatars .avatar-item .avatar-item-overlay {
			position:absolute;
			top:0px;
			right:0px;
			bottom:0px;
			left:0px;
			background-color:rgba(255,255,255,.5);
			-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
			transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
		}
		.ie .affa-testimonials-avatars .avatar-item .avatar-item-overlay { background:url(../hh-images/ie-bg-avatar-item-overlay.png) repeat top left; }
		.affa-testimonials-avatars .avatar-item.active .avatar-item-overlay {
			visibility:hidden;
			opacity:0;
		}
	.affa-testimonials-avatars img { width:100%; }
.carousel-slider.affa-testimonials-carousel { padding-bottom:60px; }
	.carousel-slider.affa-testimonials-carousel .slick-dots { bottom:0px; }
.testimonial-item { text-align:center; }
	.testimonial-item .testimonial-text {
		font-size:26px;
		line-height:38px;
	}
	.testimonial-item .testimonial-author { margin-top:25px; }
		.testimonial-item .testimonial-author h4 {
			font-size:20px;
			line-height:28px;
			font-weight:700;
			margin:0px;
		}
		.testimonial-item .testimonial-author p {
			color:#707070;
			font-size:18px;
			line-height:24px;
			margin:5px 0px 0px;
		}
		
.affa-faq { margin-bottom:40px; }
	.affa-faq h4 {
		font-size:20px;
		line-height:28px;
		font-weight:700;
		margin-bottom:20px;
	}
	
.call-action {
	position:relative;
	min-height:54px;
	padding-right:220px;
}
	.call-action h4 {
		font-size:22px;
		line-height:28px;
		font-weight:700;
		margin-bottom:0px;
	}
	.call-action p { margin:10px 0px 0px; }
	.call-action .btn-section {
		position:absolute;
		top:0px;
		right:0px;
		width:200px;
		text-align:right;
	}
	
.clients-row { overflow:hidden; }
.affa-client-logo {
	position:relative;
	text-align:center;
	padding:20px;
}
.clients-row .affa-client-logo {
	float:left;
	width:33.33%;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}
.clients-row .affa-client-logo.no-border-right, .clients-row .affa-client-logo.no-border-right-sm { border-right:0px; }
.clients-row .affa-client-logo.no-border-bottom, .clients-row .affa-client-logo.no-border-bottom-sm { border-bottom:0px; }
	.affa-client-logo .logo-overlay {
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		background-color:rgba(255,255,255,.75);
		-webkit-transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
		transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
	}
	.ie .affa-client-logo .logo-overlay { background:url(../hh-images/ie-bg-client-logo-overlay.png) repeat top left; }
	.affa-client-logo:hover .logo-overlay {
		visibility:hidden;
		opacity:0;
	}
	.affa-client-logo img { max-width:100%; }
	
.isotope-menu {
	text-align:center;
	margin-bottom:30px;
}
	.isotope-menu a {
		display:inline-block;
		color:#202020;
		font-size:18px;
		line-height:24px;
		font-weight:700;
		margin:0px 30px 10px;
	}
	.bg-dark .isotope-menu a, .bg-parallax .isotope-menu a { color:#FFF; }
	.isotope-menu a:hover, .isotope-menu a.active { color:#fc603b; }
	.bg-dark .isotope-menu a:hover, .bg-dark .isotope-menu a.active, .bg-parallax .isotope-menu a:hover, .bg-parallax .isotope-menu a.active { color:#FFF; }
	.isotope-menu a:after {
		display:block;
		width:0px;
		height:2px;
		background-color:#fc603b;
		content:'';
		margin:5px auto 0px;
		-webkit-transition:width .2s ease;
		transition:width .2s ease;
	}
	.bg-dark .isotope-menu a:after, .bg-parallax .isotope-menu a:after { background-color:#FFF; }
	.isotope-menu a.active:after { width:25px; }
	
.isotope-row {
	-webkit-transition:width .4s ease, height .4s ease;
	transition:width .4s ease, height .4s ease;
}
.ie .isotope-row {
	margin-right:-1px;
	margin-left:-1px;
}
.isotope-row:before, .isotope-row:after {
	display:table;
	content:'';
}
.isotope-row:after { clear:both; }
	.isotope-row .item {
		float:left;
		width:25%;
		z-index:2;
	}
	.isotope-row .item.isotope-hidden {
		pointer-events:none;
		z-index:1;
	}
	
.embed-map {
	height:340px;
	background-color:#f4f4f4;
}
.map-address {
	font-family:"Manrope",Montserrat, Arial, sans-serif;
	color:#ec502c;
	font-size:12px;
	line-height:18px;
	text-align:right;
	font-weight:400;
	margin:5px 0px 0px;
}



/* ========================= Footer ========================= */

#footer {
	color:#FFF;
	background-color:#333;
	padding-top:80px;
}
	#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a { color:#FFF; }
	#footer a:hover { color:#a9a9a9; }
	#footer .widget { margin-bottom:40px; }
		#footer .widget .widget-title {
			font-size:18px;
			line-height:24px;
			font-weight:700;
			text-transform:uppercase;
			margin-bottom:30px;
		}
		#footer .widget ul { padding-left:0px; }
			#footer .widget ul li { list-style-type:none; }
		#footer .widget .footer-logo {
			max-height:40px;
			margin-bottom:14px;
		}
		#footer .widget .footer-socials a {
			font-size:20px;
			line-height:38px;
			margin-right:25px;
		}
		#footer .widget .footer-socials a:hover { color:#a9a9a9; }
	#footer .footer-copyright {
		text-align:center;
		background-color:#202020;
		padding:25px 0px;
	}
		#footer .footer-copyright p { margin:0px; }
		#footer .footer-copyright a {
			color:#fc603b;
			font-weight:600;
		}
		#footer .footer-copyright a:hover { color:#FFF; }



/* ========================= Media Queries ========================= */

@media (min-width: 992px) and (max-width: 1199px) {
	
	.no-padding-top-md { padding-top:0px !important; }
	.no-padding-right-md { padding-right:0px !important; }
	.no-padding-bottom-md  { padding-bottom:0px !important; }
	.no-padding-left-md { padding-left:0px !important; }
	
	.padding-top10-md { padding-top:20px !important; }
	.padding-top20-md { padding-top:20px !important; }
	.padding-top30-md { padding-top:30px !important; }
	.padding-top40-md { padding-top:40px !important; }
	.padding-top50-md { padding-top:50px !important; }
	.padding-top60-md { padding-top:60px !important; }
	.padding-top70-md { padding-top:70px !important; }
	.padding-top80-md { padding-top:80px !important; }
	
	.padding-bottom10-md { padding-bottom:20px !important; }
	.padding-bottom20-md { padding-bottom:20px !important; }
	.padding-bottom30-md { padding-bottom:30px !important; }
	.padding-bottom40-md { padding-bottom:40px !important; }
	.padding-bottom50-md { padding-bottom:50px !important; }
	.padding-bottom60-md { padding-bottom:60px !important; }
	.padding-bottom70-md { padding-bottom:70px !important; }
	.padding-bottom80-md { padding-bottom:80px !important; }
	
	.no-margin-top-md { margin-top:0px !important;	}
	.no-margin-right-md { margin-right:0px !important;	}
	.no-margin-bottom-md  { margin-bottom:0px !important; }
	.no-margin-left-md { margin-left:0px !important; }
	
	.margin-top10-md { margin-top:20px !important; }
	.margin-top20-md { margin-top:20px !important; }
	.margin-top30-md { margin-top:30px !important; }
	.margin-top40-md { margin-top:40px !important; }
	.margin-top50-md { margin-top:50px !important; }
	.margin-top60-md { margin-top:60px !important; }
	.margin-top70-md { margin-top:70px !important; }
	.margin-top80-md { margin-top:80px !important; }
	
	.margin-bottom10-md { margin-bottom:20px !important; }
	.margin-bottom20-md { margin-bottom:20px !important; }
	.margin-bottom30-md { margin-bottom:30px !important; }
	.margin-bottom40-md { margin-bottom:40px !important; }
	.margin-bottom50-md { margin-bottom:50px !important; }
	.margin-bottom60-md { margin-bottom:60px !important; }
	.margin-bottom70-md { margin-bottom:70px !important; }
	.margin-bottom80-md { margin-bottom:80px !important; }
	
	.img-overlay .overlay-masked { padding:15px; }
	.img-overlay .overlay-masked h4 {
		font-size:18px;
		line-height:24px;
	}
	.img-overlay .overlay-masked p {
		font-size:14px;
		line-height:20px;
	}
	
	.post-heading-center { padding:0px 60px; }
	
	#header .nav > li {
		padding-left:15px;
		padding-right:15px;
	}
	#header .nav > li.menu-btn > a {
		padding-right:12px;
		padding-left:12px;
	}
	
	#header .header-content .header-content-form .submit-status span {
		left:30px;
		width:440px;
	}
	#header .header-content .header-content-form form {
		width:485px;
		padding:40px 15px 40px 30px;
	}
	
	#header .page-header-overlay { padding:160px 0px 80px; }
	#header .page-header-text h1 {
		font-size:42px;
		line-height:54px;
	}
	#header .page-header-text p {
		font-size:18px;
		line-height:28px;
	}
	
	.affa-quote { padding:0px 100px; }
	
	.affa-counter { padding-left:60px; }
	
	.affa-skill h4 {
		text-align:left;
		padding:0px;
	}
	
	.isotope-menu a {
		margin-right:20px;
		margin-left:20px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.no-padding-top-sm { padding-top:0px !important; }
	.no-padding-right-sm { padding-right:0px !important; }
	.no-padding-bottom-sm  { padding-bottom:0px !important; }
	.no-padding-left-sm { padding-left:0px !important; }
	
	.padding-top10-sm { padding-top:10px !important; }
	.padding-top20-sm { padding-top:20px !important; }
	.padding-top30-sm { padding-top:30px !important; }
	.padding-top40-sm { padding-top:40px !important; }
	.padding-top50-sm { padding-top:50px !important; }
	.padding-top60-sm { padding-top:60px !important; }
	.padding-top70-sm { padding-top:70px !important; }
	.padding-top80-sm { padding-top:80px !important; }
	
	.padding-bottom10-sm { padding-bottom:10px !important; }
	.padding-bottom20-sm { padding-bottom:20px !important; }
	.padding-bottom30-sm { padding-bottom:30px !important; }
	.padding-bottom40-sm { padding-bottom:40px !important; }
	.padding-bottom50-sm { padding-bottom:50px !important; }
	.padding-bottom60-sm { padding-bottom:60px !important; }
	.padding-bottom70-sm { padding-bottom:70px !important; }
	.padding-bottom80-sm { padding-bottom:80px !important; }
	
	.no-margin-top-sm { margin-top:0px !important;	}
	.no-margin-right-sm { margin-right:0px !important;	}
	.no-margin-bottom-sm  { margin-bottom:0px !important; }
	.no-margin-left-sm { margin-left:0px !important; }
	
	.margin-top10-sm { margin-top:10px !important; }
	.margin-top20-sm { margin-top:20px !important; }
	.margin-top30-sm { margin-top:30px !important; }
	.margin-top40-sm { margin-top:40px !important; }
	.margin-top50-sm { margin-top:50px !important; }
	.margin-top60-sm { margin-top:60px !important; }
	.margin-top70-sm { margin-top:70px !important; }
	.margin-top80-sm { margin-top:80px !important; }
	
	.margin-bottom10-sm { margin-bottom:10px !important; }
	.margin-bottom20-sm { margin-bottom:20px !important; }
	.margin-bottom30-sm { margin-bottom:30px !important; }
	.margin-bottom40-sm { margin-bottom:40px !important; }
	.margin-bottom50-sm { margin-bottom:50px !important; }
	.margin-bottom60-sm { margin-bottom:60px !important; }
	.margin-bottom70-sm { margin-bottom:70px !important; }
	.margin-bottom80-sm { margin-bottom:80px !important; }
	
	.img-overlay .overlay-masked { padding:15px; }
	.img-overlay .overlay-masked h4 {
		font-size:16px;
		line-height:22px;
	}
	.img-overlay .overlay-masked p { display:none; }
	
	.post-heading-center { padding:0px; }
	
	#header .nav > li {
		padding-left:5px;
		padding-right:5px;
	}
	#header .nav > li.menu-btn > a {
		padding-right:8px;
		padding-left:8px;
	}
	
	#header .header-content .header-content-img {
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		height:440px;
	}
	#header .header-content .header-content-form .submit-status span {
		right:15px;
		left:15px;
		width:720px;
		margin-top:-25px;
	}
	#header .header-content .header-content-form {
		float:none;
		width:auto;
		padding:40px 0px;
	}
	#header .header-content .header-content-form form {
		width:720px;
		padding:0px;
		margin:0px auto;
	}
	
	#header .page-header-overlay { padding:140px 0px 60px; }
	#header .page-header-text h1 {
		font-size:36px;
		line-height:46px;
	}
	#header .page-header-text p {
		font-size:16px;
		line-height:26px;
	}
	
	.affa-feature-icon-left {
		min-height:54px;
		padding-left:70px;
	}
	.affa-feature-icon-left img { width:54px; }
	
	.affa-quote { padding:0px; }
	
	.affa-counter {
		position:static;
		min-height:0px;
		text-align:center;
		padding-left:0px;
	}
	.affa-counter .fa {
		position:static;
		top:auto;
		left:auto;
		font-size:48px;
		margin-bottom:20px;
	}
	
	.affa-skill h4 {
		text-align:left;
		padding:0px;
	}
	
	.testimonials-container { width:720px; }
	.testimonials-wrap { padding:60px 40px; }
	
	.isotope-menu a {
		margin-right:10px;
		margin-left:10px;
	}
	
}

@media (max-width: 767px) {
	
	.no-padding-top-xs { padding-top:0px !important; }
	.no-padding-right-xs { padding-right:0px !important; }
	.no-padding-bottom-xs  { padding-bottom:0px !important; }
	.no-padding-left-xs { padding-left:0px !important; }
	
	.padding-top10-xs { padding-top:10px !important; }
	.padding-top20-xs { padding-top:20px !important; }
	.padding-top30-xs { padding-top:30px !important; }
	.padding-top40-xs { padding-top:40px !important; }
	.padding-top50-xs { padding-top:50px !important; }
	.padding-top60-xs { padding-top:60px !important; }
	.padding-top70-xs { padding-top:70px !important; }
	.padding-top80-xs { padding-top:80px !important; }
	
	.padding-bottom10-xs { padding-bottom:10px !important; }
	.padding-bottom20-xs { padding-bottom:20px !important; }
	.padding-bottom30-xs { padding-bottom:30px !important; }
	.padding-bottom40-xs { padding-bottom:40px !important; }
	.padding-bottom50-xs { padding-bottom:50px !important; }
	.padding-bottom60-xs { padding-bottom:60px !important; }
	.padding-bottom70-xs { padding-bottom:70px !important; }
	.padding-bottom80-xs { padding-bottom:80px !important; }
	
	.no-margin-top-xs { margin-top:0px !important;	}
	.no-margin-right-xs { margin-right:0px !important;	}
	.no-margin-bottom-xs  { margin-bottom:0px !important; }
	.no-margin-left-xs { margin-left:0px !important; }
	
	.margin-top10-xs { margin-top:10px !important; }
	.margin-top20-xs { margin-top:20px !important; }
	.margin-top30-xs { margin-top:30px !important; }
	.margin-top40-xs { margin-top:40px !important; }
	.margin-top50-xs { margin-top:50px !important; }
	.margin-top60-xs { margin-top:60px !important; }
	.margin-top70-xs { margin-top:70px !important; }
	.margin-top80-xs { margin-top:80px !important; }
	
	.margin-bottom10-xs { margin-bottom:10px !important; }
	.margin-bottom20-xs { margin-bottom:20px !important; }
	.margin-bottom30-xs { margin-bottom:30px !important; }
	.margin-bottom40-xs { margin-bottom:40px !important; }
	.margin-bottom50-xs { margin-bottom:50px !important; }
	.margin-bottom60-xs { margin-bottom:60px !important; }
	.margin-bottom70-xs { margin-bottom:70px !important; }
	.margin-bottom80-xs { margin-bottom:80px !important; }
	
	.img-overlay .overlay-masked { padding:15px; }
	.img-overlay .overlay-masked h4 {
		font-size:18px;
		line-height:24px;
	}
	.img-overlay .overlay-masked p {
		font-size:14px;
		line-height:20px;
	}
	
	.post-heading-center { padding:0px; }
	
	#header .navbar { display:none; }
	#navigation_mobile { display:block; }
	
	#header .header-content .header-content-img {
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		height:300px;
		background:url(../hh-images/rocket.jpg);
	}
	#header .header-content .header-content-img .btn-play { margin-top:-60px; }
	#header .header-content .header-content-form .submit-status span {
		right:15px;
		left:15px;
		width:auto;
		margin-top:-40px;
	}
	#header .header-content .header-content-form .submit-status span .fa {
		display:block;
		font-size:24px;
		margin:0px 0px 6px;
	}
	#header .header-content .header-content-form {
		float:none;
		width:auto;
		padding:40px 15px;
	}
	#header .header-content .header-content-form form {
		width:auto;
		padding:0px;
		margin:0px auto;
	}
	#header .header-content .header-content-form .form-row .input-col {
		float:none;
		width:auto;
	}
	
	#header .page-header-overlay { padding:60px 0px; }
	#header .page-header-text h1 {
		font-size:34px;
		line-height:44px;
	}
	#header .page-header-text p {
		font-size:15px;
		line-height:24px;
	}
	
	.affa-feature-icon img {
		width:68px;
		height:auto;
	}
	
	.affa-feature-text h4 { min-height:0px; }
	
	.affa-quote { padding:0px; }
	
	.affa-counter {
		position:static;
		min-height:0px;
		text-align:center;
		padding-left:0px;
	}
	.affa-counter .fa {
		position:static;
		top:auto;
		left:auto;
		font-size:48px;
		margin-bottom:20px;
	}
	
	.teams-row { padding:0px; }
	.carousel-slider.teams-row .slick-prev { left:5px; }
	.carousel-slider.teams-row .slick-next { right:5px; }
	
	.testimonials-container {
		width:100%;
		padding:0px 15px;
	}
	.testimonials-wrap { padding:60px 40px; }
	
	.call-action {
		position:static;
		min-height:0px;
		text-align:center;
		padding-right:0px;
	}
	.call-action .btn-section {
		position:static;
		top:auto;
		right:auto;
		width:auto;
		text-align:center;
		margin-top:20px;
	}
	
	.clients-row .affa-client-logo { width:50%; }
	.clients-row .affa-client-logo.no-border-right-sm { border-right:1px solid #f0f0f0; }
	.clients-row .affa-client-logo.no-border-bottom-sm { border-bottom:1px solid #f0f0f0; }
	.clients-row .affa-client-logo.no-border-right-xs { border-right:0px; }
	.clients-row .affa-client-logo.no-border-bottom-xs { border-bottom:0px; }
	
	.isotope-menu a {
		display:block;
		margin-right:0px;
		margin-left:0px;
	}
	.isotope-row .item { width:50%; }
	
}

@media (max-width: 600px) {
	
	.testimonial-item .testimonial-text {
		font-size:22px;
		line-height:34px;
	}
	.testimonial-item .testimonial-author h4 {
		font-size:18px;
		line-height:26px;
	}
	.testimonial-item .testimonial-author p {
		font-size:16px;
		line-height:22px;
	}
	
}

@media (max-width: 480px) {
	
	.btn-play {
		width:80px;
		height:80px;
		background-image:url(../hh-images/btn-play-mobile.png);
	}
	
	#navigation_mobile ul {
		padding-left:15px;
		padding-right:15px;
	}
	
	#header .header-content .header-content-img { height:240px; }
	#header .header-content .header-content-img .btn-play { margin:-40px 0px 0px -40px; }
	#header .header-content .header-content-form .header-form-title h1 {
		font-size:26px;
		line-height:32px;
	}
	#header .header-content .header-content-form .header-form-title p {
		font-size:16px;
		line-height:24px;
	}
	
	#header .page-header-text h1 {
		font-size:26px;
		line-height:34px;
	}
	#header .page-header-text p {
		font-size:14px;
		line-height:22px;
	}
	
	.affa-quote h4 {
		font-size:24px;
		line-height:32px;
	}
	.affa-quote p {
		font-size:18px;
		line-height:26px;
	}
	
	.affa-testimonials-avatars { margin-bottom:25px; }
	.affa-testimonials-avatars .avatar-item {
		width:64px;
		height:64px;
		margin:8px -15px;
	}
	.affa-testimonials-avatars .avatar-item.active {
		width:80px;
		height:80px;
	}
	.carousel-slider.affa-testimonials-carousel { padding-bottom:40px; }
	.testimonials-wrap { padding:40px 20px; }
	.testimonial-item .testimonial-text {
		font-size:18px;
		line-height:28px;
	}
	.testimonial-item .testimonial-author h4 {
		font-size:16px;
		line-height:24px;
	}
	.testimonial-item .testimonial-author p {
		font-size:15px;
		line-height:22px;
	}
	
	.isotope-row .item { width:100%; }
	
}

@media (max-width: 400px) {
	
	.list-row { margin:0px; }
	.list-row .list-col {
		float:none;
		width:auto;
		padding:0px;
	}
	
	.affa-feature-icon { text-align:center; }
	
	.affa-feature-icon-left {
		position:static;
		min-height:0px;
		text-align:center;
		padding-left:0px;
	}
	.affa-feature-icon-left img {
		position:static;
		top:auto;
		left:auto;
		margin-bottom:25px;
	}
	
	.affa-skill h4 {
		text-align:left;
		padding:0px;
	}
	
	.clients-row .affa-client-logo {
		width:100%;
		border:0px;
	}
	.clients-row .affa-client-logo:first-child { padding-top:0px; }
	.clients-row .affa-client-logo:last-child { padding-bottom:0px; }
	.clients-row .affa-client-logo.no-border-right-sm, .clients-row .affa-client-logo.no-border-bottom-sm { border:0px; }
	
}
/*------ PRICING PAGE CSS -----*/
sup{
	font-size: 20px;
}
.price_content ul{
	list-style: none;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
}
.price_content li{
	border-bottom: 1px solid #494a5a;
	padding: 0px;
	margin: 0px;
	color: #fff;
	text-align: center;
	height: 52px;
	line-height: 52px;
}
.price_content {font-weight: normal;color: #ff0000;font-size: 1.0em;}
.whole{
	display: inline-block;  
}
.type{
	width: 100%;
	border-radius: 5px 5px 0px 0px;
	background-color: #FA0606;
	height: 62px;
	border-bottom: 3px solid #AE0303;
}

.type p{
	font-family:"Manrope",'Open Sans';
    font-weight: 800;
	font-size: 24px;
	text-transform: uppercase;
	color: white;
	text-align: center;
	padding: 20px;
}

.plan{
	width: 290px;
	padding:5px;
	background-color: #2b2937;
	border-radius: 0px 0px 5px 5px;
    font-family:"Manrope",'Open Sans';
    font-style:condensed;
    font-size: 50px;
    color: white;
    text-align: center;
}
.standard{
	background-color: #00CCFF;
	border-bottom: 3px solid #00AAD5;
}
.ultimate{
	background-color: #5d6a9a;
	border-bottom: 3px solid #474f6f;
}
.header span{
	font-size: 32px;
	font-weight: 800;
}
.month{
	font-size: 14px;
	color: #FF1111;
	padding: 0px;
	margin: -10px;
}
.price{
	height:80px;
}
.cart{  
  color:white;
  position: relative;
  top: 16px;  
}
.top{
  margin-top:35px;
}
.nodisplay{
  opacity: 0.1;
}

.captch-m-bttm {
	margin-bottom:25px;
}
/*------ PRICING PAGE END -----*/

.public-pricing {

	border-top: 1px solid #494a5a;
}
.public-header{
	margin-top: 29px;
    margin-bottom: 29px;
}
.btn-warning{
	background-color:#FB4D2A !important;
    border-color:#FB390B !important;
}
.footer-style{
	position: initial;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: auto;
}
.rating-style{
	padding-top: 7px;
    padding-left: 6px;
}

.s-t-s {
	font-size: 12px;
}

.margin-top-10 {
	
	margin-top: 10px;
}
.rating-progress{
	padding-left:10px;
}

/*input[name=interestedInAPI] {
	display:none;
}*/
.btn-radio-orange{
  	display: inline;
    font-size: 12.5px;
    color: white;
    border-radius: 1px;
    border-right: solid;
    border-width: 2px;
    padding: 9px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #fb4d2b, #a9260c);
    cursor: pointer;
}
 .btn-radio-orange.active{
	background-image: linear-gradient(to bottom, #fb4d2b, #fb4d2b);
}
.margin-btm-13 {
	margin-bottom: 13px;
}

/**
new design
*/
@media(min-width:768px) {
    #wrapper {
        padding-left: 280px;
    }

	#search-wrapper {
        padding-left: 350px;
    }
    
    #page-wrapper {
        padding: 28px 0px 20px 10px;
    }
    
    #yc-wrapper {
    	padding-left: 125px;
	}
}

.widgets {
    background-color: #FFF;
    border: 1px solid #e9e9e9;
    padding: 5px 20px;
}
.fa-icons {
	display: inline-block;
    border-right: 2px solid #dad8d8;
}
.fa-p-20 {
	padding-right: 20px;
}
.fa-px-20 {
	padding-right: 30px;
	padding-left: 10px;
}
.fa-p-12 {
	padding-right: 12px;
}
.txt-align {
	display: inline-block;
    padding: 0px 20px;
    position: absolute;
    margin-top: 12px;
}
.font-20 {
	font-size: 20px;
}
.wastedMemory-color {
	color: #fb4d2b;
}
.side-nav-fixed {
	position: fixed !important;
    top: 90px;
    left: 250px;
    width: 280px;
    margin-left: -250px;
    border-right: 1px solid #ebebeb;
    border-radius: 0;
    overflow-y: auto;
    /* background-color: #333333; */
    bottom: 0;
    overflow-x: hidden;
    padding-bottom: 40px;
}
.navbar-active {
	padding:0px;
	width: 100%;
}
.nav-li {
	/* border-bottom: 1px solid #a79e9e; */
  	font-size: 15px;
  	font-weight: 500;
}
.nav-li>a {
	position: relative;
	color: #707070;
	display: block;
	width: 100%;
	padding: 15px 10px 10px 40px;
}
.navbar-active>.nav-li>.active {
	/* background-color: #ff411a; */
	color: #fc603b;
}
.navbar-active>.nav-li>a.active {
	font-weight: bold;
}
.navbar-active>.nav-li>a:hover {
	font-weight: bold;
	/* background-color: #ff411a; */
}

/*Heap Recommendations*/

.panel_solution{
    border: 1px solid #e8e8e8;
  	padding: 20px;
  	background-color: #fff;
  	box-shadow: 2px 3px 2px 1px #c7c7c7;
  	margin-bottom: 25px;
  	border-radius: 20px;
}
.headings{
	border-left: 3px solid #fc603b;
	background-color: #dec5c5;
	border-radius: 0px 5px 5px 0px;
	padding: 10px;
}
.span-tree{
	border: 1px solid #cac7c7;
    box-shadow: 1px 1px 2px 1px #9c9c9c;
    background-color: #f1f1f1;
    color: #6b6a6a;
}
.wrap-container-bg {
	background-color: #f1f1f1;
}
.panel_tree{
    border: 1px solid #e8e8e8;
  	padding: 20px;
  	background-color: #fff;
  	box-shadow: 2px 3px 2px 1px #c7c7c7;
  	margin-bottom: 70px;
  	border-radius: 0px 20px 20px 0px;
  	border-left: 3px solid #fc603b;
}
.panel_no_data {
	text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.panel-tree-heading {
	background-color: #e2c1c1;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 0px 1px #e4e3e3c7;
}
.panel_tree>.tree {
	padding-left: 30px;
}

.topmargin-35 {
	margin-top: 35px !important;
}
.heap-row {
  margin-top: 20px;
}

#heap-footer {
    color: #FFF;
    background-color: #333;
}
.demo-request {
  /* font-family: "Manrope","Helvetica Neue",Helvetica,Arial,sans-serif; */
  font-weight: 100;
  font-size: 14px;
  line-height: 30px;
  color: #777;
  background: #ffffff;
}

.cmn-btn-info {
    color: #fff;
    background-color: #FB4D2A;
}

#demo input[type="text"],
#demo input[type="email"],
#demo input[type="tel"],
#demo input[type="url"],
#demo textarea,
#demo button[type="submit"] {
  font: 400 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#demo {
  background: #F9F9F9;
  padding: 25px;
  margin: 100px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#demo h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#demo h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#demo input[type="text"],
#demo input[type="email"],
#demo input[type="tel"],
#demo input[type="url"],
#demo textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  height: 30%;
}

#demo input[type="text"]:hover,
#demo input[type="email"]:hover,
#demo input[type="tel"]:hover,
#demo input[type="url"]:hover,
#demo textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#demo textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#demo button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #FB4D2A;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
  text-align: center;
}

#demo button[type="submit"]:hover {
  background: #333333;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#demo button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#demo input:focus,
#demo textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

	/* Modal vertically align */
.modal {
	text-align: center;
 	padding: 0!important;
}
.modal:before {
 	content: '';
 	display: inline-block;
 	height: 100%;
 	vertical-align: middle;
 	margin-right: -4px;
}
.modal-dialog {
 	display: inline-block;
 	text-align: left;
 	vertical-align: middle;
}
.cmn-btn-info{
	color: #fff;
	background-color: #FB4D2A;
}
.cmn-demo-btn {
    color: #fff !important;
    text-decoration: none !important;
}

.cmn-hyperlink-clr {
	color: #FB4D2A !important;
	outline: none !important;
}
/* .demo-comment-char-count {
	color: red;
	text-align: right;
} */
.demo-modal-msg {
	font-weight: 500;
	font-size: 16px;
	color: #515151;
}
.p-r-l-20 {padding:0 20px 0 20px;}
.p-t-130 {padding-top:130px;}
.m-t-30 {margin-top:30px;}
.m-l-r-20 {margin:0 20px 0 20px;}

.quote-comment-char-count {
	color: red;
	text-align: right;
}

.terms-hyperlink {
	color: #FB4D2A !important;
}

/* yc css */
.g-sidenav-fixed {
	position: fixed;
	height: 100%;
	background-color: #282828;
	margin-left: -125px;
	width: 8vw;
	overflow-y: auto;
    overflow-x: hidden;
    bottom: 0;
    top: 69px;
    z-index: 99;
    padding-bottom: 120px;
}

.dactive {
    background-color: #FFFFFF !important;
    color: #72C02C !important;
}

.g-pt-50 {
	padding-top: 3.57143rem !important;
}

.g-pt-8 {
    padding-top: 0.57143rem !important; }
.u-shadow-v15 {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3); }
  
  .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.text-center {
  text-align: center !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

@media (min-width: 768px)
[class*="u-nav-v8"].flex-column .nav-item {
    margin-bottom: 1px;
}

[role="tablist"] .nav-item {
    display: inline-block;
}

[class*="u-nav-v8"] .nav-link {
  position: relative;
  /* min-height: 100%; */
  padding: 10px 20px;
  background-color: #282828;
  color: #fff;
  transition: none; }
  
  .nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent !important;
}

   .g-pa-20 {
    padding: 1.42857rem !important; }
    
    [class*="u-nav-v8"] .nav-link.active {
    background-color: #72c02c;
}
.d-block {
  display: block !important;
}
.g-pos-rel {
  position: relative !important; }
  
  .g-z-index-2 {
  z-index: 2; }
  
  .g-font-size-25 {
  font-size: 1.78571rem !important; }
  
  .u-tab-line-icon-pro {
  position: relative;
  top: 2px; }

@media (min-width: 768px){
[class*="u-nav-v8"].flex-column .nav-item {
    margin-bottom: 1px;
}
}

.g-ml-20 {
	margin-left: 15px;
}
.g-ml-70 {
	margin-left: 75px;
}
.g-brd-btm {
	border-bottom: 1px solid #fff;
	}
#yc-gc:hover {
	background-color: #333 !important;
}
.yc-navbar {
	position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    min-height: 0px;
    font-family: "Manrope",Montserrat, Arial, serif;
    color: #FFF;
    background-color: #fff;
    padding: 15px 0px;
    margin: 0px;
    border: 0px;
    z-index: 100;
    border-radius: 0px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    box-shadow: 0 0 3px #b5b5b5;
}
.yc-nav li a{
	float: left !important;
    color: #000 !important;
   /*  font-size: 20px !important; */
    line-height: 20px !important;
    background: none !important;
    padding: 0px !important;
    font-weight: bold !important;
    font-family: "Manrope","Open Sans", Helvetica, Arial, sans-serif;
}
.yc-nav {
	margin-right: 55px;
}

.text-align-left {
	text-align: left;
}
.m-b-10 {margin-bottom: 10px;}

.f-s-25 {
	font-size: 25px !important;
}

.top-25 {
	top: 25%;
}

.yc-footer {
	width: 100%; 
	padding-top:0px !important; 
	position: fixed; 
	bottom: 0px;
}

/* Start: Spinner */

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* End: Spinner */

/* Start: Remote Location UI */

/* .section-border {

	display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: auto !important;
    padding: 15px 30px !important;
    border: 2px solid rgb(238, 75, 41) !important;
    border-radius: 10px !important;
} */

.section-border {
    padding: 3rem 3rem;
    display: inline-block;
    /* border: 3px solid #333333; */
    /* font-size: 2.5rem; */
    /* border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%; */
    /* text-transform: uppercase;
    letter-spacing: 0.3ch; */
    background: #ffffff;
    position: relative;
    background-color: #333333;
    /* border-width: 3px 4px 3px 5px;
    border-radius:95% 4% 92% 5%/4% 95% 6% 95%; */
    border-radius: 20px;
    border: 2px solid #1f1c19;
    /* transform: rotate(2deg); */
    
    &::before {
        content: '';
        border: 2px solid #353535;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
        border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
    }
} 
.btns {
    display: flex !important;
    flex-direction: row !important;
    width: 340px;
    height: 40px;
    /* float: right; */
    color: #fff;
    top: -48px;
    position: relative;
    /* margin-top: 19px; */
   	cursor: pointer;
}
.btns > div {
	 flex: 1;
	 display: flex !important;
	 flex-direction: row !important;
	 justify-content:center;
	 align-items:center;
	 cursor:pointer;
	 /* color: black; */
     font-weight: 500;
     padding: 10px;
}
.upload{
    border: 2px solid #ee4b29;
    /* border-radius: 50% 0 0 50%; */
    font-size: 16px;
}
.remote_url{
    border: 2px solid #ee4b29;
    /* border-radius: 0 50% 50% 0; */
    font-size: 16px;
    margin-right: 20px;
}

.m-l-45 {
	margin-left: 45px;
}

.m-l-65 {
	margin-left: 65px;
}

.m-b-45 {
	margin-bottom: 45px !important;	
}

.theme-bg-color {
	
	background-color: #ee4b29;
}

.grey-bg-color {
	
	background-color: #f9f9f9;
}

.hh-upload-a-color {
	color: #ee4b29 !important; 
}

.hh-upload-a-color:hover {
	color: #ee4b29 !important; 
}

.font-size-12 {
	font-size: 12px;
}

.theme-color {
	color: #ee4b29;
}

.m-t-25 {
	margin-top: 25px;
}

.txt-white {
	
	color: #ffffff !important;
}

.txt-black {
	color: black !important;
}
.review-fs-mt{
	font-size: 18px;
	margin-top: 40px;
}
.review-text-black {
	color: black !important;
	font-size: 17px;
	margin-top: -9px;
	margin-bottom: 5px;
}

.m-t-40 {
	
	margin-top: 40px;
}

.m-b-25 {
	margin-bottom: 25px;
}

.p-l-15 {
	
	padding-left: 15px;
}

.p-r-15 {
	padding-right: 15px;	
}

.font-size-18 {

	font-size: 18px;
}

.font-wt-500 {
	font-weight: 500;	
}

.upload-b-r {
	
	border-radius: 5px 0px 0px 5px;
}

.remote-url-b-r {
	
	border-radius: 0px 5px 5px 0px;
}

.txt-underline {
	
	text-decoration: underline !important;
}

.font-size-16 {
	
	font-size: 16px !important;
}

.remote-location-txtbox {
	padding-left: 10px !important;
	background-color: #ffffff !important;
	color: #000; 
	height: 35px !important;
}

.add-header-btn {
	
	background-color: #333333;
	border-color: #fff;
	padding-top: 8px !important;
	padding-bottom: 8px !important;	
	text-transform: none;
}

.add-header-btn:hover {
	
	background-color: #FB390B;
	border-color: #333333;
}

.key-val-input {
	color: #000; 
	height: 35px !important; 
}

.b-r-3 {
	border-radius: 3px;
}

.p-1 {
	padding: 1px;
}

.m-t-1 {
	margin-top: 1px;
}

.p-r-5rem {
	padding-right: 5rem;
}

.p-l-5rem {
	padding-left: 5rem;
}

.btn-circle {
	border-radius: 15px;
	width: 30px; 
	height: 30px;
	text-align: center; 
	padding: 6px 0; 
	font-size: 12px;
	line-height: 1.42;
}

.font-weight-500 {
	font-weight: 500 !important;
}

.text-black {
	color: #000 !important;
}
/* End: Remote Location UI*/

/* Start: Media Query */

@media (max-width:668px) {
	.margin-top50{margin-top: 0px !important;}
	.padding-top20{padding-top: 0px !important;}
	.p-t20{padding-top:20px !important;}
}

@media (min-width: 768px) {
	.table-layout{table-layout: fixed !important;width: 100% !important;}
}
.table-layout td{ 
	word-break: break-word;
}
.hh_link {
	color:#FB4D2A !important;
}

.h4_font {
	font-size:1.5em;
	font-weight: bold;
}
.wordbreak{
word-break: break-word !important;
}
.hh-ty-color {
	color:#FB4D2A;
	font-family: "Manrope",Montserrat, Arial, serif !important;
	font-size: 7.0rem !important;
	font-weight: bold !important;
}

.heap-thankyou-text {
	font-family: "Manrope",Montserrat, Arial, serif !important;
	font-size: 3.0rem !important;
}

.p-t-100 {
	padding-top:100px;
}

.transform-270 {
	transform: translateY(270%);
}

/* get quote page Css*/
.f-w-900 {
	font-weight:900;
}
.margin-b-20 {
	margin-bottom: 20px; 
}

.f-s-16 {
	font-size:16px;
}

.m-t-9 {
	margin-top:-9px;
}

.color-grey {
	color: #9E9E9E; 
}

.quote-border-color {
	background: #F4F4F4;
	border-radius: 4px;
  	box-shadow: 0 1px 3px 1px rgba(133,133,133,0.36);
}

.heap-input-icon {
	position: absolute;
	padding: 16px;
	padding-left: 27px;
	font-size: 19px;
}

.m-10 {
    margin: 0px 10px 0px 10px;
    font-weight: normal;
}

.m-l-44 {
	margin-left: 44px;
}

.color-black {
	color:#000 !important;
}
.placeholder-color {
	color:#555 !important;
}

.p-t-53 {
	padding-top:53px;
}

.p-l-49 {
	padding-top: 12px;
	padding-left: 49px; 
}

.p-l-60 {
	padding-left: 60px !important;
	height:50px !important;
}

.hh-link-font {
	font-style:italic;
}

.m-t-l-25-14 {
	margin-top:25px; 
	margin-left:-14px;
}

.bg-color{
    background-color:white !important;
}

.m-l-r-92 {
   	margin: 0 20px 0 -92px;
}

.m-b-10 {
	margin-bottom:10px;
}

.m-l-41 {
  margin-left:41px;
}

.m-t-10 {
	margin-top:10px;
}

.m-l-11 {
	margin-left:-11px;
}

.color-red {
	color:red;
}

.m-r-4 {
	margin-right:4px !important;
}

.b-r {
    border-radius:0px;
    border: 1px solid #eee !important;
}
.p-b-75 {
	padding-bottom:75px;
}

.m-catcha {
	padding-left: 60px;
	padding-top: 18px;
}

.submit-btn {
	margin-top:59px;
	padding:12px 22px;
	letter-spacing: 2px;
}
/* End: Media Query */
/* YCrash left menu */
#dashboard-nav-container {
  height: calc(100% - 72px);
  background-color: #282828;
  width: 128px;
  position: fixed;
  overflow:auto;
  top: 72px;
  left: 0;
  z-index: 10;
  transform: translate3d(0, 0, 0);
  right: auto;
}
@media (min-width: 1920px) {
  #dashboard-nav-container {
    height: calc(100% - 82px);
    width: 148px;
    top: 82px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #dashboard-nav-container {
    height: calc(100% - 60px);
    top: 60px;
  }
}
@media (max-width: 767px) {
  #dashboard-nav-container {
    display: none;
  }
}
#dashboard-nav-container.absolute {
  position: absolute;
}
#dashboard-nav-container #dashboard-nav, #dashboard-nav-container #mm-0, #dashboard-nav-container #dashboard-nav-mobile {
  min-height: 100%;
}
#dashboard-nav-container #dashboard-nav.nav-type2 ul, #dashboard-nav-container .nav-type2#mm-0 ul, #dashboard-nav-container .nav-type2#dashboard-nav-mobile ul {
  padding: 60px 0;
}
@media (min-width: 1920px) {
  #dashboard-nav-container #dashboard-nav.nav-type2 ul, #dashboard-nav-container .nav-type2#mm-0 ul, #dashboard-nav-container .nav-type2#dashboard-nav-mobile ul {
    padding: 83px 0 55px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #dashboard-nav-container #dashboard-nav.nav-type2 ul, #dashboard-nav-container .nav-type2#mm-0 ul, #dashboard-nav-container .nav-type2#dashboard-nav-mobile ul {
    height: calc(100% - 60px);
    top: 60px;
  }
}
#dashboard-nav-container #dashboard-nav ul, #dashboard-nav-container #mm-0 ul, #dashboard-nav-container #dashboard-nav-mobile ul {
  padding: 60px 0;
  overflow: hidden;
}
@media (min-width: 1920px) {
  #dashboard-nav-container #dashboard-nav ul, #dashboard-nav-container #mm-0 ul, #dashboard-nav-container #dashboard-nav-mobile ul {
    padding: 80px 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #dashboard-nav-container #dashboard-nav ul, #dashboard-nav-container #mm-0 ul, #dashboard-nav-container #dashboard-nav-mobile ul {
    height: calc(100% - 60px);
    top: 60px;
  }
}
@media (max-width: 767px) {
  #dashboard-nav-container #dashboard-nav ul, #dashboard-nav-container #mm-0 ul, #dashboard-nav-container #dashboard-nav-mobile ul {
    display: none;
  }
}

#dashboard-nav, #mm-0, #dashboard-nav-mobile {
  background-color: #282828;
}
#dashboard-nav.nav-type2 ul li a, .nav-type2#mm-0 ul li a, .nav-type2#dashboard-nav-mobile ul li a {
  padding: 15px 9px 15px 8px;
  margin: 0 0 16px;
}
@media (min-width: 1920px) {
  #dashboard-nav.nav-type2 ul li a, .nav-type2#mm-0 ul li a, .nav-type2#dashboard-nav-mobile ul li a {
    padding: 20px 11px 21px 10px;
  }
}
#dashboard-nav.nav-type2 ul li a .icon, .nav-type2#mm-0 ul li a .icon, .nav-type2#dashboard-nav-mobile ul li a .icon {
  height: auto;
  margin: 0 0 10px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #dashboard-nav.nav-type2 ul li a .icon, .nav-type2#mm-0 ul li a .icon, .nav-type2#dashboard-nav-mobile ul li a .icon {
    height: 44px;
  }
}
#dashboard-nav.nav-type2 ul li a svg, .nav-type2#mm-0 ul li a svg, .nav-type2#dashboard-nav-mobile ul li a svg {
  height: 29px;
}
@media (min-width: 1920px) {
  #dashboard-nav.nav-type2 ul li a svg, .nav-type2#mm-0 ul li a svg, .nav-type2#dashboard-nav-mobile ul li a svg {
    height: auto;
  }
}
#dashboard-nav ul, #mm-0 ul, #dashboard-nav-mobile ul {
  padding: 60px 0;
}
#dashboard-nav ul li a, #mm-0 ul li a, #dashboard-nav-mobile ul li a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: calc(100% + 1px);
  fill: #fff;
  display: block;
  padding: 15px 9px 15px 8px;
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  color: #fff !important;
  text-align: center;
  transition: color 0.1s;
  position: relative;
  background-color: #282828;
  overflow: visible;
}
@media (min-width: 1920px) {
  #dashboard-nav ul li a, #mm-0 ul li a, #dashboard-nav-mobile ul li a {
    padding: 20px 11px 21px 10px;
    margin: 0 0 21px;
    font-size: 18px;
    line-height: 20px;
  }
}
#dashboard-nav ul li a .icon, #mm-0 ul li a .icon, #dashboard-nav-mobile ul li a .icon {
  height: 38px;
  display: block;
}
@media (min-width: 1920px) {
  #dashboard-nav ul li a .icon, #mm-0 ul li a .icon, #dashboard-nav-mobile ul li a .icon {
    height: 44px;
  }
}
#dashboard-nav ul li a svg, #mm-0 ul li a svg, #dashboard-nav-mobile ul li a svg {
  height: 29px;
  display: block;
  margin: 0 auto;
  transition: fill 0.1s;
}
@media (min-width: 1920px) {
  #dashboard-nav ul li a svg, #mm-0 ul li a svg, #dashboard-nav-mobile ul li a svg {
    height: auto;
  }
}
#dashboard-nav ul li a:hover, #mm-0 ul li a:hover, #dashboard-nav-mobile ul li a:hover {
  color: #72C02C;
}
#dashboard-nav ul li a:hover svg, #mm-0 ul li a:hover svg, #dashboard-nav-mobile ul li a:hover svg {
  fill: #72C02C;
}
#dashboard-nav ul li a.active, #mm-0 ul li a.active, #dashboard-nav-mobile ul li a.active {
  background-color: #fff;
  color: #72C02C !important;
}
#dashboard-nav ul li a.active:before, #mm-0 ul li a.active:before, #dashboard-nav-mobile ul li a.active:before, #dashboard-nav ul li a.active:after, #mm-0 ul li a.active:after, #dashboard-nav-mobile ul li a.active:after {
  content: "";
  width: 29px;
  height: 27px;
  background-image: url("../../assets/yc-images/nav-active-corner.svg");
  position: absolute;
  right: 0;
}
#dashboard-nav ul li a.active:before, #mm-0 ul li a.active:before, #dashboard-nav-mobile ul li a.active:before {
  top: -26px;
}
#dashboard-nav ul li a.active:after, #mm-0 ul li a.active:after, #dashboard-nav-mobile ul li a.active:after {
  bottom: -26px;
  transform: scaleY(-1);
}
#dashboard-nav ul li a.active svg, #mm-0 ul li a.active svg, #dashboard-nav-mobile ul li a.active svg {
  fill: #72C02C;
}
#dashboard-nav ul li a:focus {
    outline: none !important;
}
.yc-heap-footer {
	width: 100%; 
	height: 63px;
    box-shadow: rgba(191, 191, 191, 0.5) 0px -4px 6px 0px; 
    position: relative; 
    z-index: 9;
    margin-top: auto;
   	background: rgb(255, 255, 255);
}

.align-item-center {
	align-items: center;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-20 {
	padding-top: 20px;
}

.p-t-5 {
	padding-top: 5px;
}

.yc-footer-txt {
	color: rgb(41, 41, 41) !important; 
	font-size: 16px
}

.copyright i {
	color: #FF3D7F;
	margin: 0 5px;
}
/* Used to remove red outline to thr required fields in IE and Edge*/
input:required:invalid {
    outline: none;
}
select {
	outline: none;
}

/* Used to remove dotted boder in select element in firefox */
select:-moz-focusring {
    color: transparent !important;
    text-shadow: 0 0 0 #000 !important;
}

/* used to remove background color of select when we select any item from the dropdown*/
select:focus::-ms-value {
    color: #000;
    background: transparent;
}
/* headline css */
.close-headline {
   font-size: 24px;
    opacity: 5.9;
    color: #fff;
    float: right;
    cursor: pointer;
    left: 85%;
    position: absolute;
    top: 6px;
}

.gc-headline {
	color: white;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    height: 42px;
    padding: 10px;
}

.bg-red {
	background-color:#FB4D2A;
}

.heap-headline {
	position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    top: 70px;
}

 @media only screen and (max-width: 767px) {
	
	.mob-top-55 { top:55px !important;}
	.close-headline {left: 92%;}
	.gc-headline {height:72px;}
}

@media (min-width: 768px) and (max-width: 1250px) {
	.mob-left-94 { left:94%; }
}

.heap-trial-text {
	font-size:16px;
	font-weight:500;
	text-align:center;
}

.heap-heading-text {
	font-size:30px;
	font-weight:700;
}

#element1 img, #element2 img, #element3 img {
	margin-left: auto;
  	margin-right: auto;
}
#element2, #element3 {
	display: none;
}
/* ---------------------------------------- Start - Quote page, Trial and Demo page-  ------------------------------------------------- */

.img-container {
    display: flex;
    align-items: center;
}

.img-vertically-align {
    display: table-cell;
    vertical-align: middle;
}
.p-t-80 {padding-top:80px;}
.p-t-150 {padding-top:150px;}
.p-b-90 { padding-bottom:90px;}
.heap-text { color: #FB4D2A;}
.heap-input-icon {
	position: absolute;
	padding: 16px;
	padding-left: 27px;
	font-size: 19px;
}

.quote-border-color {
	background: #F9F9F9;
	border-radius: 4px;
  	box-shadow: 0 1px 3px 1px rgba(133,133,133,0.36);
}
.heap-quote-bg-color {
    background-color: white;
}
.f-italic {
    font-style: italic;
}
.m-catcha {
    margin-top: 25px;
    margin-left: -14px;
}
.quote-comment-color {
    color: red;
}

.inputbox {
    background-color: #F5F5F5 !important;
    border: none;
    width: 100%;
    outline: none;
    padding-right: 10px !important;
}

.inputbox:focus {
    background-color: #F9E0CD !important;
    border-bottom: 3px solid #FB4D2A;
}
.height55 {
    height: 55px !important;
}
.font-w-500 {
    font-weight: 500 !important;
}
.font-16 {
    font-size: 16px !important;
}
.p-l-72 {
    padding-left: 72px !important;
}

.m-b-5 { margin-bottom: 5px; }
.m-t-5 { margin-top: 5px; }
.m-b-20 { margin-bottom: 20px; }
.m-t-20 { margin-top: 20px; }
.m-b-30 { margin-bottom: 30px; }

.font-w-900 { font-weight: 900; }
.font-w-600 { font-weight: 600; }
.font-w-700 { font-weight: 700; }


.prof-input-container {
    margin-bottom: 15px;
    /* background-color: #F5F5F5; */
}

.prof-icons {
    position: absolute;
    padding: 13px;
    padding-left: 26px;
    font-size: 29px;
    color: #FB4D2A;
}

.textarea {
    background-color: #F5F5F5;
    border: none;
    width: 100%;
    outline: none;
    padding-top: 17px;
}

.textarea:focus {
    background-color: #F9E0CD !important;
    border-bottom: 3px solid #FB4D2A;
}

.btn-submit {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    background-color: #FB4D2A;
    color: #FFF;
    border-color: rgba(0,0,0,0.01);
    width: 100%;
    padding: 15px;
    border: 2px solid #FB4D2A;
}

.btn-effect:hover {
    font-weight: 800;
    letter-spacing: 0;
    line-height: 21px;
    box-shadow: 0 0 50px 15px rgba(0,0,0,0.15);
    cursor: pointer;
}

.btn-effect {
    font-weight: 800;
    letter-spacing: 0;
    line-height: 21px;
    box-shadow: 0 0 14px 5px rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
}
.btn-submit:hover {
    color: #fff;
}
.btn-submit:hover {
    background: #FB4D2A;
    border-color: #FB4D2A;
}

 .font-48 {font-size:48px;}
  .font-22 {font-size:22px;}
  
  .error-msg {
    color: #b7505e;
    background: #fddadc;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
    border-radius: 5px;
}
.txt-left {
    text-align: left;
}
.m-r-0 {
    margin-right: 0px;
}
.m-l-0 {
    margin-left: 0px;
}
.error-input-border {
    border-bottom: 3px solid red !important;
}
.m-b-15 {margin-bottom:15px;}
.display-none {display:none;}
.display-block {display:block;}
.p-t-90 { padding-top:90px;}
.p-t-50 { padding-top:50px;}
.p-t-160 { padding-top:160px !important;}

/* ---------------------------------------- End - Quote page, Trial and Demo page-  ------------------------------------------------- */
/* ---------------------------------------- Start - Toggle between Heap Hero and MAT -------------------------------------------------- */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  top: -11px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff411a;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2C2255;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#Emat, #hh {
  color: #707070;
}
#center{
	margin-top: 22px;
	font-weight: bold;
}
.progressbar-percentage {
	float:right;
	color: black;
    font-size: 17px;
}

.star-rating {
	color: black;
    font-size: 17px;
}

.m-3 {
	margin:3px;
}

.height-17 {
	height:17px;
}

.progressbar-bgcolor {
	background-color: #FFC107;
}
.progress {
    background-color: #f5f5f5;
}
.progress-bar {
	color: #6e6c6c !important;
}
.testimonial-mini {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px; 
    word-break: break-word;
}

.gc-testimonial-bgcolor { background-color: #Feeae6; }

.ft-testimonial-bgcolor { background-color: #FFEFDF; }

.date-align-right {
	float: right;
}

.rating {
	font-size:70px;
	font-weight:bold;
	color: #000;
}

.user-review-input {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.03), 0 0 4px 0 rgba(0,0,0,0.03), 0 2px 11px 0 rgba(98,98,98,0.17);
    margin: 0px auto auto;
    width: 85%;
    margin-bottom: 85px;
    padding: 60px 54px 44px 30px;
}
.form-control:focus{
	background-color: #fff ;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
}
.form-bg-color{
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	color: #555 !important;
}
.para {
    font-weight: bold;
}

.horizontal-line {
	margin-top: 30px !important;
    margin-bottom: 40px !important;
    border-top: 1px solid #EFEFEF !important;
}

red_underscore {
    border-style: solid;
    border-bottom-color: #ff0000;
    border-right-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    border-top-color: rgb(255, 255, 255);
}

.dynamic-grid {
	position: relative;
	z-index: 1;
	-webkit-columns: 240px 3;
	-moz-columns: 240px 3;
    columns: 240px 3;
  	-webkit-column-gap: 15px;
    -moz-column-gap: 15px;
   	column-gap: 15px;
}

.grid-item {
	position: relative;
  	display: inline-block;
  	/* margin: 1rem; */
  	max-width: 100%;
  	column-break-inside: avoid;
  	margin-right: auto;
  	margin-left: auto;
  	width: 350px;
}
.grid-item .inner {
  	padding: 1rem 1rem 1rem 1rem;
}

.morecontent span {
	display: none;
}
.morelink {
    display: block;
}
.mob-text{
	font-size : 17px;
	font-weight:bold;
}
/* ---------------------------------------- End - Toggle between Heap Hero and MAT -------------------------------------------------- */
/*****************************************************************************************************************
											Start: Newsletter subscription CSS
******************************************************************************************************************/
 .newsletter-img-bg-color {
	background-color: #333333;
	width:100%;
}

.subscription-inputbox {
    border: 1px solid #9b999957;
    outline: none;
    padding-right: 10px;
    opacity: 0.34;
  	margin-right: -6px;
  	padding: 9px 24px;
  	border-radius: 5px;
  	box-sizing: border-box;
  	height: 50px;
  	width: 100%;
 	margin-bottom: 6px;
}

.subscription-btn-submit {
    margin: 0 auto;
    font-size: 14px;
    color: #FFF;
    padding: 8px 22px;
   	border-radius: 0 5px 5px 0;
  	background-color: #414141;
  	margin-left: -33px;
  	border: 2px solid #414141;
  	height: 54px;
  	width: 106px;
  	text-align: center;
  	text-transform: none;
}

.subscribe-newsletter-para {
	font-size: 20px;
  	font-weight: 500;
  	letter-spacing: 0;
  	line-height: 32px;
  	color: #454545;
}

.subscription-image {
	padding: 30px 0px 30px 31px;
    margin-left: 0px;
}

.subscription-placeholder-color {
  	color: #979797;
  	border: 1px solid #979797 !important;
    opacity: 1 !important;
    background-color: #fff !important;
}

.subscription-form {
	padding-left: 135px;
	padding-top: 85px;
} 

.subscribe-newsletter{
	text-align:left;
	font-weight: bold;
	font-size: 26px;
}

.subscribe-mob-margin-top-120{
	margin-top:120px;
	margin-left: 70px;
}
/* @media(min-width:300px){
	.subscription-form {
	width:80%;
	}
} */
/*****************************************************************************************************************
											End: Newsletter subscription CSS
******************************************************************************************************************/
/* Using this class in enterprise edition home page */
.heap-submit-bttn{ display: block; margin:0 auto; font-size: 16px; background-color: #FB4D2A; color: #FFF; border-color:rgba(0,0,0,0.01); width:100%; padding: 15px; border:2px solid #FB4D2A;}

@media (min-width: 768px){
	.heap-responsive  {
    width: 100%;
}
}

/* ------------ Start: Report Tab (HeapHero - MAT) */

.display-none {
	display: none;
}

.tabs-wrapper ul.tab-nav li.active a {
	
	color: #fc603b !important;
}

.tab-message {
	font-size: 16px;
	font-weight: 500;
}

/* ------------ End: Report Tab (HeapHero - MAT) */


/* Start: Spinner */
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.opacity-1 { opacity: 1 !important; }

/* End: Spinner */

.pricing-help-icon {
	padding: 7px;
}

.price_content .popover-content {
    color: #000 !important;
}

#main-footer {
  background-color: #171717;
  color: #fff;
  margin: auto 0 0;
}
.social-links-list li a:hover{
	background-color:#F17028 !important;
}
#main-footer .box-content li a:hover {
  color: #F17028 !important;
} 

#main-footer h6{
color:white !important;
}

#main-footer .footer-content .copy{
	margin-top : 20px;
	font-size: 18px;
}

#main-footer .social-links {
  text-align: center;
  border-bottom: 1px solid #6e6e6e;
  padding: 72px 0 55px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #main-footer .social-links {
    padding: 45px 0;
  }
}
@media (max-width: 767px) {
  #main-footer .social-links {
    padding: 60px 0 28px;
  }
}
#main-footer .social-links h6 {
  font-size: 24px;
  line-height: 29px;
  font-weight: 500;
}
@media (max-width: 767px) {
  #main-footer .social-links h6 {
    font-size: 16px;
    line-height: 20px;
  }
}
#main-footer .social-links .social-links-list {
  display: flex;
  justify-content: center;
  margin: 31px 0 0;
  list-style: none;
  padding: 0;
}
@media (max-width: 767px) {
  #main-footer .social-links .social-links-list {
    margin: 21px 0 0;
    transform: scale(0.899);
  }
}
#main-footer .social-links .social-links-list li {
  margin: 0 16px;
}
@media (max-width: 767px) {
  #main-footer .social-links .social-links-list li {
    margin: 0 12px;
  }
}
#main-footer .social-links .social-links-list li a {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
  transition: background-color 0.1s;
  display: flex;
  justify-content: center;
  align-items: center;
}

#main-footer .social-links .social-links-list li a:hover {
  background-color: var(--accent-color);
}
#main-footer .social-links .social-links-list li a:hover svg {
  fill: #fff;
}
#main-footer .social-links .social-links-list li a svg {
  transition: fill 0.1s;
  display: block;
  fill: #171717;
}
#main-footer .footer-content {
  padding: 55px 0 79px;
  /* display: flex; */
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  #main-footer .footer-content {
    padding: 55px 0 20px;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content {
    padding: 39px 0 40px;
  }
}
#main-footer .footer-content p {
  color: #fff;
}

@media (min-width: 768px) and (max-width: 1023px) {
  #main-footer .footer-content .footer-about {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-about {
    display: block;
  }
}
#main-footer .footer-content .footer-about .logo {
  width: 182px;
  height: 68px;
  background-image: url("../hh-new/images/hh-footer-logo.svg");
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
  margin: 0 44px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #main-footer .footer-content .footer-about .logo {
    margin: 0 0 30px;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-about .logo {
    width: 129px;
    height: 49px;
    background-size: 129px auto;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .yct #main-footer .footer-content .footer-about .logo {
    width: 220px;
    height: 42px;
    background-size: 220px auto;
  }
}

#main-footer .footer-content .footer-about .about {
  max-width: 680px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 300;
}
@media (max-width: 1023px) {
  #main-footer .footer-content .footer-about .about {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-about .about {
    margin: 28px 0 0;
    font-size: 12px;
    line-height: 16px;
  }
}
#main-footer .footer-content .left {
  width: 61%;
  padding: 12px 55px 0 0;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  #main-footer .footer-content .left {
    width: 100%;
    padding: 0;
  }
}
#main-footer .footer-content .left .footer-info {
  display: flex;
  padding: 72px 0 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #main-footer .footer-content .left .footer-info {
    padding: 45px 0 0;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .left .footer-info {
    padding: 25px 0 0;
    display: block;
  }
}
#main-footer .footer-content .footer-info-box {
  width: 90%;
  font-size: 15px;
  line-height: 19px;
  font-weight: 300;
  border-left: 1px solid #6e6e6e;
  padding: 17px 0 17px 58px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  #main-footer .footer-content .left .footer-info .footer-info-box {
    width: 100% !important;
    padding: 0 34px 0 0;
    margin: 30px 0 0;
    border: none;
  }
}
#main-footer .footer-content .left .footer-info .footer-info-box:first-child {
  border-left: none;
  width: 48.4%;
  padding-left: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #main-footer .footer-content .left .footer-info .footer-info-box:first-child {
    width: 50%;
  }
}
#main-footer .footer-content .footer-info-box .box-content:last-child {
	height: 185px;
}
 #main-footer .footer-content .footer-info-box h6 {
  width: 100%;
  font-size: 18px;
  line-height: 19px;
  font-weight: 500;
  padding: 0 0 12px;
  position: relative;
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box h6 {
    font-size: 15px;
    padding: 0 0 11px;
  }
}
#main-footer .footer-content .footer-info-box h6:after {
  content: "";
  width: 184px;
  height: 3px;
  background-color: #F17028 !important;
  position: absolute;
  bottom: 0;
  left: -4px;
}
#main-footer .footer-content .footer-info-box .box-content {
  padding: 23px 0 0;
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content {
    padding: 22px 0 26px;
    border-bottom: 0.472267px solid #FFFFFF;
  }
}
#main-footer .footer-content .footer-info-box .box-content ul {
  height: 150px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content ul {
    height: auto;
    flex-direction: row;
    margin: 0 0 -18px;
  }
}
#main-footer .footer-content .footer-info-box .box-content ul li {
  margin: 0 0 19px;
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content ul li {
    margin: 0 0 18px;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content ul li:nth-child(1), #main-footer .footer-content .footer-info-box .box-content ul li:nth-child(4) {
    flex-basis: 29%;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content ul li:nth-child(2), #main-footer .footer-content .footer-info-box .box-content ul li:nth-child(5) {
    flex-basis: 47%;
  }
}
#main-footer .footer-content .footer-info-box .box-content ul li a {
  transition: color 0.1s;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content ul li a {
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
  }
}
#main-footer .footer-content .footer-info-box .box-content ul li a:hover {
  color: var(--accent-color);
}
@media (max-width: 767px) {
  #main-footer .footer-content .footer-info-box .box-content p {
    font-size: 12px;
    line-height: 19px;
    font-weight: 300;
  }
}
#main-footer .footer-content .right {
  width: 39%;
  padding: 14px 0 0 50px;
  border-left: 1px solid #6e6e6e;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  #main-footer .footer-content .right {
    width: auto;
    padding: 0;
    border: none;
  }
}
@media (max-width: 767px) {
  #main-footer .footer-content .right {
    width: 100%;
  }
}
.hyperlink{
	color: #F17028 !important;
    text-decoration: none;
    cursor: pointer;
}

#heap-footer-new-logo {
	height: 70px;
	margin-bottom: 5px;
}

.footer-new-logos {
	height: 17px;
}

.footer-new-logo-ycrash {
	height:21px;
}
