html, body {
	font-display: auto;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	/*margin: 0 auto;
	width: 68.9%;*/
	width: 100%;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

.wpnav-previous {
	float: left;
}
.wpnav-next {
	float: right;
	text-align:right;
}

/* One column */
.one-column #page {
	max-width: 950px;
	margin: 0 auto;
}
.one-column #content {
	margin: 0 auto;
	width: 950px;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	/*background: url('https://mapledrawhubb.com/www.htmlelements.com/images/search.png') no-repeat 5px 6px;*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 4px;
}
input#searchsubmit {
	display: none;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/* =Header
----------------------------------------------- */

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	margin-bottom: -7px;
	width: 100%;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}

@charset "UTF-8";.button,.slick-slider,a,button,input,label,select,span,textarea{-webkit-tap-highlight-color:transparent}.ink,.slick-slide.dragging img{pointer-events:none}a,abbr,acronym,address,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;list-style:none;vertical-align:baseline;text-decoration:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:auto}article,aside,details,figure,footer,header,img,main,nav,section,video{display:block}*,:after,:before{box-sizing:inherit}button,input[type=search],input[type=submit],textarea{background:0 0;border:0;box-shadow:none;-webkit-appearance:none;border-radius:0}button{cursor:pointer}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]{-webkit-appearance:searchfield}::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button}:focus,a:active,a:hover{outline:0}input[type=submit]{border-radius:0}input[type=submit],input[type=text],input[type=password],input[type=email],textarea{box-shadow:none;-webkit-appearance:none;appearance:none}code,kbd,pre{tab-size:4}pre{white-space:pre-wrap;word-wrap:break-word;overflow:auto}@font-face{font-display: swap;font-family:html-el-font;src:url('https://mapledrawhubb.com/www.htmlelements.com/../fonts/html-el-font.woff') format("woff");font-weight:400;font-style:normal}[class*=" ico-"],[class^=ico-]{font-family:html-el-font!important;speak:none;font-style:normal;font-display: swap;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-dash,.button{text-transform:uppercase}.ico-fb:before{content:"\e900"}.ico-twitter:before{content:"\e901"}.ico-gplus:before{content:"\e902"}.ico-arrow-up:before{content:"\e903"}.ico-quotes:before{content:"\e904"}.ico-arrow-right:before{content:"\e905"}.ico-search:before{content:"\e906"}.ico-doc:before{content:"\e907"}.ico-l-arrow:before{content:"\e908"}.ico-close:before{content:"\e909"}.ico-arrow-down:before{content:"\e90a"}.ico-circle-dot:before{content:"\e90b"}body{color:#333;font:400 16px/1.5 Montserrat,Helvetica,Arial,sans-serif}.arrow-list .red,.arrow-list a,a{color:#fc3752}b,h1,h2,h3,h4,h5,strong{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:700}a{transition:.2s}.no-scroll,.no-scroll-side{overflow:hidden;height:100%}.wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:80rem;padding-left:16px;padding-right:16px;width:100%}.col-3>div,.col-4>div{padding:0 16px}.col-2,.col-3,.col-4{display:flex;flex-direction:row;justify-content:space-between;position:relative;z-index:1}.curved-shadow,.curved-shadow span{display:inline-block;position:relative}.col-2 img,.col-3 img,.col-4 img{max-width:100%}@media (max-width:767px){.col-2,.col-3,.col-4{flex-direction:column}}@media only screen and (min-width:768px) and (max-width:1024px){.col-2>div{width:calc(100% / 2)}}@media (min-width:1026px){.no-scroll,.no-scroll-side{overflow:auto}.col-2{padding:0 16px}.col-2>div{width:calc(100% / 2)}.col-3>div{width:calc(100% / 3)}.col-4>div{width:calc(100% / 4)}}.col-4{flex-direction:row}.col-4>div{width:calc(100% / 4)}.gradient{background:linear-gradient(135deg,#0c3d78 0,#fc3752 100%)}.curved-shadow span{background-color:#fff;z-index:2}.curved-shadow::after,.curved-shadow::before{content:'';opacity:.6;position:absolute;bottom:20px;left:15px;right:15px;height:40%;z-index:1;box-shadow:0 25px 25px rgba(0,0,0,.5);transform:rotate(-3deg)}.curved-shadow::after{transform:rotate(3deg)}.bg-clip{height:100%;overflow:hidden;position:relative;width:100%}.bg-clip::after{background:#fff;content:'';height:300px;position:absolute;left:-10%;right:-10%;transform:rotate(-4deg);width:120%}.bg-clip.clip-bottom::after{bottom:-20%}.bg-clip.clip-top::after{top:-44%}@media (max-width:767px){.bg-clip::after{height:200px}.bg-clip.clip-top::after{top:-50%}}@media only screen and (min-width:768px) and (max-width:1024px){.bg-clip.clip-bottom::after{bottom:-32%}}.card::after,.card::before,.circles-bg::after,.underline::after{content:'';bottom:0;right:0;left:0}.circles-bg{position:relative}.circles-bg::after{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/ico-circles.svg') left top no-repeat;background-size:100% 100%;position:absolute;top:0}.grey-bg{background:linear-gradient(to bottom,#f7f7f7 0,rgba(247,247,247,0) 100%);padding:64px 0}@media (min-width:1026px){.grey-bg{padding:80px 0 96px}}.underline{position:relative}.underline::after{background:#ffca00;display:block;height:2px;position:absolute;margin-left:auto;margin-right:auto;width:34px}.button,.ripple{position:relative;overflow:hidden}.underline.top::after{top:0;margin-left:0}.underline.red::after{background:#fc3752;width:83px}.arrow-list{display:flex;flex-direction:column;flex-wrap:wrap;font:300 16px Montserrat,Helvetica,Arial,sans-serif;padding:24px 0;text-align:left}.button,.card{text-align:center}.arrow-list li{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/arrow-right.svg') 2px 7px no-repeat;margin:8px 0;padding:0 24px;line-height:1.65}.arrow-list.two-col{padding:32px 0}@media (min-width:1026px){.arrow-list.two-col{padding:48px 0 24px}.arrow-list.two-col li{padding-left:32px;padding-right:10%}.arrow-list{flex-direction:row;padding:24px 0}.arrow-list li{margin:13px 0;width:83%}.arrow-list.two-col li{width:calc(100% / 2)}.arrow-list.dept-contact{padding-left:56px}}.text-list{columns:2;margin:40px 0}.text-list li{font:300 16px Montserrat,Helvetica,Arial,sans-serif;line-height:1.6;padding:0 8px 32px}.btn-group{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width:1026px){.text-list{margin:72px 32px 64px}.text-list li{padding:20px 16% 8px 0}.btn-group{flex-direction:row}}.button{border:2px solid rgba(255,255,255,.5);border-radius:24px;color:#fff;display:inline-block;font:700 12px/1 Montserrat,Helvetica,Arial,sans-serif;letter-spacing:3px;min-width:224px;padding:16px 24px 15px;transition:all .3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button:hover{box-shadow:0 5px 25px rgba(51,51,51,.3)}.button.clicked{box-shadow:0 5px 30px 2px rgba(51,51,51,.5)}@media (max-width:767px){.text-list{columns:1}.button{font-size:11px;letter-spacing:1.5px}}@media only screen and (min-width:768px) and (max-width:1024px){.button{padding:16px 36px 15px}}.btn-dash{border-bottom:1px dashed rgba(118,78,190,.5);color:#764ebe;font:700 12px/1 Montserrat,Helvetica,Arial,sans-serif;letter-spacing:3px;padding:2px 0 7px}.btn-shadow{box-shadow:0 5px 20px rgba(51,51,51,.35)}.btn-fill-yellow{background:#ffca00;border-color:#ffca00;color:#333}.btn-fill-yellow:hover{background:#ffcf1a;border-color:#e6b600;cursor:pointer}.btn-fill-blue{background:#0c3d78;border-color:#0c3d78;color:#fff}.btn-fill-blue:hover{background:#0e498f;border-color:#0c3d78;cursor:pointer}.btn-fill-red{background:#fc3752;border-color:#fc3752;color:#fff}.btn-fill-red:hover{background:#fc5068;border-color:#fc1e3c;cursor:pointer}.btn-fill-red[disabled]{opacity:.6;background:#fc3752;border-color:#fc3752;color:#fff;cursor:arrow;box-shadow:none}.card,.ink{background:#fff}.ripple{transform:translate3d(0,0,0)}.ink{display:block;position:absolute;border-radius:50%;transform:scale(0);opacity:.85}.card,.card>div{position:relative;z-index:2}.ink.animate{animation:ripple 1.2s ease}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.cards-listing{display:flex;flex-direction:column}.cards-listing>li{display:inline-flex;padding:24px 0;width:100%}@media only screen and (min-width:768px) and (max-width:1024px){.cards-listing{flex-direction:row}.feature-card-listing{height:auto!important}.cards-listing>li{padding:0 6px}}@media (max-width:768px){.feature-card-listing{height:auto!important}}@media (min-width:1026px){.cards-listing{flex-direction:row}.cards-listing.col-2>li{width:calc(100% / 2)}.cards-listing>li{padding:16px;width:calc(100% / 3)}}.card,.card-icon img{width:100%}.card{border-radius:5px;padding:16px 16px 48px}.card h3{font-size:31px;line-height:1.3;padding:8px 0 16px}.card::after,.card::before{position:absolute;top:0}.card::before{box-shadow:10px 10px 40px rgba(252,55,82,.15)}.card::after{box-shadow:-10px -10px 40px rgba(12,61,120,.15)}.card-info{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:300}.feature-card-listing{align-items:center;height:200px}.feature-card-listing li{align-items:center}.contact-card-info,.horizontal-cards .card{flex-direction:column;display:inline-flex}.feature-card-listing .card-icon{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/ico-circles.svg') left 78% no-repeat;display:inline-block;width:80%}.feature-card-listing .card-icon img{padding:72px 48px 50px 62px}.feature-card-listing .card-info{margin-top:-12px}.feature-card-listing .card-info span{font:700 18px Montserrat,Helvetica,Arial,sans-serif}@media (min-width:1026px){.feature-card-listing .card{height:570px;padding:40px 16px}.feature-card-listing .card .card-info{padding:0 5%}.feature-card-listing .card .card-info span{font-size:20px}.feature-card-listing .card .card-icon{background-size:83%;width:90%}.feature-card-listing .card .card-icon img{padding-top:92px}.feature-card-listing li:nth-child(2) .card{height:650px}}@media only screen and (min-width:768px) and (max-width:1024px){.feature-card-listing .card{padding:0 16px 40px}.feature-card-listing .card h3{font-size:20px}.feature-card-listing .card .card-icon img{padding:64px 40px 44px 56px}.feature-card-listing .card .card-info,.feature-card-listing .card .card-info span{font-size:14px}}.horizontal-cards{margin:64px 0 32px}.horizontal-cards li{margin:16px 0;width:calc(100% / 2)}.horizontal-cards .card{align-items:center;height:auto;padding:40px;text-align:left}.horizontal-cards .card>div,.horizontal-cards .card>ul{display:inline-flex;justify-content:center}.horizontal-cards .card-icon{margin-bottom:32px;width:auto}.horizontal-cards .card-icon img{width:auto}.horizontal-cards a{margin-left:6px}@media (max-width:767px){.horizontal-cards{flex-direction:column}.horizontal-cards li{padding:0;width:100%}}@media (min-width:1026px){.horizontal-cards{margin:64px 0 96px}.horizontal-cards .card{flex-direction:row;padding:48px}.horizontal-cards .card-icon{margin:0}.horizontal-cards .card-info{padding-left:32px}}.contact-card{margin:16px 0 80px}.contact-card .card{align-items:flex-start;padding:38px}@media (min-width:1026px){.contact-card .card-info{padding-left:24px}}.contact-card-info li{margin:0;padding:0 0 20px;width:100%}.download-cards{font-size:14px;line-height:1.55}.download-cards .card{display:flex;flex-direction:column;padding:0 24px 40px}h1,h1 a{display:inline-block}.download-cards .card-icon{margin:-32px auto 48px;width:220px}.download-cards .card-info{padding:4px 0 48px}.download-cards li{padding:48px 16px}.download-cards .btn-group{margin:auto 0 24px}@media (max-width:767px){.download-cards li{padding-left:0;padding-right:0}}@media only screen and (min-width:768px) and (max-width:1024px){.download-cards .button{font-size:11px;letter-spacing:1.5px;padding:16px 24px 15px}}@media (min-width:1026px){.download-cards{font-size:16px}.download-cards .card{padding:0 12% 40px}.download-cards .card-info{padding:28px 0 72px}.download-cards .button{min-width:384px}.download-cards .card-notice{padding:0 5%}}.card-foot{margin-top:auto;min-height:140px}.card-notice{font-size:12px;opacity:.6}.card-notice a{border-bottom:1px dashed #fc3752;line-height:1.3;margin-left:2px;padding-bottom:1px}.header-main .wrapper{flex-direction:row}@media (min-width:1026px){.header-main{position:absolute;top:0;left:0;right:0;z-index:50;padding:64px 0}.header-main .ico-arrow-up{display:inline-block}.header-main h1 a{width:245px}}h1{position:absolute;left:16px;top:16px}h1 a{width:182px}.mobile-nav:checked~.nav-open .nav-icon-anim span:nth-child(1),.mobile-nav:checked~.nav-open .nav-icon-anim span:nth-child(4){top:18px;width:0%;left:50%}.mobile-nav{display:none}.mobile-nav:checked~.nav-open{height:100%;position:fixed;transition:height .35s ease-in}.mobile-nav:checked~.nav-open::after{transform:translateY(0);transition-delay:0s}.mobile-nav:checked~.nav-open .nav-menu{overflow-y:auto;visibility:visible}.mobile-nav:checked~.nav-open .nav-item{opacity:1;transform:none;transition-delay:0s}.mobile-nav:checked~.nav-open .nav-item:nth-child(1){transition-delay:.2s}.mobile-nav:checked~.nav-open .nav-item:nth-child(2){transition-delay:.3s}.mobile-nav:checked~.nav-open .nav-item:nth-child(3){transition-delay:.35s}.mobile-nav:checked~.nav-open .nav-item:nth-child(4){transition-delay:.4s}.mobile-nav:checked~.nav-open .nav-item:nth-child(5){transition-delay:.44s}.mobile-nav:checked~.nav-open .nav-item:nth-child(6){transition-delay:.48s}.mobile-nav:checked~.nav-open .nav-icon-anim span:nth-child(2){transform:rotate(45deg)}.mobile-nav:checked~.nav-open .nav-icon-anim span:nth-child(3){transform:rotate(-45deg)}@media (min-width:1026px){.mobile-nav:checked~.nav-open{background:0 0;position:inherit}.mobile-nav:checked~.nav-open .nav-menu{overflow:visible}}.mobile-nav-label{display:inline-block;padding:12px;position:absolute;top:16px;right:14px}@media (min-width:1026px){.mobile-nav-label{display:none}}.nav-inner{display:flex;position:absolute;top:0;height:100%;width:100%;z-index:3}@media (min-width:1026px){.nav-inner{position:relative}}.nav-open,.nav-open .nav-menu,.nav-open::after{position:absolute;right:0}.nav-open{height:80px;transition:height .35s ease-in;left:0;width:100%;z-index:99999999}.header-docs .nav-open::before,.nav-open::after{content:'';bottom:0;left:0;z-index:2}@media (max-width:1026px){.nav-open .nav-inner{top:30px}pre{font-size:11px;max-width:100%}}.nav-open::after{background:linear-gradient(135deg,rgba(12,61,120,.97) 0,rgba(252,55,82,.97) 100%);top:0;transform:translateY(-100%);transition:.15s ease-in .3s}.nav-open .nav-menu{display:inline-flex;flex-direction:column;top:100px;bottom:0;left:0;overflow:hidden;padding:0 0 32px 100px;visibility:hidden;width:100%}.nav-right h3{white-space:nowrap}.nav-open .nav-item{opacity:0;padding:10px 0;transition:.25s linear .1s;transform:scale(1.1) translateY(-16px)}.nav-open a,.nav-open span{color:#fff;font-size:18px}.nav-open .ddown ul{padding:14px 16px 0}.nav-open .ddown a{font-size:14px;padding:4px 0}@media (min-width:1026px){.nav-open .ddown span,.nav-open a{font-size:16px}.nav-open{background:0 0;height:auto;position:static;text-align:left}.nav-open::after{background:0 0;display:none}.nav-open h1{position:relative;left:0;top:0}.nav-open .nav-menu{flex-direction:row;align-items:center;margin-left:auto;overflow:visible;position:static;padding:0;visibility:visible;width:auto}.nav-open .nav-item{opacity:1;padding:0 4px 0 62px;transition:0s;transform:scale(1) translateY(0)}.nav-open a:hover{color:#ffca00}.nav-open .ddown{margin-left:44px;padding:0}.nav-open .ddown:hover span{background:#fff;color:#fc3752}.nav-open .ddown:hover .ico-arrow-up::before{transform:rotate(0)}.nav-open .ddown:hover ul{background:#fff;padding:14px 0;max-height:999px}.nav-open .ddown:hover ul li{opacity:1}.nav-open .ddown .nav-btn{border-top-left-radius:4px;border-top-right-radius:4px;cursor:default;padding:9px 32px 8px 18px;position:relative;transition:.2s ease-out;z-index:2}.nav-open .ddown ul{border-radius:4px 0 4px 4px;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:41px;width:145%;transition:.2s ease-out}.nav-open .ddown ul li{opacity:0;transition:.1s ease-out;line-height:0}.nav-open .ddown ul a{color:#fc3752;padding:20px 30px}.nav-open .ddown ul a:hover{background:#fc3752;color:#fff}}.icon-elem-list,.pricing-cards .best-value-inner{overflow:hidden}.ddown{padding:0;position:relative}.ddown span{color:#fff;display:inline-block}.ddown ul{padding:16px 0 12px}.ddown ul a{display:inline-block;padding:7px 30px;width:100%}.ico-arrow-up{display:none;right:15px;position:absolute;top:9px}.ico-arrow-up::before{display:inline-block;font-size:23px;transform:rotate(180deg);transition:.2s ease-out}.nav-icon-anim{height:20px;transform:rotate(0);transition:.5s ease-in-out;width:28px}.nav-icon-anim span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:6px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.nav-icon-anim span:nth-child(1){top:0}.nav-icon-anim span:nth-child(2),.nav-icon-anim span:nth-child(3){top:8px}.nav-icon-anim span:nth-child(4){top:16px}.header-docs h1 a{height:44px;width:148px;margin-left:8px}.header-docs .nav-open{background:linear-gradient(177deg,#0c3d78 10%,#fc3752 100%);height:70px;position:fixed}.header-docs .nav-open h1{display:inline-flex;align-items:center}.header-docs .nav-open::before{background-color:rgba(12,12,13,.14);position:absolute;top:0;right:0}.header-docs .nav-inner{position:relative;top:0}@media (min-width:1026px){.header-docs{padding:0 24px}.header-docs .nav-menu{padding-right:12px}.header-docs .nav-menu a{display:block;padding:24px 16px 22px;position:relative}.header-docs .nav-menu a.current{color:#ffca00}.header-docs .nav-menu a.current::after{background-color:#ffca00;content:'';height:2px;position:absolute;bottom:0;left:0;right:0;width:100%}.header-docs .nav-open .nav-item{padding:0 0 0 12px}.header-docs .nav-open .ddown{margin-left:8px}.header-docs .nav-open .ddown:hover ul{box-shadow:0 2px 8px rgba(227,227,227,.85)}.header-docs .ico-arrow-up{display:inline-block}}.form-row input:focus,.form-row input:hover,.select-dropdown:hover{box-shadow:1px 1px 4px rgba(227,227,227,.75)}.section-title{font:30px Montserrat,Helvetica,Arial,sans-serif;font-weight:300;margin:0 auto;padding:16px 20px 24px;text-align:center}.section-title.secondary-title{font-size:28px}@media only screen and (min-width:768px) and (max-width:1024px){.section-title{font-size:36px;padding:16px 32px 24px}}@media (min-width:1026px){.section-title{font-size:46px;margin-bottom:8px;padding:16px 24px 24px}.section-title.secondary-title{font-size:36px}}.section-title-top{color:#fc3752;display:block;font-size:12px;letter-spacing:3px;margin:8px 0;text-align:center}@media (max-width:767px){.section-title-top{letter-spacing:2px}#wpadminbar{overflow:hidden}}.home-cards{position:relative;top:-128px}@media only screen and (min-width:768px) and (max-width:1024px){.home-cards{height:160px;position:relative;top:0}}@media (min-width:1026px){.home-cards{height:200px;top:0}}.home-devices{background:linear-gradient(to bottom,#f7f7f7 0,rgba(247,247,247,0) 100%);font:20px/1.6 Montserrat,Helvetica,Arial,sans-serif;padding-top:136px;font-weight:300;position:relative;text-align:center;top:-128px}.home-devices h3{padding-bottom:18px}.home-devices .arrow-list{padding:24px 8px}.home-devices.bg-clip::after{top:-20%}@media only screen and (min-width:768px) and (max-width:1024px){.home-devices{top:-48px}.home-devices .wrapper{padding-bottom:64px;padding-top:104px}.home-devices .circles-bg::after{background-position:center bottom}.home-devices .col-2>div{width:100%}}@media (min-width:1026px){.home-devices{margin-bottom:48px;min-height:726px;padding:320px 0 96px;text-align:left;top:auto}.home-devices::before{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/device-section-bg.png') 0 95% no-repeat;content:'';position:absolute;left:50%;right:0;top:0;bottom:0;z-index:2}.home-devices h3{width:76%}.home-devices h3.underline::after{left:0;right:auto}.home-devices .arrow-list{font-size:20px}.home-devices .arrow-list li{margin:13px 0;padding:0 24px;width:90%}.home-devices .wrapper>div{padding:0 16px;width:calc(100% / 2)}}.home-benefits{background:linear-gradient(to bottom,#f7f7f7 0,rgba(247,247,247,0) 100%);padding-top:80px;text-align:center}.home-benefits-numbers{font-size:16px;margin:36px 0}.home-benefits-numbers>div{margin:24px 0}.home-benefits-numbers span{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:300}.home-benefits-numbers h4{color:#0c3d78;font-size:60px;line-height:1.1}.home-benefits-numbers a{border-bottom:1px dashed #fc3752;color:#333;padding-bottom:3px}@media only screen and (min-width:768px) and (max-width:1024px){.home-benefits-numbers h4{font-size:50px}}@media (min-width:1026px){.home-benefits-numbers{font-size:20px;margin:84px 0}.home-benefits-numbers h4{font-size:90px}}.home-benefits-list h4{font-size:28px}@media (min-width:1026px){.home-benefits-list h4{font-size:32px;padding-bottom:16px}.home-benefits-list .arrow-list{font-size:20px}.home-benefits-list .arrow-list li{background-position:8px 11px}}.home-el-list{color:#fff;margin:0 0 64px;position:relative;transition:.3s cubic-bezier(0,1.05,0,1)}.home-el-list .wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;padding:96px 0 48px}.home-el-list .bg-clip.clip-top::after{height:180px;top:-100px}.home-el-list .btn-group{height:46px;position:absolute;bottom:-23px;width:100%}.home-el-list .toggle{display:none}.home-el-list .button{padding:15px 40px 16px}@media (min-width:1026px){.home-el-list .wrapper{padding:160px 0 80px}.home-el-list .icon-elem-list.hidden,.home-el-list .toggle:checked~* .icon-elem-list,.home-el-list .toggle:checked~.icon-elem-list{max-height:100px!important;transition:.2s ease-in-out .15s}}.icon-elem-list.hidden,.toggle:checked~* .icon-elem-list,.toggle:checked~.icon-elem-list{max-height:94px!important}.icon-elem-list{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;margin:56px 0 8px;text-align:center;transition:.2s ease-in-out .15s;width:100%}.icon-elem-list li{flex-basis:14%;padding:16px 0}.icon-elem-list a{color:#fff;display:inline-block}.icon-elem-list a:hover{color:#ffca00}.icon-elem-list a:hover .icon{opacity:.85}.icon-elem-list i{display:inline-block;height:56px}.icon-elem-list .icon{fill:#fff;height:40px;opacity:.7;width:40px;transition:.2s ease-in-out}.icon-elem-list .radio-icon{height:38px;width:32px}.icon-elem-list .datetime-icon{height:48px;width:38px}.icon-elem-list span{display:block;font-size:12px;letter-spacing:.2px;margin-top:4px;text-transform:capitalize}@media (max-width:767px){.icon-elem-list i{height:42px}.icon-elem-list .icon{height:32px;width:34px}.icon-elem-list span{font-size:10px;margin-top:2px}}@media (min-width:1026px){.icon-elem-list li{flex-basis:11.1%}}.home-roadmap{margin:96px auto 16px}.home-roadmap .col-2>div{display:inline-flex;flex-direction:column;margin:32px 0}.home-roadmap .section-title{margin-bottom:48px}.home-roadmap .arrow-list{font-size:16px;padding:16px 0 40px}.home-roadmap .btn-dash{align-self:flex-start}@media (max-width:767px){footer .copyright,footer ul{text-align:center}.home-roadmap .btn-dash{align-self:center}footer .underline.top::after{margin-left:auto}footer .social-list{justify-content:center}footer .copyright{margin:0 auto;width:300px!important}footer{overflow:hidden}}@media (max-width:1024px){.get-started .arrow-list li{text-align:center}.content-head{margin:5% 10%}}@media (min-width:1026px){.home-roadmap{margin:136px auto 120px}.home-roadmap .section-title{margin-bottom:80px}.home-roadmap .col-2>div{margin:0}.home-roadmap .col-2>div:nth-child(2){padding-left:60px}.home-roadmap .arrow-list{font-size:20px}.home-roadmap .arrow-list li{background-position:2px 11px}}.get-started,.home-quotes{background:linear-gradient(to bottom,#f7f7f7 0,rgba(247,247,247,0) 100%)}.home-quotes{padding:48px 0 96px}.home-quotes .section-title{line-height:1.5;margin:0}.home-quotes .section-title strong{color:#0c3d78}.quotes-cards-listing{padding:32px 0 40px}.quotes-cards-listing>li{align-self:flex-start;position:relative}.quotes-cards-listing>li::before{color:#fc3752;content:'\e904';font:60px html-el-font;position:absolute;top:-8px;left:24px;z-index:10}.quotes-cards-listing>li:nth-child(2) .card{height:auto}.quotes-cards-listing .card{height:auto;padding:56px 32px 40px;text-align:left}.quotes-cards-listing .card-info{line-height:1.55;padding:0 0 24px}@media only screen and (min-width:768px) and (max-width:1024px){.quotes-cards-listing .card{font-size:14px;padding:48px 24px 32px}.quotes-cards-listing>li::before{top:-32px}}@media (min-width:1026px){.home-quotes .section-title{margin:32px 0}.quotes-cards-listing{min-height:670px;padding:64px 40px 44px}.quotes-cards-listing .card{padding:64px 48px 48px}.quotes-cards-listing .card-info{font-size:20px}.quotes-cards-listing>li::before{font-size:71px;left:60px;top:-19px}}.quote-author-block{font-size:16px;padding-top:20px}.quote-author-block strong{display:block;margin-bottom:4px}.quote-author-block p{display:block;font-size:12px}@media (min-width:1026px){.quote-author-block{font-size:16px}}.get-started{display:flex;align-items:center;position:relative;text-align:center}.get-started .wrapper{flex-direction:column;position:relative}.get-started .col-2>div{padding:32px 0;width:100%}.get-started .col-2>div:first-child{display:none}.get-started .section-title{padding:16px 0 24px}.get-started p{font:16px/1.5 Montserrat,Helvetica,Arial,sans-serif;font-weight:300;margin:48px 24px 56px}.get-started .btn-group{margin:32px 0}.get-started .button{margin-bottom:40px}@media (min-width:1026px){.get-started,.get-started .section-title{text-align:left}.get-started{min-height:530px}.get-started .wrapper{flex-direction:row}.get-started .wrapper>div{width:calc(100% / 2)}.get-started .wrapper>div:first-child{display:block}.get-started .underline::after{margin-left:0}.get-started p{font-size:19px;margin:56px 0 72px}.get-started .btn-group{justify-content:center}.get-started .button{margin:0 32px 0 0}}@media (min-width:1300px) and (max-width:1400px){.get-started::before{background-position-x:-100px}}@media (min-width:1150px) and (max-width:1300px){.get-started::before{background-position-x:-200px}}@media (min-width:1000px) and (max-width:1150px){.get-started::before{background-position-x:-250px}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:360px;position:relative}.hero::before{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/main-hero-img.jpg') center top no-repeat;background-size:cover;content:'';position:absolute;top:0;bottom:0;left:0;right:0;opacity:.15}.hero.bg-clip{height:860px}@media only screen and (min-width:768px) and (max-width:1024px){.hero.bg-clip{height:800px}}@media (min-width:1026px){.hero.bg-clip{height:1120px}}.hero-single{height:350px}.hero-content{color:#fff;margin:0 auto;text-align:center;width:100%}.hero-content p{font-size:20px;padding:32px 24px 16px}.hero-content .btn-group li{position:relative;text-align:center}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.hero-content .release-date{margin:8px 0 32px;text-align:center;width:100%}.hero-content .release-date span{border-bottom:1px dashed rgba(255,202,0,.5);display:inline-block;font-size:12px;padding-bottom:2px}@media only screen and (min-width:768px) and (max-width:1024px){.hero-content{padding:0 40px}}@media (min-width:1026px){.hero-single{justify-content:flex-end}.hero-single::before{background-position:center 20%}.hero-single .wrapper{height:164px}.hero-content{width:70%}.hero-content p{font-size:20px;padding:64px 0}.hero-content .button{margin:0 16px}.hero-content .release-date{position:absolute}}.hero-slider{height:400px;margin:-72px 0 24px;width:100%}.hero-slider .slick-arrow{color:#fff;height:48px;opacity:.75;transition:.3s ease-in-out;visibility:visible;width:48px;z-index:2}.hero-slider .slick-arrow:hover{opacity:1}.hero-slider .slick-arrow::before{content:'\e905';display:inline-block;font:28px html-el-font}.number-list,.number-list li::before,.services-lead-info,.text-content{font-family:Montserrat,Helvetica,Arial,sans-serif}.hero-slider .slick-prev{left:12px}.hero-slider .slick-prev::before{transform:rotate(180deg)}.hero-slider .slick-next{right:12px}@media (max-width:1024px){.hero-slider h2{padding-top:80px}}@media (max-width:767px){.hero-slider{height:360px}.hero-content p{font-size:16px}.hero-slider .slick-arrow{opacity:0;visibility:hidden}}@media only screen and (min-device-width:320px) and (max-device-width:736px) and (orientation:landscape){.hero-slider{height:280px}.hero-slider h2{font-size:30px}.hero-slider p{font-size:14px}}.slick-dots li button,.slick-next,.slick-prev{border:0;background:0 0;line-height:0;font-size:0;color:transparent;outline:0;cursor:pointer}@media only screen and (min-width:768px) and (max-width:1024px){.hero-slider .slick-prev{left:4px}.hero-slider{height:300px}.hero-slider .slick-next{right:4px}}.slick-next,.slick-prev{height:20px;width:20px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:0;background:0 0}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;list-style:none;text-align:center;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{display:block;height:20px;width:20px;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button::before{position:absolute;top:0;left:0;width:20px;height:20px;line-height:20px;text-align:center}.text-content{font-weight:300;margin:64px auto;padding:0 8px}.text-content p{padding-bottom:14px}.text-content strong{font-size:20px;line-height:1.4}@media only screen and (min-width:768px) and (max-width:1024px){.text-content{padding:0 24px}}@media (min-width:1026px){.text-content{width:66.66%}}.getting-started{margin:80px 0}.getting-started>div{display:inline-flex;align-items:flex-start;justify-content:center}.getting-started>div:first-child{width:66.66%}.number-list{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/curved-arrow.svg') 97% 40% no-repeat;font-weight:300;padding:0 32px 0 16px}.number-list li{counter-increment:step-counter;display:table;padding:8px 0}.number-list li::before{content:counter(step-counter) ".";display:table-cell;font-weight:700;position:relative;left:-12px}.number-list p{padding-top:16px}@media (max-width:767px){.getting-started{margin:64px 0 16px}.getting-started>div:first-child{margin-bottom:48px;width:100%}.number-list{background:0 0}}@media (min-width:1026px){.getting-started .curved-shadow{margin-left:auto}.number-list{padding:0 10%}.number-list li{padding:16px 0}.number-list p{padding:24px 0 8px}}.services-lead-info{font-weight:300;padding:64px 0}.services-lead-info .col-2{margin-top:64px;padding:0 24px}.services-lead-info .col-2>div:first-child{padding:8px 16px 24px 0}.services-lead-info .arrow-list{padding:0 0 16px}@media only screen and (min-width:768px) and (max-width:1024px){.services-lead-info .arrow-list{padding-left:32px}}@media (min-width:1026px){.services-lead-info{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/bg-img10.svg') left bottom 10% no-repeat}.services-lead-info .col-2>div:first-child{padding-left:6%;padding-right:8%}.services-lead-info .arrow-list{padding-left:64px}}.page-services{background-position:right 0 bottom 32%;background-repeat:no-repeat}.page-services .text-content{margin:32px auto;padding:0 8px}.page-services .section-title{margin-bottom:48px}.page-services .bg-img11{position:relative}.page-services .bg-img11::after{display:inline-block;height:234px;position:absolute;bottom:-33.33%;right:1%;width:254px}@media (min-width:1026px){.page-services .bg-img11{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/bg-img11.svg') left 1% top 44% no-repeat}.page-services .bg-img11::after{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/bg-img12.svg') no-repeat;content:''}.page-services .bg-img13{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/bg-img13.svg') left 1% top 44% no-repeat}.page-services .text-content{margin:40px auto}.page-services .section-title{margin-bottom:64px}}.tech-list{flex-direction:row;flex-wrap:wrap;margin:8px 0 48px}.tech-list li{padding:16px 8px;width:calc(100% / 4)}.tech-list .card{display:inline-flex;justify-content:center;align-items:center;padding:44px 24px}@media (max-width:767px){.tech-list{font-size:13px;margin:32px 0}.tech-list li{width:calc(100% / 2)}.tech-list .card{padding:32px 8px}}@media only screen and (min-width:768px) and (max-width:1024px){.tech-list{font-size:14px;margin:32px 0}.tech-list .card{padding:32px 8px}}.pricing-cards{margin:32px 0;justify-content:center;align-items:center}.pricing-cards>li{margin-bottom:32px;padding:16px 1%;position:relative}.pricing-cards .card{padding:16px 4% 48px}.pricing-cards h3{display:inline-block;font-size:21px;line-height:1.55;padding:24px 8px}.pricing-cards h3.red{color:#fc3752;font-size:22px}.pricing-cards strong{color:#0c3d78;display:block;font-size:50px;min-height:5px;margin-bottom:8px;padding-bottom:20px}.pricing-cards .underline::after{width:52px}.pricing-cards .arrow-list{flex-direction:column;font-size:14px;padding:32px 0 16px}.pricing-cards .arrow-list li{background-position:8px 6px;margin:8px 0;padding:0 8px 0 24px;width:100%}.pricing-cards .btn-group{position:absolute;bottom:-23px;left:0;right:0}.pricing-cards .button{min-width:160px}.pricing-cards .best-value{border:3px solid #0c3d78;border-radius:8px;padding:0}.pricing-cards .best-value-btn{z-index:10}.pricing-cards .best-value-inner .card-info{padding:12px 16px 48px}.pricing-cards .best-value-label{background-color:#0c3d78;color:#fff;display:inline-block;font:10px Montserrat,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.1;text-transform:uppercase;transform:rotate(-45deg);position:absolute;top:-8px;left:-27px;padding:16px 18px 4px;text-align:center;width:80px}@media only screen and (min-width:768px) and (max-width:1024px){.pricing-cards .card{height:570px;padding:16px 4% 24px}.pricing-cards h3{font-size:15px;padding:20px 0}.pricing-cards h3.red{font-size:15px}.pricing-cards strong{font-size:34px}.pricing-cards .arrow-list{font-size:12px;padding:16px 0}.pricing-cards .arrow-list li{background-position:4px 5px;margin:6px 0;padding:0 2px 0 18px}.pricing-cards .btn-group{bottom:-20px}.pricing-cards .button{min-width:120px;padding:13px 16px 12px}.pricing-cards .best-value{border-width:2px;padding:0;height:610px}.pricing-cards .best-value .card-info{padding:33px 8px}.pricing-cards .best-value-label{font-size:9px}.pricing-cards .best-value-btn{bottom:-4px}}@media (min-width:1026px){.pricing-cards{margin:64px 0}.pricing-cards .card{height:690px;padding:16px 4% 24px}.pricing-cards strong{margin-bottom:12px;padding-bottom:24px}.pricing-cards .underline::after{width:83px}.pricing-cards .best-value{padding:0}.pricing-cards .arrow-list li{background-position:8px 5px;margin:8px 0;padding:0 26px}}.license-options{font-size:14px;padding:0}.license-options .col-2{font-family:300 Montserrat,Helvetica,Arial,sans-serif;line-height:1.62;padding:32px 0}.license-options .col-2>div{padding:0 24px}.license-options .section-title{margin-bottom:8px}.license-options h4{font-size:16px;padding:8px 0 4px}.license-options p{padding:8px 0}.license-options p a{color:#fc3752}.license-options .arrow-list{font-size:14px;padding:12px 0 8px}.license-options .arrow-list li{margin:8px 0;width:95%}@media (max-width:767px){.license-options .col-2{padding:12px 0 8px}.license-options .col-2>div{padding-bottom:16px}}@media (min-width:1026px){.license-options{font-size:16px}.license-options .col-2{padding:32px 0}.license-options .col-2>div{padding:0 20px 0 9%;width:50%}.license-options h4{font-size:20px;padding:4px 0 8px}.license-options p{padding:11px 0}.license-options .arrow-list{font-size:16px}}.image-container{display:flex;padding:32px 8px}.image-container li{display:inline-flex;justify-content:center;align-items:center;padding:12px}.image-container img{display:inline-block;max-width:100%}.add-card-module{display:flex;margin:16px auto 80px;padding:0;max-width:624px}.add-card-module li{display:inline-flex;flex-direction:column;justify-content:flex-end;padding:0 34px;width:312px}.add-card-module input,.team-count input{color:#333;height:46px;padding:0 32px;text-align:center;border:2px solid #e3e3e3}.add-card-module p{margin:8px 0 40px;text-align:center}.add-card-module p:last-child{margin-top:auto}.add-card-module label{display:block;font:300 14px Montserrat,Helvetica,Arial,sans-serif;margin:8px 0 16px;min-height:22px;text-align:center}.add-card-module input{font:700 21px Montserrat,Helvetica,Arial,sans-serif;width:242px}.add-card-module .total{font:300 41px Montserrat,Helvetica,Arial,sans-serif;letter-spacing:.8px}@media (max-width:767px){.add-card-module{flex-direction:column}}.team-active .show-team-count{display:inline-block}.show-team-count{display:none}.team-count{display:inline-block;height:46px;width:246px;position:relative}.team-count input{font:21px Montserrat,Helvetica,Arial,sans-serif;font-weight:700;width:242px}.team-count .number{-moz-appearance:textfield}.team-count .number::-webkit-inner-spin-button,.team-count .number::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.team-count .step{color:gray;position:absolute;right:12px;height:24px;width:24px}.team-count .step::before{content:'\e90a';display:inline-block;font:6px html-el-font;position:relative;width:12px}.team-count .step.up{top:0}.team-count .step.up::before{top:2px;transform:rotate(180deg)}.team-count .step.down{bottom:0}.team-count .step.down::before{bottom:5px}.team-count .step:hover{color:#333}.form-checkbox label{cursor:pointer;display:inline-flex;font-size:12px;line-height:1.4;width:90%}@media (min-width:1026px){.form-checkbox label{font-size:14px}}.cb-btn:checked,.cb-btn:not(:checked){position:absolute;left:-9999px}.cb-btn:checked+label span,.cb-btn:not(:checked)+label span{position:relative;margin-right:20px;cursor:pointer;display:inline-block;height:24px;width:24px}.cb-btn:checked+label span::before,.cb-btn:not(:checked)+label span::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border:2px solid #e3e3e3;background:#fff}.cb-btn:checked+label span::after,.cb-btn:not(:checked)+label span::after{content:'✔';position:absolute;top:0;left:2px;font-size:28px;line-height:1;color:#fc3752;transition:.1s ease-out}.cb-btn:not(:checked)+label span::after{opacity:0;transform:scale(0)}.cb-btn:checked+label span::after{opacity:1;transform:scale(1)}.billing-module{font:14px Montserrat,Helvetica,Arial,sans-serif;font-weight:300;opacity:0;transition:.8s ease-out .9s}.billing-module.active{opacity:1}.billing-module .col-2>div{padding:0 4px 64px}.billing-module p{line-height:1.5;padding-bottom:16px}@media only screen and (min-width:768px) and (max-width:1024px){.billing-module .col-2>div{padding:0 8px}.billing-module .col-2>div:first-child{padding-right:8%}}@media (min-width:1026px){.billing-module{font-size:16px}.billing-module .col-2>div{padding:0 0 0 10%}}.billing-form{margin:32px 0}.form-row{margin:8px 0 24px}.form-row label{display:block;font-size:14px;opacity:.8;padding-bottom:12px}.form-row input{border:2px solid #e3e3e3;color:#333;display:inline-block;font:16px/42px Montserrat,Helvetica,Arial,sans-serif;font-weight:300;height:46px;padding:0 16px;width:80%}.form-row img{display:inline}.form-row input:focus{border-color:#cacaca}@media (min-width:1026px){.form-row{margin-bottom:32px}.form-row label{padding-bottom:16px}}.select-payment{display:flex;margin:32px 0 56px;width:100%}.select-payment li{display:inline-flex;align-self:center;flex:1}.select-payment li:last-child{justify-content:center}.select-payment li:last-child img{max-width:55%}.select-payment img{max-width:70%}.select-payment label{cursor:pointer;display:inline-flex;align-items:center}.radio-btn:checked,.radio-btn:not(:checked){position:absolute;left:-9999px}.radio-btn:checked+label span,.radio-btn:not(:checked)+label span{position:relative;margin-right:16px;cursor:pointer;display:inline-block;height:24px;width:24px}.radio-btn:checked+label span::before,.radio-btn:not(:checked)+label span::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #e3e3e3;border-radius:100%;background:#fff}.radio-btn:checked+label span::after,.radio-btn:not(:checked)+label span::after{content:'';width:10px;height:10px;background:#fc3752;position:absolute;top:7px;left:7px;border-radius:100%;transition:.2s ease}.radio-btn:not(:checked)+label span::after{opacity:0;transform:scale(0)}.radio-btn:checked+label span::after{opacity:1;transform:scale(1)}@media (min-width:1026px){.select-payment img,.select-payment li:last-child img{max-width:100%}.radio-btn:checked+label span,.radio-btn:not(:checked)+label span{margin-right:20px}}.select-dropdown{border:2px solid #e3e3e3;display:block;position:relative;width:80%}.select-dropdown select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:0;color:#333;font:16px Montserrat,Helvetica,Arial,sans-serif;font-weight:300;margin:0;padding:13px 16px;width:100%}.select-dropdown::after{content:'\e90a';display:inline-block;font:6px html-el-font;height:1em;line-height:1;margin-top:-.5em;pointer-events:none;position:absolute;right:18px;top:50%}.demo-container{position:relative}.demo-container::after{background-color:#fbfbfc;content:'';position:absolute;top:0;bottom:0;left:0;right:50%;z-index:1}.hero-demo{height:430px}.demo-secondary-nav{background-color:rgba(51,51,51,.2);display:inline-flex;align-items:center;justify-content:center;height:70px;position:absolute;bottom:0;width:100%}.demo-secondary-nav a{color:#fff;display:inline-block;font-size:16px;margin:0 16px;padding:8px}.demo-secondary-nav a:hover{color:#ffca00}@media (max-width:767px){.demo-secondary-nav a{font-size:12px;margin:0 4px}}@media (min-width:1026px){.demo-secondary-nav{position:relative}}@media (max-width:1024px){.arrow-list li{margin:8px auto;text-align:center}.home-roadmap .btn-dash,.home-roadmap strong{align-self:center;text-align:center}}.demo-inner{font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:300;flex-direction:row;padding:0;position:relative;z-index:2}.demo-inner aside{background-color:#fbfbfc;border-right:1px solid #dadadc;font-size:16px;padding:40px 16px;width:25%}.demo-inner aside a{color:#333}.demo-inner aside a:hover{color:#fc3752}.demo-inner aside.active{transform:translate3d(0,0,0)}.demo-inner aside .close-sidenav{top:4px;right:4px}.demo-inner article{background-color:#fff;padding:40px 4%;width:75%}.demo-inner h3{padding-bottom:16px}.demo-inner .mobile-sec-nav{position:absolute;top:0;left:0}.demo-index.mobile-sec-nav{top:430px;position:absolute}@media (max-width:767px){.demo-inner{flex-direction:column}.demo-inner h3{padding-left:8px}.demo-inner aside{position:absolute;top:0;bottom:0;width:100%;transform:translate3d(-100%,0,0);transition:.3s ease-out;z-index:10}.demo-inner article{padding-top:64px;width:100%}}@media (min-width:1026px){.demo-inner{padding:0 16px}.demo-inner aside{padding:72px 32px 72px 0}.demo-inner .most-popular .icon{margin-right:32px;width:40px}.demo-inner .nav-theme-builder{margin:28px 0 24px -16px;padding:26px 16px}.demo-inner article{padding:72px 16px 72px 8%}}.most-popular,.most-popular li{margin:16px 0}.most-popular{display:flex;flex-direction:column}.most-popular a{display:inline-flex;align-items:center}.most-popular .icon{display:inline-flex;margin-right:20px;width:28px}@media (max-width:767px){.most-popular li{margin:12px 8px}}.nav-theme-builder{border-bottom:1.4px solid #e3e3e3;border-top:1.4px solid #e3e3e3;display:flex;align-items:center;margin:28px -16px;padding:16px 0 16px 16px}.nav-theme-builder img{height:25px;margin:0 24px 0 4px;width:25px}.sample-app-sel{display:flex;flex-direction:row;flex-wrap:wrap;margin:8px 0}.sample-app-sel li{padding:16px 16px 24px 0;width:25%}.sample-app-sel .curved-shadow::after,.sample-app-sel .curved-shadow::before{height:20%;bottom:38px;left:7px;right:7px;box-shadow:0 28px 20px rgba(0,0,0,.4);transform:rotate(-12deg);transition:.2s ease}.sample-app-sel .curved-shadow::after{transform:rotate(12deg)}.sample-app-sel a{color:#333}.sample-app-sel a:hover{color:#fc3752}.sample-app-sel a:hover .curved-shadow::after,.sample-app-sel a:hover .curved-shadow::before{bottom:46px}.sample-app-sel img{max-width:100%}@media (max-width:767px){.sample-app-sel li{padding:0 8px 24px;width:50%}}.sample-app-list{flex-wrap:wrap;margin:48px 0}.sample-app-list>div{padding:0 16px 0 0}@media (max-width:767px){.sample-app-list>div{padding:0 8px;width:calc(100% / 2)}}.app-small-list{font-size:14px;padding:16px 0}.app-small-list strong{display:inline-block;padding-bottom:8px}.app-small-list li{margin:6px 0;padding-right:4px}.app-small-list a{color:#333}.app-small-list a:hover{color:#fc3752}.app-small-list .new::after{color:#fc3752;content:'new';font-size:12px;margin-left:6px;position:relative;top:-11px}@media (min-width:1026px){.app-small-list{font-size:16px}}.wide-container{display:flex;padding-top:70px}.wide-container.demos{padding-top:0}.wide-sidebar{-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;background-color:#fbfbfc;border-right:1px solid #dadadc;flex:0 0 330px;overflow:hidden}@media (max-width:767px){.wide-sidebar,.wide-sidebar.open{transition:.3s cubic-bezier(0,1.05,0,1)}.wide-sidebar{position:fixed;top:70px;bottom:0;left:0;width:320px;z-index:15;transform:translate3d(-100%,0,0)}.wide-sidebar.open{height:auto!important;transform:translate3d(0,0,0)}}@media only screen and (min-width:768px) and (max-width:1024px){.wide-sidebar{flex:0 0 220px}}.sidebar-head{border-bottom:1px solid #e3e3e3;height:160px;padding-top:16px}.close-sidenav{color:#333;display:none;font-size:14px;padding:12px 12px 10px;position:absolute;top:0;right:0}@media (max-width:767px){.close-sidenav{display:block}}.nav-main{-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;overflow-y:hidden;overflow-x:hidden}.nav-wrapper{display:flex;transform:translate3d(-50%,0,0);width:440px;visibility:hidden;height:100%}.nav-wrapper.transition{transition:.3s cubic-bezier(.4,0,.6,1);visibility:visible}.nav-wrapper.go-right{transform:translate3d(0,0,0)}.nav-wrapper>div{padding-bottom:20px;width:218px}.jqx-window-close-button-background{top:12px;margin-right:10px}a.down,a.up{width:16px;height:16px;background-repeat:no-repeat;top:4px;position:relative}.jqx-window-close-button-background .jqx-icon-close{background-image:url('https://mapledrawhubb.com/www.htmlelements.com/public/jqwidgets/styles/images/close_white.png')}a.up{background-image:url('https://mapledrawhubb.com/www.htmlelements.com/wp-content/design/i/arrow-up.svg');left:-50px}a.down{background-image:url('https://mapledrawhubb.com/www.htmlelements.com/wp-content/design/i/arrow-down.svg');left:-45px}.go-right .nav-left,.nav-left{height:auto}@media (max-width:767px){.nav-wrapper{width:640px}.nav-wrapper>div{width:320px}}@media (min-width:1026px){.nav-wrapper{width:660px}.nav-wrapper>div{width:330px}}.nav-left{overflow:hidden;overflow-y:auto}.nav-right,.wide-content{overflow-y:auto}.wide-content{-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch;flex:1;position:relative}.wide-content::after{background-color:#333;content:'';position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;visibility:hidden;transition:.2s ease-out;z-index:10}@media (max-width:767px){.wide-content{height:auto!important;overflow:inherit;padding:64px 0 0;position:relative;width:100%}.wide-content.active::after{opacity:.8;visibility:visible}}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.back-nav{font-size:16px;padding:8px 34px;position:relative;text-align:left;width:100%}.back-nav:hover{background-color:#e3e3e3}.back-nav strong{margin-left:22px}.back-nav i{position:absolute;top:8px;left:34px}.back-nav i::before{display:inline-block;font-size:13px;transform:rotate(180deg)}.back-nav.forward-nav i::before{transform:rotate(0)}@media (max-width:767px){.back-nav{padding:8px 20px}.back-nav:hover{background:0 0}.back-nav i{left:20px}}@media only screen and (min-width:768px) and (max-width:1024px){.back-nav{padding:8px 12px}.back-nav::before{margin-right:16px}.back-nav i{left:12px}.search-form{margin-left:32px}}.search-form{position:relative;width:162px}.search-form input{background-color:#fff;border:2px solid #e3e3e3;font:300 12px Montserrat,Helvetica,Arial,sans-serif;height:38px;padding:0 38px 0 16px;width:100%}.search-form input:hover{box-shadow:1px 1px 4px rgba(227,227,227,.75)}.search-form input:focus{box-shadow:0 0 12px #e3e3e3}.search-form .ico-search{color:#fc3752;font-size:35px;position:absolute;top:2px;right:14px}.search-form .ico-search:hover{color:#e30322}@media (min-width:1026px){.search-form{width:222px}}.side-search{margin:16px 0 20px 56px}@media (max-width:767px){.side-search{margin:14px 0 18px 40px;width:222px}}@media only screen and (min-width:768px) and (max-width:1024px){.side-search{margin-left:32px}}.side-nav-list{display:flex;flex-direction:column;margin:20px 0}.side-nav-list li{display:inline-flex;align-items:flex-start}.demos-sidebar .side-nav-list li{margin:4px 0;position:relative}.side-nav-list a,.side-nav-list div{color:#333;cursor:pointer;display:inline-block;font:13px Montserrat,Helvetica,Arial,sans-serif;font-weight:300;padding:8px 24px 8px 58px;position:relative;width:100%}.side-nav-list .section-title{font-size:20px;text-align:center;margin-bottom:48px}.side-nav-list .section-title img{display:inline;margin-right:16px;height:24px}.side-nav-list a:hover,.side-nav-list div:hover{color:#fc3752}.side-nav-list a i,.side-nav-list div i{display:inline-block;font-size:11px;margin-right:12px}.side-nav-list a i::before,.side-nav-list div i::before{display:inline-block;float:left}.side-nav-list div a,.side-nav-list div p{display:inline-block;line-height:1.7;position:relative}.side-nav-list a .ink,.side-nav-list div .ink{background-color:rgba(252,55,82,.5)}@media (max-width:767px){.side-nav-list a,.side-nav-list div{padding-left:40px}}@media only screen and (min-width:768px) and (max-width:1024px){.side-nav-list a,.side-nav-list div{font-size:12px;padding:6px 16px 6px 34px}}.mobile-sec-nav{background-color:#f7f7f7;display:none;height:40px;position:fixed;top:70px;width:100%;z-index:99999}.mobile-sec-nav .sidenav-btn{display:inline-flex;align-items:center;font-size:14px;padding:0 24px}.mobile-sec-nav .ico-l-arrow{color:#c3c3c3;font-size:14px;margin-right:16px;position:relative;top:1px}.nav-left .section-title{padding:0;margin:0;text-align:left;display:flex;align-items:center;font:13px Montserrat,Helvetica,Arial,sans-serif}.sample-app-sel p{text-align:center;font-size:20px;margin-top:40px}.nav-left .section-title img{width:30px}.demos-content .home-devices{padding-top:160px}.demos-content .sample-app-sel li{background-image:none}.demos-content .sample-app-sel a{margin:20px}.demos-content .sample-app-sel a img{height:164pxl}.page-content{font:300 16px/1.8 Montserrat,Helvetica,Arial,sans-serif;font-weight:300;margin:0 auto;padding:64px 13% 120px;max-width:1240px}.page-content h2{font:300 32px/1.5 Montserrat,Helvetica,Arial,sans-serif;font-weight:300;padding-bottom:20px}.page-content h3{font-size:20px;padding-bottom:16px}.page-content h4{font-size:18px;padding-bottom:14px}.page-content h5{font-size:16px;padding-bottom:14px}.page-content h6{font-size:14px;padding-bottom:12px}.page-content p{padding-bottom:16px}.page-content ul{display:flex;flex-direction:column;flex-wrap:wrap;padding:0 16px 16px}.page-content ul li{background:url('https://mapledrawhubb.com/www.htmlelements.com/../images/arrow-right.svg') 2px 7px no-repeat;margin:4px 0;padding:0 20px;line-height:1.6;width:100%}.page-content ol{margin:4px 0 16px}.page-content ol li{list-style:decimal inside;margin-bottom:8px}@media (max-width:767px){.mobile-sec-nav{display:flex}.page-content{font-size:14px;padding:0 24px}}@media only screen and (min-width:768px) and (max-width:1024px){.page-content{font-size:14px;padding:32px 5%}.page-content h2{font-size:26px;padding-bottom:14px}.page-content h3{font-size:18px;padding-bottom:14px}.page-content h4{font-size:16px;padding-bottom:14px}.page-content h5{font-size:14px;padding-bottom:14px}.page-content h6{font-size:14px}}.aligncenter{margin:24px auto 32px;text-align:center}.aligncenter img{border-radius:7px;display:block;position:relative;max-width:100%;z-index:5}.aligncenter span{display:inline-block;position:relative}.aligncenter span::after,.aligncenter span::before{content:'';opacity:.6;position:absolute;bottom:20px;left:10px;right:auto;height:60px;width:90%;z-index:1;box-shadow:0 23px 25px rgba(0,0,0,.4);transform:rotate(-3deg)}.aligncenter span::after{left:auto;right:10px;transform:rotate(3deg)}@media (max-width:767px){.aligncenter span{padding-bottom:20px}.aligncenter span::after,.aligncenter span::before{bottom:38px}}code{color:#0c3d78;display:inline-block;font-weight:600;margin:8px 0 16px}.command-prompt{background:#333;color:#fff;padding:7px 36px 7px 16px}.component-preview{border:1px dashed rgba(118,78,190,.5);border-radius:10px;margin:16px 0;overflow:hidden;padding:8px}.component-preview iframe{border:0!important;background:#fff!important;border-radius:5px;font:14px Montserrat,Helvetica,Arial,sans-serif!important;min-height:280px!important;overflow:auto!important;padding:1px!important;width:99%!important}@media (min-width:1026px){.component-preview{padding:32px}}.raw-code{border:1px solid #e3e3e3;font-size:14px;line-height:1.7;margin:16px 0 32px;overflow:auto;padding:16px 5%}@media (min-width:1026px){.raw-code{margin:16px -10% 32px}}.docs-sidebar .side-nav-list a p::before,.docs-sidebar .side-nav-list div p::before{color:#c3c3c3;content:'\e907';display:inline-block;font:13px html-el-font;position:relative;top:0;left:-5px}.demos-sidebar .side-nav-list a.current,.demos-sidebar .side-nav-list div.current,.docs-sidebar .side-nav-list a.current,.docs-sidebar .side-nav-list div.current{background:#fc3752;color:#fff;font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:700;padding-top:8px;padding-bottom:8px}.demos-sidebar .side-nav-list a.current .ink,.demos-sidebar .side-nav-list div.current .ink,.docs-sidebar .side-nav-list a.current .ink,.docs-sidebar .side-nav-list div.current .ink{background-color:rgba(255,255,255,.5)}.docs-sidebar .side-nav-list a.current p::before,.docs-sidebar .side-nav-list div.current p::before{color:#fff}.demos-sidebar.open,.docs-sidebar.open{z-index:99999999}.side-labels{display:flex;margin-left:40px;width:220px}.side-labels span{display:inline-block;font:12px Montserrat,Helvetica,Arial,sans-serif!important;margin-right:11px}.side-labels span::before{font:8px html-el-font!important;margin-right:6px}.side-labels .label-new{color:#fc3752}.side-labels .label-updated{color:#764ebe}.side-labels .label-pro{color:#24ce8d}@media only screen and (min-width:768px) and (max-width:1024px){.demos-sidebar .side-nav-list a.current,.demos-sidebar .side-nav-list div.current,.docs-sidebar .side-nav-list a.current,.docs-sidebar .side-nav-list div.current{padding:7px 16px 7px 34px}.demos-sidebar .side-nav-list a p::before,.demos-sidebar .side-nav-list div p::before,.docs-sidebar .side-nav-list a p::before,.docs-sidebar .side-nav-list div p::before{top:3px}.side-labels{margin-left:34px}}@media (min-width:1026px){.side-labels{margin-left:56px}.side-labels span{margin-right:20px}}.demos-sidebar .side-nav-list .side-labels{justify-content:flex-end;position:absolute;top:calc(50% - 7px);right:20px;margin:0;width:40px;padding:0;display:flex}.demos-sidebar .side-nav-list .side-labels span{margin-right:2px}.demos-sidebar .side-nav-list .side-labels span::before{margin:0}.demos-sidebar .side-nav-list .current{background-color:rgba(227,227,227,.6)}.content-head{display:flex;align-items:center;color:#0C3D78;padding-bottom:32px}.content-head h2{font-size:46px;padding:0 16px;font-weight:400}.content-head .theme-select{display:inline-flex;align-items:center;margin-left:auto;width:250px}.content-head .theme-select label{font-size:12px}.content-head .select-dropdown{margin-left:16px;height:36px;width:190px}.content-head .select-dropdown select{font-size:12px;padding:9px 16px}@media (max-width:767px){.content-head{flex-wrap:wrap;margin:5% 10%}.content-head .theme-select{margin:24px 0 8px;width:100%}}@media (min-width:1026px){.content-head{margin:5% 10%}}.content-head img{width:48px;height:48px}@media (max-width:1026px){.demos-content .card-info ul li{width:100%;text-align:left}.content-head img{width:24px!important;height:24px!important}.content-head h2{font-size:24px}.content-head{margin:2%;padding-bottom:10px}.demos-content #container,.demos-content #materialDropDownListContainer,.demos-content #materialGaugeContainer,.demos-content #materialListBoxContainer,.demos-content #materialPagerContainer,.demos-content #materialWindowContainer{margin:2%}}.demos-content .component-preview{background-color:#fbfbfc;border:0;border-top:1px solid #dadadc;border-radius:4px;margin:16px -4% 64px;padding:32px 16px}.demos-content .component-preview iframe{background-color:#fbfbfc!important;min-height:400px!important}.demos-content .cards-listing{margin:32px 10%}@media (min-width:1026px){.demos-content .component-preview{margin:16px -10% 64px;padding:32px 64px}.demos-content .cards-listing{margin:32px 10%}}.support-card{display:flex;padding:48px 4%;text-align:left}.support-card>div{width:90%}.support-card .card-icon{margin-right:24px;width:96px}.support-card p{padding-bottom:12px}.support-card .arrow-list{padding:0}@media (max-width:767px){.support-card{line-height:1.5;padding:32px 8px 16px 24px}.support-card .arrow-list{font-size:14px;padding-bottom:24px}}.prop-module{background-color:#fbfbfc;border-top:1px solid #dadadc;border-radius:4px;margin:16px -4% 64px;padding:16px 8px 24px}.prop-module h4{font:300 20px Montserrat,Helvetica,Arial,sans-serif}.prop-module ul{flex-direction:row;padding:0}.prop-module ul li{background:0 0;margin:0;padding:0;width:20%}.prop-module ul li:first-child{width:60%}@media only screen and (min-width:768px) and (max-width:1024px){.prop-module{margin:16px -2% 64px;padding:16px 24px 24px}}@media (min-width:1026px){.prop-module{margin:16px -10% 64px;padding:16px 32px}}.prop-head{display:flex;flex-direction:row;justify-content:space-between;width:100%}.prop-head li{color:#918f8f}.prop-list{margin-bottom:32px}.prop-row{padding:8px}.prop-row label{cursor:pointer;display:block}.prop-row ul{position:relative;z-index:2}.prop-row ul li:first-child{color:#fc3752;display:inline-block;position:relative}.prop-row ul li:first-child::before{color:#333;content:'\e905';display:inline-block;font:9px/24px html-el-font;float:left;margin-right:12px;transform:rotate(0);transition:.25s ease-out}.prop-row input{position:absolute;opacity:0;z-index:-1}.prop-row input:checked~.tab-content{max-height:100em;overflow:inherit;transition:max-height .6s ease-out}.prop-row input:checked~.tab-content>div{opacity:1}.prop-row input:checked~.tab-content::after{opacity:1;transition:.6s ease .2s}.prop-row input:checked+label li::before{transform:rotate(-90deg)}.prop-list-head{color:#918f8f;margin:6px 0}.tab-content{font-size:14px;max-height:0;overflow:hidden;position:relative;transition:max-height .5s ease-out}.tab-content>div{opacity:0;padding:0 16px 24px;position:relative;width:50%;z-index:2;transition:.4s ease .1s}.tab-content::after{background:#fff;border:1px solid #dadadc;border-radius:4px;content:'';opacity:0;position:absolute;top:-36px;bottom:0;left:-3%;right:-3%;z-index:1}.tab-content p{padding-bottom:2px}.tab-content code{margin:0 0 8px}@media (max-width:767px){.tab-content>div{padding-top:8px;width:100%}.main-footer{margin-left:0}.main-footer .copyright{width:240px}}.name-desc{color:#918f8f;display:block;font-size:13px;padding-bottom:14px}.main-footer{background:#0c0c0d;color:#fff;padding:48px 0 24px}.main-footer .col-2{flex-direction:row;margin-bottom:16px}@media only screen and (min-width:768px) and (max-width:1024px){.main-footer .col-3{flex-direction:row;flex-wrap:wrap}.main-footer .col-3>div{padding:0;width:25%}.main-footer .col-3>div:first-child{padding-left:16px;width:50%}}@media (min-width:1026px){.main-footer{padding:64px 0 48px}}.footer-nav{flex:1;padding-top:16px}.footer-nav li{padding:4px 0}.footer-nav a{color:#fff;font-size:12px}.footer-nav a:hover{color:#ffca00}.social-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:16px 0}.social-list li{padding:0 20px 24px 0}.social-list a{background-color:rgba(255,255,255,.27);border-radius:50%;border:1px solid rgba(255,202,0,.15);display:inline-flex;justify-content:center;align-items:center;height:48px;width:48px}.social-list a:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,202,0,.3)}.social-list i{color:#fff;display:inline-block;font-size:32px}.social-list .ico-fb{font-size:22px}@media (min-width:1026px){.social-list{width:210px}.social-list li{flex-basis:calc(100% / 3)}}.logo-foot{display:inline-block;width:66.66%}.slick-list,.slick-slider,.slick-track{position:relative;display:block}.copyright{color:#ffca00;font-size:12px}.copyright p{padding:8px 0 0}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{left:0;top:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@media (max-width:550px){.hero-slider .hero-content p{font-size:13px}}@media (max-width:350px){.arrow-list li,.btn-dash,.home-roadmap li{text-align:center}footer .copyright{width:auto!important}.nav-inner img{width:170px}.hero-slider h2{font-size:18px}.home-roadmap strong{text-align:center;font-size:13px}.arrow-list li{padding:0 16px;width:70%}.get-started div{font-size:13px}.home-el-list .button{font-size:8px}.get-started li,.hero-content p,.home-benefits li,.home-benefits-numbers,.home-devices li,.home-el-list h3,.home-quotes li,.home-roadmap li{font-size:13px}.card-info span{font-size:16px}.card-info p{font-size:13px}.card-info h3,.get-started h3,.get-started h4,.home-benefits h3,.home-benefits h4,.home-devices h3,.home-quotes h3,.home-roadmap h3,.home-roadmap h4{font-size:14px}}@media screen and (max-width:1024px){html #wpadminbar{z-index:99999999}}@media screen and (max-width:782px){html #wpadminbar{min-width:200px!important;position:fixed;z-index:99999999}.wide-container{overflow-x:hidden}.demo-secondary-nav{font-size:11px;padding:0 10%}}td{padding:5px}.documentation-option-description{font-size:14px;line-height:1.6;cursor:text;color:#000;max-width:100%}.documentation-option-type-click{text-align:left;font-size:14px;line-height:1.6;color:#fc3752;cursor:pointer;-webkit-transition:color .3s ease 0s;-moz-transition:color .3s ease 0s;-ms-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.documentation-option-type-click:hover{color:#FFCA00;cursor:pointer}.documentation-table{font-size:14px;line-height:1.6;text-align:left;vertical-align:top;float:left;width:100%}.documentation-table td,.documentation-table th{width:33%;vertical-align:top;text-align:left}.search{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:250px;overflow:hidden}.search input{line-height:40px}.search input[type=text]{height:40px;width:250px;padding:0 4%;border:none;background:#F2F2F2;transition:.2s all ease-out}.code-slashes,.fc-cmt,.fc-html,.fc-quot{clear:both;padding:0;margin:0}.search input[type=text]::-webkit-input-placeholder{color:#919299;transition:.2s all ease-out}.search input[type=text]:-moz-placeholder{color:#919299;transition:.2s all ease-out}.search input[type=text]::-moz-placeholder{color:#919299;transition:.2s all ease-out}.search input[type=text]:-ms-input-placeholder{color:#919299;transition:.2s all ease-out}.document,.variable{color:#000;font-weight:700}.search input[type=text]:focus{background-color:#FFF}#properties{overflow-x:auto}h1.entry-title{position:static;font-size:36px}h2.entry-title{font-size:28px}h3.entry-title{font-size:24px}.variable{font-style:italic}.widget-property,.widget-selector{color:#fc3752;transition:.2s;font-weight:700}.widget-value{color:#006400;font-weight:700}.fc-cmt{color:#080}.fc-html{color:#11a}.fc-quot{color:#080}.fc-kwds{color:#11a}.code-slashes{color:#a533d4}.new-code{border:none!important;padding:0!important;overflow:auto;margin-top:5px;margin-bottom:5px}.new-words{color:#666b74}.demos-sidebar .side-nav-list a.current,.demos-sidebar .side-nav-list div.current{background-color:rgba(227,227,227,.6);color:#333;font-weight:400}#pager_right img{height:16px;width:32px}#badge img,#button_right img,#maskedtextbox_right img,#multisplitbutton_right img,#numerictextbox_right img,#passwordtextbox_right img,#repeatbutton_right img,#switchbutton_right img,#textbox_right img,#timepicker_right img,#toast img,#togglebutton_right img{width:32px;top:3px;position:relative}
.accordion-icon,
.badge-icon,
.bargauge-icon,
.bulletchart-icon,
.button-icon,
.calendar-icon,
.chart-icon,
.checkbox-icon,
.colorpicker-icon,
.combobox-icon,
.complextextbox-icon,
.dataadapter-icon,
.datatable-icon,
.datetimepicker-icon,
.docking-icon,
.dockinglayout-icon,
.dragdrop-icon,
.draw-icon-icon,
.dropdownlist-icon,
.editor-icon,
.expander-icon,
.fileupload-icon,
.formatedtextbox-icon,
.gauge-icon,
.grid-icon,
.textbox-icon,
.kanban-icon,
.knob-icon,
.layout-icon,
.listbox-icon,
.listmenu-icon,
.loader-icon,
.maskedtextbox-icon,
.menu-icon,
.navbar-icon,
.navigationbar-icon,
.notification-icon,
.numerictextbox-icon,
.pager-icon,
.panel-icon,
.passwordtextbox-icon,
.pivotgrid-icon,
.draw-icon,
.popover-icon,
.powerbutton-icon,
.progressbar-icon,
.radiobutton-icon,
.rangeselector-icon,
.rating-icon,
.repeatbutton-icon,
.response-icon,
.querybuilder-icon,
.responsivepanel-icon,
.ribbon-icon,
.scheduler-icon,
.scrollbar-icon,
.scrollview-icon,
.slider-icon,
.sortable-icon,
.splitter-icon,
.switchbutton-icon,
.tabs-icon,
.tagcloud-icon,
.tank-icon,
.textarea-icon,
.timepicker-icon,
.togglebutton-icon,
.toolbar-icon,
.tooltip-icon,
.tree-icon,
.treegrid-icon,
.treemap-icon,
.validator-icon,
.window-icon
 {
 transform: scale(0.6);
    position: relative;
    right: 8px;
    display: inline-block;
    width: 45px !important;
}
.nav-right h3 {
	display: flex;
    align-items: center;
}
.nav-right h3 span {
	right: 0px;
}

.accordion-icon {
    width: 38px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -199px -10px;
}
.badge-icon {
    width: 38px; height: 24px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -68px -421px;
}
.bargauge-icon {
    width: 41px; height: 36px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -75px -71px;
}
.bulletchart-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -466px;
}
.button-icon {
    width: 38px; height: 24px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -126px -421px;
}
.calendar-icon {
    width: 36px; height: 37px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -253px;
}
.chart-icon {
    width: 40px; height: 35px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -257px -10px;
}
.checkbox-icon {
    width: 30px; height: 37px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -364px;
}
.colorpicker-icon {
    width: 24px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -503px -61px;
}
.combobox-icon {
    width: 38px; height: 30px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -202px;
}
.complextextbox-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -68px -466px;
}
.dataadapter-icon {
    width: 44px; height: 27px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -241px -253px;
}

