@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

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; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
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; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Open Sans', 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; }
table { border-collapse: collapse; border-spacing: 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 ; }
/* 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;}
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; } */  /*--------------------Commented Out by HubSpot 6/12/18-------------------------*/
/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #a5a5a5; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #a5a5a5; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #a5a5a5; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #a5a5a5; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #a5a5a5; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #a5a5a5; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #a5a5a5; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #a5a5a5; opacity:1;} /* Internet Explorer 10+ */
select::-webkit-input-placeholder { color: #a5a5a5; opacity:1;} /* WebKit browsers */
select:-moz-placeholder { color: #a5a5a5; opacity:1;} /* Mozilla Firefox 4 to 18 */
select:-ms-input-placeholder { color: #a5a5a5; opacity:1;} /* Internet Explorer 10+ */

/* display table and table cell */
.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}

/******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);   font-family: 'Open Sans', 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: 'Open Sans', sans-serif;}
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: 1px;}
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:red;}

/* 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 -Please use this class as logo image class*/
.header-logo img {cursor: pointer;}

/* if form input has border radius then remove below line */
input,textarea,select {border-radius: 5px!important; }

.container {max-width:1336px;margin:0 auto !important;padding:0;float:none !important; }
.hs_cos_wrapper_type_custom_widget{min-height:0;}
/*=========================================================================================================
                                                Reseat Css End
=========================================================================================================*/
.header-logo img{width:180px !important;height:auto;}
.header-section { padding: 5px 0;}

.social-icon { margin-top: 40px;}
.social-icon ul{ float:right;}
.social-icon ul li{ display:inline-block;margin-right: 70px;}
.social-icon ul li:last-child{ margin-right: 0px;}
.social-icon ul li a:hover{ opacity:0.7;}
.social-icon ul li img{width:32px !important;height: auto;}
.social-icon ul li:first-child img{width:auto !important;height: 30px;}

/*=========================================================================================================
                                                Header Css End
=========================================================================================================*/

.hero-section{ height:455px;}
.hero-section >.row-fluid-wrapper { display: table; height: 100%;  width: 100%;}
.hero-section >.row-fluid-wrapper>.row-fluid { display: table-cell; vertical-align: middle;}
.banner-section h1{ font-size:71px; line-height:1.2; font-weight:700; color:#fff;}

/*=========================================================================================================
                                                Banner Css End
=========================================================================================================*/

.inner-content {padding-top: 37px;padding-bottom: 41px;}
.left-content { margin-top: 5px;}

/*.left-content .kbk-landing-header p{ font-size:25px; font-weight:700; line-height:29px;margin-bottom: 10px;padding-top: 33px;}*/

.left-contents h3{ font-size:25px; font-weight:700; line-height:29px;margin-bottom: 10px;padding-top: 33px;}

.left-detail{font-size:16px; font-weight:400;line-height: 19px; margin-top: 20px;margin-bottom: 20px;max-width: 820px;}
.left-content h1{ font-size:29px; font-weight:700; line-height:29px;margin-bottom: 10px;}
.left-content h2{ font-size:27px; font-weight:700; line-height:29px;margin-bottom: 10px;}
.left-content h3{ font-size:25px; font-weight:700; line-height:29px;margin-bottom: 10px;}
.left-content h4{ font-size:22px; font-weight:700; line-height:29px;margin-bottom: 10px;}
.left-content h5{ font-size:20px; font-weight:700; line-height:29px;margin-bottom: 10px;}
.left-content h6{ font-size:18px; font-weight:700; line-height:29px;margin-bottom: 10px;}
.left-detail ul{margin-bottom: 39px;    position: relative;}
.left-detail ol{padding-left:20px;}
.left-detail ul li{position:relative;padding-left: 10px;margin-bottom:5px;line-height:1.2;}
/*.left-detail ul li:after { background: #000; bottom: 0; content: ""; height: 6px; left: -2px; position: absolute; right: 0; top: 6px; width: 6px; border-radius: 50%; }8/

.left-detail ol li{list-style:inherit;}
.left-detail a{color:#6dabaf;}
.left-detail a:hover{color:#123d4e;}

/*.left-content h2{ font-size:25px; font-weight:700; line-height:29px;margin-bottom: 10px;padding-top: 33px;}*/
/*.left-content p{ font-size:16px; font-weight:400;line-height: 19px; margin-top: 20px;margin-bottom: 20px;max-width: 820px;}*/

.content-form{ background:#78c4c4; padding: 0 20px 53px;}
.content-form .hs-form-required{ display:none;}
.content-form form > div{ margin-bottom:15px;}
.content-form input{ width:100%; color:#a5a5a5; padding:9px 15px;border-radius: 5px;}
.content-form select{ background:#fff; color:#a5a5a5; padding:9px 15px;border-radius: 5px; width:100%; -moz-appearance: none; -webkit-appearance: none; background-image: url(//cdn2.hubspot.net/hubfs/118587/KBK%20Communication%20Redesign%20April2017/Kbk%20Landing%20Page/arrow.png);
background-position: 95% center; background-repeat: no-repeat;}
.content-form input[type="submit"]{ background:#123d4e; border-radius: 5px; color:#FFF;}
.content-form input[type="submit"]:hover{ background:#fff; color:#123d4e;}
.content-form form > .hs_submit{ width:100%; max-width:150px; margin:0 auto;}
.content-form h3{ font-size:22px; font-weight:700; line-height:1.2; color:#fff; padding:70px 0 35px;}   
.content-form  .hs_do_you_blog_regularly_ { color:#fff;margin-left: 10px;}
.content-form  .hs_do_you_blog_regularly_ input{ width:1px;}
.content-form h6{ font-size:22px; color:#fff; text-align:center;padding-top: 60px;}
.content-form .hs-form-checkbox span{ text-transform:uppercase;vertical-align: middle;}

.hs_do_you_blog_regularly_ .input ul li label input[type="checkbox"]:checked+span:before {background: #fff url(https://cdn2.hubspot.net/hubfs/118587/KBK%20Communication%20Redesign%20April2017/Kbk%20Landing%20Page/checked2.png) no-repeat 2px 2px;}
.hs_do_you_blog_regularly_ .input ul li label input[type="checkbox"] { opacity: 0; position: absolute;}
.hs_do_you_blog_regularly_ .input ul li label input[type="checkbox"]+span:before { content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 16px;height: 16px; padding: 2px; margin-right: 10px; text-align: center;}

/*=========================================================================================================
                                                Content Css End
=========================================================================================================*/

.inner-footer { padding: 29px 0;}
.inner-footer ul li{ display:inline-block;padding-right: 30px; position:relative;}
.inner-footer ul li::before {background: #fff none repeat scroll 0 0;content: "";height: 10px;position: absolute;right: 13px;top: 8px;width: 1px;}
.inner-footer ul li:last-child::before {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.inner-footer ul li:last-child{ padding-right:0;}
.inner-footer ul li a{ font-size:10px; line-height:18px; font-weight:400; color:#fff;text-transform: capitalize;}
.inner-footer ul li a:hover{ color:#6dabaf;}
.inner-footer p{ color:#fff; font-size:10px; margin-bottom:0;}

/*=========================================================================================================
                                                Responsive Css Start
=========================================================================================================*/

@media(max-width:1400px){
    
.container{ padding:0 15px;}

}

@media(max-width:1200px){
    
.content-form h3{ font-size:18px;}
.content-form{padding: 0 10px 58px;}
.header-logo{width:20% !important;}
.social-icon{width:77% !important;}
}

@media(max-width:1024px){
    

.social-icon { margin-top: 45px;}

 .left-content h3{padding-top:0;}    
}

@media(max-width:980px){
    
.social-icon ul li { margin-right: 50px;}  
   
}

@media(max-width:767px){

.header-logo img { max-width: 150px;}
.header-logo { display: inline-block !important; width: 35% !important;vertical-align: middle;}
.header-section { padding: 10px 0;}
.social-icon{ display: inline-block !important; width: 64% !important;vertical-align: middle; margin-top:0;}
.hero-section h1 { font-size: 50px;text-align: center;} 
.hero-section { height: 300px;}
.inner-content { padding-top: 0;}
.inner-footer {  text-align: center;}
.content-form h3{ padding:35px 0;}
.social-icon ul li {margin-right: 30px;}
.social-icon img {height: 20px; width: auto;}

}

@media(max-width:640px){

.hero-section h1 { font-size: 36px;} 

}

@media(max-width:480px){

.banner-section h1 { font-size: 30px;} 
.hero-section { height: 200px;}
.header-logo img { max-width: 100px;}
.social-icon{ width: 63% !important;}
.social-icon ul li {margin-right: 15px;}

}