body {
    font-family: 'Roboto', sans-serif;
    font-size: 120%;
    font-weight: normal;
    line-height: normal;
	color: #1d2324;
}
h1, h2, h3, h4, h5, h6,.font-1,.font-2,.font-3,.font-4,.font-5,.font-6,   {
	font-weight: 800;
}
.sub-wrapper h5 ,.sub-wrapper .font-5, .sub-wrapper h6,.sub-wrapper .font-6 {
    margin: 0 0 5px;
}
.sub-wrapper a, .sub-wrapper a:active, .sub-wrapper a:focus {
    color: #007bff;
}
.scroll-top-arrow, .scroll-top-arrow:focus {
    color: #fff !important;
	background-color: #444444;
}
.bg-light-gray {
  background-color: #777;
}
.modal-popup-main {
	max-width: 1024px;
	padding: 0px !important;
	width:100% !important;
}
.mfp-close-btn-in .mfp-close {
    color: #fff;
}
.overlayer {
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	background-color: rgba(0,0,0,0.3);
}
.colour-bg-green {
	background-color:#73b648;
}
.bg-black {
	background-color:#000;
}	
.bg-gray {
	background-color:#818182;
}
.bg-blue {
	background-color:#33b9ed;
}
.bg-light-blue {
	background-color:#c1e2fd;
}
.bg-light-green {
	background-color:#e3f2d9;
}
.bg-light-red {
	background-color:#fadade;
}
.bg-light-org {
	background-color:#fff3ca;
}
.bg-light-gray {
	background-color:#f6f6f6;
}

.icon-social-very-small {
    font-size: 16px;
}
.host-logo {
	width:100%;
	max-width: 250px !important;
	height: auto;
	margin-bottom: 40px;
}
.top-logo {
	    display: block;
    width: 200px;
    margin: auto;
}
.banner-container {
	    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1;
}
.ocean {
  /*height: 5%;*/
  height: 0%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #015871;
}
.tr-border tr {
	border-bottom: 1px solid #ccc;
}
.sub-wrapper img {
    max-width: 100%;
    height: auto !important;
}
td, th {
	padding:4px 8px;
}
.breadcrumb, .breadcrumb a {
    color: rgba(255,255,255,1);
    /*text-shadow: 0 0 15px rgba(0,0,0,.9), 0 0 15px rgba(0,0,0,.8);*/
}

section {
    padding: 30px 0;
}
section.speakers-wrapper, section.about-forum.en  {
    padding: 130px 0 0;
}
section.about-forum {
    padding: 130px 0 280px;
}
.swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {
    margin: 0 0 0 0;
}
.navbar {
    position: relative;
    display: block;
}
.btn.btn-medium {
    font-size: 110%;
}
.dropdown .menu_selected {
    color: #067f5e !important;
}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.active > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {
    color: #0177c1;
    border-bottom: #33b9ed 5px solid;
}
.padding-left-0 {
    padding-left: 0;
}

.subpage_list_ul li {
    border-bottom: 1px #eee solid;
    padding: 8px 0px;
/*    cursor: pointer;*/
}

.subpage_list_ul li label {
    cursor: pointer;
}

.photo_gallery_back {
    position: absolute;
    top: 0;
    right: 0;
}

.version-btn.focus {
    color: #067f5e;
	font-weight:700;
}
.w3-text-blue, .w3-hover-text-blue:hover {
    color: #06605A !important;
}
.default-banner-img {
    background-image:url('../images/subpage-ban-o.jpg');
    background-size: cover;
    background-position: center;
}

.wave {
  background: url(../images/wave.svg) repeat-x;
  position: absolute;
  top: -178px;
  width: 6400px;
  height: 178px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: -155px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) 0.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}