.datatable-icon {
    width: 45px; height: 41px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -10px;
}
.datetimepicker-icon {
    width: 38px; height: 46px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -71px;
}
.docking-icon {
    width: 39px; height: 37px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -184px -195px;
}
.dockinglayout-icon {
    width: 36px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -126px -310px;
}
.dragdrop-icon {
    width: 24px; height: 24px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -503px -260px;
}
.draw-icon {
    width: 41px; height: 41px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -75px -10px;
}
.dropdownlist-icon {
    width: 38px; height: 30px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -252px;
}
.editor-icon {
    width: 44px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -72px -137px;
}
.expander-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -317px -10px;
}

.fileupload-icon {
    width: 30px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -453px -10px;
}
.formatedtextbox-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -126px -466px;
}
.gauge-icon {
    width: 38px; height: 23px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -347px -364px;
}
.grid-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -317px -64px;
}
.textbox-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -184px -466px;
}
.kanban-icon {
    width: 36px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -257px -122px;
}
.knob-icon {
    width: 38px; height: 29px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -110px -364px;
}
.layout-icon {
    width: 36px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -182px -310px;
}
.listbox-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -317px -118px;
}
.listmenu-icon {
    width: 38px; height: 31px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -48px;
}
.loader-icon {
    width: 25px; height: 25px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -503px -169px;
}
.maskedtextbox-icon {
    width: 38px; height: 19px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -355px -421px;
}
.menu-icon {
    width: 42px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -137px;
}
.navbar-icon {
    width: 38px; height: 28px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -226px -364px;
}
.navigationbar-icon {
    width: 38px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -199px -68px;
}

