/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* HEADER */
#tpheader{ padding:50px 0px;background: #020024; background: linear-gradient(145deg, #020024 0%, #091c50 50%, #143281 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#143281",GradientType=1);}
#tpheader .header__container{padding:0px 20px;max-width:1280px;}
#tpheader .header__logo{max-width: 235px;}
#tpheader .header__logo a{display:block;}
#tpheader .header__logo img{ max-width:235px; height:40px!important;width:100%!important;display: block;}
/*  MAIN BANNER */
#mainbnr .wrap{padding:140px 20px;max-width:1280px; margin:0px auto;}
#mainbnr .wrap .banner-head{max-width:550px;}
  #mainbnr .wrap .banner-head h1{font-size: 52px; line-height: 54px; margin: 0px 0px 10px;}
  #mainbnr .wrap .banner-head h2{font-size: 24px;font-weight: 400;line-height: 30px;margin: 0px;}
/* BODY */
#firstrow .wrap{padding:70px 20px;max-width:1280px; margin:0px auto;}
#firstrow .wrap .cwrap{margin:0px -15px;display:flex;flex-wrap: wrap;}
#firstrow .wrap .cols{padding:0px 40px;}
#firstrow .wrap .cols.left{width:55%;}
#firstrow .wrap .cols.left h2{font-size: 24px; margin:0px 0px 15px;}
#firstrow .wrap .cols.left p{font-size: 18px;line-height: 29px;margin:margin: 0px 0px 15px;}


#firstrow .wrap .cols.right{width:45%; margin:-390px 0px 0px ;}
#firstrow .wrap .cols.right .colwrap{background: rgb(2,0,36);background: linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(9,28,80,1) 35%, rgba(20,50,129,1) 100%);padding:40px 30px;border-radius:24px;}
#firstrow .wrap .cols.right .colwrap h2{font-size:25px;text-align:center;}
#firstrow .wrap .cols.right .colwrap .mn-form h3{display:none;visibility:hidden;}
#firstrow .wrap .cols.right .colwrap .mn-form form{background:transparent;}
#firstrow .wrap .cols.right .colwrap .mn-form form .field{margin:0px 0px 16px;}
#firstrow .wrap .cols.right .colwrap .mn-form form label{font-size:16px;}
#firstrow .wrap .cols.right .colwrap .mn-form form input{font-size:16px; padding:11px;}
#firstrow .wrap .cols.right .colwrap .mn-form form input{font-size:16px; padding:11px;}
#firstrow .wrap .cols.right .mn-form form .actions .hs-button{text-transform: uppercase;font-size: 17px; font-weight: 600;letter-spacing: .5px;padding: 10px 60px; border-radius: 27px;}


.twocols .wrap{max-width:1280px; margin:0px auto;padding:80px 20px;}
.twocols .wrap .tpheader h2{text-align:center; font-size:42px; margin:0px 0px 20px;}
.twocols .wrap .colwrap{display: flex; flex-wrap: wrap; padding:20px 0px 0px; margin: 0px -20px;}
.twocols .wrap .colwrap .cols{width:50%; padding:0px 20px;}
.twocols .wrap .colwrap .cols ul{padding:0px 0px 0px 20px;}
.twocols .wrap .colwrap .cols ul li{font-size: 18px;padding: 0px 0px 18px 36px;list-style: none;position: relative;}
.twocols .wrap .colwrap .cols ul li:before{background-image: url("https://23423828.fs1.hubspotusercontent-na1.net/hubfs/23423828/bg/orange-check.svg");background-repeat: no-repeat;background-size: 100%; height: 24px; width: 24px; content: ""; position: absolute; left: 0px; top: 3px;}

.customcolumns .wrap{max-width:1280px; margin:0px auto;padding:80px 20px 65px;}
.customcolumns .wrap .tophead h2{ font-size:42px; margin:0px 0px 20px; text-align:center;}

.customcolumns .wrap .adjswrap{display:flex; flex-wrap: wrap;}
  .customcolumns .wrap .adjswrap .cols.oneitem{width: 100%;}
  .customcolumns .wrap .adjswrap .cols.twocol{width:50%;}
  .customcolumns .wrap .adjswrap .cols.threecols{width:33%;}
.customcolumns .wrap .adjswrap .cols.twocol .cnt-cols, .customcolumns .wrap .adjswrap .cols.threecols .cnt-cols{padding:0px 15px;}
.customcolumns .wrap .adjswrap .cols p{font-size:18px; line-height:32px;}

