html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.4}ol,ul{list-style:none}blockquote,q{quotes:none}i{font-style:italic}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}strong,b{font-weight:500}a,input[type="submit"],.btn{cursor:pointer;transition:.5s}input[type="text"]{transition:.5s}input[type="submit"]{-webkit-appearance:none}* : (input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}img{-webkit-touch-callout:none;-webkit-user-select:none}input[placeholder]{text-overflow:ellipsis}input::-moz-placeholder{text-overflow:ellipsis}input:-moz-placeholder{text-overflow:ellipsis}input:-ms-input-placeholder{text-overflow:ellipsis}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}
{-webkit-appearance:none}* : (input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}img{-webkit-touch-callout:none;-webkit-user-select:none}input[placeholder]{text-overflow:ellipsis}input::-moz-placeholder{text-overflow:ellipsis}input:-moz-placeholder{text-overflow:ellipsis}input:-ms-input-placeholder{text-overflow:ellipsis}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}select, option {  -webkit-appearance: none;}

:root {
	--black: #000000;
	--black2: #2A2A2A;
	--black3: #2B2B2B;
	--gray: #E2E2E2;
	--gray2: #717171;
	--white: #fff;
	--silver: #A3ADA6;
	--silver100: #025125;
	--silver50: #6B736D;
	--green:#025125;
	--green50: #007032;
	--green10: #98DE96;

}

html {
  font-family: 'Cera Pro';
/*	font-weight: 500;*/
	font-size: 10px;
	min-width: 320px;
	color: var(--black);
	background: var(--white2);
}

body {
	font-size: 2.4rem;
	overflow-x: hidden;
}

