@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


@font-face {
	font-family: 'proximanovalight';
	src: url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Light/proximanovalight.eot');
	src: local('proximanovalight'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Light/proximanovalight.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Light/proximanovalight.ttf') format('truetype');
}



@font-face {
	font-family: 'ProximaNovaSoft-Regular';
	src: url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Regular/ProximaNovaSoft-Regular.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Regular/ProximaNovaSoft-Regular.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Regular/ProximaNovaSoft-Regular.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Regular/ProximaNovaSoft-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'ProximaNovaSoft-Medium';
	src: url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Medium/ProximaNovaSoft-Medium.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Medium/ProximaNovaSoft-Medium.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Medium/ProximaNovaSoft-Medium.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Medium/ProximaNovaSoft-Medium.otf') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'ProximaNovaSoft-Bold';
	src: url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Bold/ProximaNovaSoft-Bold.eot');
	src: local('☺'), url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Bold/ProximaNovaSoft-Bold.woff') format('woff'),
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Bold/ProximaNovaSoft-Bold.ttf') format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Fonts/ProximaSoft%20Bold/ProximaNovaSoft-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*********************************************** initial declaration of css **********************************************/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }

/*********************************************** Form CSS **********************************************/

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline;	font-family: 'ProximaNovaSoft-Regular';line-height:30px;}
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }

/*********************************************** remember to define focus styles! **********************************************/
:focus { outline: 0; }
/********************************** tables still need 'cellspacing="0"' in the markup ****************************************/
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}

