/*
Theme Name: GNOMON_Informatics
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

#wrapper > .block-html-after-header {
	position: absolute!important;
}
	#wrapper > .block-html-after-header > .head-espa {
		position: absolute!important;
top: 90px;
right: 0px;
left: 0;
		padding-right:0px!important;
	}
#wrapper > .block-html-after-header > .head-espa img {
	float: right;
width: 350px;

}


/* header */
@media only screen and (min-width: 48em) {
.header-inner.flex-row.container {
	background-color: #fff;
    border-right: 20px solid #f7921e;
}
.header-wrapper.stuck .header-bg-color {
    background-color: transparent;
}
.header-wrapper.stuck {
	box-shadow: none;
}
.row >.left-pad-in {
	padding-left: 90px!important;
}
}
.header-inner.flex-row.container {
	background-color: #fff; 
}
.blog .nav-dark .nav>li.active>a,.blog .nav-dark .nav>li>a, .blog .social-icons i {
    color: rgba(102,102,102,0.85)!important;
    transition: all .2s;
}
.blog .header-divider {
	 border-left: 1px solid rgba(0,0,0,0.1)!important;
}
.sub-menu>li>a {
    font-size: .75em;
    color: rgba(102,102,102)!important;
    font-weight: 700;
}
.header-nav .social-icons i {
    font-size: 14px;
}
#header.header.has-transparent a {
	 color: rgba(102,102,102,0.85);
}

/* header */

h1, h2, h3, h4, h5, h6 {
		font-family: 'Noto Serif JP', serif!important;
}




/* counter */
.notofont {
		font-family: 'Noto Serif JP', serif!important;
		margin-bottom: 0px!important;
}


body {
  counter-reset: ruler;              
}

.numb-home::before {
 counter-increment: ruler;
content: counter( ruler , decimal-leading-zero) ' ';
   position: relative;
   color: #f7921e;
    top: -30px;
   font-family: 'Noto Serif JP', serif;
   font-size: 22px;
font-weight: 700;
}


/* counter */
/* news home*/
.badge.top.post-date.badge-outline {
   direction: ltr;
  display: table-cell;
  vertical-align: middle;
}

.badge.top > .badge-inner_custom {
	 border: none;
    background: none;
    text-align: center;
    padding: 0px 15px;
}
.badge.top > .badge-inner_custom > .post-date-day {
	 font-size: 60px;
   text-align: center;
   color: #00529b;
  font-family: 'Noto Serif JP', serif;
}
.badge.top > .badge-inner_custom > .post-date-month.is-xsmall {
	font-size: 13px;
    line-height: 25px;
    text-align: center;
    color: #00529b;
    font-family: 'Noto Serif JP', serif;
}
.post-title.is-xlarge  {
	color: #00529b;
}
.button.secondary.is-link.is-small.mb-0 {
	float: right;
}
h5.post-title.is-large {
	color: #00529b;
}
/* news home*/
/* bustton */
.button.secondary.is-smaller {
	padding: 8px 28px;
}
/* bustton */
.row-dashed .col:not(:first-of-type)::before {
	z-index: 999;
	background-image: url(https://gnomon.com.gr/wp-content/uploads/2019/11/line-up-down-03.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 90%;
    position: absolute;
    top: 20px;
    left: -10px;
    width: 20px;
    border-left: none;
}
h1.yearhistory {
	margin-bottom: -60px;
}

/* animation */
@keyframes animatesquare {
    0% {
        background-size:    0 1px,
                            1px 0,
                            0 1px,
                            1px 0;
    }
    25% {
        background-size:    100% 1px,
                            1px 0,
                            0 1px,
                            1px 0;
    }
    50% {
        background-size:    100% 1px,
                            1px 100%,
                            0 1px,
                            1px 0;
    }
    75% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 0;
    }
    100% {
        background-size:    100% 1px,
                            1px 100%,
                            100% 1px,
                            1px 100%;
    }
}

