body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_IconFont1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_IconFont1:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont1
{
   height: 40px;
   width: 32px;
}
.IconFont1
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Elusive Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.IconFont1:before
{
   content: "\f152";
}
#IconFont1 i
{
   color: #016366;
   display: inline-block;
   font-size: 32px;
   line-height: 40px;
   vertical-align: middle;
   width: 31px;
}
#wb_IconFont1:hover i
{
   color: #C0C0C0;
}
#Layer2
{
   background-color: #FBFBFB;
   background-image: none;
}
#wb_IconFont11
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_IconFont11:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
}
#IconFont11
{
   height: 42px;
   width: 42px;
}
.IconFont11
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: Ionicons;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.IconFont11:before
{
   content: "\f4f0";
}
#IconFont11 i
{
   color: #035D5B;
   display: inline-block;
   font-size: 42px;
   line-height: 42px;
   vertical-align: middle;
   width: 35px;
}
#wb_IconFont11:hover i
{
   color: #4BAFA6;
}
#Layer1
{
   background-color: #FBFBFB;
   background-image: none;
}
#wb_IconFont15
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_IconFont15:hover
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #D3D3D3;
}
#IconFont15
{
   height: 45px;
   width: 53px;
}
.IconFont15
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: Ionicons;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
.IconFont15:before
{
   content: "\f4b9";
}
#IconFont15 i
{
   color: #036168;
   display: inline-block;
   font-size: 45px;
   line-height: 45px;
   vertical-align: middle;
   width: 30px;
}
#wb_IconFont15:hover i
{
   color: #6DB530;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 117px;
   width: 8px;
}
#wb_Text68 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text68 div
{
   text-align: left;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   padding: 0;
   -webkit-animation: flip-in 1000ms linear 0ms 1 normal both;
   animation: flip-in 1000ms linear 0ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text71 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: right;
}
#wb_Text71 div
{
   text-align: right;
}
#wb_Text72 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text72 div
{
   text-align: left;
}
#Button9
{
   box-sizing: border-box;
   line-height: 71px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #DCDCDC;
   border-radius: 40px;
   background-color: #016366;
   background-image: none;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: normal;
   font-style: normal;
   font-size: 21px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Text76 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text76 div
{
   text-align: center;
}
#wb_Text77 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text77 div
{
   text-align: center;
}
#wb_Text78 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text78 div
{
   text-align: center;
}
#wb_Text79 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text79 div
{
   text-align: center;
}
#Layer15
{
   background-color: #014547;
   background-image: none;
}
#wb_Text69 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text69 div
{
   text-align: center;
}
#wb_Line2
{
   font-size: 0;
}
#Line2
{
   border-width: 0;
   height: 8px;
   width: 1220px;
}
#wb_Text70 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text70
{
   color: #F5F5F5;
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   line-height: 24px;
}
#wb_Text70 p, #wb_Text70 ul
{
   margin: 0;
   padding: 0;
}
#ThemeableButton17
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
}
#wb_ThemeableButton17
{
   border-radius: 60px;
   margin: 0;
}
#ThemeableButton17
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton17 .ui-button
{
   margin: 0;
   line-height: 43px;
}
#ThemeableButton17
{
   color: #454545;
   text-decoration: none;
}
#ThemeableButton17 :hover
{
   color: #2B2B2B;
}
#ThemeableButton17 :active
{
   color: #FFFFFF;
}
#wb_ThemeableButton17 .ui-primary
{
   background-image: none !important;
   text-indent: 0;
   display: inline-block;
   font-family: LineAwesome;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   overflow: visible;
   position: absolute;
   left: 15px;
   top: 50%;
   margin-top: -9.5px;
   width: 19px;
   height: 19px;
   color: #459477;
}
#wb_ThemeableButton17 .ui-primary:before
{
   content: "\f2b3";
}
#wb_ThemeableButton17:hover .ui-primary
{
   color: #DCDCDC;
}
#wb_ThemeableButton17:active .ui-primary
{
   color: #FFFFFF;
}
#wb_ThemeableButton17 .ui-corner-all, #wb_ThemeableButton17 .ui-corner-left
{
   border-bottom-left-radius: 60px;
   border-top-left-radius: 60px;
}
#wb_ThemeableButton17 .ui-corner-all, #wb_ThemeableButton17 .ui-corner-right
{
   border-bottom-right-radius: 60px;
   border-top-right-radius: 60px;
}
#wb_ThemeableButton17 .ui-button
{
   background-color: #F5F5F5;
   background-image: none;
   border: 1px solid rgba(66,144,118,0.00);
   color: #459477;
}
#wb_ThemeableButton17 .ui-state-hover, #wb_ThemeableButton17 .ui-button:hover
{
   border-color: #DCDCDC;
   background-color: #DCDCDC;
   background-image: none;
   color: #459477;
}
#wb_ThemeableButton17 .ui-state-active, #wb_ThemeableButton17 .ui-button:active
{
   border-color: #459477;
   background-color: #459477;
   background-image: none;
   color: #FFFFFF;
}
#wb_ThemeableButton17 .ui-button .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton17-default.png');
   background-position: 0 0;
}
#wb_ThemeableButton17 .ui-button:hover .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton17-hover.png');
   background-position: 0 0;
}
#wb_ThemeableButton17 .ui-button:active .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton17-active.png');
   background-position: 0 0;
}
#wb_ThemeableButton17 .ui-visual-focus
{
   box-shadow: none;
}
#ThemeableButton1
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
}
#wb_ThemeableButton1
{
   border-radius: 60px;
   margin: 0;
}
#ThemeableButton1
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton1 .ui-button
{
   margin: 0;
   line-height: 56px;
}
#ThemeableButton1
{
   color: #454545;
   text-decoration: none;
}
#ThemeableButton1 :hover
{
   color: #2B2B2B;
}
#ThemeableButton1 :active
{
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-primary
{
   background-image: none !important;
   text-indent: 0;
   display: inline-block;
   font-family: LineAwesome;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   overflow: visible;
   position: absolute;
   left: 15px;
   top: 50%;
   margin-top: -9.5px;
   width: 19px;
   height: 19px;
   color: #459477;
}
#wb_ThemeableButton1 .ui-primary:before
{
   content: "\f37a";
}
#wb_ThemeableButton1:hover .ui-primary
{
   color: #DCDCDC;
}
#wb_ThemeableButton1:active .ui-primary
{
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-left
{
   border-bottom-left-radius: 60px;
   border-top-left-radius: 60px;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-right
{
   border-bottom-right-radius: 60px;
   border-top-right-radius: 60px;
}
#wb_ThemeableButton1 .ui-button
{
   background-color: #F5F5F5;
   background-image: none;
   border: 1px solid rgba(66,144,118,0.00);
   color: #459477;
}
#wb_ThemeableButton1 .ui-state-hover, #wb_ThemeableButton1 .ui-button:hover
{
   border-color: #DCDCDC;
   background-color: #DCDCDC;
   background-image: none;
   color: #459477;
}
#wb_ThemeableButton1 .ui-state-active, #wb_ThemeableButton1 .ui-button:active
{
   border-color: #459477;
   background-color: #459477;
   background-image: none;
   color: #FFFFFF;
}
#wb_ThemeableButton1 .ui-button .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton1-default.png');
   background-position: 0 0;
}
#wb_ThemeableButton1 .ui-button:hover .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton1-hover.png');
   background-position: 0 0;
}
#wb_ThemeableButton1 .ui-button:active .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton1-active.png');
   background-position: 0 0;
}
#wb_ThemeableButton1 .ui-visual-focus
{
   box-shadow: none;
}
#wb_Text96 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text96 div
{
   text-align: left;
}
#ThemeableButton18
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   margin: 0;
   padding: 0;
   text-align: center;
}
#ThemeableButton18 .ui-button
{
   position: absolute;
   padding: 0;
}
#ThemeableButton18.ui-corner-all
{
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
}
#ThemeableButton18.ui-corner-all
{
   border-bottom-right-radius: 50px;
   border-top-right-radius: 50px;
}
#ThemeableButton18.ui-button
{
   background-color: #3CB371;
   background-image: none;
   border: 2px solid #3CB371;
   color: #F5F5F5;
}
#ThemeableButton18.ui-state-hover, #ThemeableButton18.ui-button:hover
{
   border-color: #F5F5F5;
   background-color: #EDEDED;
   background-image: none;
   color: #26373E;
}
#ThemeableButton18.ui-state-active, #ThemeableButton18.ui-button:active
{
   border-color: #2E6DA4;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
}
#ThemeableButton18.ui-button .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton18-default.png');
   background-position: 0 0;
}
#ThemeableButton18.ui-button:hover .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton18-hover.png');
   background-position: 0 0;
}
#ThemeableButton18.ui-button:active .ui-icon
{
   background-image: url('images/cuanto-peso-perdere-ThemeableButton18-active.png');
   background-position: 0 0;
}
#ThemeableButton18.ui-visual-focus
{
   box-shadow: none;
}
#wb_Text98 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text98 div
{
   text-align: justify;
}
#wb_Text99 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text99 div
{
   text-align: justify;
}
#wb_Text100 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text100 div
{
   text-align: justify;
}
#wb_Text101 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text101 div
{
   text-align: justify;
}
#wb_Text97 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text97 div
{
   text-align: justify;
}
#wb_Image10
{
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text102 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text102
{
   color: #3CB371;
   font-family: Outfit;
   font-weight: normal;
   font-size: 21px;
   line-height: 28px;
}
#wb_Text102 p, #wb_Text102 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text103 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text103 div
{
   text-align: justify;
}
#wb_Text120 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text120 div
{
   text-align: center;
}
#wb_Image11
{
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 10px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button4
{
   box-sizing: border-box;
   line-height: 55px;
   text-decoration: none;
   vertical-align: top;
   border: 0px solid #DCDCDC;
   border-radius: 60px;
   background-color: #035D5B;
   background-image: none;
   color: #FFFFFF;
   font-family: Outfit;
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text1
{
   color: #000000;
   font-family: Outfit;
   font-weight: normal;
   font-size: 16px;
   line-height: 22px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
}
.ThemeableMenu1 .hide 
{
   display: none!important;
}
.ThemeableMenu1 .show 
{
   display: block!important;
}
.ThemeableMenu1 .hidden
{
   display: none!important;
   visibility: hidden!important;
}
.ThemeableMenu1 .nav
{
   font-family: Outfit;
   font-weight: normal;
   font-size: 19px;
   font-style: normal;
   color: #454545;
   text-align: left;
}
#ThemeableMenu1, .ThemeableMenu1 .nav, .ThemeableMenu1 *
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   line-height: 1;
   list-style: none;
}
.ThemeableMenu1 .nav:before,
.ThemeableMenu1 .nav:after 
{
   content: " ";
   display: table;
}
.ThemeableMenu1 .nav:after 
{
   clear: both;
}
.ThemeableMenu1 .nav a 
{
   text-decoration: none;
}
.ThemeableMenu1 .nav ul
{
   margin-top: 0;
   margin-bottom: 0;
}
.ThemeableMenu1 .nav ul ul
{
   margin-bottom: 0;
}
.ThemeableMenu1 .container 
{
   margin-right: auto;
   margin-left: auto;
   padding: 0;
}
.ThemeableMenu1 .container:before,
.ThemeableMenu1 .container:after 
{
   content: " ";
   display: table;
}
.ThemeableMenu1 .container:after 
{
   clear: both;
}
.ThemeableMenu1 .collapse 
{
   display: none;
}
.ThemeableMenu1 .collapse.show 
{
   display: block;
}
.ThemeableMenu1 .collapsing 
{
   position: relative;
   height: 0;
   overflow: hidden;
   -webkit-transition: height .35s ease;
   transition: height .35s ease;
}
.ThemeableMenu1 .caret 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 4px;
   vertical-align: middle;
   border-top: 4px solid #000;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
.ThemeableMenu1 .dropdown 
{
   position: relative;
}
.ThemeableMenu1 .dropdown-toggle:focus 
{
   outline: 0;
}
.ThemeableMenu1 .dropdown-menu 
{
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 19px;
   background-color: #F6F6F6;
   background-image: none;
   border: 1px solid rgba(197,197,197,1.00);
   border-radius: 0px;
   background-clip: padding-box;
}
.ThemeableMenu1 .dropdown-menu .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #C5C5C5;
}
.ThemeableMenu1 .dropdown-menu>li>a 
{
   display: block;
   padding: 3px 20px 3px 20px;
   clear: both;
   line-height: 1.428571429;
   color: #454545;
   white-space: nowrap;
}
.ThemeableMenu1 .dropdown-menu>li>a:hover,
.ThemeableMenu1 .dropdown-menu>li>a:focus 
{
   text-decoration: none;
   color: #F5F5F5;
   background-color: #014547;
   background-image: none;
}
.ThemeableMenu1 .dropdown-menu>li>a.active,
.ThemeableMenu1 .dropdown-menu>li>a.active:hover,
.ThemeableMenu1 .dropdown-menu>li>a.active:focus
{
   color: #F5F5F5;
   background-color: #014547;
   background-image: none;
   text-decoration: none;
   outline: 0;
}
.ThemeableMenu1 .show>.dropdown-menu 
{
   display: block;
}
.ThemeableMenu1 .show>a 
{
   outline: 0;
}
.ThemeableMenu1 .dropdown-header 
{
   display: block;
   padding: 3px 20px;
   line-height: 1.428571429;
   color: #aeaeae;
}
.ThemeableMenu1 .dropdown-backdrop 
{
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 990;
}
.ThemeableMenu1 .dropdown.show .dropdown-menu
{
   animation-name: ThemeableMenu1-animation;
   animation-duration: 500ms;
   animation-iteration-count: 1;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
}
@keyframes ThemeableMenu1-animation
{
   0%
   {
      opacity: 0;
   }
   100%
   {
      opacity: 1;
   }
}
.ThemeableMenu1 .nav>li 
{
   position: relative;
   display: block;
}
.ThemeableMenu1 .nav>li>a 
{
   position: relative;
   display: block;
   padding: 15px 15px 15px 15px;
}
.ThemeableMenu1 .nav .show>a,
.ThemeableMenu1 .nav .show>a:hover,
.ThemeableMenu1 .nav .show>a:focus 
{
   background-color: #ccc;
   border-color: #FFFFFF;
}
.ThemeableMenu1 .nav .nav-divider 
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #C5C5C5;
}
.ThemeableMenu1 .nav>li>a>img 
{
   max-width: none;
}
.ThemeableMenu1 .nav .caret 
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.ThemeableMenu1
{
   position: relative;
}
.ThemeableMenu1:before,
.ThemeableMenu1:after
{
   content: " ";
   display: table;
}
.ThemeableMenu1:after
{
   clear: both;
}
.ThemeableMenu1 .navbar-header:before,
.ThemeableMenu1 .navbar-header:after
{
   content: " ";
   display: table;
}
.ThemeableMenu1 .navbar-header:after
{
   clear: both;
}
.ThemeableMenu1-navbar-collapse 
{
   overflow-x: visible;
   -webkit-overflow-scrolling: touch;
}
.ThemeableMenu1-navbar-collapse:before,
.ThemeableMenu1-navbar-collapse:after
{
   content: " ";
   display: table;
}
.ThemeableMenu1-navbar-collapse:after
{
   clear: both;
}
.ThemeableMenu1-navbar-collapse.show 
{
   overflow-y: auto;
}
.ThemeableMenu1 .navbar-toggle 
{
   position: relative;
   float: left;
   padding: 17px 10px 16px 10px;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 0px;
}
.ThemeableMenu1 .navbar-toggle .icon-bar 
{
   display: block;
   width: 22px;
   height: 2px;
   border-radius: 1px;
}
.ThemeableMenu1 .navbar-toggle .icon-bar+.icon-bar
{
   margin-top: 4px;
}
.ThemeableMenu1 .navbar-nav
{
   margin: 6px -15px;
}
.ThemeableMenu1 .navbar-nav>li>.dropdown-menu
{
   margin-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}
