@import url(fonts.css);
@import url(bootstrap.min.css);
@import url(5colgrid.css);

body, html{
	margin: 0;
	background: #f4f4f4;
}
html{
	overflow-x: hidden !important;
}
body{
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	width: 100%;
}

#preloader {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index:1999;
	width: 100%;
	height: 100%;
}

#status {
	width:250px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(../assets/preload.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px;
}

.nb{
	padding: 0;
}
.mtnav{
	margin-top: 130px;
	margin-bottom: 0px !important;
}
.innerlogged{padding: 20px 0px 5px 0px;}
.mt{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.navi{
	position: relative;
	width: 100%;
	min-height:120px;
	height:120px;
	height:auto;
	background: #ffffff;
	margin: 0;
	-webkit-box-shadow: 0 5px 6px -3px #c1c1c1;
	   -moz-box-shadow: 0 5px 6px -3px #c1c1c1;
	        box-shadow: 0 5px 6px -3px #c1c1c1;
	        transition:all ease .3s;
}
.navi a{
	display: inline-block;
	padding: 40px 0px;
	transition:all ease .3s;
}
.navi a img{
	height: auto;
	max-width: 100%;
}



.navbar-brand{
  padding-top:0px !important;
  padding-bottom:0px !important;
}
.navbar{
	transition:all ease .3s;
	background-color: transparent !important;
	border: none !important;
}
.shrink-nav {
	padding-top: 0px !important;
	padding-bottom: 0px !important;

	min-height:80px;
	height:80px;
	height:auto;
}
.shrink-nav a{
	padding: 25px 0px;
}
.logo img{
	transition:all ease-in-out .3s;
	width: 100%;
	height: 100%;
}
.logocnv{
	min-width:280px;
}
.shrink-logo img {
  max-width:80% !important;
}


.overlayNavi{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	/*top: 490px;*/
	right: 40px;
	z-index: 900;
}

.shapeNavi h4.shapeNavih4{
	color: #80b539 !important;
	min-width: 150px;
	margin-left: -160px;
}


.shapeNavi{
	width: 25px;
	height: 50px;
	display: block;
	margin: 5px 0px;
}
.shapeNavi a{
	margin-right: 10px;
	float: right;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
}
.shapeNavih4{
	display: none;
	font-family: "DPET";
	text-decoration: none;
	font-size: 14px;
	margin-right: 10px;
}

.shapeoverlay{
	width: 1px; height: 50px;
	background: #c6c6c6;
}
.shapeNavi a.nav-active{
	background: #80b539 !important;
}
.gotoTop{
	background: url("../assets/icon_up.svg") no-repeat scroll center center ;
	background-size: 7px 50px;
	right: 47px;
	position: fixed;
	bottom: 0px;
		display: block;
		text-decoration: none;
		margin-bottom: 50px;
		width: 7px;
		height: 50px;
		z-index: 900;
}
.navbtn{
	/* right: 50px;
	position: fixed;
	top: 95px;
		display: block;
		text-decoration: none;
		margin-bottom: 50px;
		width: 7px;
		height: 50px; */
		margin-top: -10px;
		z-index: 900;
}

section {
	position: relative;
	height: 100vh;
	clear: both; }

#model div:hover{
	cursor: grab !important;
}

section #bilightseries {
	margin-bottom: -100px;
}
/* #ft{
	position: relative;
	margin-top: 50px;
	height: 50px;
	background: #690d5f;
	padding-top: 15px;
} */
.ftxt{
	font-family: 'DPL';
	font-size: 12px;
	color: #a0a0a0;
	/*line-height: 50px;*/
}
#ft .logo img{
	height: 20px;
	width: 20px;
	max-width: 100% !important;
	opacity: 0.2;
}




.mc{
	position:relative;
	text-align: right;
	z-index: 2;
}

.click{ cursor:pointer;}




