/*
 * Landing page styles
 */
.btn {   background-color: #7d2559;   border: none;   border-radius: 4px;   color: #fff;   cursor: pointer;   font-size: 18px;   font-weight: 400;   line-height: inherit;   padding: 11px 35px;     padding-right: 35px;     padding-left: 35px;   text-transform: none;   text-decoration: none; }
.button_group a.btn {   min-width: 170px;   display: inline-block;   width: auto;   text-align: center;   padding-left: 15px;   padding-right: 15px; }
a.btn { display: inline-block; background-color: #7d2559 !important;   box-shadow: 0px 1px 15px rgba(0,0,0,0.2);   position: relative;   overflow: hidden;   text-align: center !important; }
a.btn.white { background-color: #FFF !important;   color: #2e6b60; }
a.btn.green { background-color: #2e673c !important;   color: #FFF; }
a.btn:before {   background:#fff;   content:"";   height:0;   left:50%;   opacity:.2;   position:absolute;   top:50%;   transform:translateZ(0);   -webkit-transition:all .25s;   -moz-transition:all .25s;   -o-transition:all .25s;   transition:all .25s;   transition-delay:0;   width:0 }
a.btn:hover:before {   height:100%;   left:0;   top:0;   width:100% }

body .container { max-width: 1135px !important; }

.et_fixed_nav.et_show_nav.color-scheme-landing #page-container, 
.et_non_fixed_nav.et_transparent_nav.et_show_nav.color-scheme-landing #page-container {   padding-top: 0px !important; }
#main-header-landing{ background: #ccc;  background-repeat: no-repeat;   background-size: cover;   border-top: 8px solid #fff;   min-height: 240px;   overflow: hidden;   padding: 0 0 25px;   position: relative;}
#main-header-landing .color-scheme-landing{ background: url(../images/header-area-bg.png) no-repeat -300px; height: 93px;  position: absolute; width:100%; left: 0; z-index: 99999; }
#main-header-landing .color-scheme-landing::before{ background: #fff;   content: "";   display: block;   height: 100%;   position: absolute;   right: 100%;   width: 60%; }
#main-header-landing #logo {   max-height: 80px; }

 
#main-header-landing.main-header-landing-video{ min-height:585px;  }
#main-header-landing.main-header-landing-video .center .container-inner{ align-items: center;   padding-top: 93px; min-height:550px; position:relative; display:flex; }
video#background-video{ position: absolute;  width: auto !important;   height: 100% !important; transform: translateY(0%); }

#main-header-landing .banner_content_inner h1{   color: #fff;   font-size: 52px;   margin-bottom: 15px;   margin-top: 0;   padding-bottom: 15px;   position: relative; }
#main-header-landing .banner_content_inner h1::after{   background-image: url(https://landing.reactionbiology.com/hubfs/title-bottom.png);   background-position: 0 100%;   background-repeat: no-repeat;   background-size: 100% auto;   bottom: 0;   content: "";   height: 15px;   left: 0;   position: absolute;   width: 150px; }
#main-header-landing .banner-content-inner{   max-width: 800px; }
#main-header-landing .banner-content-inner h5{   margin-bottom: 15px;   font-size: 28px;   color: #FFF; }
#main-header-landing .banner-content-inner p{   color: #fff;   font-size: 28px;   font-weight: 300;   line-height: 1.4;   margin-bottom: 50px; }
#main-header-landing .banner-content-inner p{   font-size: 16px;  margin-bottom: 30px;  font-weight: 400 !important; }
#main-header-landing .button_group {   display: flex;   column-gap: 10px; }
.steps-wrap-container-inimation{ justify-content: center; }

#main-content{ min-height: calc(100vh + 0px) !important; margin-bottom:0 !important; }

.paragraph--paragraph-container-lp > .paragraph{ padding:50px 0 0; }
.paragraph--paragraph-container-lp > .paragraph.pb5{ padding-bottom:50px; }
.paragraph--paragraph-container-lp > .paragraph.mb5{ margin-bottom:50px; }
.paragraph--paragraph-container-lp > .paragraph.pt5{ padding-top:50px; }
.paragraph--paragraph-container-lp > .paragraph.pt3{ padding-top:30px; }
.paragraph--paragraph-container-lp > .paragraph.pt2{ padding-top:20px; }
.paragraph--paragraph-container-lp > .paragraph.pb3{ padding-bottom:30px; }
.paragraph--paragraph-container-lp > .paragraph.mb3{ margin-bottom:30px; }

.paragraph--paragraph-container-lp > .paragraph.header-no-border h2{ margin: 0 0 15px 0 !important; }
.paragraph--paragraph-container-lp > .paragraph.header-no-border h2::after{ background-image:none !important; }
.paragraph--paragraph-container-lp > .paragraph h2 {  padding-bottom: 0 !important;   font-size: 36px !important;   margin-bottom: 15px;   font-weight: 300; }
.paragraph--paragraph-container-lp > .paragraph h4 {  color: #3d3d3d; font-size: 22px !important;   margin-bottom: 15px;   font-weight: 500; }
.paragraph--paragraph-container-lp > .paragraph.hadding-green h2{ color: #2e6b60 !important; }
.paragraph--paragraph-container-lp > .paragraph .text-wrapper p:last-child{ margin-bottom:0 !important}



.full_width_column .box-section {   background-color: #d5e1df;   border-radius: 10px;   margin-top: 0px;   padding: 30px; }
.full_width_column .box-section-row {   align-items: center;   column-gap: 40px;   display: flex; }
.full_width_column .box-section-row .box-column:first-child {   width: 300px; }
.full_width_column .box-section-row .box-column:nth-child(2) {   width: calc(100% - 300px); }
.full_width_column .box-section-row .box-column:first-child img {   height: auto !important;   width: 100% !important; }
.full_width_column .box-section-row .box-column:nth-child(2) img {   display: inline-block;   height: auto !important;   max-width: 200px !important;   width: auto !important; }
.full_width_column .box-section-row .box-column:nth-child(2) h3 {   color: #000;   font-size: 36px !important;   font-weight: 700;   line-height: 1;   margin: 20px 0; }

.left-image-column-row {   display: flex;   column-gap: 40px;   align-items: start;   margin-top: 0px; }
.left-image-column-row .row-col:nth-child(1) {   width: 40%; }
.left-image-column-row .row-col:nth-child(2) {   width: 60%; }
.left-image-column-row ul {   padding-left: 0;   margin-bottom: 40px; }
.left-image-column-row ul li {   display: block;   background-image: url('https://landing.reactionbiology.com/hubfs/list-icon.png');   font-size: 18px;   background-repeat: no-repeat;   background-size: 15px auto;   padding-left: 24px;   line-height: 1.4;   margin-bottom: 8px; }

.batch-label{   position: relative; font-size: 13px; text-align: center; }
.two_columns .box-section-row .box-column:nth-child(1) .batch-label img,
.two_columns .box-section-row .box-column:nth-child(2) .batch-label img{ max-height:23px; width:auto !important; }

#SecId_6 .left-image-column-row{ margin-top:30px; }


.two_columns .box-section {   display: flex;   gap: 30px;   margin-top: 30px; }
.two_columns .box-section-row {   align-items: center;   background-color: #d5e1df;   border-radius: 10px;   column-gap: 30px;   display: flex;   padding: 30px;   width: 50%; max-width: 552.5px; }
.two_columns .box-section-row .box-column:first-child {   width: 50%; }
.two_columns .box-section-row .box-column:nth-child(2) {   width: 50%; }
.two_columns .box-section-row .box-column:first-child img {   border-radius: 15px;   box-shadow: 1px 2px 10px rgba(0,0,0,.05);   margin-bottom: 30px;   position: relative; }
.two_columns .box-section-row .box-column:first-child img {   height: auto !important;   margin-bottom: 0 !important;   width: 100% !important; }
.two_columns .box-section-row .box-column:nth-child(2) h3 {   color: #000;   font-size: 22px !important;   font-weight: 700;   line-height: 1;   margin: 0 0 10px; }
.two_columns .box-section-row .box-column:nth-child(2) p {   margin-bottom: 10px; }

#SecId_8.full_width_column .box-section {   margin-top: 30px; }
.paragraph--paragraph-container-lp > #SecId_9.paragraph h2 {   font-size: 44px !important;   position: relative;   padding-bottom: 15px; }


.steps-wrap-container-inimation {   display: flex; } 
.flex {   display: -webkit-box;   display: -webkit-flex;   display: -ms-flexbox;   display: flex; }
.steps-wrap-container-inimation #animation_container {
  width: 100% !important;
  height: auto !important;
}
.steps-wrap-container-inimation #canvas { cursor: pointer;  width: 100% !important;   height: auto !important;   position: relative !important; }



.popup_form_view .pum-container.pum-responsive.pum-responsive-tiny{ width:100%; }

.popup-form-inner{position:relative; background-color: #CCC; width: 100%;  max-width: 600px !important;   padding: 25px !important;   border-radius: 20px;   margin-left: auto;   margin-right: auto;  }
.popup-form-inner input[type="text"], .popup-form-inner input[type="email"]{ background-color: #EEE !important; }
.popup-form-inner .hbspt-form .hs_submit .actions {  min-width: 220px; text-align: center;   cursor: pointer;   text-shadow: none;   display: inline-flex;   align-items: center;   background: #881a5b;   min-height: 40px;   border-radius: 3px;   padding: 5px 40px;   color: #fff;   font-size: 1.4rem;   font-weight: 400;   font-family: inherit;   position: relative;   border: none;   text-decoration: none;   line-height: 0.9;   -webkit-transition: all 250ms;   -moz-transition: all 250ms;   -o-transition: all 250ms;   transition: all 250ms;   transition-delay: 0;   transform: translateZ(0);   margin: 0 auto;     margin-left: auto;   margin-left: 0px;   margin-left: 0px; }
.popup-form-inner .hbspt-form .hs_submit .actions::before, 
.popup-form-inner .hbspt-form .frm_submit button::before {   content: '';   position: absolute;   left: 50%;   width: 0;   top: 50%;   height: 0;   background: #fff;   opacity: 0.2;   -webkit-transition: all 250ms;   -moz-transition: all 250ms;   -o-transition: all 250ms;   transition: all 250ms;   transition-delay: 0;   transform: translateZ(0); }
.popup-form-inner .hbspt-form .hs_submit .actions:hover::before, 
.popup-form-inner .hbspt-form .frm_submit button:hover::before{ left: 0%;   width: 100%;   top: 0;   height: 100%; }
.popup-form-inner .hbspt-form .hs_submit .actions::after, 
.popup-form-inner .hbspt-form .frm_submit button::after {   font-family: 'FontAwesome';  content: '\0a0\f1d8';  font-weight: normal; position: absolute;   right: 20px;}
.popup-form-inner .hbspt-form .hs_submit .actions .hs-button { cursor: pointer; position: relative;  z-index: 999;   color: #fff;   font-size: 1.4rem;  font-weight: 400;  font-family: inherit;  border: none;  background: no-repeat;  line-height: 1; width:100%; line-height:40px; position: absolute;   width: 100%;   top: 0;   left: 0; }
.popup-form-inner .hbspt-form .hs-email label{ display:none !important}
.popup-form-inner .form-title{ margin-bottom:20px; }
.popup-form-inner .popup-close{ cursor: pointer; position: absolute;   height: 26px;   width: 26px;   left: auto;   right: -13px;   bottom: auto;   top: -13px;   padding: 0px;   color: #ffffff;   font-family: Arial;   font-weight: 100;   font-size: 20px;   line-height: 24px;   border: 2px solid #ffffff;   border-radius: 26px;   box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 );   text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );   background-color: rgba( 0, 0, 0, 1.00 );   text-align: center;}
.popup-form-inner .popup-close span{ margin-top:-3px; display: block; }


#main-footer,
#main-footer.top-footer {   position: relative !important; border-top: 8px solid #275d33; }
@media(min-width:1600px){
    video#background-video {  width: 100% !important;  height: auto !important; }
}
@media(max-width:1500px){
    video#background-video {   position: absolute;   width: auto !important;   height: 100% !important;   transform: inherit;   max-width: inherit; }
}

@media(max-width:1024px){
    #main-header-landing #logo {   max-height: 60px; }
    #main-header-landing .color-scheme-landing {
       background: url(../images/header-area-bg.png) no-repeat -170px;
       background-size: auto 100%; height: 75px;
    }
    video#background-video {   position: absolute;   width: auto !important;   height: 100% !important;   transform: inherit;   max-width: inherit; }
}

@media(max-width:767px){
    #main-header-landing #logo {   max-height: 50px; }
    #main-header-landing .color-scheme-landing {
       background: url(../images/header-area-bg.png) no-repeat -170px;
       background-size: auto 100%; height: 65px;
    }
    #main-header-landing .banner_content_inner h1{ font-size:38px; }
    #main-header-landing .banner-content-inner h5{ font-size:22px; }
    #main-header-landing .banner_content_inner h1 br{ display:none }
    video#background-video {   position: absolute;   width: auto !important;   height: 100% !important;   transform: inherit;   max-width: inherit; }
    
   .two_columns .box-section-row,
   .two_columns .box-section,
   .left-image-column-row,
   .full_width_column .box-section-row{ flex-wrap: wrap; gap: 20px; }
   .two_columns .box-section-row,
   .left-image-column-row .row-col:nth-child(1),
   .left-image-column-row .row-col:nth-child(2),
   .full_width_column .box-section-row .box-column:nth-child(1),
   .full_width_column .box-section-row .box-column:nth-child(2),
   .two_columns .box-section-row .box-column:nth-child(1),
   .two_columns .box-section-row .box-column:nth-child(2){ width:100%; }
   
    
}