/*
Theme Name: twentytwentyone-child
Template: twentytwentyone
Text Domain: twentytwentyone-child
*/ 
/* Custom CSS goes after this line */
/* TWS Header*/


/*Dropdown Menu*/
#navbar {
justify-content: space-between; width: 100%; align-items: center;
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */ 
  z-index: 999!important;display: flex; align-items:center;opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; /* optional: prevents interaction when hidden */
  }


body.page-id-166 .tws-header{display: none;}
body.page-id-166 #navbar{top: 0!important;}


body, html{font-family: sweet-sans-pro, sans-serif!important; background-color: #fff!important;}
a {text-decoration: none;}
.e-child ul li,.e-child ol li{font-family: sweet-sans-pro, sans-serif!important; margin: 0!important; padding:5px 0!important}
.e-child ul, .e-child ol{ margin:14px 0 14px 14px!important; padding: 0!important;}


#navbar .tws-menu{ width: 100%; margin: 0 0%; position: absolute; z-index: 99; display: flex; align-content: center!important; align-items: center!important; z-index: 999;
justify-content:space-between;}

#navbar .logo{width: 20%; padding: 20px; margin-left: 2.5%!important  }
#navbar .logo img{  width: 120px!important; height: auto; }
#navbar .tws-topnav{ text-align: right; width:75%; margin-top: 0px;  display: flex; justify-content: flex-end; align-items: stretch!important;
    margin-bottom: 0!important; margin-right: 2.5%!important}
#navbar .tws-topnav ul{ list-style: none; margin: 0; padding: 0; text-align: left; margin-top:0px!important; }
#navbar .tws-topnav ul li{ margin: 0; padding:10px 20px!important; display: inline-block; position: relative;font-family: sweet-sans-pro, sans-serif!important;}
#navbar .tws-topnav ul ul{ display: none;}

#navbar .tws-topnav ul li:hover{  background-color: #fff; border-radius: 3px!important;  }
#navbar .tws-topnav ul li:hover ul{ display: block; position: absolute; top: 38px; width: 250px; left:-15px; text-align: left; background-color: #fff; margin: 0; padding: 20px 2em;border-radius: 3px!important;}
#navbar .tws-topnav ul li a{ color: #333; text-decoration: none; font-size: 15px!important; text-transform: uppercase!important; font-weight: 600!important;}
#navbar .tws-topnav ul li a:hover{color: #999;}
#navbar .tws-topnav ul li:hover ul li a{  font-size: 14px!important; line-height: 1.2em!important; display: block;border-radius: 3px;  color: #333; text-transform: none!important;}
 #navbar .tws-topnav ul li:hover ul li{ display: block; padding: 0; line-height:  1em!important; padding: 10px 20px 10px 0px!important; background-image: url("/images/menu-arrow.png"); background-repeat: no-repeat; background-position: center right;
background-size: 12px!important;}
#navbar .tws-topnav ul li:hover ul li:hover a{color: #7197bd;}

#navbar .tws-topnav ul ul{ display: none;}
#navbar .tws-topnav ul li.cta{   }
#navbar .tws-topnav ul li.cta:hover{ }
#navbar .tws-topnav ul li.cta a{ background-color: #333; color: #fff!important; padding: 15px 20px; border-radius: 4px; font-weight: bold;
}
#navbar .tws-topnav ul li.cta a:hover{ background-color: #000;}




