@import url('https://fonts.googleapis.com/css2?family=K2D:wght@400;700;800&display=swap');

.logoheader {/* custom logo override for Beez3 */
background: url(../../../../images/apps/v3.0/Kolabo/IMG_5862.jpg) no-repeat right
		bottom #0C1A3E;	/* AKM - swapped out-> ../images/personal/personal2.png */
/*bottom #0C1A3E;
color: #FFFFFF;
min-height: 250px;*/
}
#fontsize {/* disable default font resizer in Beez3 */
	display: none !important;
}
#mobile_select {/* links */
  display: none !important;
}
div#main {/* padding for the Kolabo components */
  padding: 5px;
}
@media (max-height: 768px) and (orientation: portrait), (max-width: 768px) and (orientation: landscape) {
  div#contentarea {/* padding was too narrow for mobile */
    padding: 5px !important;
  }
}

/*NA WAA for page-header in Joomla! 3.6.5 - Page default overrides page display settings to show*/
div.page-header h1{
display:none;
}

body.logo_cedar_suffix{
width:70px;
height:70px;
}

img.logo_cedar img.logo_text{
width:70px;
height:70px;
}


.customlogo_cedar_suffix{
padding:25px;
}
.customlogo_cedar_mobile_suffix{
position:relative;
float:right;
display:none;
}
.customlogo_text_suffix{
display:none;
}
.customlogo_text_mobile_suffix{
position:relative;
float:right;
display:none;
}

.appsImg{
padding-top:10px;
width:96px;
}
.appsText{
/*width:96px;*/
}


/* MINE - Tweaking their own
=========================================================== */
.menu{
list-style-type:none;
}
ul.menu li.item464 a{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
width:150px;
display: block;
border-top: 1px solid antiqueWhite;
}
ul.menu li.item464 a:hover{
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
width:150px;
display: block;
border-top: 3px solid antiqueWhite;
border-bottom: 2px solid antiqueWhite;
background: #800000 /*antiqueWhite*/;
color:blue;
}
ul.menu li.item469 a{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
width:150px;
display: block;
border-top: 1px solid antiqueWhite;
}
ul.menu li.item469 a:hover{
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
width:150px;
display: block;
border-top: 3px solid antiqueWhite;
border-bottom: 2px solid antiqueWhite;
background: #800000 /*antiqueWhite*/;
}
ul.menu li.item527 a{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
width:150px;
display: block;
border-top: 1px solid antiqueWhite;
}
ul.menu li.item527 a:hover{
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
width:150px;
display: block;
border-top: 3px solid antiqueWhite;
border-bottom: 2px solid antiqueWhite;
background: #800000 /*antiqueWhite*/;
}
ul.menu li.item491 a{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
width:150px;
display: block;
border-top: 1px solid antiqueWhite;
}
ul.menu li.item491 a:hover{
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
width:150px;
display: block;
border-top: 3px solid antiqueWhite;
border-bottom: 2px solid antiqueWhite;
background: #800000 /*antiqueWhite*/;
}
/* MINE - ends,464,469,491
=========================================================== */

.myTextClass{
    color: #326895;
}
.intro{
  display: block;       /* lines extend to right, make area clickable */
  /*height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
    text-decoration:none;
    
    margin-top: -1;/*30px;*/
    margin-bottom: -1 px;
    margin-left: 0px;
    margin-right: 0px;
    height: 116px;  /*212px*/
    width:100%;
    
     font-size: 4em;
     font-weight: BOLD;
     color: #2F4F4F;
    
    
     display: block;
  //*   background-color: #F8F8FF; */
/*     padding: 0 30px 0 30px;*/
     padding: 10px 10px 10px 10px;
     border-top: 1px solid #FFD700;
     border-bottom: 0px solid #FFD700;
     border-left: 0px solid #FFD700;
     border-right: 0px solid #FFD700;
underline:none;

     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;

  -webkit-transition: -webkit-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
  -moz-transition: -moz-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
  -o-transition: -o-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
}
.intro-smallerText {
  font-size: 2.5em;
}