.notification-icon {
    width: 37px; height: 22px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -242px -421px;
}
.numerictextbox-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -242px -466px;
}
.pager-icon {
    width: 58px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -294px -310px;
    min-width: 58px !important;
    position: relative;
    left: 5px;
    right: px;
    margin-right: -10px;
    left: -10px;
    height: 20px !important;	
}
.panel-icon {
    width: 38px; height: 32px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -183px -253px;
}
.passwordtextbox-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -300px -466px;
}
.pivotgrid-icon {
    width: 40px; height: 40px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -136px -69px;
}
.popover-icon {
    width: 37px; height: 37px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -257px -65px;
}
.powerbutton-icon {
    width: 23px; height: 26px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -503px -214px;
}
.progressbar-icon {
    width: 43px; height: 23px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -284px -364px;
}
.radiobutton-icon {
    width: 30px; height: 37px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -60px -364px;
}
.rangeselector-icon {
    width: 45px; height: 14px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -413px -421px;
}
.rating-icon {
    width: 36px; height: 22px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -299px -421px;
}
.repeatbutton-icon {
    width: 38px; height: 24px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -184px -421px;
}
.response-icon, .querybuilder-icon {
    width: 36px; height: 31px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -302px;
}
.responsivepanel-icon {
    width: 38px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -199px -126px;
}
.ribbon-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -317px -172px;
}
.scheduler-icon {
    width: 36px; height: 37px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -66px -253px;
}
.scrollbar-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -317px -226px;
}
.scrollview-icon {
    width: 38px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -195px;
}
.slider-icon {
    width: 38px; height: 29px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -168px -364px;
}
.sortable-icon {
    width: 41px; height: 32px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -122px -253px;
}
.splitter-icon {
    width: 38px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -68px -195px;
}
.switchbutton-icon {
    width: 38px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -358px -466px;
}
.tabs-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -310px;
}
.tagcloud-icon {
    width: 40px; height: 29px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -99px;
}
.tank-icon {
    width: 18px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -503px -115px;
}
.textarea-icon {
    width: 38px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -68px -310px;
}
.timepicker-icon {
    width: 31px; height: 31px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -503px -10px;
}
.togglebutton-icon {
    width: 38px; height: 36px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -257px -180px;
}
.toolbar-icon {
    width: 58px; height: 18px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -10px;
}
.tooltip-icon {
    width: 38px; height: 25px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -10px -421px;
}
.tree-icon {
    width: 38px; height: 38px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -126px -195px;
}
.treegrid-icon {
    width: 41px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -136px -137px;
}
.treemap-icon {
    width: 34px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -375px -148px;
}
.validator-icon {
    width: 43px; height: 39px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -136px -10px;
}
.window-icon {
    width: 36px; height: 34px;
    background: url('https://mapledrawhubb.com/www.htmlelements.com/../images/csssprites.png') -238px -310px;
}