div.square {
    width: 25%;
    margin: 2rem auto;
    padding: 2em;
    
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #f7921e 100%, #f7921e 100%),
                        linear-gradient(to bottom, #f7921e 100%, #f7921e 100%),
                        linear-gradient(to right, #f7921e 100%, #f7921e 100%),
                        linear-gradient(to bottom, #f7921e 100%, #f7921e 100%);
    background-size:    100% 1px,
                        1px 100%,
                        100% 1px,
                        1px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    animation: animatesquare 2.75s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-play-state: paused;
}

div.square.absolute.right { 
	width: 480px;
    right: -113px;
    min-height: 400px;
    top: -90px;
    z-index: -1;
    font-weight: 600;
}
div.square.absolute.right::after  { 
 	position: absolute;
 	top: 55px;
 	right: 20px;
 	color: #f7921e;
}
div.square.absolute.left { 
	width: 480px;
    left: -113px;
    min-height: 400px;
    top: -90px;
    z-index: -1;
    font-weight: 600;
}
div.square.absolute.left::after  { 
 	position: absolute;
 	top: 55px;
 	left: 20px;
 	color: #f7921e;
}
div.square_viewport {
    animation-play-state: running;
}

.ninefour::after {
	content: '1994';
}
.ninefive::after {
	content: '1995';
}
.ninenine::after {
	content: '1999';
}
.twoone::after {
	content: '2001';
}
.twothree::after{
	content: '2003';
}
.twofive::after{
	content: '2005';
}
.twosix::after{
	content: '2006';
}
.twoseven::after{
	content: '2007';
}
.twoeight::after{
	content: '2008';
}
.twonine::after{
	content: '2009';
}
.twoten::after{
	content: '2010';
}
.twooneone ::after{
	content: '2011';
}
.twoonetwo::after{
	content: '2012';
} 
.twoonethree::after{
	content: '2013';
} 
.twoonefour::after{
	content: '2014';
}
.twoonefive::after{
	content: '2015';
} 
.twoonesix::after{
	content: '2016';
} 
.twooneseven::after {
	content: '2017';
}
.twooneeight::after {
	content: '2018';
}
.twoonenine::after {
	content: '2019';
}
.twotwo::after {
	content: '2020';
}
.twotwoone::after {
	content: '2021';
}
.twotwotwo::after {
	content: '2022';
}
/* animation */



/* contact */

.left-row-bord {
	border: 1px solid #fff;
}
.contact-buttons {
	margin-bottom: 0px;
}
.contact-buttons span {
  font-family: 'Noto Serif JP', serif;
}
label.wpforms-field-label {
	font-family: 'Noto Serif JP', serif;
	color: #7d8c94;
}
.wpforms-required-label, .badge.absolute.top.post-date.badge-outline, .widget  .cat-item.cat-item-1 {
	display: none;
}
.wpforms-field-container .wpforms-field-large, .wpforms-field-required {
	border: none!important;
	min-height: 50px;
}
.wpforms-field-container .wpforms-field:not(:last-of-type) {
	margin-bottom: 20px!important;
}
.contact-row div.col  {
	padding-bottom: 0px!important;
}
/* contact end */


/* in page eHealth */
/*.border-inpagesq span {
	font-size: 11px;
}*/
.border-inpagesq .col  {
	border: 1px solid #cececd;
}
.border-inpagesq .no-left-bord {
	border-left:0px;
}
.border-inpagesq .no-right-bord {
	border-right:0px;
}

.bord-left-oran {
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to top, 
      #f7921e, 
      rgba(0, 0, 0, 0)
    ) 1 100%;
}
.bord-right-oran {
	 border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to top, 
      #f7921e, 
      rgba(0, 0, 0, 0)
    ) 1 100%;
}

.numb-ehea::before {
  counter-increment: section;     
  content:  "0"counter(section) ". ";
  position: relative;
  color: #f7921e;
  top: 0px;
   font-family: 'Noto Serif JP', serif;
   font-size: 12px;
	font-weight: 700;
	margin-right: 5px;
}

/* portfolio css*/
.box-text h6.portfolio-box-title {
	background-color: #fff;
    width: 50%;
    color: #00529b;
    text-shadow: none;
    padding: 15px 0px;
    opacity: 1;
    text-align: center;
    border-right: 10px solid #f7921e
}
.box-text h6.portfolio-box-title::before {
    counter-increment: ruler;
	content: counter( ruler , decimal-leading-zero) ' '; 
   position: relative;
   color: #f7921e;
   font-size: 10px;
   font-family: 'Noto Serif JP', serif;
}
/* single portfolio */

.page-title.portfolio-featured-title.featured-title.no-overflow, .page-title-inner.container.flex-row  {
	    min-height: 600px;   
}
.title-bg.fill.bg-fill.parallax-active {
	background-position: top;
}
.page-title.portfolio-featured-title.featured-title.no-overflow .title-overlay.fill {
	background-color: transparent!important;
}
.portfolio-inner.pb h3 {
	color: #f7921e;
}
blockquote {
	font-family: 'Noto Serif JP', serif;
    font-size: 110%;
    font-style: normal;
    color: #00529b;
    border-left: 20px solid #f7921e;
    border-color: #f7921e!important;
    padding-left: 15px;
}
.row.portfolio-related.large-columns-4 {
	max-width: 100%;
}

/* portfolio css end*/



/* scroll down effect */
.mousegen {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;  
}

p.mousetext {
  margin-top: 5px;
  color: #ffffff;
  -webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
          animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
}

.mouse {
  background: #4e5559 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #ffffff), to(#ffffff));
  background: #4e5559 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  position: relative;
  width: 26px;
  height: 44px;
  border-radius: 100px;
  background-size: 100% 200%;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
          animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  width: 24px;
  height: 41px;
  background-color: #222a30;
  border-radius: 100px;
}
.mouse:after {
  background-color: #ffffff;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
          animation: trackBallSlide 5s linear infinite;
}

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  90%, 100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(2.5px);
            transform: scale(0.9) translateY(2.5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(2.5px);
            transform: scale(0.9) translateY(2.5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(2.5px);
            transform: scale(0.9) translateY(2.5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(2.5px);
            transform: scale(0.9) translateY(2.5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(2.5px);
            transform: scale(0.9) translateY(2.5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(2.5px);
            transform: scale(0.9) translateY(2.5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
            transform: scale(0.4) translateY(20px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-10px);
            transform: scale(0.4) translateY(-10px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-10px);
            transform: scale(1) translateY(-10px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}



.bg.section-bg  .icon-angle-down:before {
    content: "";
}
/* scroll down effect end */

.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.error-page h1 {
  font-size: 30vh;
  font-weight: bold;
  position: relative;
  margin: -8vh 0 0;
  padding: 0;
  font-family: "Noto Sans", sans-serif!important;
}
.error-page h1:after {
  content: attr(data-h1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: transparent;
  /* webkit only for graceful degradation to IE */
 /* background: -webkit-repeating-linear-gradient(-45deg, #71b7e6, #69a6ce, #b98acc, #ee8176, #b98acc, #69a6ce, #9b59b6); */
  
 background: -webkit-repeating-linear-gradient(-45deg, #005596, #005596, #005596, #E7ECEF, #6096BA, #A3CEF1, #f7921e, #f7921e, #f7921e);
   -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 400%;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.25);
  animation: animateTextBackground 10s ease-in-out infinite;
}
.error-page h1 + p {
  color: #a2a2a2;
  font-size: 8vh;
  font-weight: bold;
  line-height: 10vh;
  max-width: 100%;
  position: relative;
}
.error-page h1 + p:after {
  content: attr(data-p);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: transparent;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}

#particles-js {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@keyframes animateTextBackground {
  0% {
    background-position: 0 0;
  }
  25% {
    background-position: 100% 0;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .error-page h1 {
    font-size: 32vw;
  }
  .error-page h1 + p {
    font-size: 8vw;
    line-height: 10vw;
    max-width: 70vw;
  }
}
.errorpagehome {
	text-align: center;
	display: block;
    text-decoration: underline;
}
/* 404 page end */
.cat-item.current-cat.active {
	border-left: 10px solid #f7921e;
    padding-left: 5px;
}




.page-id-245 #main, .page-id-1232 #main {
	    background-color: rgb(243, 243, 243);
}

.homeBanner .bg.fill.bg-fill::before {
bottom: 0;
content: "";
display: block;
height: 50%;
width: 100%;
position: absolute;
z-index: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.homeBanner-light .bg.fill.bg-fill::before {
bottom: 0;
content: "";
display: block;
height: 50%;
width: 100%;
position: absolute;
z-index: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgb(229, 232, 234) 100%)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.homeBanner-light-col::before {
	z-index: -1!important;
bottom: 0;
content: "";
display: block;
height: 50%;
width: 100%;
position: absolute;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgb(229, 232, 234) 100%)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(229, 232, 234) 100%);;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}



.z_index_top {
   z-index: 9;
}
.fightcovid-sticker {
   top: -140%;
    right: 50%;
    transform: translate(50%, 50%);
}
/* custom list */
.banner-inner li {
    list-style: none;
}

.banner-inner li:before {
    content: "·";
    font-size: 55px;
    vertical-align: bottom;
    line-height: 60%;
    margin-right: 7px;
    color: #f7921e;
}
.numberingsmall {
	font-size: 80%;
	color: #f7921e;
}


u {
  display: inline-block;
  position: relative;
  margin-bottom: -5px;
  text-decoration:none;
}
@-webkit-keyframes border {
     from {width: 0px;}
     to {width:100%}
}

u:after {
  content: '';
  margin-top: -5px;
  display: block;
 
  height: 3px;
  width: 0px;
  background: #f7921e;  
  -webkit-animation-name: border; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-name: border;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}
.ehealthpass-hand {
	margin-bottom: -50px;
}

.flex-row.next-prev-nav a {
    display: inline-flex;

}
.nav-next a span {
    margin-left: 10px;
}

.nav-previous a span {
    margin-right: 10px;
}



.widget-title  {
	font-family: 'Noto Serif JP', serif!important;
    font-size: 1.3em!important;
    color: #000;
    font-weight: 700!important;
	margin-bottom: 13px!important;
    display: block; 
}
.widget .is-divider {
    display: none;
}
.sidebarsocial {
	margin-top: 10px;
}
.sidebarsocial a {
    font-size: 1.5em!important;
}


@media only screen and (max-width: 1300px) and (min-width: 48em){ 

.page-id-457 .col >.col-inner > .banner.has-hover,
.page-id-901 .col >.col-inner > .banner.has-hover,
.page-id-778 .col >.col-inner > .banner.has-hover {
	padding-top: 150%!important;
}

}


.postid-1847 .bg-fill {
   background-position: bottom right!important;
}

/*************** ADD MOBILE ***************/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
div.square.absolute.right, div.square.absolute.left, .row-dashed .col:not(:first-of-type)::before,
.badge.post-date, .cursor-dot, .cursor-dot-outline, .badge.top.post-date.badge-outline,
.cursor-dot-outline, .cursor-dot  {
 display: none;
}

.row.row-collapse.whatwe_home {
 max-width: 90%!important;
}
.numb-home::before {
    top: -10px;
  
}
.contact-buttons span {
  font-size: 25px;
}

.box-text h6.portfolio-box-title {
    width: 100%; 
}
.row .mobilepad_top_bot  {
	padding-top: 175px!important;
    padding-bottom: 175px!important;
    padding-left: 20px!important;
}
.row >.left-pad-in {
	padding-left: 20px!important;
}
.page-id-457 .col .col-inner > .banner.has-hover,
.page-id-901 .col .col-inner > .banner.has-hover,
.page-id-778 .col .col-inner > .banner.has-hover {
	padding-top: 150%!important;
}

.overflow_no div {
	overflow: hidden;
	
}

.fightcovid-sticker {
  top: 30%;
    right: 30%;
    transform: none;
}
.padd-left .col-inner{
	padding-left: 15px!important;
}

/*************** END MOBILE**************/
}