/* -------------------------->>> <<<--------------------------*/
/* ---->>> STRUCTURE <<<----*/
/* -------------------------->>> <<<--------------------------*/


body  {
width:100%;
text-align: center;
margin: 0 auto;
background-color:#ffffff;
}

@media (max-width: 750px) {body {text-align:center; padding-left:0%; min-width:360px; min-height:360px; border-top:0px solid #ffffff; background-color:#ffffff;}
}


/* ---->>> <<<---- */
.masterheader {
width:100%;
min-width:1280px;
min-height:40px;
text-align:center;
position:fixed;
margin: 0 auto;
padding-top:3px;
padding-bottom:1px;
background-color:#;
border-bottom:0px solid #031923;
}


/* ---->>> <<<---- */
.main-contenthome {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#ffffff;

/* ---->>>background-image: url(../images/homeheader.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;<<<---- */
}

@media (max-width: 750px) {.main-contenthome {overflow:hidden; text-align:center; padding-left:0%; min-width:640px; max-width:640px; border-top:0px solid #ffffff; background-color:#ffffff;}
}


/* ---->>> <<<---- */
.main-content {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#ffffff;
background-image: url(../images/wave2.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}

@media (max-width: 750px) {.main-content {overflow:hidden; text-align:center; max-width:640px; min-height:340px; border-top:0px solid #ffffff; background-color:#ffffff; background-image: url(../images/mobile_bg.jpg); background-repeat:none; background-position: center;}
}



/* ---->>> PAGE SECTIONS <<<----*/
/* -------------------------->>> <<<--------------------------*/


.boxes {
float:left;
width:27.61%;
margin-top:20px;
padding:1%;
text-align:left;
background-color:#ffffff;
border-left:1px solid #ffffff;
border-top:1px solid #e8ebee;
border-right:0px solid #ffffff;
border-bottom:1px solid #e8ebee;
background-image: url(../images/homepage-background-dots.png);
background-repeat: no-repeat;
background-position: middle;
background-size: cover;
}


.main-content-primarygrey {
width:100%;
min-height:250px;
text-align:center;
margin: 0 auto;
background-color:#29353d;
background-image: url(../images/homepage-background-dots.png);
background-repeat: no-repeat;
background-position: middle;
background-attachment: fixed;
background-size: cover;
}
@media (max-width: 750px) {.main-content-primarygrey {overflow:hidden; text-align:center; padding-left:4%; min-width:640px; max-width:640px; min-height:340px; background-image:none; border-top:0px solid #29353d; background-color:#29353d;}
}

/* ---->>> <<<---- */
.main-content-white {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#ffffff;
background-image: url(../images/wave1.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}

@media (max-width: 750px) {.main-content-white {overflow:hidden; text-align:center; padding-left:4%; min-width:640px; max-width:640px; min-height:340px; border-top:0px solid #ffffff; background-color:#ffffff;}
}


/* ---->>> <<<---- */
.main-content-primaryblue {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#032550;
<!--background-image: url(../images/section_bg1.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;  -->
}










/* ---->>> <<<---- */
.main-content-primarypink {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#cd065a;
background-image: url(../images/section_bg1.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}


/* ---->>> <<<---- */
.main-content-primarygrey2 {
width:100%;
min-width:1280px;
min-height:100px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#29353d;
}



/* ---->>> <<<---- */
.main-content-primarygreen {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#8fc108;
}


/* ---->>> <<<---- */
.main-content-primaryyellow {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#e2b604;
}


/* ---->>> <<<---- */
.main-content-secondarygrey {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#5d686c;
}


/* ---->>> <<<---- */
.main-content-whitereports {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #ffffff;
}


/* ---->>> <<<---- */
.main-content-lightgrey {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#e9eef3;
}



















/* ---->>> <<<---- */

.main-content-whitesolid {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #ffffff;

}






/* ---->>> <<<---- */

.main-content-whitedash {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #ffffff;
background-image: url(../images/dashback.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-attachment: fixed;
background-size: cover;
}



/* ---->>> <<<---- */
.main-content-primarybluedash {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#032550;
border-bottom: 10px solid #032550;
border-radius: 0px 0px 400px 0px;
<!-- background-image: url(../images/dashback_main.png);
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;
background-size: cover; -->
}









/* ---->>> <<<---- */

.main-content-whiteblue {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #006895);

}

@media (max-width: 750px) {.main-content-white {overflow:hidden; text-align:center; padding-left:4%; min-width:640px; max-width:640px; min-height:340px; border-top:0px solid #ffffff; background-color:#ffffff;}
}


/* ---->>> <<<---- */

.main-content-blue {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#9ad9ee;
}


/* ---->>> <<<---- */

.main-content-bluesolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#006895;
}


/* ---->>> <<<---- */

.main-content-bluemobile {
width:100%;
min-width:1280px;
min-height:100px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#032550;
}














/* ---->>> <<<---- */

.main-content-green{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #00c6bf;
}


/* ---->>> <<<---- */

.main-content-greensolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #00c6bf;
}









/* ---->>> <<<---- */

.main-content-whitetan {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ede8e1);
}


/* ---->>> <<<---- */

.main-content-tan{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ede8e1, #ede8e1);
}


/* ---->>> <<<---- */

.main-content-tansolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #ede8e1;
}










/* ---->>> <<<---- */

.main-content-whitelightpurple {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #dbcff5);
}




/* ---->>> <<<---- */

.main-content-purple {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #584089;
}











/* ---->>> <<<---- */

.main-content-lightpurple {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5, #dbcff5);
}


/* ---->>> <<<---- */

.main-content-lightpurplesolid {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #dbcff5;
}
























/* ---->>> <<<---- */

.main-content-whiteyellow {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fae9b0);
}


/* ---->>> <<<---- */

.main-content-yellow{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#fad554;
}


/* ---->>> <<<---- */

.main-content-yellowsolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#fad554;
}









/* ---->>> <<<---- */

.main-content-whitelorange {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fece9f);
}


/* ---->>> <<<---- */

.main-content-lorange{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#fece9f, #fece9f);
}


/* ---->>> <<<---- */

.main-content-lorangesolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#fece9f;
}










/* ---->>> <<<---- */

.main-content-whitesalmon {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #f5dbd4);
}


/* ---->>> <<<---- */

.main-content-salmon{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#f5dbd4, #f5dbd4);
}


/* ---->>> <<<---- */

.main-content-salmonsolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#f5dbd4;
}






/* ---->>> <<<---- */

.main-content-whitepink {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #fba2b7);
}


/* ---->>> <<<---- */

.main-content-pink{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #fba2b7, #ffffff);
}


/* ---->>> <<<---- */

.main-content-lightbluesolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#578ef8;

}










/* ---->>> <<<---- */

.main-content-pinksolid{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#fba2b7;
}









/* ---->>> <<<---- */

.main-content-whitegrey {
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-image: linear-gradient(#ffffff, #ffffff, #ffffff, #dbe0e6);
}


/* ---->>> <<<---- */

.main-content-grey{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color: #dbe0e6;
background-image: url(../images/grey2_bg.png);
background-repeat: no-repeat;
background-position: bottom;
background-attachment: fixed;
background-size: cover;
}












/* ---->>> <<<---- */

.main-content-grey2{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#dbe0e6;
}


/* ---->>> <<<---- */

.main-content-darkgrey{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#4b555f;
}











/* ---->>> <<<---- */

.main-content-mustard{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#d4a418;
}



/* ---->>> <<<---- */

.main-content-oceanblue{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#006895;
}



/* ---->>> <<<---- */

.main-content-orange{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#ec6320;
}



/* ---->>> <<<---- */

.main-content-pew{
width:100%;
min-width:1280px;
min-height:250px;
text-align:center;
margin: 0 auto;
padding-top:0px;
background-color:#578ef8;
}







/* ---->>> <<<---- */

.semi-transparentbox {
background: rgba(255, 255, 255, 0.40)
}












/* ---->>> <<<---- */

.wrapper {
width:100%;
max-width:1280px;
padding-top:10px;
text-align: center;
padding-left:0px;
margin: 0 auto;
}

@media (max-width:750px) {.wrapper-home {margin-left:0%; margin-right:0%; width:100%; max-width:600px; padding-top:0px;}
}

/* ---->>> <<<---- */

.wrapper-form1 {
width:610px;
max-width:610px;
padding-top:0px;
text-align: center;
padding-left:0px;
margin: 0 auto;
}

@media (max-width:750px) {.wrapper-form1 {margin-left:0%; margin-right:0%; width:100%; max-width:600px; padding-top:0px;}
}


/* ---->>> <<<---- */

.wrapper-pages {
width:100%;
max-width:1280px;
padding-top:10px;
text-align: left;
padding-left:0px;
margin: 0 auto;
}

@media (max-width:750px) {.wrapper-pages {margin-left:0%; margin-right:0%; width:100%; max-width:600px; padding-top:0px;}
}


/* ---->>> <<<---- */

.wrapper-footer {
width:100%;
max-width:1280px;
padding-top:10px;
text-align: left;
padding-left:0px;
margin: 0 auto;
}

@media (max-width:750px) {.wrapper-footer {margin-left:0%; margin-right:0%; width:100%; max-width:600px; padding-top:0px;}
}


/* ---->>> <<<---- */

.masterframe-footer {
width:100%;
min-width:1280px;
min-height:110px;
text-align: left;
margin: 0 auto;
padding-top:10px;
background-color:#29353d;
border-top:0px solid #ffffff;
}

@media (max-width: 750px) {.masterframe-footer {overflow:hidden; min-width:650px; max-width:650px; min-height:100px; padding-left:1%; border-top:0px solid #ffffff; background-color:#29353d;}
}










/* ---->>> <<<---- */

.airbg {
min-height:350px; 
text-align: center;
}

@media (max-width: 750px) {.airbg {background-image: none;}
}





/* ---->>> <<<---- */
.floating { 
animation-name: floating;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;   
}
 
@keyframes floating {
0% { transform: translate(0,  0px); }
50%  { transform: translate(0, 10px); }
100%   { transform: translate(0, -0px); }   
}




/* ---->>> <<<---- */
/* ---->>> <<<---- */

.mobilenumber {
display: inherit;
}

@media (max-width: 750px) {.mobilenumber {display:none;}
}


/* ---->>> <<<---- */

.callbutton {
display: none;
}

@media (max-width: 750px) {.callbutton {display:inline;}
}


.mobilehide {
display: inline;
}

@media (max-width: 750px) {.mobilehide {display:none;}
}


.mobileshow {
display: none;
}

@media (max-width: 750px) {.mobileshow {display:inline;}
}


.mobilecenter {
margin-left:0%;
}

@media (max-width: 750px) {.mobilecenter {padding-left:15%; text-align:center;}
}

.mobilecenter2 {
margin-left:0%;
}

@media (max-width: 750px) {.mobilecenter2 {padding-left:0%; text-align:center; max-width:97%;}
}


/* ---->>> <<<---- */

.mySlides {
display:none;
}


/* ---->>> <<<---- */

.cookie-banner {
position: fixed;
z-index: 101;
top: 0;
left: 0;
right: 0;
background: #2b3238;
text-align: center;
line-height: 1.6;
font-family: 'Noto Sans SC', sans-serif; 
font-size:15px;
color: #ffffff;
overflow: hidden; 
padding:15px 0px 15px 0px;
cursor: pointer;
-webkit-box-shadow: 0 0 5px black;
-moz-box-shadow:    0 0 5px black;
box-shadow:         0 0 5px black;
}


/* ---->>> <<<---- */

.close {
  height: 20px;
  background-color: #B90927;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}










/* ---->>> <<<---- */
/* ---->>> <<<---- */


/* ---->>> <<<---- */
.primaryblue {
color:#032550;
text-decoration:none; 
}


/* ---->>> <<<---- */
.primarypink {
color:#cd065a;
text-decoration:none; 
}


/* ---->>> <<<---- */
.primarygreen {
color:#8fc108;
text-decoration:none; 
}


/* ---->>> <<<---- */
.primarygrey {
color:#29353d;
text-decoration:none; 
}








.white {
color:#ffffff;
text-decoration:none; 
}


/* ---->>> <<<---- */

.black {
color:#010101;
text-decoration:none; 
}


/* ---->>> <<<---- */

.green {
color:#00c6bf;
text-decoration:none; 
}


/* ---->>> <<<---- */

.grey {
color:#88929c;
text-decoration:none; 
}


/* ---->>> <<<---- */

.red {
color:#cb143b;
text-decoration:none; 
}


/* ---->>> <<<---- */

.orange {
color:#ec6320;
}


/* ---->>> <<<---- */

.mainblue{
color:#9ad9ee;
}




/* ---->>> <<<---- */

.blue{
color:#032550;
text-decoration:none; 
}


/* ---->>> <<<---- */

.blue2{
color:#9fcce0;
text-decoration:none; 
}


/* ---->>> <<<---- */
.oceanblue {
color: #006895;
}


/* ---->>> <<<---- */

.blue3{
color:#006895;
text-decoration:none; 
}


/* ---->>> <<<---- */

.pink {
color:#fba2b7;
}


/* ---->>> <<<---- */
.yellow {
color:#fad554;
}


/* ---->>> <<<---- */
.wine {
color:#803e48;
}



/* ---->>> <<<---- */
.mustard {
color:#fee89c;
}


/* ---->>> <<<---- */
.purple {
color:#584089;
}


/* ---->>> <<<---- */
.lightblue {
color:#578ef8;
}



/* ---->>> <<<---- */
.boxblue {
color:#49678e;
}













/* ---->>> <<<---- */
/* ---->>> <<<---- */

.hilite {
background-color: #eef3f6;
}


/* ---->>> <<<---- */

.smaller {
font-size:90%;
}


/* ---->>> <<<---- */

.smaller1 {
font-size:70%;
}


/* ---->>> <<<---- */

.smaller2 {
font-size:40%;
}


/* ---->>> <<<---- */

.muchbigger {
font-size:400%;
}


/* ---->>> <<<---- */

.bigger {
font-size:130%;
}


/* ---->>> <<<---- */

.bigger2 {
font-size:120%;
}


/* ---->>> <<<---- */

.bigger3 {
font-size:150%;
}


.biggermobile {
font-size:200%;
}



/* ---->>> <<<---- */

.animate {
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}


/* ---->>> <<<---- */

sup {
font-size:60%;
}

.strike {
text-decoration: line-through;
color:#88929c;
}

.formfield { 
display: none 
} 



/* -------------------------->>> <<<--------------------------*/
/* ---->>> TEXTUAL <<<----*/
/* -------------------------->>> <<<--------------------------*/


.underlined {
  position: relative;
  margin-right: 0rem;
}

.underlined:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 7px;
  width: 100%;
  border: solid 3px #cd065a;
  border-color: #cd065a transparent transparent transparent;
  border-radius: 50%;
}


h1 {
font-family: 'Oswald', sans-serif;
color:#29353d;
font-size:56px;
font-weight:normal;
font-stretch:ultra-condensed;
line-height:1.1;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {h1 {font-size:50px; font-weight:normal; color:#000000; line-height:1.2;}
}

h2 {
font-family: 'Oswald', sans-serif;
color:#29353d;
font-size:42px;
font-stretch:ultra-condensed;
font-weight:normal;
line-height:1.2;
padding:0px;
margin:0px;
}

@media (max-width:750px) {h2 {font-size:38px; font-weight:normal; line-height:1.2;}
}


h3 {
font-family: 'Oswald', sans-serif;
color:#29353d;
font-size:34px;
font-weight:normal;
line-height:1.2;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {h3{font-size:30px; color:#000000;}
}


h4 {
font-family: 'Oswald', sans-serif;
color:#29353d;
font-size:26px;
font-weight:normal;
line-height:1.4;
padding:0px;
margin:0px;
}

@media (max-width:750px) {h4 {font-size:30px; font-weight:normal; line-height:1.4;}
}



h5 {
font-family: 'Montserrat', sans-serif;
color:#ffffff;
font-size:17px;
font-weight:normal;
line-height:1.7;
padding:0px;
margin:0px;
}


@media screen and (max-width: 750px) {h5{font-size:20px;}
}


.quotes {
font-family: 'Oswald', sans-serif;
color:#e9eef3;
font-size:160px;
font-weight:bold;
font-stretch:ultra-condensed;
}

@media screen and (max-width: 750px) {.quotes {font-size:54px; font-weight:normal; color:#000000; line-height:1.2;}
}



.numberrotation {
font-family: 'Oswald', sans-serif;
color:#29353d;
font-size:80px;
font-stretch:ultra-condensed;
font-weight:normal;
line-height:1.3;
padding:0px;
margin:0px;
}

@media (max-width:750px) {.numberrotation {font-size:40px; text-shadow:none;}
}


.pageheadline {
font-family: 'Oswald', sans-serif;
color:#ffffff;
font-size:30px;
font-weight:normal;
line-height:1.5;
padding:0px;
margin:0px;
text-shadow: 1px 1px #8b9396;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}

@media (max-width:750px) {.pageheadline {font-size:22px;}
}


.page-header {
font-family: 'IBM Plex Sans Condensed', sans-serif;
color:#0e1c25;
font-size:46px;
font-weight:medium;
line-height:1.7;
}

@media screen and (max-width: 1536px) {.page-header {font-size:31px;}
}
@media screen and (max-width: 768px) {.page-header {font-size:29px;}
}
@media screen and (max-width: 750px) {.page-header {font-size:26px;}
}


.page-important {
font-family: 'IBM Plex Sans Condensed', sans-serif;
color:#ffffff;
font-size:26px;
font-weight:medium;
line-height:1.5;
padding:0px;
margin:0px;
text-shadow: 0px 0px #4c5664;
}


.page-important-white {
font-family: 'IBM Plex Sans Condensed', sans-serif;
color:#232323;
font-size:26px;
font-weight:medium;
line-height:1.5;
padding:0px;
margin:0px;
text-shadow: 0px 0px #4c5664;
}


.page-important2 {
font-family: 'Cabin Condensed', sans-serif;
color:#0e1c25;
font-size:19px;
font-weight:normal;
line-height:1.5;
}

@media screen and (max-width: 1536px) {.page-important2 {font-size:18px;}
}
@media screen and (max-width: 768px) {.page-important2 {font-size:17px;}
}
@media screen and (max-width: 750px) {.page-important2 {font-size:16px;}
}


.page-important-quote {
font-family: 'Simonetta', cursive;
color:#2b3238;
font-size:30px;
font-weight:medium;
font-style: none;
line-height:1.4;
}

@media screen and (max-width: 1536px) {.page-important-quote{font-size:18px;}
}
@media screen and (max-width: 768px) {.page-important-quote {font-size:17px;}
}
@media screen and (max-width: 750px) {.page-important-quote {font-size:25px; font-weight:normal;}
}


.page-important-quote2 {
font-family: 'Cardo', serif;
color:#354e61;
font-size:22px;
font-weight:strong;
font-style:none;
line-height:1.4;
}

@media screen and (max-width: 1536px) {.page-important-quote2 {font-size:27px; color:#354e61;}
}
@media screen and (max-width: 768px) {.page-important-quote2 {font-size:27px; color:#354e61;}
}
@media screen and (max-width: 750px) {.page-important-quote2 {font-size:24px; color:#354e61;}
}


.splashprice {
font-family: 'Oswald', sans-serif;
font-size:58px; 
color:#000000;
font-weight:strong;
margin:0px; 
padding:0px;
line-height:1.0;
}

.splashnumbers{
font-family: 'Oswald', sans-serif;
font-size:36px; 
color:#3f4750;
font-weight:bold;
margin:0px; 
padding:0px;
line-height:1.1;
}


.text_1 {
font-family: 'Noto Sans JP', sans-serif;
color:#29353d;
font-size:17px;
font-weight:normal;
line-height:1.6;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {.text_1{font-size:19px; line-height:1.4;}
}

.text_1steps {
font-family: 'Noto Sans JP', sans-serif;
color:#000000;
font-size:18px;
font-weight:normal;
line-height:1.4;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {.text_1steps{font-size:29px; line-height:1.6;}
}

.text_1a {
font-family: 'Noto Sans JP', sans-serif;
color:#000000;
font-size:16px;
font-weight:normal;
line-height:1.8;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {.text_1a{font-size:23px;}
}


.text_1b {
font-family: 'Noto Sans JP', sans-serif;
color:#000000;
font-size:13px;
font-weight:normal;
line-height:1.7;
padding:0px;
margin:0px;
}

@media screen and (max-width: 1536px) {.text_1b{font-size:19px;}
}
@media screen and (max-width: 768px) {.text_1b{font-size:18px;}
}
@media screen and (max-width: 750px) {.text_1b{font-size:18px;}
}

.text_0 {
font-family: 'Noto Sans JP', sans-serif;
color:#000000;
font-size:15px;
font-weight:normal;
line-height:1.4;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {.text_0{font-size:25px; line-height:1.6;}
}


.headlinetext_1 {
font-family: 'Noto Sans JP', sans-serif;
color:#000000;
font-size:19px;
font-weight:normal;
line-height:1.7;
padding:0px;
margin:0px;
}

@media screen and (max-width: 750px) {.headlinetext_1{font-size:29px; line-height:1.8;}
}



.formtext_1 {
font-family: 'Noto Sans JP', sans-serif;
color:#29353d;
font-size:17px;
font-weight:normal;
line-height:1.6;
padding:0px;
margin:0px;
}


.bullet_1 {
font-family: 'Montserrat', sans-serif;
color:#000000;
font-size:17px;
font-weight:regular;
line-height:1.9;
}

@media screen and (max-width: 1536px) {.bullet_1 {font-size:17px;}
}
@media screen and (max-width: 768px) {.bullet_1 {font-size:120px;}
}
@media (max-width: 750px) {.bullet_1 {font-size:20px;}
}



.text_2 {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff;
font-size:17px;
font-weight:bold;
line-height:1.6;
padding:0px;
margin:0px;
}

@media screen and (max-width: 1536px) {text_2{font-size:19px;}
}
@media screen and (max-width: 768px) {text_2{font-size:18px;}
}
@media screen and (max-width: 750px) {text_2{font-size:18px;}
}


.text_3 {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff;
font-size:15px;
font-weight:normal;
line-height:1.8;
}

@media screen and (max-width: 1536px) {.text_3 {font-size:14px; color:#010101; font-weight:normal;}
}
@media screen and (max-width: 768px) {.text_3 {font-size:14px; color:#010101; font-weight:normal;}
}
@media (max-width: 750px) {.text_3 {font-size:18px; line-height:1.9; color:#010101; font-weight:normal;}
}


.text_4 {
font-family: 'Montserrat', sans-serif;
color:#000000;
font-size:13px;
font-weight:normal;
line-height:1.5;
}

@media screen and (max-width: 1536px) {.text_4 {font-size:13px;}
}
@media screen and (max-width: 768px) {.text_4 {font-size:13px;}
}
@media (max-width: 750px) {.text_4 {font-size:18px;}
}




/* -------------------------->>> <<<--------------------------*/
/* ---->>> NAVIGATION <<<----*/
/* -------------------------->>> <<<--------------------------*/




.pagenav {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#cd065a;
font-size:17px;
font-weight:strong;
line-height:1.6;
text-decoration:none;
}

@media (max-width: 750px) {.pagenav {margin-top:0px; margin-bottom:5px; font-size:23px; font-weight:normal; height:inherit;}
}


.pagenav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#29353d; 
font-size:17px;
font-weight:strong;
line-height:1.6;
text-decoration:none; 
}

@media (max-width: 750px) {.pagenav:hover {margin-top:0px; margin-bottom:5px; font-size:23px; font-weight:normal; height:inherit;}
}


.pagenav0 {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#ec6320;
font-size:16px;
font-weight:strong;
line-height:1.3;
text-decoration:none;
}

@media (max-width: 750px) {.pagenav {margin-top:0px; margin-bottom:5px; font-size:23px; font-weight:normal; height:inherit;}
}


.pagenav0:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#8293A8; 
font-size:16px;
font-weight:strong;
line-height:1.3;
text-decoration:none; 
}

@media (max-width: 750px) {.pagenav:hover {margin-top:0px; margin-bottom:5px; font-size:23px; font-weight:normal; height:inherit;}
}


.pagenavwhite {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff;
font-size:17px;
font-weight:strong;
line-height:2.0;
text-decoration:underline;
}


.pagenavwhite:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#f9f9f9; 
font-size:17px;
font-weight:strong;
line-height:2.0;
text-decoration:none; 
}

.noticenavwhite {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff;
font-size:15px;
font-weight:strong;
line-height:2.0;
text-decoration:none;
padding:10px;
border:1px solid #ffffff;
border-radius:3px;
}


.noticenavwhite:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#f9f9f9; 
font-size:15px;
font-weight:strong;
line-height:2.0;
text-decoration:none;
padding:10px;
border:1px solid #ffffff;
border-radius:3px;
}







.pressrelease {
overflow: hidden;
font-family: 'Montserrat', sans-serif;
color:#032550; 
font-size:18px; 
font-weight:normal;
line-height:1.5;
text-decoration:none;
}

@media (max-width: 750px) {.pressrelease {margin-top:0px; margin-bottom:5px; font-size:17px; height:inherit;}
}


.pressrelease:hover {
font-family: 'Montserrat', sans-serif;
color:#8293A8;  
font-weight:normal;
line-height:1.5;
text-decoration:none; 
}



.pagenav2 {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#B90927; 
font-size:15px; 
font-weight:normal;
line-height:1.2;
text-decoration:none;
}



.pagenav2:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#88929c;  
font-weight:normal;
line-height:1.2;
text-decoration:none; 
}


.sitetag {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#cd065a; 
font-size:18px; 
font-weight:normal;
line-height:1.2;
text-decoration:underline;
}



.sitetag:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#29353d;  
font-weight:normal;
line-height:1.2;
text-decoration:none; 
}


.footernav {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:normal;
line-height:1.8;
text-decoration:none;
}

@media (max-width: 750px) {.footerenav {float:left; text-align:left; margin-top:0px;}
}


.footernav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#88929c; 
font-size:15px; 
font-weight:normal;
line-height:1.8;
text-decoration:none; 
}


.demonav {
overflow: hidden;
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:normal;
line-height:1.8;
text-decoration:none;
}

.demonav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#88929c; 
font-size:15px; 
font-weight:normal;
line-height:1.8;
text-decoration:none; 
}





.button1_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#cd065a;
border:1px solid #cd065a;
border-radius:0px;
}
@media (max-width: 750px) {.button1_nav {margin-top:0px; margin-bottom:0px; background-color:#cd065a; color:#ffffff; border:1px solid #cd065a; border-radius:40px; font-size:22px; height:inherit;}
}


.button1_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:transparent;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.button1_nav:hover {margin-top:0px; margin-bottom:0px; background-color:#cd065a; color:#ffffff; border:1px solid #cd065a; border-radius:40px; font-size:22px; height:inherit;}
}


.button1white_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:transparent;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.button1white_nav {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}


.button1white_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#cd065a; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:transparent;
border:1px solid #cd065a;
border-radius:0px;
}

@media (max-width: 750px) {.button1white_nav:hover {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}



.buttonpink_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#cd065a;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.buttonpink_nav {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}


.buttonpink_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#29353d;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.buttonpink_nav:hover {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}


.buttonpink_topnav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
padding:10px 10px 10px 10px;
background-color:#cd065a;
border:1px solid #cd065a;
border-radius:0px;
}

@media (max-width: 750px) {.buttonpink_topnav {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}


.buttonpink_topnav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
padding:10px 10px 10px 10px;
background-color:#29353d;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.buttonpink_topnav:hover {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}









.button1form_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:normal;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#032550;
border:1px solid #032550;
border-radius:0px;
}


.button1form_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#8293A8;
border:1px solid #8293A8;
border-radius:0px;
}



.button4_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:14px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#ec6320;
border:1px solid #ec6320;
border-radius:0px;
}

@media (max-width: 750px) {.button2_nav {margin-top:0px; margin-bottom:0px; font-size:22px; height:inherit;}
}


.button4_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:14px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#8293A8;
border:1px solid #8293A8;
border-radius:0px;
}

@media (max-width: 750px) {.button2_nav:hover {margin-top:0px; margin-bottom:0px; font-size:22px; height:inherit;}
}






.demonavbutton {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#cd065a;
border:1px solid #cd065a;
border-radius:0px;
}

@media (max-width: 750px) {.demonavbutton {margin-top:0px; margin-bottom:0px; font-size:22px; height:inherit;}
}


.demonavbutton:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#29353d;
border:1px solid #88929c;
border-radius:0px;
}

@media (max-width: 750px) {.demonavbutton:hover {margin-top:0px; margin-bottom:0px; font-size:22px; height:inherit;}
}

.demonavbuttonmobile {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#cd065a;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.demonavbutton {margin-top:0px; margin-bottom:0px; font-size:22px; height:inherit;}
}


.demonavbuttonmobile:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#29353d;
border:1px solid #88929c;
border-radius:0px;
}

@media (max-width: 750px) {.demonavbutton:hover {margin-top:0px; margin-bottom:0px; font-size:22px; height:inherit;}
}

.demonavbuttonpink{
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:16px; 
font-weight:normal;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#cd065a;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.demonavbuttonpink {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}


.demonavbuttonpink:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:16px; 
font-weight:normal;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#bbc4cd;
border:1px solid #ffffff;
border-radius:0px;
}

@media (max-width: 750px) {.demonavbuttonpink:hover {margin-top:0px; margin-bottom:0px; border-radius:4px; font-size:22px; height:inherit;}
}



.reports2 {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:cd065a;
border:1px solid #ffffff;
border-radius:0px;
}


.reports2:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#bbc4cd; 
font-size:15px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:transparent;
border:1px solid #bbc4cd;
border-radius:0px;
}








.button1_call {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#cd065a;
border:1px solid #cd065a;
border-radius:0px;
}
@media (max-width: 750px) {.button1_call {margin-top:0px; margin-bottom:0px; border:1px solid #cd065a; border-radius:40px; font-size:22px; height:inherit;}
}

.button1_call:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#29353d;
border:1px solid #bbc4cd;
border-radius:0px;
}

@media (max-width: 750px) {.button1_call:hover {margin-top:0px; margin-bottom:0px; border:1px solid #cd065a; border-radius:40px; font-size:22px; height:inherit;}
}


.button2_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:13px; 
font-weight:normal;
line-height:1.1;
align:left;
text-decoration:none;
padding:15px 15px 15px 15px;
background-color:#B90927;
border:1px solid #B90927;
}

@media (max-width: 750px) {.button2_nav {margin-top:0px; margin-bottom:0px; font-size:13px; height:inherit;}
}

.button2_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-weight:normal;
line-height:1.1;
align:left;
text-decoration:none;
padding:15px 15px 15px 15px;
background-color:#88929c;
border:1px solid #88929c;
}


.noticebutton_nav {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:13px; 
font-weight:normal;
line-height:1.2;
align:left;
text-decoration:none;
padding:3px 6px 3px 6px;
background-color:#032550;
border:1px solid #032550;
}

.noticebutton_nav:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#e8e8e8; 
font-size:13px; 
font-weight:normal;
line-height:1.2;
align:left;
text-decoration:none;
padding:3px 6px 3px 6px;
background-color:#8293A8;
border:1px solid #8293A8;
}



/* Navbar container */

.dropbtn {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
}


.dropbtn2 {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:13px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;

}


.dropbtn2:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#cd065a; 
font-size:13px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
}


.dropbtnwhite {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:13px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
}


.dropbtnwhite:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#e9eef3; 
font-size:13px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
}