@keyframes swell {
  0%,
	100% {
    transform: translate3d(0, -25px, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}
.endWave{
	display:none;
}
.welcome-img {
	float:right;
	Margin: 0 15px  0;
	width:200px;
	border-radius: 100px;
    

}
.team-image.welcome-img img {
	border: solid #fff 5px;
	background: rgb(210, 215, 228);
    background: -moz-linear-gradient(180deg, rgba(210,215,228,0.9500175070028011) 15%, rgba(210,215,228,0.7063200280112045) 40%, rgba(210,215,228,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(210, 215, 228, 0.9500175070028011) 15%, rgba(210, 215, 228, 0.7063200280112045) 40%, rgba(210, 215, 228, 0) 100%);
    background: linear-gradient(180deg, rgba(210, 215, 228, 0.9500175070028011) 15%, rgba(210, 215, 228, 0.7063200280112045) 40%, rgba(210, 215, 228, 0) 100%);
}
.point-li ul li {
    line-height: 32px;
	margin: 0 0 25px;
}



.theme-txt {
	color: #0e8ba9;
}
.theme-color {
	background-color: #e9fafc;
}
.text-blue {
	color: #054e99;
}
.description-txt {
	font-weight: normal;
	color: #0e8ba9;
}
.text-large {
    font-size: 122%;
    line-height: 36px;
}
p {
	line-height: 32px;
}
header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover {
   color: #71babf;
} 
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent .header-searchbar a:hover, header.header-appear nav.header-light .header-searchbar a:hover, header.header-appear nav.header-light.white-link .header-searchbar a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .header-search-form:hover, .header-social-icon a:hover {
	color: #71babf;
}
header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a {
    color: #71babf;
}
header a.logo img {
    max-height: 100px;
	padding: 3% 0;
}
header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {
    background-color: #173264;
}
header nav .navbar-nav.text-normal > li > a {
    font-weight: 600;
    font-size: 98%;
	/*WCAG2*/
	/*text-shadow:2px 2px 0 #fff;*/
}
.navbar-bg-shadow {
	position: absolute;
    left: 0;
    width: 100%;
    height: 40vh;
    /*background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0.9500175070028011) 15%, rgba(255,255,255,0.7063200280112045) 70%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.9500175070028011) 15%, rgba(255,255,255,0.7063200280112045) 70%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,0.9500175070028011) 15%, rgba(255,255,255,0.7063200280112045) 70%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);*/
	}
header.sticky nav.navbar-fixed-top .navbar-bg-shadow {
	display: none;
}
header.sticky nav .navbar-nav.text-normal > li > a {
	text-shadow: none;
}
header nav.nav-box-width {
    padding: 0 3%;
}
nav.navbar.navbar-default ul.nav > li > a {
    padding: 15px 20px;
	margin: 0;
	border-bottom: #fff 5px solid;
}
.simple-dropdown .dropdown-menu > li > a, .simple-dropdown .dropdown-menu > li.dropdown > ul li a {
    font-size: 97%;
	color: #fff;
	
}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover {
    color: #b1f1fd;
}
.simple-dropdown .dropdown-menu > li.dropdown > ul li a {
    font-size: 110%;
}
.simple-dropdown .dropdown-menu {
	 background-color: #085688;
}
nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {
    background: #085688;
}
.cartoon-ban-wrapper {
	width:100%;
	height:100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.about-forum {
	width:100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
.ban-title {
	max-width: 1000px;
	width: 100%;
	top: 45%;
  left: 50%;
  transform: translate(-50%, -55%);	
  z-index:5;
}
.ban-img {
	position: absolute; 
}
.ban-title img {
}

.ban-img.ban-cartoon-1 {
	    left: 7%;
    bottom: 30px;
	z-index: 5;
}
.ban-img.ban-cartoon-2 {
    text-align: right;
	    right: 0;
    bottom: 0px;
}
.cartoon-ban-wrapper h5, .cartoon-ban-wrapper .font-5 {
	padding: 0 15px;
	font-size: 186.6%;
    font-weight: 600;
    line-height: normal;
    margin: -3% auto 0;
    color: rgba(255,255,255,1);
    text-shadow: 0 0 15px rgba(0,0,0,.9), 0 0 15px rgba(0,0,0,.8);
}
.cartoon-ban-wrapper h5 small, .cartoon-ban-wrapper .font-5 small {
	font-weight: 800;
}
.upper-img {
		position: absolute;
		    top: 0;
    right: -5%;
}
.good-img {
	position: absolute;
		    bottom: 0;
    left: 0%;
}
.icons-img {
	position: absolute;
	bottom: -90px;
    right: 5%;
    z-index: 1;
}
.about-forum .more {
	float:right;
}
.icons-wrapper .feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after {
    background-color: #73bfc0;
	
}
.icons-wrapper .feature-box {
/*background-color: rgba(152,209,217,0.2);*/
    border-radius: 15px;
}
.about-bg-shadow {
	position: absolute;
    left: 0;
	top:0;
    width: 100%;
    height: 20vh;
    background: rgb(210,215,228);
background: -moz-linear-gradient(180deg, rgba(210,215,228,0.9500175070028011) 15%, rgba(210,215,228,0.7063200280112045) 40%, rgba(210,215,228,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(210,215,228,0.9500175070028011) 15%, rgba(210,215,228,0.7063200280112045) 40%, rgba(210,215,228,0) 100%);
background: linear-gradient(180deg, rgba(210,215,228,0.9500175070028011) 15%, rgba(210,215,228,0.7063200280112045) 40%, rgba(210,215,228,0) 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);*/
	}
.icons-wrapper {
	padding: 50px 0;
}

.speakers-wrapper .team-style-1 figure .team-image {
    border-radius: 50%;
}
.bg-icon-hover {
background-color: rgba(47,167,181,1);
}
.index-apply-wrapper {
padding: 30px 30px ;
    background-color: rgba(255,255,255,0.9);
    border-radius: 15px;
	}
	.about-forum.cartoon {
	padding: 50px 15px;
}
.footer-logo {
    max-height: 70px;
}
.download-list>.w3-mobile {
	padding: 0 0 15px;
	font-size: 120%; !important;
}
.sub-wrapper section {
	    padding: 10px 0;
}
.default-banner-img h1.text-extra-dark-gray, .default-banner-img .font-1.text-extra-dark-gray  {
	color: White;
	text-shadow: 0 0 15px rgba(0,0,0,.9), 0 0 15px rgba(0,0,0,.8);
}
.download-section {
    padding: 0 0 25px;
    border-bottom: 1px solid #444;
    margin: 0 0 30px;
}
.jqpagination {
    margin: 0 15px;
}
#dropdown_btn_c_wrapper {
	padding: 0 !important;
}
#dropdown_btn_c_wrapper .dropdown-menu {
    padding: 0;
}
#subpage_title {
    float: none;
    color: #0e8ba9;
    font-size: 220%;
    font-weight: 700;
    line-height: 50px;
    padding: 50px 0px 0;
}
.btn.btn-rounded.btn-medium {
    padding: 6px 25px 5px;
}
table p {
	Margin:0;
}


.speaker-name em, span.speaker-name em {
    font-size: 110%;
}
p span.speaker-name {
	font-size: 125%;
}
p small {
	line-height: 24px;
}
.album_title {
	padding: 5px 15px;
}
a:hover, a:active {
	color: unset;
  text-decoration: underline;
}
.img-responsive {
    height: auto !important;
}
.sub-wrapper h1, .sub-wrapper .font-1 {
	    font-size: 220%;
}
.team-image img {
	border-radius: 50%;
	border: 5px #eee solid;
}
.team-member-position .text-large {
    font-size: 122%;
    line-height: normal;
    margin-bottom: 15px;
}
.team-member-position .text-medium-gray.font-weight-800 {
	font-weight: 400;
	font-size: 100%;
	padding-bottom:5px;
	color: #444444;
}
.swiper-slide {
    margin: 0 auto;
}
.sub-wrapper .team-block {
	width:33.333%;
    padding: 1.5%;
}
.sub-wrapper .team-block img {
	width:100%;
	max-width: 260px;
	margin: auto;
}
.sub-wrapper .w3-cell.speakers-img {
	width:33.333%;
    margin: auto;
}
.sub-wrapper .w3-cell.speakers-img .team-block {
    width: 100%;
    max-width: 300px;
	margin: 0 auto;
}
.sub-wrapper .w3-cell.speakers-img .team-block img {
    width: 100%;
    max-width: 260px;
    margin: 0 auto 20px;
}
.about-forum .right-image {
	bottom: -220px;
}
.t-light-yellow {
	color:#F9F695 !important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.header-with-topbar .top-header-area {
	z-index: 100;
	font-size: 16px;
	position: relative;
}
.sticky.header-with-topbar .top-header-area {
	top: 0;
	position: fixed;
}
header.sticky nav.navbar-default {
    border-bottom: 1px #eee solid;
	}
.header-with-topbar .navbar-top, .header-with-topbar .navbar-fixed-top {
    top: 29px ;
	
	font-size: 16px;
}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {
    padding: 15px 20px;
    margin: 0;
}
header.header-appear nav.header-dark, header.sticky nav.navbar-fixed-top.header-dark, header.sticky nav.navbar-scroll-fixed-top.header-dark {
    background-color: #fff;
}
header.header-appear nav.header-dark-transparent .navbar-nav > li > a, header.header-appear nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark .navbar-nav > li > a, header.sticky nav.header-dark-transparent .navbar-nav > li > a {
    color: #000000;
}
.navbar-default.white-link .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggler .icon-bar {
    background: #000;
}
.right-image img {
   max-width: 100%;
}
.right-image {
    bottom: 0;
    position: absolute;
    right: -100px;
    width: 45%;
}
.index-slider {
	margin-top:0px;
}



@media (min-width: 1200px) {
.container {
    max-width: 70vw;
}
}



@media (max-width: 1500px) {
.about-forum .right-image {
	width: 63%;
	bottom: -200px;
}
}




@media (max-width: 1300px) {
.ban-img.ban-cartoon-2 img {
    text-align: right;
    right: -10%;
    bottom: 0;
    width: 75%;
}
.ban-img.ban-cartoon-1 {
    left: 0;
    bottom: 0px;
}
nav.navbar.bootsnav {
	background-color: white;
}
.icons-img {
	position: relative;
        bottom: 125px;
        right: unset;
        left: 85%;
        z-index: 1;
        transform: translate(-50%, 0%);
        width: 23vw;
}
.icons-wrapper {
	/*padding: 50px 0 0;*/
	        padding: 20px 0 0;
}
.about-forum.cartoon {
	padding: 30px 15px !important;
}
}



@media (max-width: 1200px) {
.upper-img {
	top: -13%;
    right: -3%;
}
.about-forum .more {
	float:left;
}
.good-img {
    left: 28%;
}
.right-image {
    width: 60%;
}
}




@media (max-width: 1100px) {
.ban-img.ban-cartoon-2 img {
    width: 60%;
}
.ban-cartoon-1 img {
	width:70%;
}
.ban-title img {
    padding: 5% 5% 0;
}
}


@media (max-width: 999px) {
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #fff;
}
.right-image {
            position: relative;
        width: 80vw;
        right: auto;
        margin: auto;
}
}




@media (max-width: 991px) {
	.header-social-icon {
    font-size: 117%;
    position: relative;
    padding: 0 5px;
}

nav.navbar.bootsnav.no-full .navbar-collapse {
    max-height: unset;
}
	.about-forum .right-image {
	width: 100%;
	bottom: 0;
}
section.speakers-wrapper, section.about-forum.en {
    padding: 75px 0;
}
	header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, .dropdown-menu, header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a {
    color: #fff !important;
    text-decoration: underline;
}
	section.about-forum, section.speakers-wrapper {
    padding: 75px 0;
}

.icons-wrapper .container {
    max-width: 1170px;
	width:95%;
}
header nav.nav-box-width, .sticky nav .accordion-menu {
    padding: 0;
}
nav .accordion-menu {
    padding: 0px;
}
nav.navbar.navbar-default ul.nav > li > a {
	text-shadow: none;
}
.version-wrapper {
padding: 10px 0 10px;
}
nav.navbar.bootsnav .navbar-nav {
    padding: 15px;
	    background-color: #085688;
}
nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {
    background-color: rgba(0,0,0,0.2);
}

.cartoon-ban-wrapper h5, .cartoon-ban-wrapper .font-5 {
    font-size: 3vw;
}
.upper-img {
	top: -5%;
    right: -7%;
}
.good-img {
    bottom: 0;
    left: 5%;
}
.w3-container.w3-cell {
	width: 100% ;
	display: block;
}
.sub-wrapper .w3-cell.speakers-img {
    width: 100%;
    margin: 20px auto;
}
}








@media (max-width: 767px) {
.cartoon-ban-wrapper h5, .cartoon-ban-wrapper .font-5 {
    font-size: 4vw;
}
.speakers-wrapper .container {
	padding-right: 8%;
    padding-left: 8%;
}
.sub-wrapper .team-block {
	width:50%;
	    max-width: unset;
    padding: 3%;
	margin: 0;
}
.sub-wrapper h4, .sub-wrapper .font-4 {
    font-size: 5vw;
}
.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {
        top: 0;
    }
	    .icons-img {
        bottom: 85px;
    }

}





@media (max-width: 550px) {
	.version-wrapper {
    padding: 15px 0 15px;
}
.version-wrapper {
    width:100%;
}
.version-wrapper {
	Border-top: 1px solid #eee;
}
.top-logo {
    text-align: center;
    width: 100%;
}
.sub-wrapper .team-block {
	width:100%;
	max-width: 280px;
	margin: 0 auto;
	display: block;
}
.sub-wrapper h4 , .sub-wrapper .font-4{
    font-size: 255%;
}
.welcome-img {
	float:none;
	margin:auto;
}

}




@media screen and (max-width: 999px) and (orientation: portrait) {
		 .cartoon-ban-wrapper {
	margin: -20vh auto 0;
}

}



/* fixed for WCAG2 */

.w3-round-large.more , .index-apply-wrapper a {
	font-size:110%;
}
.text-small {
    font-size: 67%; line-height: 20px;
}
.text-medium {
    font-size: 100%;
}
.form-control {
	font-size: 85%;
}
.realperson-text {
	font-size: 33% !important;
	letter-spacing: unset !important;
}
.realperson-regen {
	font-size: 67% !important;
}
.realperson-disabled {
	opacity: 1!important;
	filter: Alpha(Opacity=100)!important;
}

.feature-box-hover {
	    text-decoration: none !important;
}
.good-img {
    position: absolute;
    top: -15px;
    left: 10%;
	    z-index: 10;
}
input, textarea, select {
	font-size: 80% !important;
}

/* html/css/style.css h2<h3 320%? */
/* eg h1 -h5 ... needs use relative so simple add here too */
h1, h2, .h2-same {font-size: 305%; line-height: 60px; margin: 0 0 25px;}
h3, .h3-same {font-size:320%; line-height:54px; margin: 0 0 25px;}
h4, .h4-same {font-size:222%; line-height:46px; margin: 0 0 25px;}
h5, .h5-same {font-size:190%; line-height:40px; margin: 0 0 25px;}

h3 {font-size:270%;}

/* html/css/responsive.css */
@media (max-width: 1199px) {
	h1, h2, .h2-same {font-size: 278%; line-height: 55px; margin: 0 0 22px;}
    h3, .h3-same {font-size:280%; line-height:48px; margin: 0 0 22px;}
    h4, .h4-same {font-size:195%; line-height:41px; margin: 0 0 22px;}
	h5, .h5-same {font-size:160%; line-height:32px; margin: 0 0 22px;}
	
	h3 {font-size:250%;}
	    .portfolio-grid.work-6col li, .blog-grid.blog-6col li {
        width: 33.333%;
    }
}

@media (max-width: 991px) {
	h1, h2, .h2-same {font-size: 239%; line-height: 48px; margin: 0 0 18px;}
    h3, .h3-same {font-size:240%; line-height:41px; margin: 0 0 18px;}
    h4, .h4-same {font-size:167%; line-height:35px; margin: 0 0 18px;}
	h5, .h5-same {font-size:133%; line-height:30px; margin: 0 0 18px;}
	.portfolio-grid.work-6col li, .blog-grid.blog-6col li {
        width: 50%;
    }
}

@media (max-width: 767px) {
	h1, h2, .h2-same {font-size: 167%; line-height: 36px; margin: 0 0 17px;}
    h3, .h3-same {font-size:186.6%; line-height:34px; margin: 0 0 17px;}
    
	        h4, .h4-same {font-size: 100%;
        line-height: 30px;
			margin: 0;}
	h5, .h5-same {font-size:110%; line-height:28px; margin: 0 0 17px;}
	
	.sub-wrapper .h4-same {
		font-size: 5vw;
	}
	.portfolio-grid.work-6col li, .blog-grid.blog-6col li {
        width: 100%;
    }
}

@media (max-width: 575px) {
	h4, .h4-same {font-size:133%; line-height:30px; margin: 0 0 17px;}
}

h6 { font-size:110%; }

.heading-h6 { font-size: 110%; line-height: 27px; margin: 0 0 20px;}

.sub-wrapper .h5-same, .sub-wrapper .h6-same {
    margin: 0 0 5px;
}

.text-pc-100{
	font-size: 100%;
}
.text-pc-120{
	font-size: 120%;
}
.text-pc-125{
	font-size: 125%;
}
.text-pc-130{
	font-size: 130%;
}
.text-pc-140{
	font-size: 140%;
}
.text-pc-150{
	font-size: 150%;
}
.text-pc-200{
	font-size: 200%;
}

.big {
    font-size: larger;
}

.sitemap_level_1 {
	font-size: 1.3em;
	font-weight: 600;
}
.sitemap_level_2 {
	font-size: 1.1em;
	font-weight: 400;
}
.sitemap_level_2 {
	font-size: 1.0em;
	font-weight: normal;
}