/*

@font-face {
  font-family: 'Circe-Regular';
  src: url('../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Circe-Regular.otf') format('opentype'), 
       url('../fonts/Circe-Regular.woff') format('woff'), 
       url('../fonts/Circe-Regular.ttf') format('truetype'), 
       url('../fonts/Circe-Regular.svg#Circe-ExtraBold') format('svg');

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Circe';
  src: url('../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Circe-Light.otf') format('opentype'), 
       url('../fonts/Circe-Light.woff') format('woff'), 
       url('../fonts/Circe-Light.ttf') format('truetype'), 
       url('../fonts/Circe-Light.svg#Circe-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Circe-Bold';
  src: url('../fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Circe-Bold.otf') format('opentype'), 
       url('../fonts/Circe-Bold.woff') format('woff'), 
       url('../fonts/Circe-Bold.ttf') format('truetype'), 
       url('../fonts/Circe-Bold.svg#Circe-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

*/

html {font-size:10px;}

td,table,img {padding:0; border:none;border-collapse:collapse;}
body {    font-family: 'Spartan', sans-serif; margin:0; padding:0; font-weight:400;background:#fff; font-size:min(20px , 1.04vw);;color:#212121;scroll-behavior: smooth;}
td {}
form {margin:0;}
a {color:inherit;text-decoration:none;}
table {border-collapse:collapse;}

body {opacity:0;}
body.ready {opacity:1;}

sub,sup {vertical-align:baseline; position:relative;bottom:-4px;}

sup{top:-10px;}

ul, ul li,ol, ol li {margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5 {margin:0;font-weight:normal;box-sizing:border-box;}
strong {}

ol {counter-reset: myCounter;}
ol li:before {  counter-increment: myCounter;  content: "0" counter(myCounter) "";  display: inline-block;}



body,div,ul,li,img,a,label,td,table,span,section,header,footer {box-sizing:border-box;}




textarea.cf {
  background:#fff;
  background:rgba(0,0,0,0);
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  border-radius: 5px;
  
  padding:20px 10px 10px 20px;
  box-sizing:border-box;
  display:inline-block;
  font-family: 'Spartan', sans-serif;
  font-weight: 300;
  font-size:18px;
  width:100%;
  height:160px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  outline:none;
}


input.cf,select.cf {
  background:rgba(0,0,0,0);
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  border-radius: 0;
  height:60px;
  padding:20px 0 0 20px;
  box-sizing:border-box;
  display:inline-block;
  font-family: 'Spartan', sans-serif;
  font-size:18px;
  width:100%;
  color:#000;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}

select.cf,.cf.select {background:#fff url(../i/select.png) right  center no-repeat;}



.button {

	box-sizing:border-box;
	display:inline-block;
	border:none;
	min-width:auto;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline:none;
	color:#fff;
	background: #000;
	font-size:18px;
	height:60px;
	line-height:60px;
	font-family: 'Spartan', sans-serif;
	border-radius: 0;
	padding:0 30px;
	width:100%;

	text-transform:uppercase;
	
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	transition: background 0.3s cubic-bezier(.455,.03,.515,.955),
  		color 0.3s cubic-bezier(.455,.03,.515,.955),
	  	box-shadow 0.3s cubic-bezier(.455,.03,.515,.955); 
}




.checkbox-custom {width:24px;height:24px;background:url(../i/uncheck.png) no-repeat;background-size:24px 24px;margin-right:5px}
.checkbox-custom, .label {display:inline-block;vertical-align: middle;}
.checkbox:checked + .checkbox-custom {background:url(../i/check.png) no-repeat;background-size:24px 24px;}
input.checkbox {display:none;}

input.radio {display:none;}
.radio-custom {width:20px;height:20px;background:#ccc;border-radius:100%;position:relative;}
.radio-custom, .label {	display:inline-block;vertical-align: middle;}
.radio:checked + .radio-custom {background:#000;}



.fancybox-content {padding:0;}
.fancybox-content img {max-width:100%;display:block;max-height:99vh}

.popwinalert.fancybox-content {padding:40px;max-width:500px;}
.popwinalert.fancybox-content h2 {margin:0 0 20px 0}
.popwinalert.fancybox-content p {margin:20px 0 20px 0;line-height:1.4;}


.main {background:#fff;z-index:10;}

.glink {overflow:hidden;text-indent:-9000px;}
.glink a, a.glink {width:100%;height:100%;display:block;}

@media only screen and (max-width: 640px) {
	body,html,.main {width:640px;overflow-x:hidden}
	.desktop {display:none;}
	html {font-size:10px !important;}

	.menu-w {width:100%;height:100%;position:fixed;left:0;top:0;z-index:20;overflow:auto;}
	.menu-w {background:#ccc;transform:translateY(-100%);transition:transform .3s cubic-bezier(.455,.03,.515,.955) 0s;}
	.menu.active .menu-w {transform:translateY(0);}
	.menu-button {position:fixed;right:0;top:0;width:50px;height:50px;background:#000;z-index:50}
}


.fc {display:flex;align-items:center;justify-content:center;}
.fc100 {display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:max-content;}



.d-logo {position:absolute;left:50%;top:50%;height:70%;width:auto;transform:translate(-50%,-50%);z-index:100}
.d-logo img {width:auto;height:100%;display:block;}

.d-menu {color:#fff;text-transform:uppercase;font-weight: 500;font-size: min(14px , 0.728vw);line-height: 30px;display:flex;height:100%;align-items:center;padding:0 40px}
.d-menu a {display:block;padding:7px 15px;}
.d-menu span {display:block;padding:7px 15px;}
.d-menu span.head {display:block;padding:7px 15px 0 15px;line-height:1}


.d-menu li {position:relative;white-space:nowrap;}
.d-s-menu {position:absolute;left:0;top:min(40px , 4vw);background:#000;padding:30px 0 10px 0;display:none;}
.d-menu li:hover .d-s-menu {display:block;}

@media only screen and (max-width: 640px) {
	.d-s-menu {left:0px;right:auto;padding:20px 40px 10px 40px;top:90px;text-align:center;width:100%;position:fixed;}

	footer {padding:20px 40px 20px 40px;background:#000;color:#fff;font-size:16px;text-align:center;}

	.d-menu .l1 {}
	.d-menu .l2 {}

}


@media only screen and (min-width: 641px) {

	header {position:fixed;z-index:100;left:0px;top:0px;height:min(90px , 4.68vw);max-height:min(90px , 4.68vw);min-height:50px;width:100%;background:#000;}


	footer {height:min(70px , 3.68vw);line-height:min(70px , 3.68vw);background:#000;color:#fff;font-size:16px;text-align:center;}

	.main {padding:min(90px , 4.68vw) 0 0 0;}


	.d-wrapper {margin:auto;max-width:1600px;width:100%;padding:0 50px;}

	.d-keyvisual {overflow:hidden;background-size:cover;width:100%;color:#fff;font-size:5.1vw;text-transform:uppercase;line-height:1;font-weight:200;position:relative}
	.d-keyvisual-image img {width:100%;height:auto;display:block;}
	.d-keyvisual-image video {width:100%;height:80vh;display:block;object-fit:cover}
	.d-keyvisual-text {position:absolute;left:50%;top:50%;width:87%;max-width:1600px;padding:0 50px;transform:translate(-50%,-50%);}

	.d-section {margin:auto;max-width:1500px;width:79%;padding:0 50px;}

	.d-flex-section {display:flex;justify-content: space-between;}

	.d-section h2 {font-size:min(26px , 1.35vw);letter-spacing: 0.03em;text-transform:uppercase;color: #999999;}

	.d-section.section-1 {padding:min(45px , 2.5vw) 50px 0 50px;}
	.d-section.section-2 {padding:min(90px , 5vw) 50px 0 50px;}

	.d-section.section-3 {padding:min(130px , 6.76vw) 50px min(90px , 5vw)  50px} 
	.d-section.section-3 img {width:100%;height:auto;display:block;}

	.d-section.section-4 {padding:min(130px , 6.76vw) 50px min(90px , 5vw) 50px;} 

	.d-section .d-aside {width:25%;}
	.d-section .d-bside {width:75%;}

	.d-section.section-4 .d-aside {width:50%;}
	.d-section.section-4 .d-bside {width:50%;}

	.d-section.section-5 .d-aside {width:48%;}
	.d-section.section-5 .d-bside {width:48%;}

	.d-categories {display:flex;width:100%;justify-content: space-between;}
	.d-category {width:31%;background:#F3F3F3;position:relative;}
	.d-category .img {width:100%}
	.d-category .img img {width:100%;height:auto;display:block;}
	.d-category .title {position:absolute;left:10%;bottom:7%;font-size:min(30px , 1.8vw);}

	.d-mission .title {font-size:min(64px , 3.328vw);line-height:1.17;}
	.d-mission .subscr {font-size:min(20px , 1.04vw);line-height:1.7;padding:min(80px , 4.16vw) 0 0 30%;}

	.d-aside-about p {font-size:min(60px , 3vw);line-height:1.17;margin:min(64px , 3.328vw) min(80px , 4vw) 0 0;}

	 ol li h5 {font-size:min(30px , 1.56vw);margin:0 0 min(15px , 0.78vw) 0}
	 ol li p {font-size:min(20px , 1.04vw);margin:0 0 0 0;line-height:1.5}
	 ol li {min-height:min(228px , 11.856vw);padding:min(40px , 2.08vw) 0 min(16px , 0.832vw) min(200px , 10.4vw);border-top:1px solid #C4C4C4;position:relative;}
	 ol li:before {color:#DDDDDD;position:absolute;left:0;top:min(40px , 2.08vw);font-size:min(60px , 3.12vw)}
	 ol li:nth-child(1) {border:none;padding-top:0;min-height:min(175px , 9.1vw);}
	 ol li:nth-child(1):before {top:0}


	.section-5 p {margin:0 0 min(80px , 4.032vw) 0;line-height:1.7;}
	.section-5 img {width:100%;height:auto;display:block;}
	.section-5 ul li {position:relative;margin:0 0 min(20px , 1vw) 0;padding:0 0 0 min(25px , 1.3vw)}
	.section-5 ul li:before {position:absolute;left:0;top:min(4px , 0.208vw);width:7px;height:7px;background:#555555;border-radius:100%;content:'';}
	.section-5 h3, .section-5 h4, .section-5 h5 {font-size:min(30px , 1.56vw);margin:0 min(100px , 5.2vw) min(50px , 6.032vw) 0;line-height:1.4}

	.d-locations {width:100%;display:flex;justify-content: space-between;border-top:1px solid #B7B8C6;margin:min(30px , 1.56vw) 0 0 0;padding:min(60px , 3vw) 0 0 0; }
	.d-location {width:29%;text-align:center;}
	.d-location h5 {font-size:min(30px , 1.56vw);margin:0 0 min(30px , 1.56vw) 0;line-height:1.33;}
	.d-location p {margin:0 0 min(30px , 1.56vw) 0;line-height:1.7;}
	.d-location a.email {color:#A7A9B0;text-decoration:underline;}
}


@media only screen and (max-width: 640px) {

	body {font-size:20px;}
	header {position:fixed;z-index:100;left:0px;top:0px;min-height:90px;width:100%;background:#000;}

	.d-logo {position:absolute;top:50%;height:50%;left:30px;width:auto;transform:translate(0%,-69%);}

	.main {padding:90px 0 0 0;}

	.d-menu {font-size:18px;padding:0 30px 0 200px;position:relative;width:100%;justify-content: space-between;}
	.d-menu {}
	.d-menu a {display:block;    padding: 20px 0px 0 0;    line-height: 80px;}
	.d-menu span {display:block;    padding: 20px 0px 0 0;    line-height: 80px;}
	.d-menu span.head {padding: 20px 0px 0 0;    line-height: 1;}

	.d-wrapper {width:100%;}

	.d-keyvisual {overflow:hidden;background-size:cover;width:100%;color:#fff;text-transform:uppercase;line-height:1;font-weight:200;position:relative}
	.d-keyvisual-image img {width:100%;display:block;height: 500px;object-fit: cover;}
	.d-keyvisual-image video {width:100%;height:auto;display:block;object-fit:cover}
	.d-keyvisual-text {position:absolute;left:40px;top:50%;width:87%;font-size:55px;padding:0;transform:translate(0,-50%);}

	.d-section {padding:50px 30px 40px 30px;}

	.d-section.section-3 img {width:100%;height:auto;display:block;}

	.d-section h2 {font-size:26px;letter-spacing: 0.03em;text-transform:uppercase;color: #999999;margin:0 0 20px 0}


	.d-categories {display:flex;width:100%;justify-content: space-between;}
	.d-category {width:31%;background:#F3F3F3;position:relative;}
	.d-category .img {width:100%}
	.d-category .img img {width:100%;height:auto;display:block;}
	.d-category .title {position:absolute;left:10%;bottom:7%;font-size:20px;}

	.d-mission .title {font-size:42px;line-height:1.17;padding:0 40px 0 0;}
	.d-mission .subscr {font-size:20px;line-height:1.7;padding:40px 0 0 0;}

	.d-aside-about p {font-size:42px;line-height:1.17;margin:0px 80px 60px 0;}

	 ol li h5 {font-size:24px;margin:0 0 10px 0}
	 ol li p {font-size:18px;margin:0 0 0 0;line-height:1.5}
	 ol li {min-height:114px;padding:30px 40px 30px 120px;border-top:1px solid #C4C4C4;position:relative;}
	 ol li:before {color:#DDDDDD;position:absolute;left:0;top:30px;font-size:40px}
	 ol li:nth-child(1) {border:none;padding-top:0;min-height:}
	 ol li:nth-child(1):before {top:0}


	.section-5 p {margin:0 0 40px 0;line-height:1.7;}
	.section-5 img {width:100%;height:auto;display:block;}
	.section-5 ul {margin:0 0 50px 0;}
	.section-5 ul li {position:relative;margin:0 0 20px 0;padding:0 0 0 25px}
	.section-5 ul li:before {position:absolute;left:0;top:4px;width:7px;height:7px;background:#555555;border-radius:100%;content:'';}
	.section-5 h3, .section-5 h4, .section-5 h5 {font-size:42px;margin:0 100px 50px 0;line-height:1.4}

	.d-locations {width:100%;border-top:1px solid #B7B8C6;margin:30px 0 0 0;padding:60px 0 0 0; }
	.d-location {width:100%;text-align:center;margin:0 0 50px 0}
	.d-location h5 {font-size:42px;margin:0 0 10px 0;line-height:1.33;}
	.d-location p {margin:0 0 10px 0;line-height:1.7;}
	.d-location a.email {color:#A7A9B0;text-decoration:underline;}
}

@media only screen and (min-width: 641px) {

	.t-trademarks h1 {text-align:center;font-size:min(90px , 4.68vw);margin:min(100px , 5.2vw) 0 min(100px , 5.2vw) 0;font-weight:200}
	.t-section img {width:100%;height:auto;display:block;}
	.t-section img.logo {width:min(263px , 14vw);;}
	.t-section p {line-height:1.7;font-weight:500;}
	.t-section {margin:auto auto min(120px , 6.6vw) auto ;max-width:1500px;width:79%;padding:0 50px;display:flex;align-items: flex-end;}
	.t-section .a-side {width:30%;padding:0 min(60px , 3.12vw) 0 0;}
	.t-section .b-side {width:70%;padding:0 0 10px 0}
	.t-section .a-side h3 {font-size:min(60px , 3.12vw);margin:0 0 min(20px , 1.04vw) 0}

	.t-section:nth-child(odd) {flex-direction: row-reverse;}

                        
	.t-trademarks .t-section:nth-child(2n+1) .a-side {width:35%;padding:0 min(60px , 3.12vw) 0 min(120px , 6vw);}
	.t-trademarks .t-section:nth-child(2n+1) .b-side {width:65%;}
	
	.t-trademarks .t-section:nth-child(3n+1) .a-side {width:30%;padding:0 min(60px , 3.12vw) 0 0;}
	.t-trademarks .t-section:nth-child(3n+1) .b-side {width:70%;}

	.t-trademarks .t-section:nth-child(4n+1) .a-side {width:30%;padding:0 0 0 min(120px , 6vw);}
	.t-trademarks .t-section:nth-child(4n+1) .b-side {width:70%;}

}

@media only screen and (max-width: 640px) {

	.t-trademarks h1 {text-align:center;font-size:70px;margin:60px 0 40px 0;font-weight:200}
	.t-section {padding:0 30px 70px 30px;display:block;}
	.t-section img {width:100%;height:auto;display:block;}
	.t-section img.logo {width:268px;margin:auto;}
	.t-section p {line-height:1.7;font-weight:500;font-size:20px;}
	.t-section {text-align:center;}
	.t-section .a-side {padding:0 0 30px 0}
	.t-section .b-side {}
	.t-section .a-side h3 {font-size:45px;margin:0 0 10px 0;}
}



@media only screen and (min-width: 641px) {

	.t-trademark-intro {text-align:center;display:block;margin:0 auto min(100px , 5vw) auto}
	.t-trademark-intro h2 {color:#000;}
	.t-trademark-intro h1 {margin:min(80px , 4vw) auto min(30px , 1.5vw) auto;font-size:min(40px , 2.08vw);}
	.t-trademark-intro img {width:13vw}
	.t-trademark-intro p {line-height:1.7;margin:min(30px , 1.5vw) min(90px , 4.5vw) min(40px , 2vw) min(90px , 4.5vw);}
	.t-trademark-intro a {text-decoration:underline}
	

	.t-trademark-grid {width:100%;display:flex;margin:0 0 0 0;}
	.t-trademark-aside {width:50%;}
	.t-trademark-bside {width:50%;padding:0 0 0 min(32px , 1.664vw);}

	.t-trademark-bside.video {margin-top: min(153px , 8vw);}

	.t-trademark h3 {font-size:min(64px , 3vw);line-height:1.17;margin:0 min(40px , 2vw) min(66px , 3vw) 0}
	.t-trademark-intro h3 {text-align:left;margin:min(80px , 4vw) 35% min(-20px , -1vw) 0}
	.t-trademark .t-trademark-bside h3 {font-size:min(64px , 3vw);line-height:1.17;margin:0 min(40px , 2vw) min(100px , 5.2vw) min(30px , 1vw)}
	.t-trademark-text img {display:block;width:100%;margin:0 0 min(32px , 1.664vw) 0;}



	.t-trademark-text .url {text-align:center;margin:min(100px , 5vw) 0 0 0;}
	.t-trademark-text .url a {text-decoration:underline;color:#212121}
	.t-trademark-text ol {margin:min(40px , 2vw) min(40px , 2vw) min(40px , 2vw) min(40px , 2vw);line-height:1.5;}

	.t-trademark .d-keyvisual-image img {width:100%}
	.t-trademark .d-keyvisual-image video  {width:100%;height:auto;margin:0 0 min(32px , 1.664vw) 0;}
}



@media only screen and (max-width: 640px) {

	.t-trademark-intro {text-align:center;display:block;padding:50px 30px 0px 30px;}
	.t-trademark-intro h1 {margin:0px auto 40px auto;font-size:40px;}
	
	.t-trademark-intro p {line-height:1.7;margin:40px auto 0px auto;}

	.t-trademark-grid {width:100%;margin:0px 0 0 0;}
	.t-trademark-aside {}
	.t-trademark-bside {}

	.t-trademark h3 {font-size:40px;line-height:1.17;margin:0 0 40px 0;text-align:center;}
	.t-trademark-intro h3 {margin:30px 0 20px 0;}
	.t-trademark img {display:block;width:100%;margin:0 0 32px 0;}
	.t-trademark h1 img {width:268px;margin:0 auto 32px auto;}

	.t-trademark .d-keyvisual-image img {width:100%;height:auto;margin-top:30px}
	.t-trademark .d-keyvisual-image video  {width:100%;height:auto;margin:0 0 30x 0;}

	.t-trademark-text .url {text-align:center;margin:40px 0 0 0;}
	.t-trademark-text .url a {text-decoration:underline;color:#212121}

}



@media only screen and (min-width: 641px) {

        .d-section-contacts {padding-bottom:100px;min-width:1000px;}
	.d-section-contacts h1 {text-align:center;font-size:60px;margin:70px 0 40px 0;font-weight:200;font-weight:200}

	.d-section .d-aside-contact {width:30%;padding:0 50px 0 0;;line-height:1.17;}

	.d-section .d-bside-contact {width:40%}


	.d-section .d-cside-contact {width:30%;padding:0 0% 0 50px;}

	.d-section-contacts p {line-height:1.4;margin:0 0 20px 0;color:rgb(104, 104, 104);font-size:19px;}
	.d-section-contacts p a.phone {text-decoration:underline;}
	.d-section-contacts p strong {color:#000;font-weight:normal}
	.d-section-contacts p.c1 {margin:0 0 50px 0;}

}

@media only screen and (max-width: 640px) {

        .d-section-contacts {padding-bottom:100px;min-width:100px;}
	.d-section-contacts h1 {font-size:40px;margin:40px 0 40px 0;font-weight:200;font-weight:200}

	.d-section .d-aside-contact {width:100%;line-height:1.17;}

	.d-section .d-bside-contact {width:100%}


	.d-section .d-cside-contact {width:100%;}

	.d-section-contacts p {line-height:1.4;margin:0 0 20px 0;color:rgb(104, 104, 104);font-size:19px;}
	.d-section-contacts p a.phone {text-decoration:underline;}
	.d-section-contacts p strong {color:#000;font-weight:normal}
	.d-section-contacts p.c1 {margin:0 0 50px 0;}

}



.form-item {position:relative;height:60px;margin:0 0 20px 0;}


.form-item-textarea {height:160px;}

.form-item-c {height:auto;margin:0 0 10px 0;}
.form-item.submit {margin:20px 0 0 0;}
.form-item.label-set {height:auto;}
.form-item .placeholder {position:absolute;color:#999999;left:20px;top:20px;z-index:1;transition:transform 0.2s ease;transform-origin:left top;font-size:18px;}
.form-item .placeholder span {color:red;font-size:18px;}


.form-item .input {position:relative;z-index:2;}
.form-item.filled .placeholder {left:20px;top:21px;transform:translateY(-13px) scale(0.85,0.85);z-index:3;font-size:14px;color:#7A7A7A}
.cf:focus {border:1px solid #7A7A7A;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.20);}

.form-item-label {display:block;margin:-10px 0 0 0;}

.form-item.error {color:red}
.form-item.error .placeholder {color:red}
.form-item.error .cf {border-bottom:1px solid red;color:red}
.form-item.error .label {color:red}

.form-item .captcha img {width:75px;height:42px;}
.form-item .captcha {position:absolute;right:10px;top:10px;z-index:100;cursor:pointer;}



.form-item-title {font-size: 14px;line-height: 15px;color: #7A7A7A;margin:0 0 20px 0}