.mobileMenu, p.mobilemenu, a.mobilemenu, p > a.mobilemenu{
  border:1px solid #777;
  
      padding: 0;
      font: 1em Verdana;
      list-style-type: none;

      display: inline;

      padding: 3px 5px;
     /* border: 1px solid #aaa;*/
      background-color: #eee;
      color: #47a;
      text-decoration: none;
}

@media (max-height: 768px) and (orientation: portrait), (max-width: 768px) and (orientation: landscape) {
    .intro {
		font-size: 1.8em;
      height: 4em;
    }
  	.intro:hover {
      height: 4.7em !important;
    }
  	.appsImg {
      width: 3em;
      height: 3em;
      padding: 3px;
	}
  	.appsImg_mob_plus {
      width: 6em;
      height: 6em;
      padding: 3px !important;
	}
    .bolder{
         font-size: 1.2em !important;	/*28px;
         font-weight: BOLD; */
    }
  

    /*for 'leave a comment' link, mobile*/
    .mobilemenu, p.mobilemenu, a.mobilemenu, p > a.mobilemenu {
      /*margin: 35px 0;*/
      padding: 0;
      font: 1em Verdana;
      list-style-type: none;

      display: inline;

      padding: 3px 5px;
      border: 1px solid #aaa;
      background-color: #eee;
      color: #47a;
      text-decoration: none;
    }

    .intro_mob {
      font-size: 0.8em;
    }
}

