@charset "utf-8";
/* CSS Document */

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

	.base-wrap {
		max-width: 980px;
	}

	h1 {
		font-size: 1.875rem;
	}

	h2 {
		font-size: 1.875rem;
	}

	.btn {
		font-size: 0.875rem;
	}

	.btn-size {
		width: 210px;
	}

	body.main {
		background-size: auto 638px;
	}

	.mod-main-big-banner-body {
		height: 418px;
		width: 700px;
	}

	.mod-main-big-banner-body-subtitle {
		font-size: 1.125rem;
	}

	.mod-main-big-banner-body-title {
		font-size: 1.125rem;
	}

	.mod-main-big-banner-body-numbers-wrap {
		width: 136px;
		height: 136px;
	}

	.mod-main-big-banner-body-numbers-wrap:after {
		width: 136px;
		height: 136px;
		margin-top: -68px;
		margin-left: -68px;
	}

	.mod-main-big-banner-body-numbers-num {
		font-size: 3.125rem;
	}

	.mod-main-big-banner-body-numbers-text {
		font-size: 0.875rem;
	}

	.mod-main-membership-item {
		height: 220px;
	}

	.mod-main-membership-title {
		font-size: 2.45rem;
	}

	.mod-main-membership-item-title {
		font-size: 1.45rem;
	}

	.mod-main-membership-item-desc {
		font-size: 1.02rem;
	}

	.mod-foot-info {
		font-size: 0.875rem;
	}

	.btn-subscribe {
		font-size: 0;
	}

	.elm-top-banner-img {
		height: 400px;
	}

	.elm-top-banner-text {
		padding-bottom: 0;
	}

	.elm-top-banner-text h1 {
		font-size: 2.25rem;
	}

	#vmap {
		height: 650px;
	}

	.mod-chairman {
		height: 320px;
		max-width: initial;
	}

	.mod-chairman-img {
		top: -29px;
	}

	.mod-chairman-img img {
		height: 375px;
	}

	.mod-chairman-text {
		top: -29px;
	}

	.mod-chairman-text-title,
	.mod-chairman-text-desc,
	.mod-chairman-text-italian {
		font-size: 0.875rem;
	}

	.mod-main-video {
		max-width: initial;
		background-size: cover;
	}

	.mod-main-video-text {
		padding-right: 0;
	}

	div#map,
	ymaps {
		max-width: 100%;
	}

	img {
		max-width: 100%;
	}

	.video-js {

	}

}

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

	.base-wrap {
		max-width: 768px;
		padding: 0 20px;
	}

	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	body {
		font-size: 1.125rem;

	}

	.mod-logo {
		padding: 21px 0;
	}

	.mod-main-membership-title {
		font-size: 2.25rem;
	}

	.mod-main-membership-item-desc {
		font-size: 0.75rem;
	}

	.mod-main-membership-item {
		height: 190px;
		border-color: #6bcbf3;
		background-color: rgba(10, 26, 51, 0.5);
		box-shadow: 0 0 20px 1px rgba(107, 203, 243, 0.69);
	}

	.mod-foot-info:after {
		display: none;
	}

	.mod-main-big-banner {
		padding-bottom: 110px;
		padding-top: 110px;
		background: url(../images/tpl/mod-main-big-banner-lg.jpg) no-repeat top left;
		background-size: cover;
	}

	.mod-main-big-banner-body {
		height: 418px;
		width: 570px;
	}

	.mod-main-big-banner-body-subtitle {
		font-size: 1.875rem;
	}

	.mod-main-big-banner-body-title {
		font-size: 1rem;
	}

	.mod-main-big-banner-body-numbers-wrap > div {
		z-index: 0;
	}

	.mod-main-big-banner-body-numbers-wrap:after {
		background-image: none;
		border: 1px solid #97c5e5;
		z-index: 0;
	}

	.mod-main-big-banner-body-numbers-num {
		font-size: 2rem;
	}

	.mod-main-big-banner-body-numbers-text {
		font-size: 0.5625rem;
	}

	.mod-chairman-text {
		top: 0;
	}

	.mod-chairman-text-title,
	.mod-chairman-text-desc,
	.mod-chairman-text-italian {
		font-size: 0.75rem;
	}

	.mod-main-video-text {
		font-size: 1.125rem;
	}

	.mod-foot-info {
		font-size: 1.25rem;
	}

	.font-18 {
		font-size: 0.93rem;
	}

	.mod-main-membership {
		height: auto;
		background-size: cover;
	}

	.mod-main-membership-item-title {
		font-size: 2.56rem;
	}

	.mod-main-membership-item-desc {
		font-size: 1.25rem;
	}

	.mod-main-membership-item {
		max-width: 497px;
		height: auto;
	}

	.elm-top-banner-text h1 {
		font-size: 2.25rem;
	}

	.elm-top-banner-text {
		font-size: 2.25rem;
	}

	#vmap {
		height: 540px;
	}

}

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

	.base-wrap {
		width: auto;
		max-width: 100%;
		padding: 0 18px;
	}

	h1,
	h2 {
		font-size: 1.25rem;
	}

	body {
		font-size: 1rem;
	}

	.mod-main-big-banner-body {
		height: 494px;
		width: auto;
	}

	.mod-main-big-banner-body-subtitle {
		font-size: 1.5rem;
	}

	.mod-main-big-banner-body-title {
		font-size: 0.9375rem;
	}

	.mod-main-big-banner-body-numbers-wrap:after {
		width: 116px;
		height: 116px;
		margin-top: -58px;
		margin-left: -58px;
	}

	.mod-main-big-banner-body-numbers-wrap {
		width: 116px;
		height: 116px;
	}

	.mod-main-big-banner-body-numbers-num {
		font-size: 2rem;
	}

	.mod-main-big-banner-body-numbers-text {
		font-size: 0.5625rem;
	}

	.mod-main-membership-title {
		font-size: 1.875rem;
	}

	.mod-main-membership-item {
		max-width: 100%;
	}

	.mod-main-membership-item-title {
		font-size: 2.125rem;
	}

	.mod-main-membership-item-desc {
		font-size: 1.0625rem;
	}

	.mod-foot-info {
		font-size: 1.125rem;
	}

	.elm-top-banner-img {
		height: 300px;
	}

	.elm-top-banner-text h1 {
		font-size: 1.5625rem;
	}

	#vmap {
		height: 350px;
	}

}