.dropdown {
margin-top:10px;
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
border:1px solid #ffffff;
border-radius:0px;
position: absolute;
background-color: #ffffff;
padding:10px;
box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
color:#29353d;
font-family: 'Noto Sans JP', sans-serif;
font-size:15px; 
font-weight:normal;
line-height:1.4;
text-decoration:none;
padding: 5px 4px 5px 4px;
text-decoration: none;
display: block;
border-bottom:2px solid #ffffff;
border-left:2px solid #ffffff;
}

.dropdown-content a:hover {background-image: linear-gradient(to right, #ffffff); color:#cd065a; text-decoration:none; border-left:2px solid #ffffff; animation: mymove1 2s infinite;}
@keyframes mymove1 {
  90% {border-left-color: #cd065a;}
}
.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {color:#cd065a; padding-bottom:4px; border-bottom:2px solid #ffffff; animation: mymove 2s infinite;}
@keyframes mymove {
  90% {border-bottom-color: #cd065a;}
}


.list-group-item {
font-family: 'Noto Sans JP', sans-serif;
color:#032550; 
font-size:15px; 
font-weight:normal;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:transparent;
border:1px solid #032550;
border-radius:0px;
}

@media (max-width: 750px) {.list-group-item {margin-top:0px; margin-bottom:5px; font-size:18px; height:inherit;}
}


.list-group-item:hover {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#8293A8;
border:1px solid #8293A8;
border-radius:0px;
}

@keyframes mymove {
  90% {border-bottom-color: #cd065a;}
}


.list-group-item:focus {
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:strong;
line-height:1.4;
align:left;
text-decoration:none;
padding:20px 15px 20px 15px;
background-color:#8293A8;
border:1px solid #8293A8;
border-radius:0px;
}

@keyframes mymove {
  90% {border-bottom-color: #032550;}
}



.list-group-item2 {
font-family: 'Noto Sans JP', sans-serif;
background-color:#032550; 
font-size:19px; 
font-weight:normal;
line-height:1.2;
text-decoration:none;
padding-bottom:4px; 
}

@media (max-width: 750px) {.list-group-item {margin-top:0px; margin-bottom:5px; font-size:18px; height:inherit;}
}


.list-group-item2:hover {
font-family: 'Noto Sans JP', sans-serif;
background-color:#677c96;
font-size:19px; 
font-weight:normal;
line-height:1.2;
text-decoration:none; 
padding-bottom:4px; 
padding-bottom:4px; 
border-bottom:2px solid #9ad9ee; 
animation: mymove 2s infinite;
}











/* -------------------------->>> <<<--------------------------*/
/* ---->>> QUOTE ELEMENT WHITE <<<----*/
/* -------------------------->>> <<<--------------------------*/

.element {
width: inherit;
max-width:inherit;
height: inherit;
margin: 0px;
position: relative;
padding: 20px 20px 20px 20px;
}

@media (max-width: 750px) {.element {max-width:575px; margin-left:1%;}
}


.top-border,
.bottom-border {
position: absolute;
display: flex;
justify-content: space-between;
width: 100%;
height: 20%;
left: 0;
}
.top-border {
top: 0;
}
.bottom-border {
bottom: 0;
}

.top-border:after,
.top-border:before,
.bottom-border:after,
.bottom-border:before {
content: '';
width: 20%;
height: 100%;
}

.top-border:after,
.top-border:before {
border-top: 2px solid #cd065a;
}

.bottom-border:after,
.bottom-border:before {
  border-bottom: 2px solid #cd065a;
}
.top-border:before,
.bottom-border:before {
border-left: 2px solid #cd065a;
}

.top-border:after,
.bottom-border:after {
border-right: 2px solid #cd065a;
}


/* -------------------------->>> <<<--------------------------*/
/* ---->>> QUOTE ELEMENT DARK <<<----*/
/* -------------------------->>> <<<--------------------------*/

.element2 {
width: inherit;
max-width:inherit;
height: inherit;
margin: 0px;
position: relative;
padding: 20px 20px 20px 20px;
}

@media (max-width: 750px) {.element {max-width:575px; margin-left:1%;}
}


.top-border2,
.bottom-border2 {
position: absolute;
display: flex;
justify-content: space-between;
width: 100%;
height: 20%;
left: 0;
}
.top-border2 {
top: 0;
}
.bottom-border2 {
bottom: 0;
}

.top-border2:after,
.top-border2:before,
.bottom-border2:after,
.bottom-border2:before {
content: '';
width: 20%;
height: 100%;
}

.top-border2:after,
.top-border2:before {
border-top: 2px solid #cd065a;
}

.bottom-border2:after,
.bottom-border2:before {
  border-bottom: 2px solid #cd065a;
}
.top-border2:before,
.bottom-border2:before {
border-left: 2px solid #cd065a;
}

.top-border2:after,
.bottom-border2:after {
border-right: 2px solid #cd065a;
}





/* -------------------------->>> <<<--------------------------*/
/* ---->>> WORD SLIDER <<<----*/
/* -------------------------->>> <<<--------------------------*/

/*Vertical Sliding*/
.slidingVertical{
	display: inline;
	text-indent: 14px;
}
.slidingVertical span{
	animation: topToBottom 12s linear infinite 0s;
	-ms-animation: topToBottom 12s linear infinite 0s;
	-webkit-animation: topToBottom 12s linear infinite 0s;
	color:#ec6320;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical span:nth-child(2){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-40px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(20px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-40px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(20px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-40px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(20px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}


/*Vertical Sliding*/
.slidingVertical2{
	display: inline;
	text-indent: 0px;
}
.slidingVertical2 span{
	animation: topToBottom 20s linear infinite 0s;
	-ms-animation: topToBottom 20s linear infinite 0s;
	-webkit-animation: topToBottom 20s linear infinite 0s;
	color:#cd065a;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical2 span:nth-child(2){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingVertical2 span:nth-child(3){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}
.slidingVertical2 span:nth-child(4){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay: 12s;
}
.slidingVertical2 span:nth-child(5){
	animation-delay: 16s;
	-ms-animation-delay: 16s;
	-webkit-animation-delay: 16s;
}

/*Vertical Sliding*/
.slidingVertical3{
	display: inline;
	text-indent: 0px;
}
.slidingVertical3 span{
	animation: topToBottom 20s linear infinite 0s;
	-ms-animation: topToBottom 20s linear infinite 0s;
	-webkit-animation: topToBottom 20s linear infinite 0s;
	color:#cd065a;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical3 span:nth-child(2){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingVertical3 span:nth-child(3){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}
.slidingVertical3 span:nth-child(4){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay: 12s;
}
.slidingVertical3 span:nth-child(5){
	animation-delay: 16s;
	-ms-animation-delay: 16s;
	-webkit-animation-delay: 16s;
}



/*Vertical Sliding*/
.slidingVertical4{
	display: inline;
	text-indent: 0px;
}
.slidingVertical4 span{
	animation: topToBottom 10s linear infinite 0s;
	-ms-animation: topToBottom 10s linear infinite 0s;
	-webkit-animation: topToBottom 10s linear infinite 0s;
	color:#032550;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical4 span:nth-child(2){
	animation-delay: 2s;
	-ms-animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.slidingVertical4 span:nth-child(3){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingVertical4 span:nth-child(4){
	animation-delay: 6s;
	-ms-animation-delay: 6s;
	-webkit-animation-delay: 6s;
}
.slidingVertical4 span:nth-child(5){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}


/*Vertical Sliding*/
.slidingVertical5{
	display: inline;
	text-indent: 0px;
}
.slidingVertical5 span{
	animation: topToBottom 20s linear infinite 0s;
	-ms-animation: topToBottom 20s linear infinite 0s;
	-webkit-animation: topToBottom 20s linear infinite 0s;
	color:#032550;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical5 span:nth-child(2){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingVertical5 span:nth-child(3){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}
.slidingVertical5 span:nth-child(4){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay: 12s;
}
.slidingVertical5 span:nth-child(5){
	animation-delay: 16s;
	-ms-animation-delay: 16s;
	-webkit-animation-delay: 16s;
}


/*Vertical Sliding*/
.slidingVertical6{
	display: inline;
	text-indent: 0px;
}
.slidingVertical6 span{
	animation: topToBottom 16s linear infinite 0s;
	-ms-animation: topToBottom 16s linear infinite 0s;
	-webkit-animation: topToBottom 16s linear infinite 0s;
	color:#032550;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical6 span:nth-child(2){
	animation-delay: 3s;
	-ms-animation-delay: 3s;
	-webkit-animation-delay: 3s;
}
.slidingVertical6 span:nth-child(3){
	animation-delay: 6s;
	-ms-animation-delay: 6s;
	-webkit-animation-delay: 6s;
}
.slidingVertical6 span:nth-child(4){
	animation-delay: 9s;
	-ms-animation-delay: 9s;
	-webkit-animation-delay: 9s;
}
.slidingVertical6 span:nth-child(5){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay: 12s;
}



/*Vertical Sliding*/
.slidingVerticaldash{
	display: inline;
	text-indent: 0px;
}
.slidingVerticaldash span{
	animation: topToBottom 16s linear infinite 0s;
	-ms-animation: topToBottom 16s linear infinite 0s;
	-webkit-animation: topToBottom 16s linear infinite 0s;
	color:#ffffff;
	opacity: 0;
	position: absolute;
}
.slidingVerticaldash span:nth-child(2){
	animation-delay: 4s;
	-ms-animation-delay: 4s;
	-webkit-animation-delay: 4s;
}
.slidingVerticaldash span:nth-child(3){
	animation-delay: 8s;
	-ms-animation-delay: 8s;
	-webkit-animation-delay: 8s;
}
.slidingVerticaldash span:nth-child(4){
	animation-delay: 12s;
	-ms-animation-delay: 12s;
	-webkit-animation-delay:12s;
}




/* -------------------------->>> <<<--------------------------*/
/* ---->>> ACCORDIAN  <<<----*/
/* -------------------------->>> <<<--------------------------*/




/* -------------------------->>> <<<--------------------------*/
/* ---->>>  HEADER IMAGE ZOOM  <<<----*/
/* -------------------------->>> <<<--------------------------*/

.zoo-item {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
transition:all 150ms linear;
display:flex;
align-items:center;
justify-content:center
}

.zoo-item .zoo-img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
transition:transform 0.5s ease-out
}

.image-item figure{
margin-left: 0; margin-top: 0;
}

.image-item{
width: 580px;
height: 391px;
display: inline-block;
margin-right: 0px;
position: relative;
}

#note {
position: fixed;
z-index: 101;
top: 0;
left: 0;
right: 0;
background-color: rgba(108, 122, 137, 0.95);	
text-align: center;
line-height: 1.6;
font-weight:bold;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #ffffff;
overflow: hidden; 
padding:20px 5px 10px 5px;
cursor: pointer;
-webkit-box-shadow: 0 0 5px black;
-moz-box-shadow:    0 0 5px black;
box-shadow:         0 0 5px black;
}




/* Style the buttons that are used to open and close the accordion panel */


.accordion {
background-color: #ffffff;
cursor: pointer;
padding: 0px;
border: none;
text-align: left;
outline: none;
font-family: 'Noto Sans JP', sans-serif;
color:#cd065a;
font-size:17px;
line-height:1.6;
transition: 0.4s;
}

.accordion2 {
background-color: #ffffff;
font-family: 'Noto Sans JP', sans-serif;
font-size:17px; 
color:#000000; 
font-weight:normal;
line-height:1.4;
cursor: pointer;
padding:0px;
width: 566px;
text-align: center;
border:1px solid #ffffff;
border-radius:3px;
outline: none;
transition: 0.4s;
margin:0 auto;
}

@media (max-width: 750px) {.accordion2  {float:none; width:560px; margin:0 auto; text-align:center; font-size:25px; font-weight:bold; color:#032550;}
}

.accordion:hover, .accordion2:hover, {
background-color: #ffffff;
font-family: 'Noto Sans JP', sans-serif;
font-size:17px;
color:#29353d;
}

@media (max-width: 750px) {.accordion:hover, .accordion2:hover  {float:none; width:560px; margin:0 auto; text-align:center; font-size:25px; font-weight:bold; border:1px solid #ffffff; color:#000000;}
}

.accordion:after {
background-color: #ffffff;
color:#B90927;
font-weight:normal;
float: left;
margin-left: 0px;
}

.accordion2:after {
background-color: #ffffff;
font-family: 'Noto Sans JP', sans-serif;
font-size:18px; 
color: #cd065a; 
font-weight:normal;
line-height:1.4;
cursor: pointer;
padding:0px;
width: 566px;
text-align: center;
border:0px solid #ffffff;
border-radius:3px;
outline: none;
transition: 0.4s;
margin:0 auto;
}

.panel {
padding: 0px;
background-color: #ffffff;
font-family: 'Noto Sans JP', sans-serif;
color:#000000;
font-size:17px;
font-weight:normal;
line-height:2.0;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;

}

@media (max-width: 750px) {.panel {float:none; width:100%; text-align:center; margin-left:25%; font-size:16px;}
}


/* Style the accordion pane2. Note: hidden by default */
.pane2 {
padding: 0 0px;
background-color: #ffffff;
display: none;
overflow: hidden;
}

@media (max-width: 750px) {.pane2   {float:none; width:100%; text-align:center; font-size:19px;}
}


.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}


.float-panel {
    width:100%;z-index:300;padding:30px 0;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.float-panel .content-area {margin:10px auto;}

.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}
/* when class="float-panel fixed" */
.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);padding:4px 0;animation:slide-down 0.7s;opacity:0.9;}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}



/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}




/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

#slideshow {
  width:100%;
  position: relative;

}

#slideshow > div {
  position: absolute;
  width:100%;
}





/* ---------------- For Mobile Fa Fa Bar Nav ---------------- */


.mobilenav {
  overflow: hidden;
  background-color: #29353d;
  position: relative;
font-family: 'Noto Sans JP', sans-serif;
color:#032550; 
font-size:15px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
}


.mobilenav #myLinks {
  display: none;
font-family: 'Noto Sans JP', sans-serif;
color:#29353d; 
font-size:30px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
padding:0px;
margin:0px;
}


.#myLinks {
 display: none;
font-family: 'Noto Sans JP', sans-serif;
color:#29353d; 
font-size:15px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
padding:0px;
margin:0px;
}


.mobilenav a {
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  display: block;
font-family: 'Noto Sans JP', sans-serif;
color:#ffffff; 
font-size:15px; 
font-weight:bold;
line-height:1.2;
text-decoration:none;
border: none;
}

.mobilenav a.icon {
  background: #29353d;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.mobilenav a:hover {
  background-color: #29353d;
  color: #677c96;
}






/* ---------------- For FlipCard 1 ---------------- */

.flip-card1 {
background-color: transparent;
width:388px; 
height:180px;
margin-left:0px; 
padding:5px; 
text-align:center;
perspective:1000px;
}

.flip-card1-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;

}

.flip-card1:hover .flip-card1-inner {
transform: rotateY(180deg);
}

.flip-card1-front, .flip-card1-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card1-front {
background-color:#ffffff;
border:1px solid #cd065a; 
box-shadow: 0 1px 2px 0 rgba(155, 155, 155, 0.10), 0 2px 6px 0 rgba(0, 0, 0, 0.10);
}

.flip-card1-back {
background-color: #ffffff;
border:1px solid #cd065a; 
box-shadow: 0 1px 2px 0 rgba(155, 155, 155, 0.10), 0 2px 6px 0 rgba(0, 0, 0, 0.10);
transform: rotateY(180deg);
}



/* ---------------- For FlipCard 2 ---------------- */

.flip-card2 {
background-color: transparent;
width:590px; 
height:350px;
margin-left:0px; 
padding:00px; 
text-align:center;
perspective:1000px;
}

.flip-card2-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card2:hover .flip-card2-inner {
transform: rotateY(180deg);
}

.flip-card2-front, .flip-card2-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card2-front {
background-color:#ffffff;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
border:1px solid #cd065a; 
border-radius:2px;
padding:0px;
box-shadow: 0 1px 2px 0 rgba(155, 155, 155, 0.10), 0 2px 6px 0 rgba(0, 0, 0, 0.10);
}

.flip-card2-back {
background-color: #e9eef3;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
color: #29353d;
border:1px solid #cd065a;
border-radius:2px; 
padding:0px;
box-shadow: 0 1px 2px 0 rgba(155, 155, 155, 0.10), 0 2px 6px 0 rgba(0, 0, 0, 0.10);
transform: rotateY(180deg);
}


.counter {

  display: inline-block;

}