.intro:hover{
    text-decoration:none;
    
  background-color: rgba(255, 215, 0, 0.2);  /*rgba(51, 102, 153, 0.3); rgba(170, 170, 170, 0.3);   /* #FFD700; #aaa; */
  color: #326895;
  cursor: pointer;
     /*border: 5px solid #FFD700;*/
     border-top: 5px solid #FFD700;
     border-bottom: 5px solid #FFD700;
     border-left: 0px solid #FFD700;
     border-right: 0px solid #FFD700;
     
underline:none;
     
    height: 126px;
    color: #326895;
}
.intro:active{
    color: #326895;
}
/*
ul li{
    list-style:none;
}*/
.introapps{
     display: block;
    /*white-space: nowrap;  */
    overflow: hidden;  
    text-overflow: ellipsis; 
    
    text-decoration:none;
    
/*    margin-top: 30px;*/
    margin-top: -1px;
    margin-bottom: -1 px;
    margin-left: 0px;
    margin-right: 0px;
    height: 158px;  /*212px*/
    width:100%;
    
     font-size: 1em;
     font-weight: normal;/*BOLD;*/
     color: #2F4F4F;
    
    
/*     display: block;*/
  /*   background-color: #F8F8FF; */
     padding: 0 30px 0 30px;
     border-top: 1px solid #FFD700;
     border-bottom: 1px solid #FFD700;
     border-left: 0px solid #FFD700;
     border-right: 0px solid #FFD700;
     padding: 5px 10px 10px 10px;

     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;

  -webkit-transition: -webkit-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
  -moz-transition: -moz-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
  -o-transition: -o-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
}
.introapps:hover{
    z-index:10;
     padding: 1px 10px 10px 10px;
     
  background-color: rgba(255, 215, 0, 0.2);  /*rgba(51, 102, 153, 0.3); rgba(170, 170, 170, 0.3);   /* #FFD700; #aaa; */
  color: #326895;
  cursor: pointer;
     /*border: 5px solid #FFD700;*/
     border-top: 5px solid #FFD700;
     border-bottom: 5px solid #FFD700;
     border-left: 0px solid #FFD700;
     border-right: 0px solid #FFD700;
     
    height: 158px;
}
ul li.introapps a big big strong.bolder{
     font-size: 28px;
     font-weight: BOLD;
}
.moreHover{
    display:block;
    opacity:0;
}
.moreHoverOut{
font-size:1.2em;
    display:block;
/*    font-weight:BOLD;*/
  /*  background-image:url('../../../images/buttons/button_back_1.png');*/
    background-repeat:no-repeat;
/*    height:30px;*/
    position:absolute;
 /*   top:40px;*/
    left:290px; /*250px;*/
    z-index:0;
    opacity:0.85;
    
    
    

border: 1px solid #CC0000;/*#800000, #333;    */
    
/*border-top: 1px solid #96D1F8;*/
background: #65A9D7;
background: -webkit-gradient(linear, left top, left bottom, from(#3E779D), to(#65A9D7));
background: -webkit-linear-gradient(top, #3E779D, #65A9D7);
background: -moz-linear-gradient(top, #3E779D, #65A9D7);
background: -ms-linear-gradient(top, #3E779D, #65A9D7);
background: -o-linear-gradient(top, #3E779D, #65A9D7);
padding: 5.5px 11px 5.5px 11px;
/*-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
text-shadow: rgba(0, 0, 0, .4) 0 1px 0;*/
color: white;
/*font-size: 16px;*/
/*font-family: Helvetica, Arial, Sans-Serif;*/
text-decoration: none;
vertical-align: middle;
white-space:nowrap;
}
.bolder{
     font-size: 28px;
     font-weight: BOLD;
}
.myLucida{
    /* font-size: 16px;*/
     font-weight: none;
     text-align: justify;
}

/*
a:hover{
background-color:#FFD700;
}
*/
.subText {
     /*allows only 105 characters
     for intro sub description*/
     position: relative;
/*     padding: 90px 20px 0px 160px;*/
padding: 90px -200px 0px 0px;
     color: #2F4F4F;
     display: block;
     word-wrap: break-word;
     font-size: 0.8em;/*11px;*/
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;

/*  -webkit-transition: -webkit-transform 0.5s ease-in-out, padding linear 0.5s, color linear 0.5s;
  -moz-transition: -moz-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
  -o-transition: -o-transform 0.5s ease-in-out, background-color linear 0.5s, color linear 0.5s;
*/
}
.subText:hover {
     padding-top: 85px;
     padding-left: 155px;
}
.kingText{}









/*<style type="text/css">*/
ul li.intro a:link    {
  /* Applies to unvisited links in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background: none;/*#ddd;*/
  color:            black;/*blue;*/
  } 
ul li.intro a:visited {
  /* Applies to visited links in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background: none;/*#ddd;*/
  color:            black;/*#f0f;*/
  } 
ul li.intro a:hover   {
  /* Applies to links under the pointer in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background: none;/*#ddd;*/
  color:            black;/*#fff;*/
  } 
ul li.intro a:active  {
  /* Applies to activated links in class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  background: none;/*#ddd;*/
  color:            black;/*
  background-color: black;
  color: white;*/
  } 
  
ul li.introapps a:link    {
  /* Applies to unvisited links in class mainNav */
  text-decoration:  none;
/*  font-weight:      bold;*/
  background-color: none;/*#ddd;*/
  color:            #000;/*blue;*/
  } 
ul li.introapps a:visited {
  /* Applies to visited links in class mainNav */
  text-decoration:  none;
/*  font-weight:      bold;*/
  background-color: none;/*#ddd;*/
  color:            #000;/*#f0f;*/
  } 
ul li.introapps a:hover   {
  /* Applies to links under the pointer in class mainNav */
  text-decoration:  none;
/*  font-weight:      bold;*/
  background-color: none;/*#ddd;*/
  color:            #000;/*#fff;*/
  } 
ul li.introapps a:active  {
  /* Applies to activated links in class mainNav */
  text-decoration:  none;
/*  font-weight:      bold;*/
  background-color: none;/*#ddd;*/
  color:            #000;/*
  background-color: black;
  color: white;*/
  } 
  

/*</style>*/

.desktop_ONLY_mar2016{
  display:none;
}


/*div form#mc-embedded-subscribe-form.validate*/
#mc_embed_signup{
  background:#fff;
  clear:left;
  font:14px Helvetica,Arial,sans-serif;
}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */






/**************************************/
/************ AKM-15aug2018 ***********/
ul li.intro { style="list-style-type: none !important;"}
/**************************************/
/**************************************/






/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 7, 2020 */
@font-face {
	 font-family: 'hirukoregular';
	 src: url('../../../../images/Fonts/Hiruko/hiruko-webfont.woff2') format('woff2'), url('../../../../images/Fonts/Hiruko/hiruko-webfont.woff') format('woff');
	 font-weight: normal;
	 font-style: normal;
}
/*@font-face {
	 font-family: 'k2d';*/
	 /*src: url('../../../../images/Fonts/DesignMedia/ABB769.TTF') format('TTF');*/
	 /*font-weight: normal;
	 font-style: normal;*/
/*}*/
 .li_2020feature {
	 height: 10em !important;
	 min-heiht: 10em !important;
	 max-height: 10em !important;
}
 @media (min-height: 768px) and (orientation: portrait),(min-width: 768px) and (orientation: landscape) {
	 .li_2020feature {
		 height: 20em !important;
		 min-heiht: 20em !important;
		 max-height: 20em !important;
	}
}
 .font_2020family {
	 font-family: 'hirukoregular';
}
 .font_2020morph {
	 color: navyblue;
	 font-size: 1.3333333333333em;
	 padding: 5px 0px;
}
 @media (min-height: 768px) and (orientation: portrait),(min-width: 768px) and (orientation: landscape) {
	 .font_2020morph {
		 font-size: calc(2.6666666666667em);
	}
}
 .btnBkGhover {
	 background-color: #800000;
	 color: white;
}
 .btnDisabled {
	 background-color: rgba(0,0,0,0.5);
	 border: 1px solid black;
	 color: white !important;
}
 .blueBTN {
	 background-color: #3880ff;
	 color: white;
	 border-radius: 5px;
	 font-weight: bold;
   min-height: 35px;
}
 .greenBTN {
	 background-color: #006600;
	 color: white;
	 border-radius: 5px;
	 font-weight: bold;
   min-height: 35px;
}
 .redBTN {
	 background-color: #d33939;
	 color: white;
	 border-radius: 5px;
	 font-weight: bold;
   min-height: 35px;
}
 .blueBTN:hover, .greenBTN:hover, .redBTN:hover {
	 background-color: #800000;
	 color: white;
}
 .blueBTN:disabled, .greenBTN:disabled, .redBTN:disabled {
	 background-color: rgba(0,0,0,0.5);
	 border: 1px solid black;
	 color: white !important;
}
 .squeezeText {
	 letter-spacing: -0.075em;
	 font-size: 1.1764705882353em;
	 line-height: calc(0.11111111111111em);
	 padding: 0px !important;
}
 @media (min-height: 768px) and (orientation: portrait),(min-width: 768px) and (orientation: landscape) {
	 .squeezeText {
		 font-size: calc(2.2222222222222em);
		 line-height: calc(calc(2.2222222222222em) / 2);
	}
}
 .img_2020feature {
	 padding: 5px;
}
 @media (min-height: 768px) and (orientation: portrait),(min-width: 768px) and (orientation: landscape) {
	 .img_2020feature {
		 width: 17em;
		 min-width: 17em;
		 max-width: 17em;
		 height: 17em;
		 min-height: 17em;
		 max-height: 17em;
	}
}
 @media (max-height: 768px) and (orientation: portrait),(max-width: 768px) and (orientation: landscape) {
	 .img_2020feature {
		 width: 7.65em;
		 min-width: 7.65em;
		 max-width: 7.65em;
		 height: 7.65em;
		 min-height: 7.65em;
		 max-height: 7.65em;
	}
}
 .unfinishedRED {
	 background-color: red !important;
}
 .unfinishedGREEN {
	 background-color: green !important;
}
 .imgInsert {
	 width: 7em !important;
	 height: 7em !important;
}
 @media (max-height: 768px) and (orientation: portrait),(max-width: 768px) and (orientation: landscape) {
	 .imgInsert {
		 width: 6em !important;
		 height: 6em !important;
	}
}
 li.introX {
	 list-style-type: none !important;
}
 .container {
	 width: 100%;
	 min-width: 100%;
	 max-width: 100%;
}
 .container_image {
	 background-image: url("../../../../images/apps/v3.0/Kolabo/IMG_5862.jpg");
	 background-size: 100% 100%;
}
 ul.responsive-table {
	 width: 100%;
	 min-width: 100%;
	 max-width: 100%;
}
 ul.responsive-table li {
	 width: 100%;
	 min-width: 100%;
	 max-width: 100%;
	 border-radius: 3px;
	 padding: 5px 0px;
	 display: flex;
	 justify-content: space-between;
	 margin-left: -0.65em;
	 left: -0.65em;
	 margin-right: 0.65em;
	 right: 0.65em;
}
 @media (max-height: 768px) {
	 ul.responsive-table li {
		 margin-left: -1.15em;
		 left: -1.15em;
		 margin-right: 1.15em;
		 right: 1.15em;
	}
}
 ul.responsive-table .table-header {
	 background-color: #95A5A6;
	 text-transform: uppercase;
	 letter-spacing: 0.03em;
}
 ul.responsive-table .table-row {
	 box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
}
 ul.responsive-table .col-1 {
	 flex-basis: 10%;
}
 ul.responsive-table .col-2 {
	 flex-basis: 40%;
}
 ul.responsive-table .col-3 {
	 flex-basis: 25%;
}
 ul.responsive-table .col-4 {
	 flex-basis: 25%;
}
 ul.responsive-table .col-1x {
	 flex-basis: 8.5em;
	 text-align: center !important;
}
 ul.responsive-table .col-2x {
	 flex-basis: calc(91.5%);
	 position: relative;
}
 ul.responsive-table .hcenter {
	 text-align: center !important;
}
 ul.responsive-table .hleft {
	 text-align: left;
}
 ul.responsive-table .flex-container {
	 display: flex;
	 flex-flow: row wrap;
	 justify-content: space-between;
	 margin-top: 1em;
	 margin-left: -0.5em;
	 left: -0.5em;
	 margin-right: 0.5em;
	 right: 0.5em;
}
 @media (max-height: 768px) {
	 ul.responsive-table .flex-container {
		 margin-left: -1.15em;
		 left: -1.15em;
		 margin-right: 1.15em;
		 right: 1.15em;
	}
}
 ul.responsive-table .flex-item {
	 flex-grow: 0;
	 flex-basis: auto;
	 margin: 0px;
	 width: 50%;
}
 @media (max-height: 768px) and (orientation: portrait) {
	 ul.responsive-table .flex-item {
		 width: 100%;
	}
}
 @media (max-width: 768px) and (orientation: landscape) {
	 ul.responsive-table .flex-item {
		 width: 100%;
	}
}
 @media (max-height: 768px) and (orientation: portrait) {
	 ul.responsive-table .off-in-768p {
		 display: none;
	}
}
 .newCENTER {
	 align-items: center;
	 justify-content: center;
}
 .newRIGHTbottom {
	 display: flex;
	 flex-wrap: wrap;
	 vertical-align: bottom;
	 align: right;
	 float: right;
	 bottom: 0;
	 right: 0;
}
 h3 {
	 color: #262626;
	 font-size: 0.8em;
	 line-height: 1.2em;
	 font-weight: 700;
	 margin-bottom: 4px;
}
 p {
	 color: #666666;
}
 p.small {
	 font-size: 0.7em;
	 line-height: 1.1em;
   text-align: center;
   font-family: 'hirukoregular';
   margin: 0px !important;
}
 .go-corner {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 position: absolute;
	 width: 32px;
	 height: 32px;
	 overflow: hidden;
	 top: 0;
	 right: 0;
	 background-color: #00838d;
	 border-radius: 0 4px 0 32px;
}
 .go-arrow {
	 margin-top: -4px;
	 margin-right: -4px;
	 color: white;
	 font-family: courier, sans;
}
 .boxshadow {
	 box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
}
 .positionABSOLUTELY {
	 position: absolute !important;
}
 .card1 {
	 /*box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);*/
	 display: block;
	 position: relative;
	 max-width: 80%;
   /*background-color: #f2f8f9;*/
	 border-radius: 4px;
	 padding: 0.65em 0.5em;	/* 1.3em 1em half -> 16px 12px */
	 margin: 0.25em; /* 0.5em half -> 6px */
	 text-decoration: none;
	 z-index: 0;
	 overflow: hidden;
	 font-size: 1.5em;
}
@media (max-height: 768px) and (orientation: portrait),(max-width: 768px) and (orientation: landscape) {
  .card1 {
     box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	 background-color: #f2f8f9;
  }
}
@media (min-height: 768px) and (orientation: portrait),(min-width: 768px) and (orientation: landscape) {/* ***Exclude SMALL screens*** */
  .card1 {
     /* h-offset v-offset blur spread color 
     box-shadow: 0px 0px 18px 0px linear-gradient(to bottom, #c3d7d9, transparent);*/
     /*background-image: linear-gradient(to bottom, #daf1f2, transparent);/* c3d7d9 */
    background: linear-gradient(180deg,#daf1f2 0%,#daf1f2 50%, white 100%);
    
  /*background-image: -webkit-gradient(linear,
	top,
    top,
    color-stop(0, #daf1f2),
    color-stop(70, #daf1f2)
	);
  background-image: -webkit-linear-gradient(
    to bottom,
    #daf1f2,
    #daf1f2 70%
	);
  background-image: -moz-linear-gradient(
    to bottom,
    #daf1f2,
    #daf1f2 70%
	);
  background-image: -ms-linear-gradient(
    to bottom,
    #daf1f2,
    #daf1f2 70%
	);
  background-image: -o-linear-gradient(
    to bottom,
    #daf1f2,
    #daf1f2 70%
	);*/

    /*
    margin: auto;
    box-sizing: border-box;
/*    background: #000;* /
    background-clip: padding-box; /* !importanté * /
    border: solid 5px transparent; /* !importanté * /
    border-radius: 8px;

    &:before {
      content: '';
      position: absolute;
      top: 0; right: 0; bottom: 0; left: 0;
      z-index: -1;
      margin: -5px; /* !importanté * /
      border-radius: inherit; /* !importanté * /
      background: linear-gradient(to bottom, red, orange);
    }*/
  }
}
 .card1:before {
	 content: "";
	 position: absolute;
	 z-index: -1;
	 top: -16px;
	 right: -16px;
	 background: #00838d;
	 height: 32px;
	 width: 32px;
	 border-radius: 32px;
	 transform: scale(1);
	 transform-origin: 50% 50%;
	 transition: transform 1.7s ease-out;
}
 .card1:hover:before {
	 transform: scale(48);//4x
}
 @media (max-width: 768px) and (orientation: landscape) {
	 .card1:hover:before {
		 transform: scale(96);//4x
	}
}
 div.flex-item > a.card1 {
	 max-width: 100%;
}
 .card1:hover p {
	 transition: all 0.9s ease-out;
	 color: rgba(255,255,255,0.8);
}
 .card1:hover h3 {
	 transition: all 0.9s ease-out;
	 color: #ffffff;
}
 @media (max-height: 768px) and (orientation: portrait),(max-width: 768px) and (orientation: landscape) {
	 .SQUISHEDcard {
		 padding: 0.7em 0.5em;
		 margin: 0.25em;
		 font-size: 1.1em;
	}
}
 @media (max-height: 768px) and (orientation: portrait),(max-width: 768px) and (orientation: landscape) {
	 .SQUaSHEDcard {
		 padding: 0.7em 0.5em;
		 margin: 0.25em;
	}
}
 .tcontainer {
	 max-width: 1000px;
	 margin-left: 0px !important;
	 margin-right: 0px !important;
	 padding-left: 0px !important;
	 padding-right: 0px !important;
}
 .tresponsive-table li {
	 border-radius: 3px;
	 padding: 10px 0px;
	 display: flex;
	 justify-content: space-between;
	 margin-bottom: 15px;
}
 .tresponsive-table .ttable-header {
	 text-transform: uppercase;
	 letter-spacing: 0.03em;
	 color: whitesmoke;
}
 .tresponsive-table .ttable-row {
	 background-color: #ffffff;
	 box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
}
 .tresponsive-table .tcol-1 {
	 flex-basis: 20%;
}
 .tresponsive-table .tcol-2 {
	 flex-basis: 20%;
}
 .tresponsive-table .tcol-3 {
	 flex-basis: 20%;
}
 .tresponsive-table .tcol-4 {
	 flex-basis: 20%;
}
 .tresponsive-table .tcol-5 {
	 flex-basis: 6%;
}
 .tresponsive-table .tcol-6 {
	 flex-basis: 7%;
}
 .tresponsive-table .tcol-7 {
	 flex-basis: 7%;
}
 .tresponsive-table .tcol-8 {
	 flex-basis: 7%;
}
 .tresponsive-table .tcol-9 {
	 flex-basis: 7%;
}
 .tresponsive-table .tcol-10 {
	 flex-basis: 7%;
}
 .tresponsive-table .tcol-11 {
	 flex-basis: 7%;
}
 .tresponsive-table .tcol-12 {
	 flex-basis: 7%;
}
 @media all and (max-width: 1000px) {
	 .tresponsive-table .ttable-header {
		 display: none;
	}
	 .tresponsive-table li {
		 display: block;
	}
	 .tresponsive-table .tcol {
		 flex-basis: 100%;
	}
	 .tresponsive-table .tcol {
		 display: flex;
		 padding: 10px 0;
	}
	 .tresponsive-table .tcol:before {
		 color: #6C7A89;
		 padding-right: 10px;
		 content: attr(data-label);
		 flex-basis: 50%;
		 text-align: right;
	}
}
 * {
	 box-sizing: border-box;
}
 form.example input[type=text] {
	 padding: 10px;
	 font-size: 17px;
	 border: 1px solid grey;
	 float: left;
	 width: 100%;
	 background: #f1f1f1;
}
 form.example button {
	 float: left;
	 min-width: 20%;
	 padding: 0px 10px;
	 background: #2196F3;
	 color: white;
	 font-size: 17px;
	 border: 1px solid grey;
	 border-left: none;
	 cursor: pointer;
}
 form.example button:hover {
	 background: #0b7dda;
}
 form.example::after {
	 content: "";
	 clear: both;
	 display: table;
}
 label {
	 display: inline;
}
 .regular-checkbox, .checkbox {
	 display: none !important;
}
 .positionAgree + label {
	 transform: translateY(0.65em);
}
 .regular-checkbox + label {
	 background-color: #fafafa;
	 border: 1px solid #cacece;
	 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	 padding: 9px;
	 border-radius: 3px;
	 display: inline-block;
	 position: relative;
}
 .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 .regular-checkbox:checked + label {
	 background-color: #e9ecee;
	 border: 1px solid #adb8c0;
	 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	 color: #99a1a7;
}
 .regular-checkbox:checked + label:after {
	 content: '\2714';
	 font-size: 14px;
	 position: absolute;
	 top: -1.5px;
	 left: 0.5px;
	 color: #99a1a7;
}
 .big-checkbox + label {
	 padding: 18px;
}
 .big-checkbox:checked + label:after {
	 font-size: 28px;
	 left: 6px;
}
 .tag {
	 font-family: Arial, sans-serif;
	 width: 200px;
	 position: relative;
	 top: 5px;
	 font-weight: bold;
	 text-transform: uppercase;
	 display: block;
	 float: left;
}
 .radio-1 {
	 width: 193px;
}
 .button-holder {
	 float: left;
}

.showAppCedarSocialsCount {
  display: none !important;
  background-color: black;
}

/* NEW checkbox css */
.main { 
            display: block; 
            position: relative; 
            padding-left: 5px; /*45px*/
            margin-bottom: 5px; /*15px*/
            cursor: pointer; 
            font-size: 1.2em; /*20px*/
        } 
          
        /* Hide the default checkbox */ 
        input[type=checkbox] { 
            visibility: hidden; 
        } 
          
        /* Creating a custom checkbox 
        based on demand */ 
        .geekmark { 
            position: absolute; 
            top: 0; 
            left: 0; 
            height: 25px; 
            width: 25px; 
            background-color: black; 
        } 
		.checkbox-v1-transformer {
            -webkit-transform: translateY(3.2em); 
            -ms-transform: translateY(3.2em); 
            transform: translateY(3.2em); 
		}
          
        /* Specify the background color to be 
        shown when hovering over checkbox */ 
        .main:hover input ~ .geekmark { 
            background-color: yellow; 
        } 
          
        /* Specify the background color to be 
        shown when checkbox is active */ 
        .main input:active ~ .geekmark { 
            background-color: red; 
        } 
          
        /* Specify the background color to be 
        shown when checkbox is checked */ 
        .main input:checked ~ .geekmark { 
            background-color: green; 
        } 
          
        /* Checkmark to be shown in checkbox */ 
        /* It is not be shown when not checked */ 
        .geekmark:after { 
            content: ""; 
            position: absolute; 
            display: none; 
        } 
          
        /* Display checkmark when checked */ 
        .main input:checked ~ .geekmark:after { 
            display: block; 
        } 
          
        /* Styling the checkmark using webkit */ 
        /* Rotated the rectangle by 45 degree and  
        showing only two border to make it look 
        like a tickmark */ 
        .main .geekmark:after { 
            left: 8px; 
            bottom: 5px; 
            width: 6px; 
            height: 12px; 
            border: solid white; 
            border-width: 0 4px 4px 0; 
            -webkit-transform: rotate(45deg); 
            -ms-transform: rotate(45deg); 
            transform: rotate(45deg); 
        } 
/* NEW checkbox css - ENd */

/* New modern web appearance */
h3.modern-web, a > h3.modern-web {
  text-align: center !important;
  margin: 0px !important;
}
.modern-web-img {
  vertical-align: middle;
  align: middle;
  /*width: 7em;*/
  height: 7em;
  font-size: 0.5em;
  line-height: 1.1em;
}
@media (max-height: 768px) and (orientation: portrait), (max-width: 768px) and (orientation: landscape) {
  .modern-web-img {
    /*width: 4em;*/
    height: 4em;
  }
}
.bigWordOnCard {
  color: #00838d;
}
.card1:hover .bigWordOnCard {
  transition: color 0.9s ease-out;
  color: #000080;/* #f2f8f9 */
}
/* New modern web appearance - ENd */

/* illusion of equal height columns */
.five-columns {
  background-image: -webkit-gradient(linear,
    left top,
    right top,
    color-stop(0, #eee),
    color-stop(20%, #eee),
    color-stop(20%, #ccc),
    color-stop(40%, #ccc),
    color-stop(40%, #eee),
    color-stop(60%, #eee),
    color-stop(60%, #ccc),
    color-stop(80%, #ccc),
    color-stop(80%, #eee),
    color-stop(100%, #eee)
	);
  background-image: -webkit-linear-gradient(
    left,
    #eee,
    #eee 20%,
    #ccc 20%,
    #ccc 40%,
    #eee 40%,
    #eee 60%,
    #ccc 60%,
    #ccc 80%,
    #eee 80%,
    #eee 100%
	);
  background-image: -moz-linear-gradient(
    left,
    #eee,
    #eee 20%,
    #ccc 20%,
    #ccc 40%,
    #eee 40%,
    #eee 60%,
    #ccc 60%,
    #ccc 80%,
    #eee 80%,
    #eee 100%
	);
  background-image: -ms-linear-gradient(
    left,
    #eee,
    #eee 20%,
    #ccc 20%,
    #ccc 40%,
    #eee 40%,
    #eee 60%,
    #ccc 60%,
    #ccc 80%,
    #eee 80%,
    #eee 100%
	);
  background-image: -o-linear-gradient(
    left,
    #eee,
    #eee 20%,
    #ccc 20%,
    #ccc 40%,
    #eee 40%,
    #eee 60%,
    #ccc 60%,
    #ccc 80%,
    #eee 80%,
    #eee 100%
	);
}
/* illusion of equal height columns - ENd */

/* The MODAL routine */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}
.modal-content > h3 {
	 color: #262626;
	 font-size: 1.6em;
	 line-height: 2.4em;
	 font-weight: 700;
	 margin-bottom: 4px;
}
.modal-content > p, ol, ol > li {
	 font-size: inherit 1.2em;
	 line-height: inherit 1.8em;
	 /*font-family: 'k2d';*/
  	font-family: 'K2D', sans-serif;
  	text-align: justify;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* The MODAL routine - ENd */