/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/*
    font-family:'Univers LT W01_57 Condensed';
    font-family:'AvenirNextLTW01-UltraLi';
    font-family:'Avenir LT W01_55 Roman1475520';
    font-family:'Avenir LT W01_85 Heavy1475544';
    font-family:'Avenir LT W01_95 Black1475556';
    font-family:'Avenir LT W01_35 Light1475496';
    font-family:'Avenir Next LT W01 Demi';
*/
/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/




 
 
 
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
*, *::before, *::after { -webkit-box-sizing: border-box;  box-sizing: border-box; }
body { padding-top: 0; font-family:  'Open Sans', sans-serif ; line-height: 24px; font-size: 16px;  }
p { margin: 0 0 10px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; } 
.row-fluid .fullwidth { width: 100%; float: inherit; }
.row-fluid .wrapper { max-width: 1288px; width: 100%; margin: 0 auto !important; float: none !important; display: block; padding-left: 16px; padding-right: 16px;  }
.row-fluid h2 {  margin: 0 0 24px; padding: 0 0 12px; color: #0E5433; font-family: 'Avenir LT W01_85 Heavy1475544';  font-size: 39.06px; font-weight: 900; letter-spacing: 0.78px; line-height: 53px; text-transform: none; }
.row-fluid .dashes-pattern h2:after { content: "-"; position: absolute; left: 0; bottom: 0;  width: 106px; height: 4px; background: url(https://341226.fs1.hubspotusercontent-na1.net/hubfs/341226/yellow-pattern.png?t=1473181250253) center center/contain; font-size: 0;}
.row-fluid .dashes-pattern.pcenter { text-align: center; }
.row-fluid .dashes-pattern.pcenter h2:after { right: 0; margin: 0 auto;  }
.row-fluid .dashes-pattern.pblack h2:after { background: url(https://www.maltadevelopment.com/hubfs/Webpage%20Assets%20April%202020/Dashes.svg) center center/contain; }

.beta_header { background: transparent; }

.row-fluid .heroSec { padding: 24% 0 0; position: relative; z-index: 1; }
.row-fluid .heroSec:before{ content: "-"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #434134 0%, rgba(120,118,100,0) 100%); font-size: 0; z-index: -1}
.row-fluid .heroSec img { display: none; }

.row-fluid .comSec { padding: 80px 0; } 
.row-fluid .comSec-outer { width: 100%; padding-top: 6px; display: -webkit-flex; display: -ms-flex; display: -moz-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center;  justify-content: center; }
.row-fluid .comImg { width:100%; padding: 56.25% 0 0; }  
.row-fluid .comBlock { width: 32%; float: left; margin: 26px 2% 0 0;  padding: 0 0 72px; position: relative;  background-color: #F5F5F5; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);  box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); -webkit-border-radius: 2px; border-radius: 2px; transition: all 0.3s ease 0s;}
.row-fluid .comBlock:nth-child(3n), .row-fluid .comBlock:last-child{ margin-right: 0; }
.row-fluid .comBlock:hover{ box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 24px 0px, rgba(0, 0, 0, 0.24) 0px 24px 24px 0px; -webkit-transform:translateY(-4px); transform:translateY(-4px);}
.row-fluid .comInner { padding: 16px 16px 38px; } 
.row-fluid .comInner h3 {  margin: 0 0 8px; font-size: 31.25px; line-height: 42px; color: #F2BB18; font-family: 'Avenir LT W01_85 Heavy1475544'; font-weight: 900;  }
.row-fluid .comInner h4 { margin: 0 0 20px; color: #535353; font-family: 'Avenir LT W01_85 Heavy1475544';  font-size: 25px; font-weight: 900; line-height: 23px; }
.row-fluid .comlearnmore { position: absolute; left: 0; bottom: 48px; width: 100%; padding: 0 16px; }
.row-fluid .comlearnmore a { position: relative; color: #00CCFF; font-family:  'Open Sans', sans-serif ; font-size: 14px;  font-weight: 700;  line-height: 24px; transition: .3s ease;}
.row-fluid .comlearnmore a:after { content: "\f178"; font-family: "FontAwesome"; display: inline-block; vertical-align: middle; margin: 0 0 0 5px; transition: .3s ease;}
.row-fluid .comlearnmore a:hover:after { margin: 0 0 0 12px; }

.row-fluid .ebookForm { padding: 80px 0; background: linear-gradient(153.43deg, #F5CB50 0%, #9F7909 100%); overflow: hidden;}
.row-fluid .EbookLeft { width: 40.5%; float: left;}
.row-fluid .EbookLeft h2 { line-height: 45px; }
.row-fluid .EbookRight { width: 59.5%; float: left; margin: 45px 0 0; padding: 0 0 0 115px;  }
.row-fluid .EbookSubForm { margin: 22px 0 0; padding: 24px;  background: #F5F5F5; -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); -webkit-border-radius: 2px; border-radius: 2px; }
.row-fluid .EbookSubForm .hs_error_rollup .hs-error-msgs, .row-fluid .EbookSubForm .hs_error_rollup .hs-error-msgs label { margin-top: 0; }
 
.row-fluid .EbookSubtext h2, .row-fluid .EbookSubtext h3, .row-fluid .EbookSubtext h4, .row-fluid .EbookSubtext h5, .row-fluid .EbookSubtext h6 { margin: 0 0 30px; }
 

.beta_footer { padding-left: 0; padding-right: 0; } 

.row-fluid .cheroSec { position: relative; z-index: 1; padding: 386px 0 0; }
.row-fluid .cheroSec:before { content: "-"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #434134 0%, rgba(120,118,100,0) 100%);font-size: 0; z-index: -1; }
.row-fluid .chero-greybox { max-width: 435px; width: 100%; padding: 26px 32px 78px; color: #fff; line-height: 24px; background-color: rgba(67,65,52,0.88); -webkit-border-radius: 2px; border-radius: 2px; }
.row-fluid .chero-subtext { padding: 0 0 18px; }
.row-fluid .chero-greybox h1 { font-size: 48.83px; line-height: 56px; font-family: 'Avenir LT W01_55 Roman1475520'; color: #F2BB18; text-transform: none; }
.row-fluid .chero-greybox h1:before{ display: none; }

.row-fluid .cFormSec { padding: 80px 0 0; }
.row-fluid .cFormSec .EbookOuter { padding: 0 0 80px; border-bottom: 1px solid #D8D8D8;}
.row-fluid .cButtonLeft { width: 55.5%; float: left; }  
.row-fluid .cbuttons-top { padding: 0 0 32px; }
.row-fluid .cBtn { float: left; margin: 0 14px 16px 0; }
.row-fluid .cBtn a { padding: 13px 24px; font-size:16px; line-height: 22px; color: #434134; letter-spacing: 0.8px; border: 1px solid #434134; border-radius: 2px; display: inline-block; font-family: 'Avenir LT W01_85 Heavy1475544'; font-weight: 900; text-transform: uppercase;  transition: 0.3s ease;}
.row-fluid .cBtn a:hover{ background-color: #BBB8A7; }
.row-fluid .cBtn.tab-active a { background-color: #BBB8A7; }
.row-fluid .cBtn:last-child { margin-right: 0; }
.row-fluid .cBtn:last-child a { color: #00CCFF; border-color: #00CCFF;  }
.row-fluid .cBtn:last-child a:hover{ background-color: #008db1; color: #fff; border-color: #008db1;  }

.row-fluid .cFormRight { width: 44.5%; float: left; padding: 0 0 0 120px; } 
.row-fluid .cFormRight > span {  width: 100%; float: left; padding: 32px 24px; background-color: #F5F5F5; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); -webkit-border-radius: 2px; border-radius: 2px; }
.row-fluid .cFormRight h3 { margin: 0 0 16px;  font-size: 20px; line-height: 30px; font-family: 'Avenir LT W01_55 Roman1475520'; color: #535353; text-transform: uppercase; }
.row-fluid .cButtonLeft .EbookSubtext { color: #535353;}
.row-fluid .cButtonLeft .EbookSubtext p { margin: 0 0 30px; } 

.row-fluid .modelsSec { padding: 80px 0 100px; }  
.row-fluid .md-outer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.row-fluid .modelImg { padding: 56.25% 0 0; }
.row-fluid .models-col { width: 23.5%; float: left; margin: 24px 2% 0 0; position: relative;  padding: 0 0 56px;  -wekit-border-radius: 2px; border-radius: 2px; background-color: #F5F5F5;  -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24); transition: all .3s ease 0s; }
.row-fluid .models-col:nth-child(4n), .row-fluid .models-col:last-child { margin-right: 0; }
.row-fluid .models-col:hover {  box-shadow: rgba(0,0,0,0.16) 0px 0px 24px 0px, rgba(0,0,0,0.24) 0px 24px 24px 0px; -webkit-transform: translateY(-4px); transform: translateY(-4px);}
.row-fluid .md-Inner { padding: 20px 16px 40px; }
.row-fluid .md-Inner h3 { margin: 0 0 8px;  color: #F2BB18; font-family: 'Avenir LT W01_85 Heavy1475544'; font-size: 31.25px; font-weight: 900; line-height: 32px; }
.row-fluid .md-linetext { color: #535353; font-family: 'Avenir LT W01_85 Heavy1475544'; font-size: 16px; font-weight: 900; line-height: 23px; }
.row-fluid .md-linetext ul { margin: 0; padding: 0; list-style: none; }
.row-fluid .md-linetext ul li { padding: 8px 0; border-bottom: 1px solid #BBB8A7; }
.row-fluid .md-Inner .comlearnmore { bottom: 32px; }



@media(max-width: 1024px){
  .row-fluid .wrapper { max-width: 700px; }
  .row-fluid h2 { font-size: 36px; }
  .row-fluid .heroSec { padding: 28% 0 0; }
  .row-fluid .comInner h3 { font-size: 24px; }
  .row-fluid .comInner h4 { font-size: 20px; }
  .row-fluid .comBlock { width: 100%; margin-right: 0; }
  .row-fluid .EbookLeft { width: 100%; float: left; -webkit-order: 2; order: 2; }
  .row-fluid .EbookRight { width: 100%; margin: 0 0 40px; padding: 0; text-align: center; -webkit-order: 1; order: 1; }
  .row-fluid .EbookRight img { margin-left: -140px; }
  .row-fluid .EbookOuter { display: -webkit-flex; display: flex; flex-flow: -webkit-row wrap; flex-flow: row wrap; }
  
  .row-fluid .cheroSec { padding: 300px 0 0; }
  .row-fluid .cButtonLeft { width: 100%; }
  .row-fluid .cBtn a {  padding: 12px 19px; }
  .row-fluid .cFormRight { width: 100%; padding: 0;  margin: 40px 0 0; } 
  .row-fluid .models-col:nth-child(2n) { margin-right: 0; }
  .row-fluid .models-col { width: 49%; }
  .row-fluid .md-Inner h3 { font-size: 28px; }
  
  
}

@media(max-width: 767px){
  .row-fluid .wrapper { max-width: 100%; }
  .row-fluid h2 { font-size: 31px; line-height: 42px; }
  .header-container { height: auto; }
  .row-fluid .heroSec { padding: 36% 0 0; }
/*   .beta_header { background: #434134; } */
/*   .row-fluid .heroSec { padding: 0; background: none;} */
/*   .row-fluid .heroSec:before{ opacity: 0; visibility: hidden; } */
/*   .row-fluid .heroSec img { display: block; }  */
  .row-fluid .comSec, .row-fluid .ebookForm { padding: 40px 0; }
  
  .malta-cTheme:not(.sticky-header) .beta_header { background: transparent;}
  .malta-cTheme .header-container { height: auto !important; }
  .row-fluid .cheroSec { padding: 220px 0 0; }
  .row-fluid .chero-greybox h1 { font-size: 36px;  line-height: 48px; }
  .row-fluid .chero-greybox { padding: 25px 20px 50px;}
  .row-fluid .cBtn a { padding: 9px 16px; font-size: 14px; }
  .row-fluid .cFormSec {  padding: 40px 0 0; }
  .row-fluid .cFormSec .EbookOuter { padding: 0 0 40px; }
  .row-fluid .modelsSec { padding: 40px 0; }
  .row-fluid .md-Inner h3 { font-size: 24px; }
  .row-fluid .md-linetext { font-size: 15px; }

  
}

@media(max-width: 560px) {
  .row-fluid .models-col { width: 100%; margin-right; 0; }
}
@media(max-width: 480px){
 .row-fluid .EbookRight img {  margin-left: -100px;  max-width: 300px !important; }
}