.wrapper {
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.container {
  padding: 0 15px;
	max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
}

* {
	box-sizing: border-box;
}

section {
  position: relative;
  padding: 100px 0;
  margin-left: auto;
  margin-right: auto;
}

.bar__long {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  z-index: 99;
  border-radius: 0 20px 20px 0;
  transition:0.5s;
  background: var(--selection);
}


.s__img,picture {
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.s__img img {
}

img {
	max-width: 100%;
	display: flex;
}

strong {
	font-weight: 600;
}

a {
	text-decoration: none;
	color: var(--black);
	transition: 0.5s;
}



.s__title {
	font-family: 'UpMax';
	font-size: 4.8rem;
	font-weight: 600;
/*	margin-bottom: 16px;*/
	margin-bottom: 50px;
	display: block;
    width: 100%;
}
.s__subtitle {
	font-family: 'UpMax';
	font-size: 2.4rem;
	font-weight: 500;
	display: block;
    width: 100%;
}

.s__text {
	line-height: 1.2;
}
.s__text p {
	margin-bottom: 32px;
}
.s__text p:last-of-type {
	margin-bottom: 0;
}



.s__btn {
	color: var(--white);
	background: green;
	padding: 18px 64px;
	border-radius: 12px;
	font-family: 'UpMax';
	font-size: 2.6rem;
	font-weight: 600;
	display: inline-flex;
	text-align: center;
	align-items: center;
	justify-content: center;
  position: relative;
}
.s__btn img {
	margin-right: 10px;
}
.s__btn span {
	position: relative;
	z-index: 2;
}

.s__btn,
.s__btn span,
.s__btn .btn__border,
.s__btn .btn__before,
.s__btn .btn__before2,
.s__btn .btn__after,
.s__btn .btn__after2,
.s__btn .btn__after3,
.s__btn .btn__after4,
.s__btn .shadow,
.s__btn .s__btn-text  {
	border-radius: 16px;
	transition: 0.5s;
}
.s__btn .s__btn-text {
	z-index: 10;
	position: relative;
}
.s__btn .btn__border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.s__btn .btn__before,
.s__btn .btn__before2,
.s__btn .btn__after,
.s__btn .btn__after2,
.s__btn .btn__after3,
.s__btn .btn__after4,
.s__btn .shadow  {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin-left: 0;
	z-index: 5;
}
.s__btn .btn__before,
.s__btn .btn__before2{
	transition: 0.3s;
}
.s__btn .btn__after,
.s__btn .btn__after2,
.s__btn .btn__after3,
.s__btn .btn__after4 {
	transition: 0.3s;
}

.s__btn .shadow {
	opacity: 0;
	z-index: 1;
}




.s__btn.btn-for-black {
	color: var(--white);
}
.s__btn.btn-for-black span {
	color: var(--white);
}
.s__btn.btn-for-black .btn__border {
	z-index: 3;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)),
	linear-gradient(107.61deg, rgba(255, 255, 255, 0.2) 30.63%, rgba(255, 255, 255, 0.05) 65.5%);
}
.s__btn.btn-for-black .btn__before {
	opacity: 1;
	z-index: 2;
	background: linear-gradient(331.28deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);
}
.s__btn.btn-for-black .btn__before2 {
	opacity: 1;
	background: linear-gradient(331.28deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);
	z-index: 5;
	width: calc(100% - 2px - 2px);
	height: calc(100% - 2px - 2px);
	left: 2px;
	top: 2px;
}
.s__btn.btn-for-black .btn__after,
.s__btn.btn-for-black .btn__after2 {
	opacity: 0;
	background: linear-gradient(331.28deg, #fff 3.18%, #fff 50.57%, #fff 111.64%);
}
.s__btn.btn-for-black .btn__after2 {
	width: calc(100% - 2px - 2px);
	height: calc(100% - 2px);
	left: 2px;
	top: 0;
}
.s__btn.btn-for-black .btn__after4 {
	width: calc(100% - 2px - 2px);
	height: calc(100% - 2px);
	left: 2px;
	top: 0;
}
.s__btn.btn-for-black .shadow1 {
	box-shadow: 0px 0px 7.66px 0px rgba(149, 210, 157, 0.4);
}
.s__btn.btn-for-black .shadow2 {
	box-shadow: 0px 0px 15.32px 0px rgba(149, 210, 157, 0.4);
}
.s__btn.btn-for-black .shadow3 {
	box-shadow: 0px 0px 53.63px 0px rgba(149, 210, 157, 0.4);
}
.s__btn.btn-for-black .shadow4 {
	box-shadow: 0px 0px 107.27px 0px rgba(149, 210, 157, 0.4);
}
.s__btn.btn-for-black .shadow5 {
	box-shadow: 0px 0px 120px 0px rgba(149, 210, 157, 0.4);
}
.s__btn.btn-for-black .shadow6 {
	box-shadow: 0px 0px 200px 0px rgba(149, 210, 157, 0.4);
}
.s__btn.btn-for-black:hover {
	color: var(--black);
}
.s__btn.btn-for-black:hover span {
	color: var(--black);
}
.s__btn.btn-for-black:hover .btn__before,
.s__btn.btn-for-black:hover .btn__before2 {
	opacity: 0;
}
.s__btn.btn-for-black:hover .btn__after,
.s__btn.btn-for-black:hover .btn__after2,
.s__btn.btn-for-black:hover .btn__after3,
.s__btn.btn-for-black:hover .btn__after4 {
	opacity: 1;
}
.s__btn.btn-for-black:hover .btn__after {
	height: calc(100% - 2px);
}
.s__btn.btn-for-black:hover .shadow {
	opacity: 1;
}
.s__btn.btn-for-black:hover .btn__border {
	background: rgba(152, 222, 150, 1);
}




.s__btn.btn-for-white {
	color: var(--white);
}
.s__btn.btn-for-white span {
	color: var(--white);
}
.s__btn.btn-for-white .btn__border {
	z-index: 3;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)),
	linear-gradient(107.61deg, rgba(255, 255, 255, 0.2) 30.63%, rgba(255, 255, 255, 0.05) 65.5%);
}
.s__btn.btn-for-white .btn__before {
	opacity: 1;
	z-index: 2;
/*	background: linear-gradient(331.28deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);*/
	background: linear-gradient(356deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);
}
.s__btn.btn-for-white .btn__before2 {
	opacity: 1;
/*	background: linear-gradient(331.28deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);*/
	background: linear-gradient(356deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);
	z-index: 5;
	width: calc(100% - 2px - 2px);
	height: calc(100% - 2px - 2px);
	left: 2px;
	top: 2px;
}
.s__btn.btn-for-white .btn__after,
.s__btn.btn-for-white .btn__after2 {
	opacity: 0;
/*	background: linear-gradient(331.28deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);*/
	background: linear-gradient(356deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);
}
.s__btn.btn-for-white .btn__after3,
.s__btn.btn-for-white .btn__after4 {
	opacity: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.s__btn.btn-for-white .btn__after2,
.s__btn.btn-for-white .btn__after4 {
	width: calc(100% - 2px - 2px);
	height: calc(100% - 2px - 2px);
	left: 2px;
	top: 2px;
}
.s__btn.btn-for-white .shadow1 {
	box-shadow: 0px 6px 13px 0px rgba(0, 20, 7, 0.12);
}
.s__btn.btn-for-white .shadow2 {
	box-shadow: 0px 23px 23px 0px rgba(0, 20, 7, 0.1);
}
.s__btn.btn-for-white .shadow3 {
	box-shadow: 0px 52px 31px 0px rgba(0, 20, 7, 0.06);
}
.s__btn.btn-for-white .shadow4 {
	box-shadow: 0px 93px 37px 0px rgba(0, 20, 7, 0.02);
}
.s__btn.btn-for-white .shadow5 {
	box-shadow: 0px 145px 41px 0px rgba(0, 20, 7, 0);
}
.s__btn.btn-for-white .shadow6 {
	box-shadow: 4px 12px 40px 0px rgba(152, 222, 150, 0.01) inset;
}
.s__btn.btn-for-white .shadow7 {
	box-shadow: -8px -8px 12px 0px rgba(152, 222, 150, 0.01) inset;
}
.s__btn.btn-for-white:hover {
	color: var(--white);
}
.s__btn.btn-for-white:hover span {
	color: var(--white);
}
.s__btn.btn-for-white:hover .btn__border {
/*	background: linear-gradient(331.28deg, #003517 3.18%, #007032 50.57%, #BAF2B8 111.64%);*/
}
.s__btn.btn-for-white:hover .btn__before,
.s__btn.btn-for-white:hover .btn__before2 {
	opacity: 0;
}
.s__btn.btn-for-white:hover .btn__after,
.s__btn.btn-for-white:hover .btn__after2,
.s__btn.btn-for-white:hover .btn__after3,
.s__btn.btn-for-white:hover .btn__after4 {
	opacity: 1;
}

.s__btn.btn-for-white:hover .btn__after3,
.s__btn.btn-for-white:hover .btn__after4 {
	opacity: 0.5;
}

.s__btn.btn-for-white:hover .btn__after {
/*	height: calc(100% - 2px);*/
}
.s__btn.btn-for-white:hover .shadow {
	opacity: 1;
}
.s__btn.btn-for-white:hover .shadow1 {
	box-shadow: 0px 6px 12px 0px rgba(4, 117, 0, 0.21);
}
.s__btn.btn-for-white:hover .shadow2 {
	box-shadow: 0px 23px 23px 0px rgba(4, 117, 0, 0.18);
}
.s__btn.btn-for-white:hover .shadow3 {
	box-shadow: 0px 51px 30px 0px rgba(4, 117, 0, 0.11);
}
.s__btn.btn-for-white:hover .shadow4 {
	box-shadow: 0px 90px 36px 0px rgba(4, 117, 0, 0.03);
}
.s__btn.btn-for-white:hover .shadow5 {
	box-shadow: 0px 141px 39px 0px rgba(4, 117, 0, 0);
}
.s__btn.btn-for-white:hover .shadow6 {
	box-shadow: 4px 12px 40px 0px rgba(152, 222, 150, 0.4) inset;
}
.s__btn.btn-for-white:hover .shadow7 {
	box-shadow: -8px -8px 12px 0px rgba(152, 222, 150, 0.1) inset;
}
.s__btn.btn-for-white:hover .btn__border {
	background: rgba(152, 222, 150, 1);
}




/* flex  */
.flex {display: flex; flex-wrap: wrap;}
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.flex-between {justify-content: space-between;}
.flex-center {justify-content: center;}
.flex-acenter {align-items: center;}
.flex-astart {align-items: flex-start;}
.flex-aend {align-items: flex-end;}
.flex-jstart {justify-content: flex-start;}
.flex-jend {justify-content: flex-end;}
.flex-nowrap {flex-wrap: nowrap;}
.flex-shrink {flex-shrink: 0;}
.dflex {display: inline-flex;}
/* flex  */

.btn__scrollup {
  width: 70px;
  height: 70px;
	background: var(--black);
	border: 2px solid var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 40px;
  right: 2%;
  border-radius: 100%;
  cursor: pointer;
  z-index: 10;
  transition: 0.5s;
  opacity: 0;
}
.btn__scrollup path {
	transition: 0.5s;
}
.btn__scrollup:hover {
	background: var(--white);
	border-color: var(--black);
}
.btn__scrollup:hover path {
	fill: var(--black);
}
.btn__scrollup.active {
    opacity: 1;
}

.nowrapletter { white-space: nowrap;}
.nopad {padding: 0;}
.through { text-decoration: line-through;}


.columns {
	width: 100%;
}
.columns .column1 {
	max-width: calc(100% - 640px);
	width: 100%;
	padding: 0 15px;
}
.columns .column2 {
	max-width: 640px;
	width: 100%;
	padding: 0 15px;
}
.columns .column-w {
	width: 100%;
	padding: 0 15px;
}

.columns.columns-spec {}
.columns.columns-spec .column1 {
	max-width: 34.5%;
}
.columns.columns-spec .column2 {}

.columns.columns-half {}
.columns.columns-half .column1 {
	max-width: 50%;
/*    padding-right: 0;*/
}
.columns.columns-half .column2 {
	max-width: 50%;
}
.columns.columns-half .column-w {}




/* width  */
.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w44 {width: 44px;}
.w50 {width: 50px;}
.w1000 {width: 100%;}
/* width  */

/* height  */
.h10 {height: 10px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h44 {height: 44px;}
.h50 {height: 50px;}
/* height  */



/* background section */
.bg__white {background: var(--white);}
.bg__light {background: var(--light); background: var(--white2);}
.bg__selection {background: var(--selection);}
.bg__black {background: var(--black);}
.bg__image {background: var(--black);color: var(--white);padding: 120px 0;}
/* background section */

.bg__white-formation {}
.bg__white-formation:before {
	content:'';
	background: var(--white);
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: -1;

/*	background: red;*/
}


.bg__image .s__title {
	color: var(--white);
}

/* border */
.border {border: 1px solid var(--black);}
.border-white {border-color: var(--white);}
.border-selection {border-color: var(--selection);}
.border-black {border-color: var(--black);}
.border-1 {border-width: 1px;}
.border-2 {border-width: 2px;}
/* border */

/* border-radius */
.b4  {border-radius: 4px;}
.b8  {border-radius: 8px;}
.b12 {border-radius: 12px;}
.b16 {border-radius: 16px;}
.b20 {border-radius: 20px;}
.b22 {border-radius: 22px;}
.b24 {border-radius: 24px;}
.b25 {border-radius: 25px;}
.b26 {border-radius: 26px;}
.b30 {border-radius: 30px;}
.b35 {border-radius: 35px;}
.b40 {border-radius: 40px;}
.b55 {border-radius: 55px;}
.b60 {border-radius: 60px;}
.b70 {border-radius: 70px;}
.b80 {border-radius: 80px;}
.b99 {border-radius: 99px;}
/* border-radius */


/* padding  */
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p24 {padding: 24px;}
.p26 {padding: 26px;}
.p27  {padding: 27px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}
.p50 {padding: 50px;}
/* padding  */

.pt24 {padding-top: 24px;}

/* margin  */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb12 {margin-bottom: 12px;}
.mb14 {margin-bottom: 14px;}
.mb16 {margin-bottom: 16px;}
.mb20 {margin-bottom: 20px;}
.mb22 {margin-bottom: 22px;}
.mb24 {margin-bottom: 24px;}
.mb26 {margin-bottom: 26px;}
.mb28 {margin-bottom: 28px;}
.mb30 {margin-bottom: 30px;}
.mb32 {margin-bottom: 32px;}
.mb35 {margin-bottom: 35px;}
.mb36 {margin-bottom: 36px;}
.mb40 {margin-bottom: 40px;}
.mb48 {margin-bottom: 48px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb56 {margin-bottom: 56px;}
.mb60 {margin-bottom: 60px;}
.mb64 {margin-bottom: 64px;}
.mb66 {margin-bottom: 66px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}
.mb130 {margin-bottom: 130px;}
.mb135 {margin-bottom: 135px;}
.mb140 {margin-bottom: 140px;}
.mb150 {margin-bottom: 150px;}
/* margin  */


/* transition5 */
.transition1 {transition: 0.1s;}
.transition2 {transition: 0.2s;}
.transition3 {transition: 0.3s;}
.transition4 {transition: 0.4s;}
.transition5 {transition: 0.5s;}
.transition6 {transition: 0.6s;}
.transition7 {transition: 0.7s;}
.transition8 {transition: 0.8s;}
.transition9 {transition: 0.9s;}
.transition10 {transition: 1s;}
/* transition5 */


.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.row > * {
	padding: 0 15px;
	display: flex;
}

.col-lg-1 {width: calc(100% / 12 * 1);}
.col-lg-2 {width: calc(100% / 12 * 2);}
.col-lg-3 {width: calc(100% / 12 * 3);}
.col-lg-4 {width: calc(100% / 12 * 4);}
.col-lg-5 {width: calc(100% / 12 * 5);}
.col-lg-6 {width: calc(100% / 12 * 6);}
.col-lg-7 {width: calc(100% / 12 * 7);}
.col-lg-8 {width: calc(100% / 12 * 8);}
.col-lg-9 {width: calc(100% / 12 * 9);}
.col-lg-10 {width: calc(100% / 12 * 10);}
.col-lg-11 {width: calc(100% / 12 * 11);}
.col-lg-12 {width: calc(100% / 12 * 12);}



























/* ng */
@media screen and (max-width: 1919px) {



	/* border-radius */
	.b-ng-8  {border-radius: 8px;}
	.b-ng-12 {border-radius: 12px;}
	.b-ng-15 {border-radius: 15px;}
	.b-ng-20 {border-radius: 20px;}
	.b-ng-22 {border-radius: 22px;}
	.b-ng-25 {border-radius: 25px;}
	.b-ng-26 {border-radius: 26px;}
	.b-ng-30 {border-radius: 30px;}
	.b-ng-35 {border-radius: 35px;}
	.b-ng-40 {border-radius: 40px;}
	.b-ng-55 {border-radius: 55px;}
	.b-ng-60 {border-radius: 60px;}
	.b-ng-70 {border-radius: 70px;}
	.b-ng-80 {border-radius: 80px;}
	/* border-radius */

	/* padding  */
	.p-ng-10 {padding: 10px;}
	.p-ng-20 {padding: 20px;}
	.p-ng-24 {padding: 24px;}
	.p-ng-26 {padding: 26px;}
	.p-ng-30 {padding: 30px;}
	.p-ng-40 {padding: 40px;}
	.p-ng-50 {padding: 50px;}
	/* padding  */

	/* margin  */
	.mb-ng-0 {margin-bottom: 0 !important;}
	.mb-ng-10 {margin-bottom: 10px;}
	.mb-ng-15 {margin-bottom: 15px;}
	.mb-ng-20 {margin-bottom: 20px;}
	.mb-ng-30 {margin-bottom: 30px;}
	.mb-ng-40 {margin-bottom: 40px;}
	.mb-ng-50 {margin-bottom: 50px;}
	.mb-ng-60 {margin-bottom: 60px;}
	.mb-ng-70 {margin-bottom: 70px;}
	.mb-ng-80 {margin-bottom: 80px;}
	.mb-ng-90 {margin-bottom: 90px;}
	.mb-ng-100 {margin-bottom: 100px;}
	/* margin  */

	.col-ng-1 {width: calc(100% / 12 * 1);}
	.col-ng-2 {width: calc(100% / 12 * 2);}
	.col-ng-3 {width: calc(100% / 12 * 3);}
	.col-ng-4 {width: calc(100% / 12 * 4);}
	.col-ng-5 {width: calc(100% / 12 * 5);}
	.col-ng-6 {width: calc(100% / 12 * 6);}
	.col-ng-7 {width: calc(100% / 12 * 7);}
	.col-ng-8 {width: calc(100% / 12 * 8);}
	.col-ng-9 {width: calc(100% / 12 * 9);}
	.col-ng-10 {width: calc(100% / 12 * 10);}
	.col-ng-11 {width: calc(100% / 12 * 11);}
	.col-ng-12 {width: calc(100% / 12 * 12);}


}



/* md */
@media screen and (max-width: 1199px) {


	/* border-radius */
	.b-md-8  {border-radius: 8px;}
	.b-md-12 {border-radius: 12px;}
	.b-md-15 {border-radius: 15px;}
	.b-md-20 {border-radius: 20px;}
	.b-md-22 {border-radius: 22px;}
	.b-md-25 {border-radius: 25px;}
	.b-md-26 {border-radius: 26px;}
	.b-md-30 {border-radius: 30px;}
	.b-md-35 {border-radius: 35px;}
	.b-md-40 {border-radius: 40px;}
	.b-md-55 {border-radius: 55px;}
	.b-md-60 {border-radius: 60px;}
	.b-md-70 {border-radius: 70px;}
	.b-md-80 {border-radius: 80px;}
	/* border-radius */

	/* padding  */
	.p-md-10 {padding: 10px;}
	.p-md-20 {padding: 20px;}
	.p-md-24 {padding: 24px;}
	.p-md-26 {padding: 26px;}
	.p-md-30 {padding: 30px;}
	.p-md-40 {padding: 40px;}
	.p-md-50 {padding: 50px;}
	/* padding  */

	/* margin  */
	.mb-md-0 {margin-bottom: 0 !important;}
	.mb-md-10 {margin-bottom: 10px;}
	.mb-md-15 {margin-bottom: 15px;}
	.mb-md-20 {margin-bottom: 20px;}
	.mb-md-30 {margin-bottom: 30px;}
	.mb-md-40 {margin-bottom: 40px;}
	.mb-md-50 {margin-bottom: 50px;}
	.mb-md-60 {margin-bottom: 60px;}
	.mb-md-70 {margin-bottom: 70px;}
	.mb-md-80 {margin-bottom: 80px;}
	.mb-md-90 {margin-bottom: 90px;}
	.mb-md-100 {margin-bottom: 100px;}
	/* margin  */

	.col-md-1 {width: calc(100% / 12 * 1);}
	.col-md-2 {width: calc(100% / 12 * 2);}
	.col-md-3 {width: calc(100% / 12 * 3);}
	.col-md-4 {width: calc(100% / 12 * 4);}
	.col-md-5 {width: calc(100% / 12 * 5);}
	.col-md-6 {width: calc(100% / 12 * 6);}
	.col-md-7 {width: calc(100% / 12 * 7);}
	.col-md-8 {width: calc(100% / 12 * 8);}
	.col-md-9 {width: calc(100% / 12 * 9);}
	.col-md-10 {width: calc(100% / 12 * 10);}
	.col-md-11 {width: calc(100% / 12 * 11);}
	.col-md-12 {width: calc(100% / 12 * 12);}


}

/* sm  */
@media screen and (max-width: 999px) {

	.container {
		max-width: 760px;
	}
	section {
		padding: 50px 0;
	}
	.s__title {
		font-size: 4rem;
	}

	.s__btn, .s__btn span, .s__btn .btn__border, .s__btn .btn__before, .s__btn .btn__before2, .s__btn .btn__after, .s__btn .btn__after2, .s__btn .btn__after3, .s__btn .btn__after4, .s__btn .shadow, .s__btn .s__btn-text {
		border-radius: 10px;
	}

	/* border-radius */
	.b-sm-8  {border-radius: 8px;}
	.b-sm-10 {border-radius: 10px;}
	.b-sm-12 {border-radius: 12px;}
	.b-sm-15 {border-radius: 15px;}
	.b-sm-16 {border-radius: 16px;}
	.b-sm-20 {border-radius: 20px;}
	.b-sm-22 {border-radius: 22px;}
	.b-sm-25 {border-radius: 25px;}
	.b-sm-26 {border-radius: 26px;}
	.b-sm-30 {border-radius: 30px;}
	.b-sm-35 {border-radius: 35px;}
	.b-sm-40 {border-radius: 40px;}
	.b-sm-55 {border-radius: 55px;}
	.b-sm-60 {border-radius: 60px;}
	.b-sm-70 {border-radius: 70px;}
	.b-sm-80 {border-radius: 80px;}
	/* border-radius */

	/* padding  */
	.p-sm-10 {padding: 10px;}
	.p-sm-20 {padding: 20px;}
	.p-sm-24 {padding: 24px;}
	.p-sm-26 {padding: 26px;}
	.p-sm-30 {padding: 30px;}
	.p-sm-40 {padding: 40px;}
	.p-sm-50 {padding: 50px;}
	/* padding  */

	/* margin  */
	.mb-sm-0 {margin-bottom: 0 !important;}
	.mb-sm-5 {margin-bottom: 5px;}
	.mb-sm-10 {margin-bottom: 10px;}
	.mb-sm-15 {margin-bottom: 15px;}
	.mb-sm-16 {margin-bottom: 16px;}
	.mb-sm-20 {margin-bottom: 20px;}
	.mb-sm-30 {margin-bottom: 30px;}
	.mb-sm-35 {margin-bottom: 35px;}
	.mb-sm-40 {margin-bottom: 40px;}
	.mb-sm-50 {margin-bottom: 50px;}
	.mb-sm-60 {margin-bottom: 60px;}
	.mb-sm-70 {margin-bottom: 70px;}
	.mb-sm-80 {margin-bottom: 80px;}
	.mb-sm-90 {margin-bottom: 90px;}
	.mb-sm-100 {margin-bottom: 100px;}
	/* margin  */

	.col-sm-1 {width: calc(100% / 12 * 1);}
	.col-sm-2 {width: calc(100% / 12 * 2);}
	.col-sm-3 {width: calc(100% / 12 * 3);}
	.col-sm-4 {width: calc(100% / 12 * 4);}
	.col-sm-5 {width: calc(100% / 12 * 5);}
	.col-sm-6 {width: calc(100% / 12 * 6);}
	.col-sm-7 {width: calc(100% / 12 * 7);}
	.col-sm-8 {width: calc(100% / 12 * 8);}
	.col-sm-9 {width: calc(100% / 12 * 9);}
	.col-sm-10 {width: calc(100% / 12 * 10);}
	.col-sm-11 {width: calc(100% / 12 * 11);}
	.col-sm-12 {width: calc(100% / 12 * 12);}


}

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

	body {
		font-size: 1.6rem;
	}
  section {
    padding: 36px 0;
  }

	.row > * {
		padding: 0 10px;
	}

	.s__title {
		font-size: 2.4rem;
		margin-bottom: 26px;
	}
	.s__text {
    line-height: 1.25;
	}
	.s__text p {
    margin-bottom: 20px;
	}

	.s__btn {
		font-size: 1.6rem;
		max-width: 328px;
		width: 100%;
		padding: 14px;
	}


	/* border-radius */
	.b-xs-8  {border-radius: 8px;}
	.b-xs-12 {border-radius: 12px;}
	.b-xs-15 {border-radius: 15px;}
	.b-xs-20 {border-radius: 20px;}
	.b-xs-22 {border-radius: 22px;}
	.b-xs-25 {border-radius: 25px;}
	.b-xs-26 {border-radius: 26px;}
	.b-xs-30 {border-radius: 30px;}
	.b-xs-35 {border-radius: 35px;}
	.b-xs-40 {border-radius: 40px;}
	.b-xs-55 {border-radius: 55px;}
	.b-xs-60 {border-radius: 60px;}
	.b-xs-70 {border-radius: 70px;}
	.b-xs-80 {border-radius: 80px;}
	/* border-radius */

	/* padding  */
	.p-xs-10 {padding: 10px;}
	.p-xs-20 {padding: 20px;}
	.p-xs-24 {padding: 24px;}
	.p-xs-26 {padding: 26px;}
	.p-xs-30 {padding: 30px;}
	.p-xs-40 {padding: 40px;}
	.p-xs-50 {padding: 50px;}
	/* padding  */

	/* margin  */
	.mb-xs-0 {margin-bottom: 0 !important;}
	.mb-xs-4 {margin-bottom: 4px;}
	.mb-xs-10 {margin-bottom: 10px;}
	.mb-xs-14 {margin-bottom: 14px;}
	.mb-xs-15 {margin-bottom: 15px;}
	.mb-xs-16 {margin-bottom: 16px;}
	.mb-xs-20 {margin-bottom: 20px;}
	.mb-xs-24 {margin-bottom: 24px;}
	.mb-xs-26 {margin-bottom: 26px;}
	.mb-xs-30 {margin-bottom: 30px;}
	.mb-xs-32 {margin-bottom: 32px;}
	.mb-xs-34 {margin-bottom: 34px;}
	.mb-xs-40 {margin-bottom: 40px;}
	.mb-xs-50 {margin-bottom: 50px;}
	.mb-xs-60 {margin-bottom: 60px;}
	.mb-xs-70 {margin-bottom: 70px;}
	.mb-xs-80 {margin-bottom: 80px;}
	.mb-xs-90 {margin-bottom: 90px;}
	.mb-xs-100 {margin-bottom: 100px;}
	/* margin  */

	.col-xs-1 {width: calc(100% / 12 * 1);}
	.col-xs-2 {width: calc(100% / 12 * 2);}
	.col-xs-3 {width: calc(100% / 12 * 3);}
	.col-xs-4 {width: calc(100% / 12 * 4);}
	.col-xs-5 {width: calc(100% / 12 * 5);}
	.col-xs-6 {width: calc(100% / 12 * 6);}
	.col-xs-7 {width: calc(100% / 12 * 7);}
	.col-xs-8 {width: calc(100% / 12 * 8);}
	.col-xs-9 {width: calc(100% / 12 * 9);}
	.col-xs-10 {width: calc(100% / 12 * 10);}
	.col-xs-11 {width: calc(100% / 12 * 11);}
	.col-xs-12 {width: calc(100% / 12 * 12);}


}


/* xxs  */

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


	/* border-radius */
	.b-xxs-8  {border-radius: 8px;}
	.b-xxs-12 {border-radius: 12px;}
	.b-xxs-15 {border-radius: 15px;}
	.b-xxs-20 {border-radius: 20px;}
	.b-xxs-22 {border-radius: 22px;}
	.b-xxs-25 {border-radius: 25px;}
	.b-xxs-26 {border-radius: 26px;}
	.b-xxs-30 {border-radius: 30px;}
	.b-xxs-35 {border-radius: 35px;}
	.b-xxs-40 {border-radius: 40px;}
	.b-xxs-55 {border-radius: 55px;}
	.b-xxs-60 {border-radius: 60px;}
	.b-xxs-70 {border-radius: 70px;}
	.b-xxs-80 {border-radius: 80px;}
	/* border-radius */

	/* padding  */
	.p-xxs-10 {padding: 10px;}
	.p-xxs-20 {padding: 20px;}
	.p-xxs-24 {padding: 24px;}
	.p-xxs-26 {padding: 26px;}
	.p-xxs-30 {padding: 30px;}
	.p-xxs-40 {padding: 40px;}
	.p-xxs-50 {padding: 50px;}
	/* padding  */


	/* margin  */
	.mb-xxs-0 {margin-bottom: 0 !important;}
	.mb-xxs-10 {margin-bottom: 10px;}
	.mb-xxs-15 {margin-bottom: 15px;}
	.mb-xxs-20 {margin-bottom: 20px;}
	.mb-xxs-30 {margin-bottom: 30px;}
	.mb-xxs-40 {margin-bottom: 40px;}
	.mb-xxs-50 {margin-bottom: 50px;}
	.mb-xxs-60 {margin-bottom: 60px;}
	.mb-xxs-70 {margin-bottom: 70px;}
	.mb-xxs-80 {margin-bottom: 80px;}
	.mb-xxs-90 {margin-bottom: 90px;}
	.mb-xxs-100 {margin-bottom: 100px;}
	/* margin  */

	.col-1 {width: calc(100% / 12 * 1);}
	.col-2 {width: calc(100% / 12 * 2);}
	.col-3 {width: calc(100% / 12 * 3);}
	.col-4 {width: calc(100% / 12 * 4);}
	.col-5 {width: calc(100% / 12 * 5);}
	.col-6 {width: calc(100% / 12 * 6);}
	.col-7 {width: calc(100% / 12 * 7);}
	.col-8 {width: calc(100% / 12 * 8);}
	.col-9 {width: calc(100% / 12 * 9);}
	.col-10 {width: calc(100% / 12 * 10);}
	.col-11 {width: calc(100% / 12 * 11);}
	.col-12 {width: calc(100% / 12 * 12);}


}






.visible-lg { display: block !important;}
.visible-ng { display: none !important;}
.visible-md { display: none !important;}
.visible-sm { display: none !important;}
.visible-xs { display: none !important;}
.visible-xxs { display: none !important;}


@media screen and (max-width: 1919px) {
.visible-lg { display: none !important;}
.visible-ng { display: block !important;}
.visible-md { display: none !important;}
.visible-sm { display: none !important;}
.visible-xs { display: none !important;}
.visible-xxs { display: none !important;}
}

@media screen and (max-width: 1199px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: block !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: none !important;}
}

@media screen and (max-width: 999px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: block !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: none !important;}
}

@media screen and (max-width: 767px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: block !important;}
	.visible-xxs { display: none !important;}
}
@media screen and (max-width: 479px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: block !important;}
}