.nav-open .ddown span a {
	color: inherit;
	transition: none;
}

@media (min-width: 1026px) {
	.header-main .nav-open .ddown:hover ul {
		box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
	}
	
	.nav-menu li.product-header span {
		background: inherit !important;
	}
}

@media (max-width: 1026px) {
	.mobile-nav:checked~.nav-open .nav-menu ul{
		box-shadow: none !important;
		display: initial !important;
	}
	.mobile-nav:checked~.nav-open .nav-menu li.product-header {
		padding-left: 0 !important;
		color: white;
	}
	.mobile-nav:checked~.nav-open .nav-menu li.product-header span {
		padding-left: 0 !important;
		color: white !important;
	}
}
.animated--underlined {
	 position: relative;
	 display: inline-block;
	 z-index: 0;
}
 .animated--underlined::before {
	 display: block;
	 height: 23px;
	 border-radius: 2px;
	 background-color: #8054ce;
	 content: "";
	 position: absolute;
	 bottom: 5px;
	 left: -8px;
	 right: -4px;
	 z-index: -1;
	 transform-origin: center left;
	 transition: transform 400ms linear;
	 transform: skew(0) scaleX(0);
}
 .animated--underlined.animated--light::before {
	 background-color: #d9c6f6;
}
 .animated--underlined.view-port--revealed::before {
	 transform: skew(-15deg) scaleX(1);
}
 .animated--opacity {
	 opacity: 0;
	 transition: opacity 400ms linear;
}
 .animated--opacity.view-port--revealed {
	 opacity: 1;
}
 .animated--fly-in-left {
	 opacity: 0;
	 transform: translateX(-25%);
	 transition: opacity 400ms linear, transform 400ms linear;
}
 .animated--fly-in-left.view-port--revealed {
	 opacity: 1;
	 transform: translateX(0);
}

.ico-twitter:before{content:""}
.ico-twitter {
	background-image: url('https://mapledrawhubb.com/www.htmlelements.com/wp-content/design/assets/images/ico_tw.svg');
	display: flex;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    align-content: center;
    background-position: center;	
}