#responsive-menu-pro-container a{font-family: sweet-sans-pro, sans-serif!important; font-weight: 600!important;}
.tws-header{ display: flex; position: absolute; width: 100%; top:0; left: 0; justify-content: space-between; align-items: center; padding:20px 0; z-index: 9999;
}
.tws-logo{ margin-left: 2.5%; }
.tws-logo img{max-width:120px!important; width: 120px!important; min-width:120px!important; height: auto!important;} 
.tws-logo a{color:#fff!important; font-size: 24px!important}

.tws-navigation{ text-align: right; margin-right: 2.5%;}
.tws-navigation ul{ margin: 0; padding: 0;}
.tws-navigation ul li{margin: 0; padding:10px 20px; display: inline-block; position: relative;font-family: sweet-sans-pro, sans-serif!important; text-transform: uppercase!important;}
.tws-navigation ul li a{ font-size: 15px!important; color: #fff!important; font-weight: 600!important;}
.tws-navigation ul li a:hover{color: #333!important;}
.tws-navigation ul li:hover{ background-color: #fff!important; border-radius: 4px;}
.tws-navigation ul li.cta:hover{ background-color:rgba(245,245,245,.0)!important;}
.tws-navigation ul li:hover a{ color: #333!important;}
.tws-navigation ul li.cta a{ background-color: #fff; color: #333!important; padding: 15px 20px; border-radius: 4px; font-weight: bold;

}
.tws-navigation ul li.cta a:hover{ background-color: #333; color: #fff!important;}
.tws-navigation ul ul{ display: none;}
.tws-navigation ul li:hover ul{ display: block; position: absolute; top: 40px; left:0px; width:250px; text-align: left; padding: 20px; background-color: #fff; margin: 0!important; border-radius: 4px; }
.tws-navigation ul li:hover ul li{display: block; padding: 0; line-height:  1em!important; padding: 10px 20px 10px 0px; background-image: url("/images/menu-arrow.png"); background-repeat: no-repeat; background-position: center right;
background-size: 12px!important;}
.tws-navigation ul li:hover ul li a{ font-size: 14px!important; line-height: 1.2em!important; display: block;border-radius: 3px;  color: #333; text-transform: none!important;}
.sub-menu-toggle{display: none!important;}



  .tws-footer{ padding: 60px 0 20px; width: 100%; float: left; text-align: center; color: #333!important; border-top:solid 0px #efefef; background-color: #fff!important;font-family: sweet-sans-pro, sans-serif!important;font-size: 13px!important;}
.tws-footer h3{ font-size:40px!important; color:#525453;line-height: 1.2em!important; padding-bottom: 14px!important; }
.bigcta{ background-color: #00c3cd; color: #fff; padding: 20px 40px; border-radius: 20px; display: inline-block; font-size:18px!important; font-weight: bold; 
border-radius: 35px;}
.bigcta:hover { background-color: #00adb6}
.tws-footer .bigcta{ margin-top: 20px}
.tws-bottom{ text-align: center; font-size:13px!important; padding: 20px; border-top:solid 0px #dadada; color: #333!important; display: block;width: 100%; float: left; background-color: #fff!important;font-family: sweet-sans-pro, sans-serif!important;}
.tws-bottom a{color:#333!important;}
a.elementor-size-xl .fa-arrow-circle-right{ font-size:60px!important; }
a.elementor-size-xl span.elementor-button-text{ line-height: 60px;}

/*Home*/
.intro h1 b{ display: block; font-size: 20px; line-height: 1.2em!important; font-weight: 500!important;}
.why span{ display: block!important;}

/*Let's Get Started*/
#frm_field_7_container .frm_opt_container{ justify-content:center!important; display: flex!important; text-align: center;}
#field_td20d_label{ text-align: center!important;font-family: sweet-sans-pro, sans-serif; font-size: 24px;}
#frm_desc_field_td20d{text-align: center!important; color: #333;}
.frm_image_small img{ width: 65px!important; height: auto!important; margin:42px;}
.frm_text_label_for_image_inner{ font-weight:600;color:#0e65b6;}
.frm_submit button{background-color: #5cd2ca!important; text-align: center;}
.frm_submit input.frm_final_submit{ margin: 0px 5px!important;}
/*About*/
.abt img{ min-width: 20%!important; max-width: 20%!important;}

/*Privacy Policy*/
.pp p, .pp ul{ margin-bottom: 20px!important; }

.link a{color:#00adb6;}
/*Sidebar*/
.sidebar{font-family: sweet-sans-pro, sans-serif}
.sidebar h2{ margin: 0 0 10px 0!important;}
.sidebar ul{ margin: 0!important; padding: 0!important;list-style:none!important; margin-left: 0px!important; margin-bottom: 20px!important;}
.sidebar ul li a{font-family: sweet-sans-pro, sans-serif!important; font-size: 18px!important;}
.sidebar ul li a:hover{color:#00adb6;}
img.size-full{height: auto!important;}

/*Contact*/

#field_o29on_label, #frm_desc_field_o29on{ text-align: center!important;}
.frm_submit{text-align: center!important;}
.frm_submit button{background-color: #333!important; text-align: center!important; color: #fff!important;padding: 15px 20px!important;}
input:focus{outline: 0!important;}

.frm_submit button:hover{background-color: #000!important; text-align: center!important; color: #fff!important;}
input:focus{outline: 0!important;}
.frm_current_page{ font-weight: 600!important;}
.frm_percent_complete{ font-weight: 600!important;}
.linkage a{ font-weight: 600!important;}

body.page-id-14 .tws-header, body.page-id-2017 .tws-header{display: none!important }

body.page-id-14 #navbar, body.page-id-2017 #navbar {
justify-content: space-between; width: 100%; align-items: center;
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */ 
  z-index: 999!important;display: flex; align-items:center;opacity: 1!important;
  transition: opacity 0.5s ease;
  pointer-events:all!important; /* optional: prevents interaction when hidden */
  
}






@media all and (max-width:1024px){
    .tws-navigation, #navbar .tws-topnav{display: none!important;}
     .tws-footer h3{ font-size:8vw!important; color:#525453 }
	.eael-img-accordion{height: 600px!important; min-height: 600px!important; max-height: 600px!important}
}
@media all and (max-width:767px){
    .tws-header{padding:13px 0;}
    .intro h1 b{ display: block; font-size: 16px; line-height: 1em!important;}
    .tws-logo{ margin-left: 5%; }
.tws-logo img{max-width: 65px!important; width: 65px!important; min-width:65px!important;; height: auto!important;} 
    #navbar .logo img{ max-width: 65px!important; width: 65px!important; min-width:65px!important; height: auto; }
    .tws-footer h3{ font-size:10vw!important; color:#525453 }
    .tws-footer{ padding: 40px 5%; width: 100%; margin: 0 0%; float: left; text-align: center;}
    #responsive-menu-pro-item-55 a{background-color: #00c3cd!important; color: #fff!important; padding: 0px 20px!important; text-align: center!important; margin: 10px 5% 0!important; width: 90%!important; border-radius: 25px; font-weight: bold;
-webkit-border-radius: 35px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 35px;
-moz-border-radius-bottomleft: 0;
border-radius: 35px;
border-bottom-left-radius: 0; min-height: 70px!important; line-height: 70px!important;}
    
    .abt img{ min-width: 60%!important; max-width: 60%!important; margin: 0 20%!important;}
	.eael-img-accordion{height: 400px!important; min-height: 400px!important; max-height: 400px!important}
}