.customcolumns.adjust .wrap{padding:120px 20px;}
.customcolumns.adjust .wrap .adjswrap .cols .col-icon{margin: 0px 0px 10px;}
.customcolumns.adjust .wrap .adjswrap .cols .col-icon img{max-height: 120px;}
.customcolumns.adjust .wrap .adjswrap .cols h2{font-size: 34px;margin: 0px 0px 20px;line-height: 34px;}
.customcolumns.adjust .wrap .adjswrap .cols .cnt-cols{font-size: 20px; font-weight:600; line-height: 28px; padding: 0px;}
.customcolumns.center{text-align:center;}

/* FOOTER */
#footerlnd .wrap{padding:60px 20px 50px; text-align:center; max-width:700px; margin:0px auto;}
#footerlnd .wrap .logo{margin:0px 0px 20px;}
#footerlnd .wrap .logo img{max-width:310px!important;}
#footerlnd .wrap .footer-cnt p{font-size:18px; line-height:24px; margin:0px 0px 10px; color:#000;}

/* RESPONSIVE */
@media all and (max-width: 1000px) {
  #firstrow .wrap{padding:70px 20px 40px;}
  #mainbnr .wrap .banner-head h1{font-size: 42px; line-height: 44px;}
  #mainbnr .wrap .banner-head h2{font-size: 20px;line-height: 26px;}
  #firstrow .wrap .cols{padding:0px 30px;}
  #firstrow .wrap .cols.left h2{font-size: 20px;  line-height:25px;}
  #firstrow .wrap .cols.left p, .customcolumns .wrap .adjswrap .cols p,.twocols .wrap .colwrap .cols ul li, #footerlnd .wrap .footer-cnt p, .customcolumns.adjust .wrap .adjswrap .cols .cnt-cols{font-size: 16px;line-height: 22px;}
  .twocols .wrap .colwrap{margin:0px;}
  .twocols .wrap{padding:40px 20px;}
  .customcolumns.adjust .wrap{padding:60px 20px;}
.customcolumns .wrap .tophead h2,.twocols .wrap .tpheader h2{font-size:34px;}

  #firstrow .wrap .cols.right .colwrap h2{font-size:22px;}
  .customcolumns.adjust .wrap .adjswrap .cols h2{font-size:26px; line-height:26px}
}
@media all and (max-width: 860px) {
  #mainbnr .wrap{padding:60px 20px;}
  #mainbnr .wrap .banner-head{max-width:550px;margin:0px auto; text-align:center;}
  #firstrow .wrap .cwrap{display:block; margin:0px;}
#firstrow .wrap .cols.left{width:100%; padding:0px 0px 20px;}
#firstrow .wrap .cols.right{width:100%; margin:0px; padding:0px;}
}
@media all and (max-width: 780px) {
    .twocols .wrap{padding:70px 20px;}
    .twocols .wrap .colwrap{display:block; margin:0px;}
  .twocols .wrap .colwrap .cols.left{width:100%; padding:0px;}
  .twocols .wrap .colwrap .cols.left ul{margin:0px;}
  .twocols .wrap .colwrap .cols.right{width:100%; padding:0px;}
}
@media all and (max-width: 600px) {
  #mainbnr .wrap .banner-head h1{font-size: 34px; line-height: 34px;}
  #mainbnr .wrap .banner-head h2{font-size: 16px;line-height: 22px;}
  #firstrow .wrap, .twocols .wrap, .customcolumns.adjust .wrap{padding:36px 20px;}
  #firstrow .wrap .cols.left p{margin:0px 0px 15px;}
  .twocols .wrap .colwrap .cols ul li{margin:0px;}
  .customcolumns .wrap .tophead h2,.twocols .wrap .tpheader h2{font-size:28px;}
  #footerlnd .wrap .footer-cnt p{font-size:14px; line-height:20px;}
  .customcolumns.adjust .wrap .adjswrap .cols .cnt-cols p{margin:0px 0px 15px}
  .customcolumns.adjust .wrap .adjswrap .cols{padding:0px!important}
  .customcolumns .wrap .adjswrap{display:block; margin:0px;}
  .customcolumns .wrap .adjswrap .cols{width:100%!important; padding:0px 0px 20px!important;}
}