body, html {height: 100%;}
header {margin: 0;}
footer {margin: 0;background: white;}
html,body,p{font-family:Helvetica, sans-serif;font-size:15px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:Helvetica, sans-serif;line-height:1.5}
h1 {background: none;text-align: center;color: rgb(9, 62, 129);text-shadow: 5px 5px 4px rgba(5, 5, 5, 0.59);line-height: 1.2;letter-spacing: 0;font-size: 2.8em;font-weight:700;}
h2 {background: none;text-align: center;color: rgb(9, 62, 129);text-shadow: 5px 5px 4px rgba(5, 5, 5, 0.59);line-height: 1.2;letter-spacing: 0;font-weight:700;}
h3 {background: none;text-align: center;color: rgb(9, 62, 129);text-shadow: 5px 5px 4px rgba(5, 5, 5, 0.59);line-height: 1.2;letter-spacing: 0;font-weight:700;}
h4 {
    background: none;
    text-align: left;
    color: rgb(9, 62, 129);
    text-shadow: 2px 2px 2px rgba(5, 5, 5, 0.59);
    line-height: 1.2;
    letter-spacing: 0;
    font-weight:500;
}
h5 {background: none;text-align: left;color: rgb(9, 62, 129);text-shadow: 5px 5px 4px rgba(5, 5, 5, 0.59);line-height: 1.0;letter-spacing: 0;font-weight:400;}

p {font-size: 1.2em; text-align: justify;text-justify: inter-word;}
p.pstrong {font-size: 1.2em;font-weight:400;color: rgb(9, 62, 129);}
.strong2 {font-size: 1.2em;font-weight:700;color: rgb(9, 62, 129);}

.psub {font-size: 0.7em;font-style: italic;text-align: justify;text-justify: inter-word;margin-left: 30px; color: rgb(9, 62, 129);}
.ph4 {
    font-size: 0.7em;
    font-style: italic;
    text-align: justify;
    text-justify: inter-word;
    margin-left: 20px;
    margin-top: -10px;
    color: rgb(9, 62, 129);
}

div.strong {font-size: 1.2em;font-weight:700;color: rgb(9, 62, 129);}
ul.Contact {font-size: 12px;}
ul {font-size: 1.2em;color: rgb(9, 62, 129);}
/* styles for Navation bar elements */
.grad_ss {
    background: -webkit-linear-gradient(right, rgba(9,62,129,0.2), rgba(9,62,129,.4)); /* For Safari 5.1 to 6.0 (9, 62, 129)*/ 
    background: -o-linear-gradient(right, rgba(9,62,129,0.2), rgba(9,62,129,.4)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(9,62,129,0.2), rgba(9,62,129,.4)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(9,62,129,0.2), rgba(9,62,129,.4)); /* Standard syntax (must be last) */
}

.navbar-brand{
    background:#bed1d6;

    position: relative;
    bottom: -3px;

    border: 2px solid #0d6efd;
    border-bottom: 0px;
    
    border-top-right-radius:1rem;
    border-top-left-radius:1rem;

    padding:0.25rem 1.5rem!important;
    margin-right:0px;
}

.nav-item {
    position: relative;
    bottom: -3px;
    
    border: 2px solid #0d6efd54;
    border-bottom: 0px;
}
.navbar-nav li{
    border-top-right-radius:1rem;
    border-top-left-radius:1rem;
}

.nav-link {
    padding:0.25rem 1.5rem!important;
}

.nav-item a {
    
}
.navbar-nav > .active{
    background:#bed1d6;
    border: 2px solid #0d6efd;
    border-bottom: 0px;
}

.parent:has(.show) > .page-title.top {
    display: none;
  background: steelblue;
  color: #eee;
}

.collapse:not(.show) + .page-title.bottom {
    display: none;
}

@media (min-width:768px){
    .navbar-expand-md .page-title {
        display: none;
    }
}
@media (max-width:768px){
    .navbar-expand-md .navbar-collapse .active  {
        display: none;
    }
    .navbar-nav li  {
        border-top-right-radius: 0rem;
        border-top-left-radius: 0rem;
        border-bottom: 2px solid #0d6efd54;
    }
}



.SS-dropdown-content{border-radius:20px 0 0 20px;width:150px;position: absolute;top:32px;right:0;padding: 0 0;}