.ThemeableMenu1 .navbar-nav>li>a
{
   color: #454545;
}
.ThemeableMenu1 .navbar-nav>li>a:hover,
.ThemeableMenu1 .navbar-nav>li>a:focus
{
   background-color: #014547;
   background-image: none;
   color: #F5F5F5;
   text-decoration: none;
}
.ThemeableMenu1 .navbar-nav>li>a.active,
.ThemeableMenu1 .navbar-nav>li>a.active:hover,
.ThemeableMenu1 .navbar-nav>li>a.active:focus
{
   color: #F5F5F5;
   background-color: #014547;
   background-image: none;
}
.ThemeableMenu1 .navbar-toggle
{
   border: 1px solid rgba(69,69,69,0.10);
}
.ThemeableMenu1 .navbar-toggle:hover,
.ThemeableMenu1 .navbar-toggle:focus
{
   background-color: transparent;
}
.ThemeableMenu1 .navbar-toggle .icon-bar
{
   background-color: #333333;
}
.ThemeableMenu1-navbar-collapse
{
   border-color: rgba(197,197,197,1.00);
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.dropdown>a:focus .caret
{
   border-top-color: #F5F5F5;
   border-bottom-color: #F5F5F5;
}
.ThemeableMenu1 .navbar-nav>.show>a,
.ThemeableMenu1 .navbar-nav>.show>a:hover,
.ThemeableMenu1 .navbar-nav>.show>a:focus
{
   background-color: #014547;
   background-image: none;
   color: #F5F5F5;
}
.ThemeableMenu1 .navbar-nav>.show>a .caret,
.ThemeableMenu1 .navbar-nav>.show>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.show>a:focus .caret
{
   border-top-color: #F5F5F5;
   border-bottom-color: #F5F5F5;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a .caret
{
   border-top-color: #454545;
   border-bottom-color: #454545;
}
.ThemeableMenu1 .navbar-link
{
   color: #454545;
}
.ThemeableMenu1 .navbar-link:hover
{
   color: #F5F5F5;
}
.ThemeableMenu1 .navbar-header
{
   color: #333333;
}
@media (min-width: 480px) 
{
.ThemeableMenu1 .navbar-right .dropdown-menu
{
   right: 0;
   left: auto;
}
.ThemeableMenu1 .navbar-header
{
   float: left;
}
.ThemeableMenu1-navbar-collapse
{
   width: auto;
   border-top: 0;
   box-shadow: none;
}
.ThemeableMenu1-navbar-collapse.collapse
{
   display: block!important;
   height: auto!important;
   padding-bottom: 0;
   overflow: visible!important;
}
.ThemeableMenu1-navbar-collapse.show
{
   overflow-y: auto;
}
.ThemeableMenu1 .navbar-toggle
{
   display: none;
}
.ThemeableMenu1 .navbar-nav 
{
   float: left;
   margin: 0;
}
.ThemeableMenu1 .navbar-nav>li 
{
   float: left;
}
.ThemeableMenu1 .container>.navbar-header,
.ThemeableMenu1 .container>.ThemeableMenu1-navbar-collapse
{
   margin-right: 0;
   margin-left: 0;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.dropdown>a:focus .caret
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
}
@media (max-width: 480px) 
{
.ThemeableMenu1 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid rgba(255,255,255,1.00);
}
.ThemeableMenu1 .navbar-nav
{
   margin: 0;
   background-color: #F6F6F6;
   background-image: none;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu
{
   position: static !important;
   float: none;
   width: auto;
   margin-top: 0;
   background-color: transparent;
   border: 0;
   box-shadow: none;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu>li>a,
.ThemeableMenu1 .navbar-nav .show .dropdown-menu .dropdown-header
{
   padding: 5px 15px 5px 25px;
}
.ThemeableMenu1 .navbar-nav .show .dropdown-menu>li>a 
{
   line-height: 20px;
}
}
@media (min-width: 480px) 
{
.ThemeableMenu1 
{
   background-color: transparent;
   background-image: none;
   border: 1px solid rgba(255,255,255,1.00);
   border-radius: 0px;
}
.ThemeableMenu1 .navbar-nav>li>a 
{
   color: #333333;
}
.ThemeableMenu1 .navbar-nav>li>a:hover,
.ThemeableMenu1 .navbar-nav>li>a:focus
{
   color: #FFFFFF;
   background-color: #3CB371;
   background-image: none;
}
.ThemeableMenu1 .navbar-nav>li>a.active,
.ThemeableMenu1 .navbar-nav>li>a.active:hover,
.ThemeableMenu1 .navbar-nav>li>a.active:focus
{
   color: #FFFFFF;
   background-color: #3CB371;
   background-image: none;
}
.ThemeableMenu1 .navbar-nav>.show>a,
.ThemeableMenu1 .navbar-nav>.show>a:hover,
.ThemeableMenu1 .navbar-nav>.show>a:focus
{
   background-color: #3CB371;
   background-image: none;
   color: #FFFFFF;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a:hover .caret
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.ThemeableMenu1 .navbar-nav>.dropdown>a .caret
{
   border-top-color: #333333;
   border-bottom-color: #333333;
}
.ThemeableMenu1 .navbar-nav > li > a.active > .caret,
.ThemeableMenu1 .navbar-nav > li > a.active:hover > .caret,
.ThemeableMenu1 .navbar-nav > li > a.active:focus > .caret
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.ThemeableMenu1 .navbar-nav>.show>a .caret,
.ThemeableMenu1 .navbar-nav>.show>a:hover .caret,
.ThemeableMenu1 .navbar-nav>.show>a:focus .caret
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
.ThemeableMenu1 .navbar-link
{
   color: #333333;
}
.ThemeableMenu1 .navbar-link:hover 
{
   color: #fff;
}
}
#ThemeableMenu1 i
{
   font-size: 16px;
   position: relative;
   left: 0;
   top: 0;
   margin-right: 4px;
   width: 16px;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text2 div
{
   text-align: justify;
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .spatz3-calculator {
            max-width: 500px;
            margin: 0 auto;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            border: 1px solid #d0d7e2;
        }

        .calculator-header {
            text-align: center;
            margin-bottom: 25px;
            padding-bottom: 20px;
            border-bottom: 2px solid #2a9d8f;
        }

        .calculator-header h2 {
            color: #264653;
            font-size: 1.8rem;
            margin-bottom: 8px;
            font-weight: 700;
        }

        .calculator-header p {
            color: #5a6c7d;
            font-size: 1rem;
            line-height: 1.4;
        }

        .calculator-logo {
            color: #2a9d8f;
            font-weight: 800;
            font-size: 1.1em;
            letter-spacing: 0.5px;
        }

        .input-group {
            margin-bottom: 25px;
        }

        .input-group label {
            display: block;
            color: #264653;
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 1rem;
        }

        .input-with-unit {
            position: relative;
            display: flex;
            align-items: center;
        }

        .input-with-unit input {
            width: 100%;
            padding: 15px 20px;
            border: 2px solid #cbd5e1;
            border-radius: 12px;
            font-size: 1.1rem;
            font-weight: 600;
            color: #264653;
            transition: all 0.3s ease;
            background-color: white;
        }

        .input-with-unit input:focus {
            outline: none;
            border-color: #2a9d8f;
            box-shadow: 0 0 0 3px rgba(42, 157, 143, 0.15);
        }

        .unit {
            position: absolute;
            right: 15px;
            color: #5a6c7d;
            font-weight: 600;
            font-size: 0.95rem;
        }

        .calculate-btn {
            width: 100%;
            background: linear-gradient(90deg, #2a9d8f, #21867a);
            color: white;
            border: none;
            padding: 18px;
            border-radius: 12px;
            font-size: 1.2rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 10px;
            letter-spacing: 0.5px;
        }

        .calculate-btn:hover {
            background: linear-gradient(90deg, #21867a, #1b7166);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(42, 157, 143, 0.3);
        }

        .calculate-btn:active {
            transform: translateY(0);
        }

        .results-container {
            margin-top: 30px;
            padding: 25px;
            background-color: white;
            border-radius: 15px;
            border-left: 5px solid #2a9d8f;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            display: none;
        }

        .results-container.visible {
            display: block;
            animation: fadeIn 0.5s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .results-title {
            color: #264653;
            font-size: 1.4rem;
            margin-bottom: 15px;
            font-weight: 700;
            text-align: center;
        }

        .result-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px dashed #e2e8f0;
        }

        .result-label {
            color: #5a6c7d;
            font-size: 1.05rem;
        }

        .result-value {
            color: #264653;
            font-size: 1.8rem;
            font-weight: 800;
        }

        .result-value.kg {
            color: #2a9d8f;
        }

        .result-value.lbs {
            color: #e76f51;
        }

        .disclaimer {
            margin-top: 20px;
            padding: 15px;
            background-color: #fef9e7;
            border-radius: 10px;
            border-left: 4px solid #f1c40f;
            font-size: 0.85rem;
            color: #7d6608;
            line-height: 1.5;
        }

        .disclaimer strong {
            color: #a06c1b;
        }

        .spatz3-badge {
            display: inline-block;
            background-color: #264653;
            color: white;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            margin-top: 10px;
            letter-spacing: 0.3px;
        }

        .contact-cta {
            text-align: center;
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid #e2e8f0;
        }

        .contact-cta a {
            display: inline-block;
            background-color: #e76f51;
            color: white;
            text-decoration: none;
            padding: 12px 25px;
            border-radius: 10px;
            font-weight: 600;
            transition: background-color 0.3s ease;
        }

        .contact-cta a:hover {
            background-color: #d65c40;
        }
    