/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: rgba(105,13,95,0.9);*/

	background: rgba(105,13,95,0.9);
	background: -moz-linear-gradient(-135deg, #92278f 25%, #690a66 100%);
	background: -webkit-linear-gradient(-135deg, #92278f 25%, #690a66 100%);
	background: linear-gradient(-135deg, #92278f 25%, #690a66 100%);

	z-index: 2000;
}

.disabled { pointer-events: none; cursor: default; opacity: 0.5;}

.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../assets/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	/*margin: 0 auto;*/
	text-align: left;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay ul li a {
	font-size: 52px;
	line-height: 80px;
	font-weight: 300;
	font-family: "DPET";
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f0f0f0;
	text-decoration: none;
}

.overlay-cornershape {
	background: transparent;
	visibility: hidden;
	-webkit-transition: visibility 0s 0.5s;
	transition: visibility 0s 0.5s;
}

.overlay-cornershape.open {
	visibility: visible;
	-webkit-transition: none;
	transition: none;
}

.overlay-cornershape svg {
	position: absolute;
	top: 0;
	left: 0;
}

.overlay-cornershape .overlay-path {
	fill: rgba(105,13,95,0.9);
}

.overlay-cornershape nav,
.overlay-cornershape .overlay-close {
	opacity: 0;
	-webkit-transition: opacity 0.4s 0.4s;
	transition: opacity 0.4s 0.4s;
}

.overlay-cornershape.open nav,
.overlay-cornershape.open .overlay-close {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.overlay-cornershape.close nav,
.overlay-cornershape.close .overlay-close {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}





.heroimg{
	background: url('../assets/header-image.png') no-repeat top center fixed;
	background-size: 100% 705px;
	min-height: 620px;
	margin-bottom: 0px !important;
}

.wlcmblock{
	/* margin-top: 200px; */
	margin-top: 50px;
	padding: 40px;
	background: rgba(255, 255, 255, 0.8)
}


.mainttl{
	font-family: 'DPT';
	font-size: 40px;
	line-height: 56px;
	color: #690d5f;
	padding-bottom: 15px;
}
.secttl{
	font-family: 'DPET';
	font-size: 36px;
	color: #80b539;
	padding-bottom: 15px;
}
.secttll{ font-size: 30px; font-family: 'DPET'; color: #80b539; padding-bottom: 15px;}

.maintxt{
	font-family: 'DPL';
	font-size: 18px;
	line-height: 24px;
	color: #575757;
}
.maintxt2{
	font-family: 'DPL';
	font-size: 18px;
	color: #575757;
}

.squarebtn {
    display: inline-block;
    padding: 15px 20px 17px;
    position: relative;
    overflow: hidden;
    color: #FFF;
    text-decoration: none;
    font: 18px DPET, Arial, sans-serif;
    z-index: 1
}
.squarebtn.searchbtn{padding: 8px 20px;font: 16px DPET, Arial, sans-serif; outline: none; border: none;}
.squarebtn.btnmain{ background: #80b539;}
.squarebtn.btnsec{ background: #690d5f;}

/* .squarebtn:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 0;
    -webkit-transition: 250ms ease-out;
    transition: 250ms ease-out;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    z-index: -1
} */
.squarebtn.btnmain:after{ border-color: #690d5f transparent transparent;}
.squarebtn.btnsec:after{ border-color: #80b539 transparent transparent;}

.squarebtn:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #80b539;
}

/* .squarebtn:hover:after {
    border-width: 400px 400px 0 0
} */
.squarebtnin {
    padding: 15px 40px 17px;
}

.btnholder{
	margin-top: 30px
}
.tilebkg {
	padding: 50px 30px;
	border: none;
	border-radius: 0%;
}
.tilebkg:hover,
h5.card-title:hover,
.tilebkg img:hover,
p.card-text:hover {
	text-decoration: none !important;
	border: none !important;
}
.bkggrn{background: #80b539;}

.bkgppl{background: #690d5f;}
.bkgbl{background: #00AEEF;}

.tilebkg img{
	margin-right: 40px;
}
.tilebkg .card-title {
	font-family: 'DPL';
	font-size: 36px;
	line-height: 40px;
	color: #ffffff;
}
.tilebkg .card-text{
	font-family: 'DPET';
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
}

.cardinner .card-title {
	font-size: 24px;
	line-height: 28px;
}
.cardinner .card-text {
	font-size: 16px;
	line-height: 20px;
}
.tilebkg.cardinner {
	padding: 30px 20px;
	border: none;
	border-radius: 0%;
}

.tilebkg.cardproduct,
.tilebkg.cardproduct:hover {
	padding: 15px !important;
	background: #ffffff;
	border: 1px solid #E1E1E1 !important;
}
.cardproduct .card-body {
	padding: 0px;
}

.cardproduct img{
	max-width: 100%;
}

.cardproduct .ptxtl {
	color: #690d5f;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DPET';
}
.cardproduct .ptxtr {
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DPET';
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 80px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-color: #f5f5f5;
}

/* .mt {
	margin-top: 170px;
} */
.regcnt {
	background: #ffffff;
	border-top: 4px solid #690d5f;
	padding: 40px;
	margin: 5px 0px 60px 0px;
}
.maintxtreg{
	font-family: 'DPL';
	font-size: 16px;
	line-height: 28px;
	color: #575757;
	text-align: justify;
	padding-bottom: 20px;
}
.stepblk{
	width: 100%;
	border: 1px solid #80b539;
	background: #fff;
	margin-right: 15px;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.stepbystep::before {
  content: '';
  position: relative;
  top: 45px;
  left: 20px;
  /*height: calc(100% - 100px);*/
  height: 8px;
  width: calc(100% - 50px);
  display: block;
  box-sizing: border-box;
  background: url('../assets/dotsopt.png');
}

.stepttl{
	font-family: 'DPL';
	font-size: 18px;
	line-height: 26px;
	color: #80b539;
	font-weight: bolder;
}
.stepdsc{
	font-family: 'DPT';
	font-size: 16px;
	line-height: 22px;
	color: #80b539;

}
.stepblk.active {
	background: #80b539;;
}
.stepblk.active > .stepttl,
.stepblk.active > .stepdsc {
	color: #ffffff;
}
/*.form-group:first-of-type{
	margin-top: 20px;
}*/
.form-group input, .form-group select, .form-group textarea, .input-group input[type=file], .custom-file-label {
	border-radius: 0px;
	/*border-color: #707070;*/
	/*border: 0;
	outline: 1px inset #707070;
	outline-offset:-1px;*/

}
.form-group select.form-control {
    -webkit-appearance: none;
		-moz-appearance: none;
		border-radius: 0px;
        -webkit-border-radius: 0px;
        background-image: url('../assets/selectdropdownarrow.png');
        background-position: 97% 50%;
        background-repeat: no-repeat;
        background-size: 16px;
}
.form-group label, .form-group select,
.form-group input,.form-group input[type=date]::placeholder, .form-group textarea,
.custom-file-label, .custom-file-title {
	font-family: 'DPL';
	font-size: 12px;
	line-height: 26px;
	color: #575757;

}
.custom-file-title {
	margin-bottom: .5rem;
}
.form-check-label{
	font-family: 'DPL';
	font-size: 13px;
	line-height: 22px;
	color: #575757;
}
.form-check-label a{
	color: #690d5f;
	font-style: italic;
}
.form-downlabel{
	padding-top: 6px;
	font-family: 'DPL';
	font-size: 12px;
	line-height: 18px;
	color: #575757;
	font-style: italic;
}
.custom-file-label::after {
    color: #ffffff;
	border: 1px solid #77A532;
    content: "Прикачи файл" !important;
    background-color: #80B137 !important;
    border-radius: 0px !important;
}
a.apop {
	cursor: pointer !important;
	display: inline-block !important;
}
.popover-inner {
    background-color: #EDEDED;
}
.popover.bs-popover-right .arrow:before {
    border-right-color: #EDEDED !important;
}
.popover.bs-popover-left .arrow:before {
    border-right-color: #EDEDED !important;
}
.popover.bs-popover-bottom .arrow:before {
    border-right-color: #EDEDED !important;
}
.popover.bs-popover-top .arrow:before {
    border-right-color: #EDEDED !important;
}
.popover-body {
	background: #EDEDED;
	padding: 2px;
}
.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
    border-left-color: #EDEDED !important;
}

.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    border-right-color: #EDEDED !important;
}

.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
   border-top-color: #EDEDED !important;
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after  {
	   border-bottom-color: #EDEDED !important;
}
a.apop:focus {
	outline:none !important;
	box-shadow: none;
}
#loggedmenu {
	display: inline-block;
	margin-right: 30px;
}
#loggedmenu a, .loggedmenuhome, a.btn-link{
	font-family: 'DPL';
	font-size: 13px;
	line-height: 14px;
	color: #690d5f;
	font-style: italic;
	/* padding: 0px 10px !important; */
}
#loggedmenu img, .loggedmenuhome img {
	width: 12px;
	margin: 0px 5px;
	line-height: 14px;
	vertical-align: initial;
}
#loggedmenu a:hover, .loggedmenuhome:hover, a.btn-link:hover{
	text-decoration: none;
	color: #690d5f;
}
a.btn-link{padding-left: 0px !important}
a.btn-link img{
	height: 16px;
	vertical-align: text-bottom;
}
.hinline{
	background: #FFF;
}
.searchexp{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DPT';padding: 5px
}
.table {
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-family: 'DPT';
}
.table a{
	color: #575757;
	text-decoration: none
}
.cookie-consent{
	position: fixed;
	bottom: 0;
	background: white;
	width: 100%;
	min-height: 50px;
	padding: 20px;
	text-align: center;
}
.cookie-consent__message{
	width: 70%;
	text-align: left;
	display: inline-block;
	color: #690d5f;
	font-family: 'DPT';
	font-size: 12px;
}
.cookie-consent__message a{
	color: #690d5f;
	font-family: 'DPT';
	font-size: 12px;
}
.js-cookie-consent-agree{
	display: inline-block;
    padding: 11px 39px 10px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
	background: #690a66;
	outline: none;
	border: none;
}

/* .loggedmenu {
	display: inline-block;
	margin-right: 30px;
}
.loggedmenu a{
	font-family: 'DPL';
	font-size: 13px;
	line-height: 14px;
	color: #690d5f;
	font-style: italic;
	padding: 0px 15px;
}
.loggedmenu img {
	width: 12px;
	margin: 0px 5px;
	line-height: 14px;
	vertical-align: initial;
}
.loggedmenu a:hover {
	text-decoration: none;
} */
a.downcert{
	text-decoration: none;
	color: #80B137;
}
.downcert img{
	height: 14px;
}
.invalid-feedback {
    font-size: 65% !important;
    font-weight: 300 !important;
}
/*
@media (min-width:1920px) {
}
@media screen and (min-width: 1442px) { }
@media screen and (max-width: 1440px) {
	.navi{
		height: auto !important;
		min-height: 80px;
	}
	.navi a{
		padding: 20px;
	}
	.shrink-logo img{
		max-width: 100% !important;
	}
	.shrink-nav {
		min-height:80px;
		height:80px;
		height:auto;
	}
	.shrink-nav a{
		padding: 20px;
	}
	.logocnv{
		min-width:200px;
	}
	#intro .mt {
		margin-top: 160px;
	}
	#intro .mc img{
		max-width: 100%; height: auto;
	}
	#bilightslim .mc img{
		max-width: 130%; height: auto;
	}
	.mainttl{
		font-size: 38px;
		line-height: 48px;
	}
	.secttl{
		font-size: 24px;
	}

	.secttll{ font-size: 22px; }

	.maintxt{
		font-size: 18px;
		line-height: 22px;
	}
	.maintxt2{;
		font-size: 18px;
	}

 }
@media screen and (max-width: 1279px){

	.navi{
		height: auto !important;
		min-height: 70px;
	}
	.navi a{
		padding: 20px;
	}
	.shrink-logo img{
		max-width: 100% !important;
	}
	.shrink-nav {
		min-height:70px;
		height:70px;
		height:auto;
	}
	.shrink-nav a{
		padding: 20px;
	}
	.logo img{
		transition: none !important;
	}


	.overlay .overlay-close {
		width: 20px;
		height: 20px;
	}
	.overlay ul{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.overlay ul li {
		height: 36px;
		min-height: 36px;
	}

	.overlay ul li a {
		font-size: 22px;
	}

	.overlayNavi {
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    height: 40px;
	    text-align: center;
	    display: table;
	    margin: 0 auto;
	    right: 0px;
	    left: auto !important;
	    top: auto !important;
	    transform: translateY(0%);
	    background: #fff;
	    z-index: 900;
	}
	.shapeoverlay{
		height: 25px;
		background: #ffffff !important;
	}
	.shapeNavi a.nav-active{
		background: #ffffff !important;
	}
	.shapeNavi a.nav-active h4{
		color: #690d5f !important;
	}
	.shapeNavi {
	    display: inline-block;
	    height: 25px;
	    margin: 8px 10px 0px 5px;
	}
	.shapeNavi span{
		display: none;
	}
	.shapeNavih4{
		display: inline;
	}
	.shapeNavi h4.shapeNavih4{
		margin-left: 8px;
	}
	.gotoTop{
	  	display: none;
	}
	.gotoTopm{
	  	background: url("../assets/icon_upm.svg") no-repeat scroll center center ;
	  	right: 10px;
	  	position: fixed;
	  	bottom: 15px;
	  	display: block;
	  	text-decoration: none;
	  	margin-bottom: -5px;
	  	width: 25px;
	  	height: 25px;
	  	line-height: 40px;
	  	z-index: 1000;
	}
	.navbtn{
		left: 10px;
		position: fixed;
		bottom: 15px;
		top: 100%;
		margin-top: -35px;
		z-index: 1000;
	}
	.navbtn a img:first-child{
		display: none;
	}
	section:last-of-type{
		margin-bottom: 0px;
		height: auto !important;
	}
	.round_animate_wrap{
		top: 35px;
	}
	.mainttl{
		font-size: 36px;
		line-height: 48px;
	}
	.secttl{
		font-size: 22px;
	}

	.secttll{ font-size: 18px; }

	.maintxt{
		font-size: 16px;
		line-height: 20px;
	}
	.maintxt2{;
		font-size: 16px;
	}

	.squarebtn {
	    padding: 15px 20px 17px;
	    font: 18px DPET, Arial, sans-serif;
	}
	.mc img{
		max-width: 100%;
		height: auto;
	}


	#ft { bottom: 40px; }
	.ftxt span{
		padding-left: 10px !important;
	}
	#ft a{
		padding-right: 12px;
	}


 }

@media screen and (max-width: 767px) {

	.navi{
		height: auto !important;
		min-height: 70px;
	}
	.navi a{
		padding: 20px;
	}
	.shrink-logo img{
		max-width: 100% !important;
	}
	.shrink-nav {
		min-height:70px;
		height:70px;
		height:auto;
	}
	.shrink-nav a{
		padding: 20px;
	}
	.logo img{
		width: 80%;
		transition: none !important;
	}


	.overlay .overlay-close {
		width: 20px;
		height: 20px;
	}
	.overlay ul{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.overlay ul li {
		height: 36px;
		min-height: 36px;
	}

	.overlay ul li a {
		font-size: 22px;
	}

	.overlayNavi {
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    height: 40px;
	    text-align: center;
	    display: table;
	    margin: 0 auto;
	    right: 0px;
	    left: auto !important;
	    top: auto !important;
	    transform: translateY(0%);
	    background: #fff;
	    z-index: 900;
	}
	.shapeoverlay{
		height: 25px;
		background: #ffffff !important;
	}
	.shapeNavi a.nav-active{
		background: #ffffff !important;
	}
	.shapeNavi a.nav-active h4{
		color: #690d5f !important;
	}
	.shapeNavi {
	    display: inline-block;
	    height: 25px;
	    margin: 8px 10px 0px 5px;
	}
	.shapeNavi span{
		display: none;
	}
	.shapeNavih4{
		display: inline;
	}
	.shapeNavi h4.shapeNavih4{
		margin-left: 8px;
	}
	.gotoTop{
	  	display: none;
	}
	.gotoTopm{
	  	background: url("../assets/icon_upm.svg") no-repeat scroll center center ;
	  	right: 10px;
	  	position: fixed;
	  	bottom: 15px;
	  	display: block;
	  	text-decoration: none;
	  	margin-bottom: -5px;
	  	width: 25px;
	  	height: 25px;
	  	line-height: 40px;
	  	z-index: 1000;
	}
	.navbtn{
		left: 10px;
		position: fixed;
		bottom: 15px;
		top: 100%;
		margin-top: -35px;
		z-index: 1000;
	}
	.navbtn a img:first-child{
		display: none;
	}
	section{
		height: auto !important;
		margin-bottom: 100px;
		min-height: 100% !important;
	}
	section:last-of-type{
		margin-bottom: 0px;
	}
	#intro .mt {
	    margin-top: 120px !important;
	}
	.valign {
	  display: block;
	}
	.featuresNavi svg{
		height: 400px;
		left: 0px;margin-bottom: 30px
	}
	.valignm div:nth-child(1) { z-index:10;}
	.valignm div:nth-child(2n+3) { position: absolute; top: 10px; z-index: 1; margin-bottom: 30px;
	}

	.vtxt{
		margin-top: 0px;
	}
	.round_animate_wrap{
		display: none;
	}

	.mainttl{
		font-size: 36px;
		line-height: 48px;
	}
	.secttl{
		font-size: 22px;
	}

	.secttll{ font-size: 18px; }
	.maintxt{
		font-size: 16px;
		line-height: 20px;
	}
	.maintxt2{;
		font-size: 16px;
	}

	.squarebtn {
	    padding: 15px 20px 17px;
	    font: 18px DPET, Arial, sans-serif;
	}

	.efficiency{
		right: -10px !important;
		top: 125px;
	}
	.efficiency span{
		font-size: 10px;
	}
	#ft { bottom: 40px; }
	.ftxt span{
		padding-left: 10px !important;
	}
	#ft a{
		padding-right: 12px;
		float: right;
		text-align: right;
	}
	#ft a img {
		    width: 20px;
	}

}
@media screen and (max-width: 415px) {
	.itemcap {margin-top: -80px !important; }

	.shapeNavi{
		margin: 8px 10px 0px 0px;
	}

}
@media screen and (max-width: 376px) {


}

@media screen and (min-width: 1278px) and (max-height: 835px) {

	.navi{ height: auto !important; min-height: 80px; }
	.navi a{ padding: 20px; }
	.shrink-logo img{ max-width: 80% !important; }
	.shrink-nav { min-height:70px; height:70px; height:auto; }
	.shrink-nav a{ padding: 20px; }
	.overlayNavi { top: 54%; z-index: 1000; }
	.shapeNavi { height: 42px; margin: 4px 0px;  }
	.shapeoverlay { height:44px; }

	.gotoTop { margin-bottom: 10px; }

	.navbtn { top: 55px; }
	.overlay ul li a { font-size: 42px; line-height: 62px; }
	.overlay .overlay-close { width: 40px; height: 40px; }

	#intro .mt {  margin-top: 80px !important; }
	.vtxt {  margin-top: -10% !important; }

	.mainttl{ font-size: 36px; line-height: 48px; }
	.secttl{ font-size: 24px; }

	.secttll{ font-size: 22px; }
	.maintxt{ font-size: 18px; line-height: 22px;}
	.maintxt2{font-size: 18px;}

	.hadj img{
		height: auto;
		max-width: 100%;
	}
	.mc{ text-align: center; }
	.mt {margin-top: 0px;
	}

	section:last-of-type{
		height: auto !important;
		margin-bottom: 100px;
		min-height: 100% !important;
		margin-bottom: 0px;
	}

}
@media screen and (min-height: 800px) and (max-height: 835px) {

}


@media screen and (orientation: portrait) {
	section{
		height: auto !important;
		margin-bottom: 100px;
		min-height: 100% !important;
	}
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {}
@media screen and (min-width: 1278px) and (max-height: 800px) and (-ms-high-contrast: none){}
@media screen and (max-width: 361px), (-webkit-device-pixel-ratio: 3), (orientation: portrait) {} */

@media screen and (max-width: 767px) {
	.stepttl {text-align: center !important; }
	.stepttl span, .stepdsc {display: none; }
}


.forms{
	width: calc(100% - 25px);
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 25px;
}

.forms .col{
	padding: 0;
}

.forms h5{
	font-size: 18px;
	height: 44px;
}


.forms .images img{
	width: 100%;
	border: 1px #f1f1f1 solid;
	display: none;
}

@media only screen and (max-width: 769px) {
	.forms{
		width: 100%;
		display: grid;
		grid-template-columns: 100%;
	}
}