/**************************************** End hide from IE Mac ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}

/************************************************** End Clearfix *************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }


/************************************************** For modern browsers ******************************************/ 

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::selection { background: #227f7f; color: #fff; }
::-moz-selection {background: #227f7f;color: #fff;}

/****************************************************Placeholder opacity cross browsers*****************************************/


input::-webkit-input-placeholder { color: #262852; opacity:1;line-height:30px;} /* WebKit browsers */
input:-moz-placeholder { color:#262852; opacity:1;line-height:45px;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color:#262852; opacity:1;line-height:45px;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color:#262852; opacity:1;line-height:30px;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #262852; opacity:1;line-height:30px;} /* WebKit browsers */
textarea:-moz-placeholder { color:#262852; opacity:1;line-height:45px;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color:#262852; opacity:1;line-height:45px;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color:#262852; opacity:1;line-height:30px;} /* Internet Explorer 10+ */

/*************************************** display table and table cell ***************************************************/

.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items:center;}

/*********************************************************body  ********************************************************/

body { font-size: 14px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent; 	font-family: 'ProximaNovaSoft-Regular'; font-weight:normal;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 20px;}
h1,h2,h3,h4,h5,h6{	font-family: 'ProximaNovaSoft-Bold';}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}


/****************************************************** IE *********************************************************/

select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/**-********************************************** remove auto fill yellow color ************************************/

 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {   -webkit-box-shadow: 0 0 0 100px #fff inset;    -moz-box-shadow: 0 0 0 100px #fff inset;    box-shadow: 0 0 0 100px #fff inset;	color:#333 ;}
 
/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 0px;}
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:red;}
.hs_error_rollup {    display: none;}

/* form error mesege when good space b/w two inputs */
/* .hs-form-field {position: relative;}ul.hs-error-msgs.inputs-list { position: absolute; bottom: -18px; right: 0; list-style-type: none; padding: 0 5px; color: white; background: red; }
ul.hs-error-msgs.inputs-list li label { font-size: 12px; font-weight: 500; position: relative; z-index: 9; line-height:normal; display:block; }ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: red; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0;}
 */
 
/**************************************** logo ***************************/

.h-logo img ,.f-logo img {cursor: pointer;}
.container {max-width:1180px;margin:0 auto !important;padding:0;float:none !important; }
/******.container******************************************** container **************/



/*******************************************************************************************************************************************************************************

                                                                Common CSS

************************************************************************************************************************************************************************************/

/* header text */
.hm h1 {font-size:55px;line-height:1.2;letter-spacing: 1.3px;  color:#22244d;}
.hm h2 {font-size:45px;line-height:1.2;color:#22244d;}
.hm h3 {font-size:40px;line-height:1.2;color:#22244d;}
.hm h2 span, .hm h3 span , .hm h4 span , .hm h5 span , .hm h6 span {font-family: 'ProximaNovaSoft-Regular';font-weight: 400;}
.hm h4 {font-size:35px;line-height:1.2;color:#22244d;}
.hm h5 {font-size:24px;line-height:1.2;color:#22244d;}
.hm h6 {font-size:20px;line-height:1.2;color:#22244d;}
/* p tag */
.hm p {font-size: 18px; line-height: 1.3;margin-bottom:15px;color:#22244d;}
.hm strong{font-family: 'ProximaNovaSoft-Bold';}
/* links */
.hm a {font-size:18px;line-height:1.3;}
 
/* ul li */
.hm ol{margin:20px 0;text-align:left;    padding-left: 18px;}
.hm ul li ,.hm ol li {  font-size:20px;line-height:1.3; margin-bottom: 6px; list-style:inherit;list-style-position:outside;}

a.white-btn, a.purple-btn.white-btn {display:inline-block; border: 1px solid #fff; border-radius: 31px; font-size: 18px; padding: 18px 35px 18px; background: #fff; color: #252852; text-transform: uppercase; letter-spacing: 1.2px; }
a.white-btn:hover , a.purple-btn.white-btn:hover{border: 1px solid #fff;background: transparent;color:#fff;}
a.purple-btn {display:inline-block; border: 1px solid #7d408c; border-radius: 31px; font-size: 18px; padding: 18px 35px 18px; background: #7d408c; color: #fff; text-transform: uppercase; letter-spacing: 1.2px; }
a.purple-btn:hover{border: 1px solid #7d408c;background:#522464;}
a.blue-btn {display:inline-block; border: 1px solid #22244D; border-radius: 31px; font-size: 18px; padding: 18px 35px 18px; background: #22244D; color: #fff; text-transform: uppercase; letter-spacing: 1.2px; }
a.blue-btn:hover{border: 1px solid #7d408c;background:#7d408c;}

/******************************************** Fieldset CSS*******************************************************/
/* MIKAEL EDIT .hs-fieldtype-select .active ~ .input select {color: #262852;}
.hm form input[type="email"]{text-transform:none !important;}

.hm form fieldset{max-width:100%;}
.hm form fieldset.form-columns-1>div.hs-form-field .hs-input{width:100%;}
.hm form fieldset.form-columns-2 > div.hs-form-field{margin-right: 2%;width: 49%;}
.hm form fieldset.form-columns-2 > div.hs-form-field:last-child{margin:0;}
.hm form fieldset.form-columns-3 > div.hs-form-field{margin-right:0.95%;}
.hm form fieldset.form-columns-3 > div.hs-form-field:last-child{margin:0;}
/******************************************** input CSS*******************************************************/
/* MIKAEL EDIT.hm form .input{margin-right:0 !important;}
.hm form .hs-form-field > label { color:#262852; font-size: 18px;line-height: 20px; width: 100%;margin-bottom: 7px;padding-left: 13px;display: inline-block;font-family: 'ProximaNovaSoft-Regular'; pointer-events: none;}
.hm form .hs-form-field > label span{color:#262852; font-size: 18px;}
.hm form textarea,.hm form input[type="text"],.hm form input[type="password"],.hm form input[type="datetime"],.hm form input[type="datetime-local"],.hm form input[type="date"],.hm form input[type="month"],.hm form input[type="time"],.hm form input[type="week"],
.hm form input[type="number"],.hm form input[type="email"],.hm form input[type="url"],.hm form input[type="search"],.hm form input[type="tel"],.hm form input[type="color"],.hm form select
{color:#262852;border: 1px solid #b7b7b7;border-radius:29px; height:36px;padding: 0px 12px; width: 100%; font-size: 18px; font-family: 'ProximaNovaSoft-Regular';text-transform:capitalize;}
.hm form textarea {height: 68px !important;margin: 7px 0 0;width: 96.4% !important;padding: 10px 12px;}
.hm .hs-richtext p {font-size: 15px;color: #262852;margin: 10px 0 20px;letter-spacing: 0.4px;}

.hm div.hs-form-field{margin-bottom:15px !important;}
.hm ul.hs-error-msgs.inputs-list li {list-style: none;margin: 9px 0 0 17px;}


/******************************************** Select CSS*******************************************************/
/* MIKAEL EDIT.hm form select {-moz-appearance: none;-webkit-appearance: none;color: #9e9e9e;background:#fff ;}
.filter-section.hm select { -moz-appearance: none; -webkit-appearance: none; height: 38px; padding: 0px 46px 0 20px;  background: #fff; }
.filter-section.hm option{font-weight:400; }
/******************************************** Radio Button CSS*******************************************************/
/* MIKAEL EDIT.hm form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #3539E7 ;background-size: 14px; background-position: center center;border-radius:50%;   }
.hm form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
.hm form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: -3px; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 22px;height: 22px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;border-radius:50%;}

/******************************************** Check Box CSS*******************************************************/
/* MIKAEL EDIT.hm form li.hs-form-booleancheckbox span {font-size: 15px;color: #262852;}
.hm form li.hs-form-booleancheckbox {list-style: none !important;}
.hm form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before { background: #e1e1e1 url(https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Solutions/check.png); border: 0; background-size: contain; height: 18px; width: 18px; background-repeat: no-repeat; background-position: center; }
.hm form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}

.hm form .input ul.inputs-list li label input[type="checkbox"]+span:before { margin-top: -3px; content: ''; background: #e1e1e1; display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding: 2px; margin-right: 10px; text-align: center; border: 0; }


/******************************************** Button CSS*******************************************************/
/* MIKAEL EDIT.hm form .hs_submit input { height: 62px; background: #80308a;border:1px solid #80308a; color: #fff; font-size: 18px; line-height: 20px; padding: 0 20px; text-transform: uppercase; border-radius: 29px; border: 1px solid #80308a; display: inline-block; margin: 30px 0 0; }
.hm form .hs_submit input:hover{background:#522464;}
.hm form .actions{}
.hm form .hs_submit input:focus{}
.submitted-message {font-size: 25px;color: #7F3389;font-family: 'ProximaNovaSoft-Bold';}



.owl-next,.owl-prev{transition:all 0.5s ease;}
.owl-next:hover,.owl-prev:hover{opacity:0.5!important;}



/*******************************************************************************************************************************************************************************

                                                                Flexible column hubspot other Modules(richtext,oneline text,header etc)

************************************************************************************************************************************************************************************/
.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_html,
.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_jinja,
.widget-type-widget_container > span > .hs_cos_wrapper_type_rich_text,
.widget-type-widget_container > span > .hs_cos_wrapper_type_text,
.widget-type-widget_container > span > .hs_cos_wrapper_type_header,
.widget-type-widget_container > span > .hs_cos_wrapper_type_section_header,
.widget-type-widget_container > span > .hs_cos_wrapper_type_form,
.widget-type-widget_container > span > .hs_cos_wrapper_type_blog_subscribe,
.widget-type-widget_container > span > .hs_cos_wrapper_type_cta,
.widget-type-widget_container > span > .hs_cos_wrapper_type_linked_image{padding:70px 5%;}



/*******************************************************************************************************************************************************************************

                                                                Header Menu css

************************************************************************************************************************************************************************************/


.mobileMenu{display:none;}
.DeskTopMenu{display:block;padding-top:13px;}

.CdMenuBody{position: relative; left: 0;}
.CdMenuBody.BodySlideLeft { left: 0px;position: relative; }
.BodySlideLeft{ overflow-x: hidden; position: relative; width:100%;}

.menuWrapper { position: fixed; left: -180px; height: 100%; top: 0; width: 180px; z-index:100; background:#ffffff;}
.menuWrapper.OpenMenuWrapper { left: 0; }
.test-content{ font-size:20px; line-height:50px;}
.CdMenuIcon{cursor:pointer;}

.menuWrapper,.CdMenuBody{ -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease; transition: all 0.7s ease;    }

.ChildSecond,.ChildThird { width: 180px; position: fixed; left: -180px; height: 100%; top: 0; background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.ChildSecond.open,.ChildThird.open {left: 0;background-color:#f3cf09; cursor:pointer;top:0; visibility: visible;opacity: 1;transition: all 0.5s ease;}

.header-logo img {max-width: 190px;position: relative; z-index:1;cursor:pointer;}
.hamburger { transition: all 0.5s ease; cursor:pointer;    z-index:1;position: absolute;right:30px;top: 41px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative;    }
.hamburger-inner { display: block; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 5px; background-color: #fff; border-radius: 0px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before {top: -12px; }
.hamburger-inner::after {bottom: -12px;}


.hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0;transform: rotate(-90deg);  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }



.mobileMenu{ display:none;}


.header-main-section{z-index: 11;padding:48px 0px;position:fixed;background:transparent;transition:all 0.5s ease;    width: 100%!important;z-index:10px;}
.header-main-section.sticky{background:#80308a;  padding: 17px 0px;    }

.main_menu { text-align:right;}
.main_menu ul li a{font-size:16px;color:#fff; padding: 6px 16px 5px 16px;}
.main_menu ul li a:hover {color:#ffe44c;}
.main_menu ul li{display:inline-block;margin-bottom:0px;}
.main_menu ul li:first-child{ margin-left:0;}

.main_menu ul li > ul {visibility:hidden;opacity:0; max-width:143px; width:100%; position:absolute; background-color: #fff; padding:6px 0 0; top:75px; -webkit-transition: opacity .2s;z-index: 2;}
.main_menu ul li > ul li > ul{display:none;}
.main_menu ul li > ul li{text-align:left;width:100%; margin: 0 0 6px; display:block; padding-right: 0; }
.main_menu ul li > ul li a{text-transform:unset; line-height: 1; color:#231f20; letter-spacing:normal; border-bottom:none; padding:6px 20px; display:inline-block; position:relative; }
.main_menu ul li > ul li a:hover{border-bottom:none;}
.main_menu ul .reuest-demo a{border:1px solid #fff;border-radius:24px;font-size:18px;padding: 5px 10px 5px;margin-right:2px;}
.main_menu ul .reuest-demo a:hover{background:#00e1a4;border:1px solid transparent;color:#252852;}
.main_menu ul .login-btn a{border-radius:13px;}
.main_menu ul .login-btn a:hover{background:#fee55b;color:#252852;border-radius:13px;}
/*.main_menu ul li > ul li a:after{position:absolute; right:10px; height:10px; width:10px; content:"\f0d7"; font-family: FontAwesome; font-size:16px;}*/
.main_menu ul li > ul li.active{background:#f2f2f2; margin:0;}
/*.main_menu ul li > ul li.active a:after{content:"\f0d8";}*/
/*.main_menu ul ul ul{visibility:hidden;}*/
.main_menu ul li:hover ul.hs-menu-children-wrapper{visibility:visible; opacity:1;}
.main_menu .flyouts > ul > li > ul > li > ul {position: relative;width: 100%;top:0;}
.main_menu .flyouts > ul > li > ul > li > ul li a:after{content:" ";}
.main_menu ul li > ul li > ul li{margin:0 0 5px;}
.main_menu ul li > ul li > ul li:last-child{margin:0;}
.main_menu ul li > ul li > ul li a { opacity: 0.6; padding-left:50px;}
.main_menu ul li > ul li > ul li:last-child a{opacity:1;}
.main_menu ul li > ul li > ul li:last-child a:after{content:"\f0d7";}
.main_menu ul li > ul li > ul li.active:last-child a:after{content:"\f0d8";}
.main_menu ul li > ul li > ul li > ul{position:relative; top: 0; padding:10px 0 0;}
.main_menu ul li > ul li > ul li > ul li a{opacity: 0.6 !important; padding-left: 75px;}
.main_menu ul li > ul li > ul li > ul li a:after { content: "" !important; }

.header-main-section.sticky .main_menu ul li > ul {top: 49px;}



/*******************************************************************************************************************************************************************************

                                                               white-header css

************************************************************************************************************************************************************************************/


body.hm.white-back-header .header-main-section{   box-shadow: 0 0 18px rgba(0,0,0,0.1);padding: 39px 0;}
body.hm.white-back-header .main_menu ul li a{    color:#262852}
body.hm.white-back-header .main_menu ul li a:hover{color: #ffe44c!important;}
body.hm.white-back-header .main_menu ul .reuest-demo a{    border-color:#929292;}
body.hm.white-back-header .main_menu ul .reuest-demo a:hover{background: #00e1a4; border: 1px solid transparent; color: #000!important;}
body.hm.white-back-header .main_menu ul .login-btn a:hover { background: #fee55b; color: #252852!important; border-radius: 13px; }
body.hm.white-back-header .header-main-section.sticky .main_menu ul li a{    color:#fff}
body.hm.white-back-header .header-main-section.sticky .main_menu ul .reuest-demo a{    border-color:#fff}
body.hm.white-back-header .header-logo{    display:none !important}
body.hm.white-back-header .header-logo.header-logo2{    display:block !important}
body.hm.white-back-header .header-main-section.sticky .header-logo.header-logo2{    display:none !important}
body.hm.white-back-header .header-main-section.sticky .header-logo{    display:block !important}
body.hm.white-back-header .hamburger {top: 53px;}
body.hm.white-back-header ul.ChampMenu {top: 84px;}
body.hm.white-back-header .header-main-section.sticky .hamburger {top: 49px;}
body.hm.white-back-header .header-main-section .main_menu ul li > ul{background:#000;    top: 67px;}
body.hm.white-back-header .header-main-section .main_menu ul li ul li a{color:#fff;}











/*******************************************************************************************************************************************************************************

                                                                Footer Section css

************************************************************************************************************************************************************************************/


.footer {background: rgba(241,241,241,1);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(47%, rgba(249,249,249,1)), color-stop(100%, rgba(249,249,249,1)));
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(249,249,249,1) 47%, rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f9f9f9', GradientType=0 );padding: 42px 0;}


/*Footer Top Section*/


.footer-top .container{BORDER-BOTTOM: 2PX SOLID #e1e1e1;padding-bottom: 43px;margin-bottom: 20px !important;}
.footer-wrap .row-fluid {display: flex;align-items: flex-end;}
.footer h6 {color: #22244d;}

.subs-text {width: 25.7% !important;}
.subs-text p {color: #727272;line-height: 1.6;margin: 36px 0 20px;max-width: 215px;}

/* Footer Subscribe Form */

.subscribe-form {width: 35% !important;}
.subscribe-form form {max-width: 442px;position:relative;display:flex; justify-content:flex-start;}
.subscribe-form form label {margin: 0 !important;line-height: 0 !important;display: none !important;}
.subscribe-form ul.hs-error-msgs > li > label {display: block !important;color: red;line-height: 15px !important;}
.subscribe-form ul.hs-error-msgs>li {list-style: none;margin: 16px 0 0 17px !important;}
.subscribe-form span.hs-form-required {display: none;}
.subscribe-form input { background: #fff; height: 80px !important; border: 1px solid #A9A9A9 !important; padding: 0 20px 0 10px !important; color: #727272 !important; font-size: 16px !important;border-radius: 0 !important;}
.subscribe-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {width: 80%;display: inline-block !important;vertical-align: top;}
.subscribe-form .hs_submit.hs-submit {display: inline-block !important;vertical-align: top;width: 20%;}
.subscribe-form input.hs-button.primary.large { padding: 0 !important;font-size: 0 !IMPORTANT;background: #e1e1e1 url(https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Header%20Footer/right-arrow.svg);margin: 0 !important;
background-size: 50px;height: 63px;    max-width: 70px;width: 100%;background-repeat: no-repeat;background-position: center;}
.subscribe-form input.hs-button.primary.large:hover{opacity:.7}
.subscribe-form .submitted-message {font-size: 24px;margin-top: -65px;text-align: center;}

.subscribe-form input:-moz-placeholder { color:#727272; opacity:1;line-height:78px;} /* Mozilla Firefox 4 to 18 */
.subscribe-form input::-moz-placeholder { color:#727272; opacity:1;line-height:78px;} /* Mozilla Firefox 19+ */
.subscribe-form textarea:-moz-placeholder { color:#727272; opacity:1;line-height:78px;} /* Mozilla Firefox 4 to 18 */
.subscribe-form textarea::-moz-placeholder { color:#727272; opacity:1;line-height:78px;} /* Mozilla Firefox 19+ */
.subscribe-form input::-webkit-input-placeholder { color: #727272; opacity:1;line-height:30px;} /* WebKit browsers */
.subscribe-form input:-ms-input-placeholder { color:#727272; opacity:1;line-height:30px;} /* Internet Explorer 10+ */
.subscribe-form textarea::-webkit-input-placeholder { color: #727272; opacity:1;line-height:30px;} /* WebKit browsers */
.subscribe-form textarea:-ms-input-placeholder { color:#727272; opacity:1;line-height:30px;} /* Internet Explorer 10+ */

.subscribe-form ul.hs-error-msgs.inputs-list {position: absolute;bottom: -11px;}

/* Footer Social Icons */

.social-icon {text-align: right;  padding-bottom: 19px;}
.social-icon ul {width:100%}
.social-icon ul li{display:inline-block; vertical-align:top;margin-left: 25px;}
.social-icon ul li:first-child{margin:0;}
.social-icon ul li a i {width: 100%;}
.social-icon ul li a {height: 35px;width: 35px;font-size: 24px;background: #acacac;display: flex;align-items: center;color: #f8f8f8;text-align: center;padding-left: 6px;border-radius: 50%;}
.social-icon ul li a:hover{background:#22244d;}
.social-icon ul li a img {width: 15px;height: auto;margin: 0 auto;}
.social-icon ul li:last-child a {border-radius: 50%;width: 35px;height: 35px;font-size: 24px;padding-left: 6px;}

/*Footer Bottom Section */

.footer-main {padding: 20px 0 35px;}
.foot-logo {width: 38.5% !important;}
.foot-col {width: 17.4% !important;}
.foot-logo p {max-width: 328px;line-height: 1.66;margin: 33px 0;color: #727272;}
.foot-col h6 {padding: 14px 0 30px;}
.foot-col ul li {list-style: none;margin-bottom: 13px;}
.foot-col ul li a{color:#727272;}
.foot-col ul li a:hover{color: #80308a;}
.social-icon ul li:last-child a {border-radius: 50%;}
.policy-col {text-align: center; color: #727272; margin-top: 20px;}

/*******************************************************************************************************************************************************************************

                                                                Footer With Purple Background Section css

************************************************************************************************************************************************************************************/

.footer-purple {padding: 92px 0 225px;background: url(https://cdn2.hubspot.net/hubfs/1570479/Smartly%20Website%20Apr%202018/Header%20Footer/footer-purple-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.foot-logo-purple {width: 30% !important;}
.foot-col-purple {width: 16.9% !important;color:#fff;}

.foot-col-purple h6 {color:#ffe64c;padding: 6px 0 16px;font-size: 18px;}
.foot-col-purple ul li{list-style: none;margin-bottom: 10px;}
.foot-col-purple ul li a:hover{color:#ffe64c;}
.foot-logo-purple p {color: #fff;margin: 31px 0 0;line-height: 1.5;font-family: 'ProximaNovaSoft-Bold';}

.foot-social-purple {width: 9% !important;}
.footer-purple .social-icon {text-align: center;padding: 4px 0 0 27px;}
.footer-purple .social-icon ul li {display: block;margin-left: 0;margin-bottom: 18px;}
.footer-purple .social-icon ul li a { height: 38px; width: 38px; font-size: 22px; background: #fff; color: #89458b;border:1px solid #fff; }
.footer-purple .social-icon ul li a:hover{background:#89458b;color:#fff;}
.footer-purple .social-icon ul li:last-child a {border-radius: 4px;}

/*--------------- Responsive media query style start here ----------------*/


@media(max-width: 1300px){
 
/*header*/
.main_menu ul li a {padding: 6px 14px 5px 14px;}
}


@media(max-width: 1250px){
 
.hm h1 {font-size:48px;}    
.hm h2 {font-size:42px;}    
.container{padding:0 30px;}
.main_menu ul li a {padding: 6px 11px 5px 11px;}

/*Footer*/

.subs-text {width: 22.5% !important;}
.subscribe-form {width: 42% !important;}
.social-icon {width: 34% !important;}
.social-icon ul li { margin-left: 24px;}
    
}

@media(max-width: 1150px){
.main_menu ul .reuest-demo a {font-size: 15px;padding: 5px 15px 5px;}
.main_menu ul li a {font-size: 15px;}
.main_menu ul li a {padding: 6px 8px 5px 9px;}

/*Footer with Purple Bg */
.footer-purple {padding: 60px 0 130px;}
.foot-logo-purple {width: 29% !important;}

}



@media(max-width: 1024px){
    
    .mobileMenu{display:block;}
    .DeskTopMenu{display:none;}
    .main_menu { text-align: right; width: 100%!important; margin-left: 0%!important;}
    .main_menu ul li {display: block;text-align: left;position: relative;    margin-bottom: 13px;}
    .main_menu ul li:last-child{margin-bottom:0;}
    .main_menu ul li > ul { max-width: 100%; width: 100%; position: relative; top: 0; left: 0; right: 0; margin: 0 auto;padding:6px 0px 6px; }
    a.champMenu.icon { float: right; font-size: 21px; padding: 0;padding-right:27px;transition: all 0.5s ease; }
     a.champMenu.icon:hover{color:none}
    a.champMenu.icon.active {transform: rotate(-47deg); display: inline-block;margin-top: -10px;transition: all 0.5s ease; margin-right:5px;}
  
    .main_menu ul li > ul {visibility: visible; opacity: 1;}
    .header-main-section .container{padding:0px 0px}
    .header-logo{padding-left:30px;}
    ul.ChampMenu {position: fixed; width: 100%; height: 100%;background: #80308a;    padding: 20px 0px 100px;margin-top: 0px; top: 70px; padding-top: 20px;overflow-x:auto;}
    .header-main-section.sticky .main_menu ul li > ul {top: 0;}
    
    .main_menu ul li a {color: #fff;padding: 3px 8px 3px 25px;display:block;}
    .main_menu ul li > ul li a {padding: 6px 20px 6px 47px;}
    .reuest-demo {margin-left: 19px;}
    .header-main-section.sticky { padding: 22px 0px 22px;z-index:2;transition:all 0.5s ease;}
   .header-main-section.sticky .hamburger {top: 34px;transition:all 0.5s ease;}
   .header-main-section {padding: 30px 0px;}
   .MenuOpen {overflow: hidden;}
   .main_menu ul .login-btn a {border: 1px solid transparent;padding: 6px 21px 6px 0px;margin-left: 23px;}
    .main_menu ul .login-btn a:hover,body.hm.white-back-header .header-main-section.sticky .main_menu ul .login-btn a:hover,body.hm.white-back-header .header-main-section .main_menu ul .login-btn a:hover{ padding:inherit; background:none;color:#ffe44c!important}
    .main_menu ul .reuest-demo a{ padding: 5px 10px 5px;max-width:132px;}
    
    
    /* header text */
    .hm h1 {font-size:45px !important;}
    .hm h2 {font-size:38px !important;}
    
	.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_html,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_jinja,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_rich_text,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_text,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_header,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_section_header,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_form,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_blog_subscribe,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_cta,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_linked_image{padding:50px 5%;}
	a.white-btn,a.purple-btn {font-size: 16px;padding: 13px 25px 13px;}
	
	
/*...............................white-header-css.......................................*/
	
body.hm.white-back-header .hamburger-inner,body.hm.white-back-header .header-main-section .hamburger-inner::before,body.hm.white-back-header .header-main-section .hamburger-inner::after{background-color:#000;}
body.hm.white-back-header .main_menu ul li a {color: #fff;}
body.hm.white-back-header .main_menu ul li ul li a{color:#fff!important;}
body.hm.white-back-header .header-main-section.sticky .hamburger-inner,body.hm.white-back-header .header-main-section.sticky .hamburger-inner::before,body.hm.white-back-header .header-main-section.sticky .hamburger-inner::after { background-color: #fff; }
body.hm.white-back-header .header-main-section {padding: 19px 0;}
body.hm.white-back-header .header-main-section.sticky .hamburger {top: 33px;}
body.hm.white-back-header .hamburger {top: 33px;}
body.hm.white-back-header ul.ChampMenu {top: 63px;}
body.hm.white-back-header .header-main-section .main_menu ul li > ul {background: none;top: 0;}

}




@media(max-width:980px){
 
.hm form fieldset.form-columns-2 > div.hs-form-field {margin-right: 7.9%;width: 46%;display:inline-block;vertical-align:top;}
.hm .hs-richtext p {margin: 10px 0;}
.hm form .hs_submit input {margin: 30px 0 0;} 
.hm form textarea {width: 100% !important; }

/*Footer*/

 .footer{padding: 40px 0 0;}
 .foot-col h6 {padding: 5px 0 30px;}
 .subs-text {width: 100% !important;margin-bottom:20px;}
 .subs-inner {margin: 0 auto !important;float: none !important;max-width: 215px;}
 .subs-text p {margin: 20px auto;max-width:100%;}
 .subscribe-form {width: 48% !important;}
 .subscribe-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {width: 75%;}
 .subscribe-form .hs_submit.hs-submit {width: 100%;max-width: 80px;}
 .social-icon {width: 45% !important;padding-bottom: 15px;padding-top:15px;}
.footer-wrap .row-fluid {display: block;}
.foot-logo {padding-bottom:30px;width:100% !important;margin-bottom:0px;display: block;}
.foot-logo-image img {margin: 0 auto;}
.foot-logo-image {float: none !important;max-width: 325px;margin: 0 auto !important;}
.foot-logo p {margin: 23px auto;max-width: 100%;}
.foot-col {width: 33.33% !important;margin: 0 0 30px 0 !important;display: inline-block !important;vertical-align: top;}
.subscribe-form .submitted-message {font-size: 24px;margin-top: 30px;}



/*Footer with Purple Bg */
.foot-logo-purple {width: 58% !important;display:inline-block !important;vertical-align:top !important;}
.foot-col-purple {width: 30.33% !important;display:inline-block !important;vertical-align:top !important;}
.foot-social-purple {width: 39% !important;margin:0 0 70px;display:inline-block !important;vertical-align:top !important;}
.footer-purple .social-icon {width: 100% !important;}
.footer-purple .social-icon ul li a {margin: 0 auto;}


}


@media (max-width: 767px){
    
    .hm form input[type="number"],.hm form input[type="email"],.hm form input[type="url"],.hm form input[type="search"],.hm form input[type="tel"],.hm form input[type="color"],.hm form select, .hm form input{width:100% !important;}
    .hm form fieldset.form-columns-2 > div.hs-form-field, .hm form fieldset.form-columns-3 > div.hs-form-field {margin-right: 0;width: 100%;}
    .hm form .hs_submit input {max-width: 270px;}
    
     /* header text */
    .hm h1 {font-size:40px!important;}
    .hm h2 {font-size:36px!important;}
    .hm h3 {font-size:30px!important;}
    .hm h4 {font-size:28px!important;}
    .dis-flex {display:block;}
	.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_html,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_raw_jinja,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_rich_text,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_text,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_header,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_section_header,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_form,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_blog_subscribe,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_cta,
	.widget-type-widget_container > span > .hs_cos_wrapper_type_linked_image{padding:30px 20px;}

    .submitted-message {font-size: 20px;}


    /*Footer*/	
    
  .footer-main {padding: 5px 0 15px;}
  .foot-col {width: 32.9% !important;padding: 0 10px;}
  .subs-inner {max-width: 330px;}
  .subscribe-form { width: 100% !important;}
  .subscribe-form form{width: 100% !important;margin: 0 auto;max-width: 339px;}
  .social-icon {width: 100% !important;text-align:left;}
  .social-icon ul {max-width: 330px;margin: 25px auto 0px !important;}
  .subscribe-form .submitted-message {font-size: 20px;margin: 0px auto 0;text-align: left;max-width: 323px;}
    
   /*Footer with Purple Bg */ 
   .foot-col-purple {width: 32.33% !important;}
}
@media(max-width:640px){
   
 /*Footer*/
 
  .foot-col {width: 49% !important;}
 
/*Footer with Purple Bg */ 

.foot-social-purple {width: 100% !important;margin: 0 0 20px;}
.footer-purple {padding: 44px 0 70px;}
.footer-purple .social-icon {text-align: left;padding: 4px 0 0 0;}
.footer-purple .social-icon ul {margin: 25px 0 0px !important;}
.footer-purple .social-icon ul li {display: inline-block;margin-left: 0px;    margin-right: 12px;margin-bottom: 18px;}
.foot-logo-purple {width: 100% !important;}
.foot-col-purple {width: 49% !important;}
}



@media (max-width: 480px){
    
 /*header*/
    
/*.header-logo {padding-left: 0;text-align: center;}*/
    
    br {display:none;}
    .hm h1 {font-size:30px !important;}
    .hm h2 {font-size:27px !important;}
    .hm h3 {font-size:25px !important;}
    .hm h4 {font-size:18px !important;}
    .hm h5 {font-size:18px !important;}
    .hm h6 {font-size:18px !important;}
   
   
.hs_submit.hs-submit {text-align: center;}

 /*Footer*/   
   
.footer-main {background: #fff;padding: 20px 0 35px;}
.foot-logo-image img {margin: 0 ;display: block;}
.foot-logo p {display: none;}
.foot-col {width: 100% !important;margin: 0 0 25px 0 !important;}
.footer {padding: 0px 0 0px;background:#fff;}
.subs-inner h6 {display: none;}
.subscribe-form form {margin: 0 auto;display:flex;}
.subscribe-form input {padding: 0 16px 0 28px !important;}
.subscribe-form .hs_submit.hs-submit {width: 100%;max-width: 89px;}
.subscribe-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {width: 69%;}
.subscribe-form ul.hs-error-msgs>li {margin: 16px 0 0 0px !important;}
.footer-top .container{border:none;padding-top: 36px;padding-bottom: 28px;margin-bottom: 0;background:#f2f2f2;}
.foot-col h6 {padding: 5px 0 15px;}
.foot-col ul li {margin-bottom: 10px;}
.social-icon ul li {margin-left: 29px;}

/*Footer with Purple Bg */
.foot-col-purple {width: 100% !important;margin: 0 0 30px;}    
.footer-purple .social-icon {text-align: left;padding: 0;}    
.foot-logo-purple p {display: none;}
.footer-purple .foot-logo-image {margin: 0 auto 20px !important;}
}
@media(max-width:370px){
.social-icon ul li {margin-left: 20px;}
}
@media(max-width:360px){
    
 /*header*/
    
.header-logo{padding-right: 34px;}
.container {padding: 0 20px;} 
/*Footer*/   

.footer {padding: 0px 0 0px;}
.subscribe-form .hs_submit.hs-submit {width: 100%;max-width: 75px;}
.social-icon ul li {margin-left: 10px;}
.subscribe-form input {padding: 0 10px 0 10px !important;}
    
}


/*******************************************************************************************************************************************************************************

                                                              End  Common CSS

************************************************************************************************************************************************************************************/