body{width:100%; height:100%; margin:0; padding:0; box-sizing:border-box;}

html{width:100%; height:100%; font-family:Roboto; font-weight:300; font-size:20px; color:#777; box-sizing:border-box; overflow-x:hidden; line-height:1.5; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}

*{box-sizing:border-box; text-align:center; width:100%;}
*,*:before,*:after{box-sizing:inherit;}
::-webkit-scrollbar{width:20px; display:none;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey; border-radius:10px;}
::-webkit-scrollbar-thumb{background: ; border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#b30000;}
a{text-decoration:none;}
b{font-size:120%; cursor:pointer; margin:0; padding:0; color:purple;}
b a{font-size:120%; cursor:pointer; margin:0; padding:0; text-decoration:none;
background:'.$tab_background_color.'; color:'.$tab_text_color.';}
i.fa{text-align:center; width:;}
span.required{width:28px; color:purple; vertical-align:top;}
h1{display:block; padding: 0; margin: 12px 0; font-size:160%; background: none; line-height: 1;}
h1 img{width:36px;}
h1 i{font-size:160%; line-height:.5;}
h1 span{padding:0 8px 0 0;}
h2{display:block; padding: 0; margin: 6px 0 8px 0; font-size:140%; color: #787878; background: none; line-height: 1; font-style: italic;}
h3{display:block; padding:0px 0 0 0; margin: 0 0 12px 0; font-size:120%; color: #545454; background: none; line-height: 1;}

#myNavbar{position:fixed; width:100%; height:36px; z-index:999; margin:0; padding:0; background:none;}
#myNavbar a{font-size:120%; cursor: pointer; margin:0; padding:0;}
#myNavbar i{font-size:140%; line-height:.5;}


.SHOW_page{position:fixed; width:100%; height:100%; padding:36px 0 0 0; margin:0;background-size:100% 100%; background-position:fixed; overflow-y:scroll;}


div.SHOW_page_content{width:100%; padding:0px 20% 0 20%; color:#000000; background:none;}
#SHOW_page .badge{background: #ffffff;}
#SHOW_page img.badge{text-align: center; width:200px;background: #ffffff; float:right;}
#SHOW_page img.badge:hover{text-align: center; width:450px;background: #ffffff; float:right;}
#SHOW_page #badge_1{text-align: center;background: #ffffff;}
.SHOW_page_content_contact{width: 60%; padding: 10px; margin: 0px 20% 0 20%; text-align: center; font-size: 20px; color: #000000; background: blue;}


div.SHOW_page_content_below{width: 100%; padding: 0px 20% 0 20%; text-align: center; font-size: 20px; color: #ffffff; background: none;}


div.footer{width: 100%; position: absolute; bottom: 0; color: #ffffff;}
.footer img{width:28px;}



#LANDING_ANIMATE_CONTACT{}
.LANDING_ANIMATE{width: 100%; margin-top :10px; background: dodgerblue; vertical-align: middle;}
#LANDING_ANIMATE_HOME{width:100%; xposition:absolute; left:0; clear:both; vertical-align:middle;}

.landing_middle{width:100%; margin-top:10px; padding:0px; background:dodgerblue; vertical-align:middle;}
#LANDING_ANIMATE_HOME{width:100%; xposition: absolute; left:0; clear:both; vertical-align: middle;}

 
.LANDING_ANIMATE_LEFT{width: 30%; height:100%; vertical-align: middle; text-align: right;display:block; float:left; background: none;visibility:hidden;}
.LANDING_ANIMATE_LEFT_TEXT{width: 100%; color: #787878;height:100%; vertical-align: middle;  text-align: right; display: block; xfloat:right;visibility:hiden;}

.LANDING_ANIMATE_RIGHT{width: 30%; height:100%; vertical-align: middle; text-align: left;display:block; float:left; background: none;visibility:hidden;}
.LANDING_ANIMATE_RIGHT_TEXT{width: 100%; color: #787878;height:100%; vertical-align: middle; text-align: left; display: block; xfloat:right;visibility:hiden;}
 
 
 
.LANDING_ANIMATE_CENTER{border-radius:25px; width:40%; background:none; display:block; float:left; text-align:center;}

.LANDING_ANIMATE_CENTER_TEXT{}
#LANDING_ANIMATE_CENTER_TEXT{}
.LANDING_ANIMATE_CENTER_IMG{width: 100%;
-webkit-box-shadow: 0px 6px 6px #DDDDDD;
-moz-box-shadow: 0px 6px 6px #DDDDDD;
box-shadow: 0px 6px 6px #DDDDDD; border-radius: 25px;background: dodgerblue; }
#LANDING_ANIMATE_CENTER_IMG{background: dodgerblue;}










.col-1{width:8.33%;}
.col-2{width:16.66%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66%; margin:0 auto;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
.col-6.r{float:left; text-align:right; padding:0 6px 0 0; width:50%; border:0px solid red;}
.col-6.l{float:left; text-align:left; padding:0; width:50%; border:0px solid blue;}
.col-6.b{float:left; text-align:left; padding:0; color:#000000; border:0px dashed red;width:50%;}
.I{background:#2eb68b; color:#ffffff;}
.IV{background:#000000; color:#ffffff;}
.V{background:#ff0000; color:#ffffff;}
.vi{background:#a8dcff; color:#0000ff; -webkit-border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-khtml-border-radius:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}
.ii{background:#a8dcff; color:#0000ff;}
.iii{background:#a8dcff; color:#0000ff;}
.vii{font-weight:normal; font-style:italic; background:#f0f0ff;}

form {margin:0 auto; font-size:120%; text-align:center;}
form input{width:40%;}
form select{text-align:center; width:auto;}
form select option{text-align:center; width:auto;}
form textarea{resize:yes; width:60%;}
form button{font-size:130%; width:40%; cursor:pointer;}

form.contact{font-size: 100%; line-height:32px; font-style:normal; font-weight:normal;background:none;}
form.contact div{width:100%; padding:4px; margin:0;display:block; float:left; }
form.contact span, form.contact input{font-family:Roboto; font-weight:300;  width:50%; padding:4px; margin:0; display:block; float:left;font-size: 100%;}
form.contact input{width:50%; text-align: left;font-size: 100%;}
form.contact span{text-align: right; padding:1px 4px;}
form.contact select{width:25%; text-align: left; float:left; font-size: 120%;}
form.contact button{font-size:130%;}

.none{display:none;}
.center{text-align:center;}
.wide{letter-spacing:6px;}
.full-height{height:100%; background:none;}
.circle{border-radius:50%;}
.shadow{margin:2px 0 6px 0; -webkit-box-shadow:0px 6px 6px #DDDDDD; -moz-box-shadow:0px 6px 6px #DDDDDD; box-shadow:0px 6px 6px #DDDDDD; background:white; border:0; border-radius:25px;}
.ripple:active{opacity:0.5;}.ripple{transition:opacity 0s;}
.fade0{-webkit-animation-name:fade; -webkit-animation-duration:9.5s; animation-name:fade; animation-duration:9.5s; opacity:1;}
@-webkit-keyframes fade0{from{opacity:1}to{opacity:0}}
@keyframes fade0{from{opacity:1}to{opacity:0}} 
.fade-in{animation:opac 6.5s}
@keyframes w3-animate-opacity2{from{opacity:1}to{opacity:0}}
.fade-out{-webkit-animation-name:fade; -webkit-animation-duration:9.5s; animation-name:fade; animation-duration:9.5s; opacity:0;}
@-webkit-keyframes fade{from{opacity:1}to{opacity:1}to{opacity:0}}
@keyframes fade{from{opacity:1}to{opacity:1}to{opacity:0}}
.animate-fading{animation:fading 10s 1}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity2{animation:opac 10.8s}
@keyframes w3-animate-opacity2{from{opacity:1}to{opacity:0}}
.spin{animation:spin 3s 1 linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_1{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}
.animate-input:focus{width:100%!important}
.hover-opacity{cursor:pointer;}
.animate-bottom_TAB_101{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_1{position:relative;animation:animatetop 1s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_2{position:relative;animation:animatetop 1.5s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_3{position:relative;animation:animatetop 2s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_4{position:relative;animation:animatetop 2.5s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_5{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
@media only screen and (max-device-width:1600px)
{
 { }
}