.SS-dropdown-btn{
	display:inline-block;
	border-radius:0px 0 0 20px;
	width:160px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	color:inherit;
	background-color:inherit;
	padding: 15px 16px;
	border:none;
	box-shadow:0 2px 2px 0 #2e5c8a;
	/*
	border:1px solid #2e5c8a;
	*/
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.SS-dropdown-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

.SS-nav-content{border-radius:20px 20px 0 0;padding: 0 0;}
.SS-nav-btn{border-radius:20px 20px 0 0;padding: 5px 0;transition: background-color 3s ease;}
.bgimg {opacity: 0.5;min-height: 100%;background-position: center;background-size: cover;}
.background {
    background: url('/img/bg/SS_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    border: 0 solid black;
    margin: 0;
/*    background-position: center;
    background-attachment: fixed; */
}
.transparentbox {margin: 0;min-width: 360px;width: 100%;background: rgba(255, 255, 255, 0.5);/* hsla(9, 100%, 64%, 0.4)  */background-size: cover;}
.whiteback {background-color: #FFFFFF;padding: 10px;}
div.trans50 {padding: 20px;height: 100%;background: rgba(255, 255, 255, 0.5);background-size: cover;}
.transparent {background: rgba(255, 255, 255, 0.5)}
/*.fa {padding: 5px;font-size: 15px;width: 25px;height: 25px;text-align: center;text-decoration: none;margin: 2px 2px;border-radius: 50%;}*/
.fa-gray {background-color: #f0f0f0;}
.fa:hover {opacity: 0.7;}
.fa-facebook {background: #3B5998;color: white;}
.fa-linkedin {background: #007bb5;color: white;}
.fa-twitter {background: #55ACEE;color: white;}
.fa-google {background: #dd4b39;color: white;}
.t-stars, .t-stars-inner {	background: url("/images/icons/stars.png") repeat-x 0 0; width: 149px; height: 24px;}
.t-stars-medium, .t-stars-medium-inner {background: url("/img/icons/stars_medium.png") repeat-x 0 0; width: 120px; height: 20px;}
.t-stars-small, .t-stars-small-inner {background: url("/img/icons/stars_small.png") repeat-x 0 0; width: 80px; height: 13px;}
.t-stars-inner {background-position: 0 -24px;}
.t-stars-medium-inner {background-position: 0 -20px;}
.t-stars-small-inner {background-position: 0 -13px;}
.t-stars-rating-small {color: rgb(247, 144, 30); font-size: 14px; font-weight: bold;}
.t-stars-rating {color: rgb(247, 144, 30); font-size: 12px; font-weight: bold;}
.t-stars-small {margin-top: 1px;}
.t-stars-rating-small {font-size: 12px;}
.t-stars-one-line, .t-stars-rating {line-height: 1.15em; margin-left: 5px;}
.t-stars-one-line, .t-stars-small, .t-stars-rating {margin-left: 0;}
.t-stars-logo, .t-star-img  {margin-left: 10px;width: 20px;height: 20px;}

.t-stars-bar-container{width:160px; display:table;margin:auto}
.t-stars-bar-label{width:40px; display:table-cell;text-align:left}
.t-stars-bar-content{display:table-cell}
.t-stars-bar-value{width:19px; display:table-cell;text-align:right}
.t-stars-bar{height:8px; width:100px; border:1px solid #ccc; display:table-cell}
.t-stars-bar-inner{height:8px;width:0%;color:#000;background-color:#ff9800}

.t-stars-small{display:inline-block;position:relative;top:2px;}
.t-heavy{font-weight:bold;}
.t-text-super{font-size:16px;}
.t-text-big{font-size:14px;}
.t-text-standard{font-size:12px;}
.t-small{font-size:10px;}
.t-text-lite{color:#666;}
.t-italic{font-style:italic;}

.author {font-weight: bold;}


#panel, #flipout, #flipin {
    padding: 0px;
    display:inline-block;
    cursor:pointer;
}

#panel, #flipin {
    display: none;
}

body {
    /*padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);*/
}
.fullscreen{
    background-color:rgb(250 200 200 / 50%);
    height: 100vh;
    width: 100vw;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.fullscreen-min{
    background-color:rgb(250 200 200 / 50%);
    min-height: 100vh;
    width: 100vw;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.fullwidth{
    background-color:rgb(250 200 200 / 50%);
    width: calc 100vw;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}
.safe-padding-width{
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
}
.safe-padding-height{
    padding-top: max(16px,env(safe-area-inset-top));
    padding-bottom: max(16px, env(safe-area-inset-bottom));
}
.safe-padding-top{padding-top: max(16px,env(safe-area-inset-top));}
.safe-padding-right{padding-right: max(16px, env(safe-area-inset-right));}
.safe-padding-bottom{padding-bottom: max(16px, env(safe-area-inset-bottom));}
.safe-padding-left{padding-left: max(16px, env(safe-area-inset-left));}