/* Initial Declaration of Fonts */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*********************************************** intial declartaion 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; }
hr{text-align:left;}


/*********************************************** 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;}

/*********************************************************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: 'Montserrat', sans-serif; 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: 'Montserrat', sans-serif;}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}
a.cta_button{box-sizing:border-box !important;}

/*******************************************hubspot******************************************************************/

.row-fluid [class*="span"] {min-height: 1px;}
.container {max-width:1640px;margin:0 auto !important;padding:0 100px;float:none !important; }

.login-popup a.popup-modal-dismiss { position: absolute; top: 15px; width: 15px; height: 15px; right: 15px; }


/* CTA Button Styles */

.no_border_cta { border: 3px solid #fff; width: 100%; display: inline-block; padding: 22px 20px; font-size: 30px; text-transform: uppercase; font-weight: 700; border-radius: 10px; background: #fff; color: #e2881b !important; }
.no_border_cta:hover { background: transparent; color: #fff !important; }

.bordered_cta { border: 3px solid #fff; width: 100%; display: inline-block; padding: 22px 20px; font-size: 30px; text-transform: uppercase; font-weight: 700; border-radius: 10px; background: transparent; color: #fff !important; }
.bordered_cta:hover{background: #fff; color: #e2881b !important;}

/* CTA Hovers */

a.cta_button.blue-cta:hover { background-color: #fff !important; color: #0083ca !important; }
a.cta_button.orange-cta:hover { background-color: transparent !important; color: #e2881b !important; }
a.cta_button.purple-cta:hover { background-color: transparent !important; color: #762283 !important; }
a.cta_button.green-cta:hover { background-color: transparent !important; color: #00a99d !important; }



/* Font Size Declaration */

h1{font-size:40px;line-height:1.4;}
h2{font-size:30px;line-height:1.3;}
h3{font-size:26px;line-height:1.2;}
h4{font-size:20px !important;line-height:1.2;} 
h5{font-size:20px;line-height:1.2;}
h6{font-size:18px;line-height:1.2;}
a{font-size:16px;line-height:1.2;}
p{font-size:16px!important;line-height:1.2;}

.leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-form h4, 
    font-size:10px;


/* Responsive Media Query for Font Size  */

@media(max-width:1400px){
  .container{padding:0 50px; }
  h1{font-size:36px;line-height:1.2;}
  h2{font-size:28px;line-height:1.2;}
  h3{font-size:24px;line-height:1.2;}
  a.cta_button { height: auto !important; width: auto !important; font-size: 20px !important;padding:10px 20px !important;border-width:2px !important;display:inline-block !important }
  a.cta_button:hover{border-width:2px !important;}
}
@media(max-width:1200px){
  .container{padding:0 30px; }  
}
@media(max-width:1024px){
  h1{font-size:28px;}
  h2{font-size:24px;line-height:1.2;}
  h3{font-size:22px;}
  a.cta_button {font-size: 18px !important;padding:8px 15px !important;}
}
a.cta_button
@media(max-width:767px){
  h1{font-size:26px;}
  h4{font-size:20px;}
  h5{font-size:18px;}
  h6{font-size:16px;}
  p{font-size:14px !important;}
  a.cta_button { font-size: 16px !important;}
}
@media(max-width:480px){
  a.cta_button {font-size: 14px !important;}
  .container{padding:0 20px; }  
}
@media(min-width:1921px){
  .container{max-width:2000px;}
}

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

input::-webkit-input-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* WebKit browsers */
input:-moz-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #aaaaaa !important;text-transform:uppercase} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* WebKit browsers */
textarea:-moz-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #aaaaaa !important;text-transform:uppercase } /* Internet Explorer 10+ */

/****************************************************** 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 ;}

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

form ul.hs-error-msgs > li > label {font-size:12px;line-height:normal;display:block;color:#000;text-align:left;}
form .hs_error_rollup {display: none;}
form ul.hs-error-msgs{margin:0;}

/* form error mesege when good space b/w two inputs */
/* form .hs-form-field {position: relative;}
form ul.hs-error-msgs.inputs-list { position: absolute; top:67px; right: 0; list-style-type: none; padding: 1px 5px;background:#ff0000;margin:0;}
form ul.hs-error-msgs.inputs-list > li > label {font-weight:500;position:relative;z-index:9;color: #fff;}
form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background:#ff0000; 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;}
*/

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: 'Montserrat', sans-serif;}
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;height:135px; }

/******************************************** Fieldset CSS*******************************************************/

form {width:100%;}
form fieldset{max-width:100% !important;}
form div.hs-form-field{float:none !important;display: inline-block !important;vertical-align: top;width: 100%;}
form fieldset.form-columns-2 > div.hs-form-field { margin-right: 1.634% !important; width: 49.183% !important; }
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0 !important;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:1.415% !important;width:32.39% !important;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0 !important;}

/******************************************** input CSS*******************************************************/

form .input{margin-right:0 !important;}
form .hs-form-field > label {color: #2B2B2B; font-size: 15px; width: 100%; pointer-events: none; display:block; line-height: 1.3; margin: 0;font-weight: 600;}
form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select{color: #2b2b2b;padding: 19.5px 52px; width: 100% !important; font-size: 18px; margin:7px 0 7px;border-radius:10px;}

/******************************************** Select CSS*******************************************************/

form select { background-color: #fff; -moz-appearance: none; -webkit-appearance: none; color: #aaa; background-image: url(https://5250092.fs1.hubspotusercontent-na1.net/hubfs/5250092/Business%20Mentors%20-%20Feb%202019/Images/arrows.png); background-position: 97% center !important; background-repeat: no-repeat !important; background-size: 12px;text-transform:uppercase; }
form select option{color:#2b2b2b;text-transform:Capitalize;}

.filter-section select { -moz-appearance: none; -webkit-appearance: none; height: 38px; padding: 0px 46px 0 20px;font-family: 'Montserrat',sans-serif;font-weight:700; color: #936DB8; background: #fff url(https://www.bbdboom.com/hubfs/Bbdboom%20Oct2017/Landing%20Page/menu.png?t=1509175043480); background-position: 99% center !important; background-repeat: no-repeat !important; background-size: 16px auto; border-bottom: 1px solid #936DB8; border-left: 1px solid #936DB8; font-size: 16px; display: inline-block; }
.filter-section option{font-family: 'Montserrat',sans-serif;font-weight:700; }

/******************************************** Radio Button CSS*******************************************************/

form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: #2B2B2B ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset;   }
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
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: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;border-radius:50%;}

/******************************************** Check Box CSS*******************************************************/

form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #2B2B2B url('https://2660763.fs1.hubspotusercontent-na1.net/hubfs/2660763/Whishworks%20May-2017/Common%20Images/right.png?t=1495542712539');background-size: 14px; background-position: center center;background-repeat:no-repeat;}
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before {  margin-top: -3px;content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 20px;height: 20px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #858585;}
form span.hs-form-required{display:none;}  
.form-title { text-transform: uppercase;color: #fff; margin-bottom: 47px; }

/******************************************** Button CSS*******************************************************/

form .actions{text-align:left;margin-top:44px;}

/***********************Simple buttom***********************/

form .hs_submit input { border: 3px solid #fff; color: #fff; font-size: 24px; line-height: 1.3; font-weight: 700; padding: 22px 10px; background: transparent; min-width: 513px; text-transform: uppercase; border-radius: 10px; text-align: center; }
form .hs_submit input:hover{ background:#fff;color: #aaaaaa;}

.submitted-message { font-size: 35px;overflow:hidden !important;line-height:1.2; }

/***********************With Background Image buttom***********************/

/* form .hs_submit input {border: 1px solid #384259;color: #fff; font-size:16px;line-height:1.3; font-weight:700;padding: 10px 40px 10px 20px;background:#384259 url("https://2166934.fs1.hubspotusercontent-na1.net/hubfs/2166934/Default/img/fast-forward-double-right-arrows.svg");background-position: 90% center !important;background-repeat: no-repeat !important;background-size: 14px auto; }
form .hs_submit input:hover {background-position: 93% center !important;}*/
form div.hs-form-field .input > ul > li > label{cursor:pointer;}

/***************************Check Box & Radio Button One Col********************************/

form div.hs-form-field .input > ul > li{margin:0 0 10px;}

/***************************Check Box & Radio Button Two Col********************************/
/* form div.hs-form-field .input > ul > li {display: inline-block;width: 50%;padding: 0 20px 0 0;}*/

/***************************Check Box & Radio Button Three Col******************************/
/* form div.hs-form-field .input > ul > li {display: inline-block;width:33.33%;padding: 0 20px 0 0;}*/

/***************************Check Box & Radio Button Auto Col******************************/
/* form div.hs-form-field .input > ul > li {display: inline-block;padding: 0 20px 0 0;}*/

@media(max-width:1200px){
  form .hs_submit input { min-width: auto !important; padding: 10px 20px !important; font-size: 20px !important; }
  form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select{padding:20px 15px;font-size: 16px;}
  
  .form-title{margin-bottom:30px;}
}
@media(max-width:1024px){
  form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select{padding:15px;}
  form .hs_submit input{font-size:18px;}
}
@media(max-width:768px){
  .form-title { margin-bottom: 20px;}
  form fieldset.form-columns-3 > div.hs-form-field , form fieldset.form-columns-2 > div.hs-form-field{width:100% !important;margin-right:0px !important;}
  form textarea, form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select{font-size:14px;}
  form .hs_submit input{font-size:18px;}
  form .actions { text-align: left; margin-top: 25px; }
  form select{background-size:9px;}
}

@media(min-width:768px) and (max-width:1024px){  .banner-content-wrapper {width: 85%; height: 85%; padding: 140px;}
}

@media(max-width:640px){
  form div.hs-form-field{width: 100% !important;margin-right:0 !important;}
} 

.slick-prev:before, .slick-next:before {
    content: "";
  font-size: 0 !important;
    display: none !important;
}