/* patterns */
.white-pattern-1 {
	background: url(../img/white_pattern_1.png);
}
.white-pattern-2 {
	background: url(../img/white_pattern_2.png);
}
.showcase-pattern {
	background: url(../img/showcase_pattern.png);
}


/* slick */
.slick-arrow {
	display: block;
	width: 2rem;
	height: 2rem;
	box-sizing: border-box;
	text-align: center;
	padding: .5rem 0;
	background: rgba(255,255,255,.5);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.slider.outside .slick-prev {
	left: -2rem;
}
.slider.outside .slick-next {
	right: -2rem;
}
.slider.onborder .slick-prev {
	left: -1rem;
}
.slider.onborder .slick-next {
	right: -1rem;
}
.slick-arrow {
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	background: rgba(255,255,255,.7);
	cursor: pointer;
}
.slick-arrow:hover,
.slick-arrow:focus {
	background: rgba(255,255,255,.6);
}
.slick-arrow:active {
	background: rgba(255,255,255,.9);
}
.slick-arrow.slick-disabled {
	background: rgba(255,255,255,.5);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.2);
	opacity: .5;
}
.slick-arrow img {
	display: inline-block;
	width: auto;
	height: 1rem;
}

/* bread */
.bread {
	top: 10rem;
	z-index: 10;
}
.bread img {
    display: inline-block;
    height: .875em;
    width: auto;
    position: relative;
    top: .125rem;
    opacity: .5;
    margin: 0 .625rem;
}


/* header */
.header {
	position: fixed;
	width: 100%;
	top: 0;
	padding: 2.1875rem 0;
	transition: all .3s, width 0s;
	z-index: 10;
}
.header.fix {
	padding: 0;
	transform: translateY(-100%);
	transition: all .3s, width 0s;
}
.header.fix.act {
	transform: translateY(0);
	transition: all .3s, width 0s;
}
.header .container {
	max-width: 120rem;
}
.header a {
	color: white;
}
.header .back {
	height: 11.0625rem;
	background: url(../img/showcase_pattern.png);
	opacity: 0;
	transition: .3s;
}
.header.fix .back {
	height: 3.725rem;
	opacity: 1;
}
.header .logo-wrapper {
	flex-basis: 11.25rem;
	width: 11.25rem;
	padding-right: 2rem;
	height: 4.5rem;
	display: block;
	transition: .3s;
}
.header.fix .logo-wrapper {
	height: 3.25rem;
}
.header .logo {
	width: auto;
	max-width: initial;
	height: 200%;
	position: relative;
	top: -1rem;
}
.header.fix .logo {
	height: 100%;
	top: 0;
}
.logo {
	transform: scale(1);
	transition: .1s ease-out;
}
.logo:hover {
	transform: scale(1.05);
	transition: .05s linear;
}
.header .menu ul {
    list-style: none;
    padding: 0;
    margin: 50px 0 0 -50px;
    flex-basis: 80rem;
}
.header.act .menu ul {
    margin: 20px 0 0 -50px;
}
.header .menu li{
	position: relative;
	margin: 0 10px;
}
.header .menu li:hover{
	z-index: 1;
}
.header .menu .menu__ul{
	position: relative;
}
.header .menu .sub-menu {
    position: absolute;
    opacity: 0;
    transition: all 1s ease;
    left: 0;
    padding: 20px;
    top: 30px;
    background: #0C162D;
    margin: 0!important; 
    z-index: -1;  
}
.header .menu .sub-menu{	
	margin: 0;	
}
.header .menu .sub-menu li{
	margin: 0 0 20px;
}
.header .menu .menu-item-21:hover .sub-menu{
	opacity: 1;
	z-index: 1;
}
.header .menu .menu__ul li::before {
	content: '•';
	position: absolute;
  left: 0.1rem;
  color: #0086c8;
  font-family: 'Arial', sans-serif;
}
.header .menu .item, .header .menu li a {
	box-sizing: border-box;
	position: relative;
	padding: 1.1rem .55rem 1rem 1rem;
	white-space: nowrap;
	font-size: 1rem;
	color: #fff;
	border-radius: .1875rem;
}
.header.fix .menu .item,.header.fix .menu li a{
	padding: 0.5rem .25rem 0.6rem .75rem;
	font-size: 0.8rem;
}
.header .menu .menu-item-21:after{
	content: '\203A';
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	transform: rotate(90deg);
}
.header .menu .item + .item {
	margin-left: 1%;
}
.header .menu .item:hover,.header .menu li a:hover {
	text-decoration: none;
	background: rgba(255,255,255,.1);
}
.burger-wrapper {
	display: none;
	flex-basis: 4.5rem;
}
.burger {
	width: 4rem;
	opacity: .95;
	transition: .2s;
	cursor: pointer;
	padding: .8125rem;
	position: relative;
	right: -.8125rem;
	margin-left: 1rem;
}
.burger:hover {opacity: 1; transition: .1s}
.burger g, .burger .l1, .burger .l2, .burger .l3 {transition: 0.4s}
.burger g {display: block; transform: rotate(0deg)}
.drop-menu .burger g {transform: rotate(45deg)}
.drop-menu .burger .l1 {transform: translateY(30px)}
.drop-menu .burger .l2 {transform: rotate(90deg)}
.drop-menu .burger .l3 {transform: translateY(-30px)}
.mob-menu .menu {
	flex-basis: 100%;
	flex-wrap: wrap;
}
.mob-menu .back {
	background: rgba(8,16,31,.9);
}
.mob-menu .container {
	width: 100%;
	max-width: auto;
}
.mob-menu .logo-wrapper {
	padding-left: 5%;
}
.mob-menu .burger-wrapper {
	padding-right: 5%;
	display: block;
}

.drop-menu .back {
	background: rgba(8,16,31,1);
	opacity: 1;
	height: 34rem;
}
.drop-menu.fix .back {
	height: 34rem;
}
.drop-menu .logo-wrapper {
	height: 2rem;
}
.drop-menu .menu .item {
	display: block;
	padding: 0 5%;
	transform: translateY(-1rem) scale(.8);
	height: 4.125rem;
	line-height: 4.125rem;
	transform: translateY(0) scale(1);
	opacity: 1;
}
.drop-menu .menu .item + .item {
	margin-left: 0;
}
.drop-menu .menu .item.about{
	font-size: 0.9rem;
	padding: 0 0 0 7%;
	height: 3rem;
    line-height: 3rem;
}
.header .menu .item:nth-of-type(3) {transition: all .3s .3s, background .2s, order 0s}
.header .menu .item:nth-of-type(4) {transition: all .3s .25s, background .2s, order 0s}
.header .menu .item:nth-of-type(5) {transition: all .3s .2s, background .2s, order 0s}
.header .menu .item:nth-of-type(6) {transition: all .3s .15s, background .2s, order 0s}
.header .menu .item:nth-of-type(7) {transition: all .3s .1s, background .2s, order 0s}
.header .menu .item:nth-of-type(8) {transition: all .3s .05s, background .2s, order 0s}
.header .menu .item:nth-of-type(9) {transition: all .3s 0s, background .2s, order 0s}
.header.drop-menu .menu .item:nth-of-type(3) {transition: all .3s, height 0s, background 0s, order 0s}
.header.drop-menu .menu .item:nth-of-type(4) {transition: all .3s .05s, height 0s, background 0s, order 0s}
.header.drop-menu .menu .item:nth-of-type(5) {transition: all .3s .1s, height 0s, background 0s, order 0s}
.header.drop-menu .menu .item:nth-of-type(6) {transition: all .3s .15s, height 0s, background 0s, order 0s}
.header.drop-menu .menu .item:nth-of-type(7) {transition: all .3s .2s, height 0s, background 0s, order 0s}
.header.drop-menu .menu .item:nth-of-type(8) {transition: all .3s .25s, height 0s, background 0s, order 0s}
.header.drop-menu .menu .item:nth-of-type(9) {transition: all .3s .3s, height 0s, background 0s, order 0s}


.header .contact {
	flex-basis: 20rem;
	margin: 20px 0 0;
}
.header.fix .contact{
	margin: 10px 0 0;
}
.header .contact .icon {
	display: inline-block;
	height: 1.375em;
	width: auto;
	position: relative;
	top: .375em;
}
.header .contact  > :nth-child(n) {
	white-space: nowrap;
	font-size: 1rem;
	margin-left: 4rem;
}
.header .contact .phone {
	padding: .5rem;
	border-radius: .1875rem;
	font-size: 1rem;
	transition: .2s;
}
.header .contact .phone:hover {
	text-decoration: none;
	background: rgba(255,255,255,.1);
}
.mob-menu .addit {
	display: none;
}
.header .contact .member-request-btn-wrapper {
	padding: 0;
	margin: 14px 0 0 4rem;
}
.header.fix .contact .member-request-btn-wrapper,.header.fix .lang-wrapper{
	display: none;
}
.member-request-btn {
	width: 11rem;
}
.lang-wrapper {
	right: 0;
	top: -100%;
	top: calc(-.1875rem - 20%);
}
.lang {
	width: 11rem;
	padding: 0 .75rem;
	border: rgba(255,255,255,.3) solid .0625rem;
	border-radius: .375rem;
	box-sizing: border-box;
}
.lang > :nth-child(n) {
	padding: .25rem;
	transform: scale(1);
	transition: .2s;
}
.lang > :nth-child(n) + :nth-child(n) {
	margin-left: .5rem;
}
.lang > :nth-child(n):hover {
	/*background: rgba(255,255,255,.1);*/
	transform: scale(1.4);
	transition: .1s;
}
.lang img {
	height: 1.25rem;
	width: 1.25rem;
}


/* showcase */
.showcase-pattern-main {
	width: 200%;
	left: -50%;
	bottom: 7rem;
	top: auto;
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.showcase .container {
	max-width: 120rem;
}
.showcase .container.contact {
	max-width: 90rem;
}
.showcase a:not(.blue) {
	color: white;
}
.intro-wrapper {
	padding-top: 15rem;
}
.showcase .intro.main {
	width: 100%;
	max-width: 27rem;
	box-sizing: border-box;
	font-size: inherit;
}
.showcase .intro.about {
	max-width: 35rem;
}
body.mob .showcase .intro.about {
	margin: 0 auto;
}
.showcase .intro.services {
	max-width: 45rem;
}

.showcase .select-wrapper {
	white-space: nowrap;
	width: 18rem;
	/* z-index: 1; */
}
.showcase .dropdown {
    z-index: 10;
}
body.mob .showcase .select-wrapper {
	width: 18rem;
}
.showcase .select-wrapper select,
.showcase .select-wrapper .select {
	width: 8rem;
}
body.mob .showcase .select-wrapper select,
body.mob .showcase .select-wrapper .select {
	width: 19rem;
    *margin: 0 0 0 -10rem;
}

.showcase-map-wrapper {
	height: auto;
	
}
.showcase-map-wrapper.map {
	width: 120%;
	left: -20%;
	
}
body.mob .showcase-map-wrapper.main {
	width: 75%;
	left: 25%;
	top: 50%;
	transform: translateY(-50%);
}
.showcase .dot {
	position: absolute;
	display: block;
}
.showcase .dot.dis {
	opacity: .2;
}
.showcase .dot .circle {
	width: .5rem;
	height: .5rem;
	background: #ffa202;
	border: .0625rem solid white;
	box-sizing: border-box;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.showcase .dot .circle::after {
	content: '';
	width: 1rem;
	height: 1rem;
	left: -.3125rem;
	top: -.3125rem;
	border-radius: 50%;
	position: absolute;
}
.showcase .dot.act .circle {
	background: #0086c8;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.3);
	width: .75rem;
	height: .75rem;
	left: -.125rem;
	top: -.125rem;
	z-index: 4;
}
.showcase .dot.act .circle::after {
	left: -.1875rem;
	top: -.1875rem;
}
.showcase .dot:hover .circle {
	z-index: 6;
}
.showcase .dot .popup {
	display: none;
	position: absolute;
	bottom: 100%;
	bottom: calc(100% - .375rem);
	left: .375rem;
	transform: translateX(-50%);
	border: .0625rem solid rgba(255,255,255,.5);
	border-radius: .1875rem;
	line-height: 1.75rem;
	padding: 0 .875rem;
	font-size: .75rem;
	z-index: 1;
	white-space: nowrap;
}
.showcase .dot.act .popup {
	display: block;
	z-index: 3;
}
.showcase .dot:hover .popup {
	display: block;
	z-index: 5;
}
.showcase .dot .icon {
	display: inline-block;
	margin-right: .375rem;
	position: relative;
	top: .1875rem;
	height: .875rem;
	width: .875rem;
	border: .0625rem solid white;
	border-radius: 50%;
	overflow: hidden;
}
.showcase .dot img {
	height: 1.3125rem;
	width: 1.3125rem;
	max-width: inherit;
	position: absolute;
	top: -.21875rem;
	left: -.21875rem;
}
.showcase .dot[country="rus"] {left: 72%; top: 36%}
.showcase .dot[country="ger"] {left: 58%; top: 44%}
.showcase .dot[country="usa"] {left: 31%; top: 46%}

h1.main-page{
	width: 900px;
}

/* about */
.blocks-wrapper {
	margin-left: 4rem;
}
body.mob .blocks-wrapper {
	margin: 3rem 0rem 2rem;
}
.blocks {
	max-width: 35rem;
	margin-left: auto;
	margin-right: auto;
}
body.desk .blocks {
	top: -2rem;
}
body.mob .blocks {
	top: 0;
}
body.desk .blocks.about {
	top: 0;
	margin: auto;
}
.blocks > div + div {
	margin-left: 1.5rem;
}
.blocks.about .flex > div + div {
	margin-left: 1.5rem;
}
.blocks .item {
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.blocks.about .item {
	border: #0086c8 solid .0625rem;
}
.blocks .num {
	position: absolute;
	color: #5d606b;
	font: 4rem 'Gotham Pro', 'Open Sans', 'Roboto', sans-serif;
	font-weight: 600;
	letter-spacing: -.075em;
}
.blocks.about .num {
	color: #fff;
}
.blocks .wrd {
	position: absolute;
	color: #0086c8;
	text-transform: uppercase;
	font-size: 1.125rem;
	padding: 1.5rem 0 1.5rem;
}
.blocks.about .wrd {
	color: #ffc000;
}
.block-2 .wrd {
	padding: 1rem 0;
}
.blocks.about .block-2 .wrd {
	padding: 1rem 0 1rem;
}
body.mob .blocks.about .num {
	font-size: 3rem;
}
body.mob .blocks.about .wrd {
	font-size: .875rem;
	padding: 1.125rem 0 .75rem;
}
body.mob .block-2.about .wrd {
	padding: 1rem 0;
}
.block-1 {
	background: white url(../img/main_b1.png) no-repeat right bottom/50%;
}
.block-2 {
	background: white url(../img/main_b2.png) no-repeat right bottom/70%;
}
.block-3 {
	background: white url(../img/main_b3.png) no-repeat right bottom/80%;
}
.blocks.about .block-1 {
	background: rgba(0,134,200,.2) url(../img/main_b1.png) no-repeat right bottom/50%;
}
.blocks.about .block-2 {
	background: rgba(0,134,200,.2) url(../img/main_b2.png) no-repeat right bottom/70%;
}
.blocks.about .block-3 {
	background: rgba(0,134,200,.2) url(../img/main_b3.png) no-repeat right bottom/80%;
}
.about-slider .slide img {
    border-radius: 1rem;
}
#comments {
    display: none;
}
.loop_cicle_href-1{
	display: block;
	margin: 0 auto 20px;
}
.loop_cicle_href-2{
	display: inline-block;
	margin: 0 auto 20px;
	vertical-align: middle;
	max-width: 300px;
}
.loop_cicle_href-1 span{
	display: block;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.loop_cicle_href-1 img{
	display: block;
}
.loop_cicle_exp{
	display: inline-block;
	vertical-align: middle;
	max-width: 70%;
	margin: 0 0 0 20px;
} 
/* services */
.services .fill-blue {
	width: 200%;
	height: 200%;
	left: -50%;
	bottom: -75%;
	top: auto;
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}
.services_bg {
	width: auto;
	max-width: 25%;
	left: 25%;
}
.services-slider .slide {
	height: 100%;
	display: none;
}
.services-slider .item {
	height: 11rem;
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	background: rgba(0,134,200,.5);
	border: .0625rem solid white;
	box-sizing: border-box;
	padding: 2rem 1rem 1rem;
	margin: 0 .5rem;
}
.services-slider.onborder .slick-prev {
	left: -.5rem;
}
.services-slider.onborder .slick-next {
	right: -.5rem;
}
.services-slider .icon {
	/*flex-basis: 66%;*/
	width: 40%;
	height: 5.1875rem;
}
.services-slider .wrd {
	/*flex-basis: 33%;*/
	color: white;
	font-size: .875rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.25em;
}
/*single*/
.single.text{
	max-width:100%;
	padding: 0 0 30px;
}
.single.text h1{
	font: 2.6875rem/1.15em 'Yanone Kaffeesatz', 'Roboto Condensed', sans-serif;
}
.single.text img{
	width:auto; 
	height:auto;
}

/* gallery */
.gallery .item {
	margin: .75rem;
	border-radius: 1.5rem;
	overflow: hidden;
}
.gallery .large-item {
	height: calc(100% - 1.5rem);
}
.text-1{
	line-height: 1.5em;
}

/* partners */
.partners {
	background: #f7f7f7;
	padding: .5rem 0;
}
.partners .item {
	display: block;
	margin: 0 2rem;
	margin: 0 2vw;
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	opacity: .5;
	transition: .2s;
}
.partners .item:hover,
.partners .item:focus {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
	opacity: .8;
	transition: .1s;
}
.partners .item:active {
	opacity: 1;
	transition: 0s;
}


/* footer */
.footer .menu {
	white-space: nowrap;
}
.footer .menu .item {
	font-size: 1.5rem;
	line-height: 1.15em;
	font-family: 'Yanone Kaffeesatz', 'Roboto Condensed', sans-serif;
	padding: 0 0 .25rem 0;
	color: #0c162d;
	margin-right: 2rem;
}
.footer .text {
	max-width: 35rem;
}
.footer .contact .icon {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	position: relative;
}
.footer .phones .icon {
	width: 1.25rem;
	height: 1.25rem;
	top: .125rem;
}
.footer .mail .icon {
	width: 1.25rem;
	height: 1.25rem;
	top: .25rem;
}
.footer .contact .item {
	white-space: nowrap;
	font-size: 1.0625rem;
}
.footer .lang {
	padding: 0 1.0625rem;
	height: 2.25rem;
	border: rgba(0,0,0,.2) solid .0625rem;
}
.footer .lang img {
    width: 1.5rem;
    height: 1.5rem;
}
.socials a {
	display: inline-block;
	height: 2.25rem;
	width: 2.25rem;
	box-sizing: border-box;
	margin-right: 1.25rem;
	padding: .5rem;
	opacity: 1;
	border-radius: .125rem;
	transition: .2s;
}
.socials a:hover {
    opacity: .8;
    transition: .1s;
}
.socials a.fb {
	background: #3a589b;
}
.socials a.in {
	background: #517fa6;
	padding: .4375rem;
}
.socials a.vk {
	background: #4489c8;
	padding: .375rem;
}
.socials a img {
	height: 100%;
	width: 100%;
	transform: scale(1);
	transition: .2s;
}
.socials a:hover img {
    transform: scale(1.2);
	transition: .1s;
}


/* about */
.about-slider-wrapper {
	margin-top: 15rem;
}
.about-slider .slide {
	padding: 0 .75rem;
}
.about-slider .slick-prev {
	left: -.25rem;
}
.about-slider .slick-next {
	right: -.25rem;
}

.codex-list {
	width: calc(100% + 1.5rem);
	left: -.75rem;
}
.codex-list > div {
	flex-basis: 24%;
	margin: 0 0.3%;
}
body.mob .codex-list > div {
	flex-basis: calc(50% - 1.5rem);
}
.codex-list .item {
	border: #fff solid .0625rem;
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	padding: 1.5rem 2rem;
}
.title {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.1em;
}
.block {
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	background: rgba(0,134,200,.2);
	padding: 1.5rem 2rem;
	border: #0086c8 solid .0625rem;
}
.block .button {
	padding-left: 2rem;
	padding-right: 2rem;
}
.services-list .flex > div {
	min-width: 5rem;
	padding: .75rem;
	box-sizing: border-box;
	text-align: center;
}
.services-list .item {
	display: inline-block;
	max-width: 18rem;
	min-height: 16rem;
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	background: #fff;
	padding: 2rem 1rem;
	border: #fff solid .125rem;
	text-decoration: none;
	cursor: pointer;
	color: #999;
	text-align: left;
	transition: .2s;
}
.services-list .item:hover {
	background: #0086c8;
	color: #fff;
	transition: .1s;
}
.services-list .item:hover .blue {
	color: #fff;
}
.services-list .item:hover .hover,
.services-list .item .unhover {
	display: block;
}
.services-list .item .hover,
.services-list .item:hover .unhover {
	display: none;
}
.services-list .icon {
	width: 4.5rem;
	height: 4.5rem;
	margin: 0 auto;
}
.nothing {
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* registry */
.registry-showcase {
	right: 15%;
	bottom: 10%;
	max-height: 70%;
}
body.mob .registry-showcase {
	opacity: .2;
	right: 5%;
}
.search input,
.search button {
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.search input + input,
.search input + button {
	margin-left: 1.5rem;
}
.results {
	background: #fff;
	color: #5d606b;
	padding: 3rem 0;
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.results .first {
	padding: 0 3rem;
	display: none;
}

.results tr:nth-child(odd) {
	background: #f7f7f7;
}
.results td {
	padding: 1rem 0;
}
.results td:first-child {
	padding-left: 3rem;
}
.results td:last-child {
	padding-right: 3rem;
}
.results .icon {
	display: inline-block;
	width: auto;
	height: 1em;
	position: relative;
	top: .125rem;
}
.results .popup {
	/* display: none; */
	height: 0;
	opacity: 0;
	position: absolute;
	bottom: 3.5rem;
	left: 3.5rem;
	transform: translateX(-50%);
	max-width: 18rem;
	border-radius: 1rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	background: #0086c8;
	padding: 0 1rem 0;
	border: #fff solid .125rem;
	color: #fff;
	font: 1rem;
	transition: .2s;
}
.results .popup::after {
	content: '';
	background: #0086c8;
	width: .75rem;
	height: .75rem;
	position: absolute;
	bottom: -.25rem;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
.results .more:hover .popup {
	/* display: block; */
	height: auto;
	padding: 1.5rem 1rem 2rem;
	opacity: 1;
	transition: .1s;
}
.results .popup img {
    height: 0;
}
.results .more:hover .popup img {
    height: auto;
}
.results .add,
.results .remove,
.results .cause {
	margin-bottom: .75rem;
	display: inline-block;
}
.results .desc {
    margin-top: 1rem;
}
.results label,
.results .add,
.results .remove {
	white-space: nowrap;
}
.results label {
	margin-bottom: .25rem;
}
.results .cause {
	line-height: 1.25em;
}


/* map */
.showcase.map .popup {
	background: rgba(14, 21, 47, .5);
	padding: .5rem .875rem;
	z-index: 1;
}
.showcase.map .circle {z-index: 2}
.showcase.map .dot.act .popup,
.showcase.map .dot.act .popup {z-index: 3}
.showcase.map .dot.act .circle {z-index: 4}
.showcase.map .dot .popup hr {
	width: calc(100% + .75rem);
	position: relative;
	left: -.375rem;
	background: rgba(255,255,255,.5);
}
.showcase.map .dot .popup a {
	color: #ffa101;
	font-weight: bold;
	position: relative;
	top: -.5rem;
	text-decoration: underline;
}
.showcase .dot[city="msk"] {left: 64%; top: 41%}
.showcase .dot[city="spb"] {left: 62%; top: 38%}
.showcase .dot[city="brl"] {left: 59%; top: 43%}
.showcase .dot[city="nyk"] {left: 37.8%; top: 49%}


/* contact */
.feedback {
	width: 25rem;
	padding: 3rem;
	background: rgba(255,255,255,.8);
	margin-left: auto;
}
.feedback input,
.feedback textarea {
	width: 100%;
	/* margin-bottom: 1rem; */
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	max-width: initial;
}
.feedback input[type="submit"] {
	width: auto;
}
/* .feedback textarea {
    margin-bottom: 1.5rem;
} */

/* aoa */
.aoa-showcase {
	right: 15%;
	bottom: 10%;
	max-height: 70%;
}
.aoa .item {
	background: #fff;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	padding: 2rem 3rem;
	border-radius: 1rem;
}
.aoa .item + .item {
	margin-top: 1.5rem;
}
.aoa .drop.arrow {
    width: 2.625rem;
    height: 2.625rem;
	padding: .625rem;
	box-sizing: border-box;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.aoa .drop.arrow img {
	width: 1.375rem;
	height: 1.375rem;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .3s;
}
.aoa .drop.arrow.act img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: .3s;
}
.showcase h2 {
	max-width: 25rem;
}
.showcase .center h2 {
	max-width: 25rem;
	margin-left: auto;
	margin-right: auto;
}
.cut {
	display: none;
}


/* service */
.showcase .pic {
	width: 50%;
}
body.mob .showcase .pic {
	width: 25%;
}
.service-request input,
.service-request textarea,
.service-request select {
	width: 100%;
	max-width: initial;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.service-request input + input {
	margin-top: 1.5rem;
}
.service-request textarea {
	height: 5.625rem;
}
.service-request input[type="submit"] {
	width: auto;
}

/*conf*/
#loop_post {
	max-width:100% !important; 
	font-size:26px;
}
.tl-loop img {
	width:200px !important; 
	height:133px !important; 
	float:left; 
	margin-right:15px;
}
.tl-loop div {
    width: 80%;
}
.modal {
  display: none;
  opacity: 0;
  background: rgba(255,255,255,0);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
  opacity: 0;
  transform: scale(1.1);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, background .3s linear;
}
.modal.act {
  display: block;
  opacity: 1;
  transform: scale(1);
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.content {
  padding-bottom: 6rem;
  opacity: 1;
  filter: blur(0px);
  transform: scale(1);
  transition: transform .3s ease-in-out, filter .3s ease-in-out;
}
body.modal-show .content {
  opacity: 1;
  filter: blur(1rem);
  transform: scale(.95);
  transition: transform .3s ease-in-out, filter .3s ease-in-out, opacity .3s linear;
}
.modal .win {
  width: 100%;
  transition: .3s ease-in-out;
}
.modal .win.to-left {
  position: absolute;
  transform: translateX(-100%);
}
.modal .win.from-left {
  transform: translateX(-100%);
}
.modal .win.to-right {
  position: absolute;
  transform: translateX(100%);
}
.modal .win.from-right {
  transform: translateX(100%);
}
.modal .win.to-center {
  transform: translateX(0%);
}

.modal#member-request .win {
	background: #fff;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	padding: 1rem 3rem 3rem;
	border-radius: 1rem;
	position: absolute;
	right: 0;
	top: 7rem;
	max-width: 60%;
	width: 22.5rem;
}
.modal#service-request .win {
	background: #fff;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
	padding: 1rem 3rem 3rem;
	border-radius: 1rem;
	position: absolute;
	max-width: 90%;
	width: 22.5rem;
	left: 50%;
	transform: translateX(-50%);
	top: 20vh;
}
.modal#service-request input,
.modal#service-request select,
.modal#service-request textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: initial;
    box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.modal#service-request .wpcf7-form-control-wrap {
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.modal .win .exit {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	right: 0;
	padding: .5rem;
	opacity: .8;
}
.modal .win .exit:hover {
	opacity: 1;
}
.modal {
	z-index: 10;
}

.modal#member-request input,
.modal#member-request textarea {
	width: 100%;
	max-width: initial;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.2);
}
.modal#member-request input + input,
.modal#member-request input + textarea {
	margin-top: 1rem;
}
.modal#member-request textarea {
	height: 100%;
}
.modal#member-request input[type="submit"] {
    width: auto;
}







/* wp */
/* body.customize-support {margin-top: 2rem} */
.services-list a + p {display: none}
p {margin: 0}
.tablepress {display: none}

/* gallery */
.ngg-galleryoverview,
.ngg-gallery-thumbnail a,
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: 0 !important}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {display: block !important}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {transition: .3s}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img:hover {transition: .1s}

/* form */
form span.wpcf7-form-control-wrap {
    display: block;
    /* margin-top: 1rem; */
}
/* form span.wpcf7-form-control-wrap:first-of-type {
    margin-top: 0;
} */
span.wpcf7-not-valid-tip {
    padding: .5rem;
    font-size: .75rem;
    line-height: 1.25em;
}
div.wpcf7-response-output {
    width: 100%;
    max-width: 25rem;
    margin: 1rem auto 0;
    padding: 1rem;
    border: 0.0625rem solid #ff0000;
    border-radius: .5rem;
    font-size: .875rem;
    line-height: 1.25em;
}
div.wpcf7-mail-sent-ok {
    border: .0625rem solid #398f14;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: .0625rem solid #f7e700;
}
.desc-none{
	display: none;
}
@media (min-width: 1400px){
	.header.act .menu ul {
	    margin: 20px 0 0 10px;
	}
}
@media (max-width: 1100px){
	html{
		font-size: 12px;
	}
	.header.z3.drop-menu {
    	background: rgba(8,16,31,1);
    	transition: .3s;
    	padding: 2.1875rem 0 4rem;
	}
	.header .menu li a::after,.mob-menu .header .menu li a:after {
	  width: 80%;
	  height: .0625rem;
	  left: 50%;
	  transform: translateX(-50%);
	  background: #eee;
	  transition: 0s;
	}
	.header .menu li a:hover::after,.mob-menu .header .menu li a:hover::after {
	  width: 80%;
	  transition: 0s;
	}
	.header .menu li a:last-child::after {
		display: none;
	}
	.header .menu li a.first {
		margin-top:0;
	}
	.mob-menu.fix .item.first {
		margin-top: 0;
	}
	.drop-menu .back{
		display: none;
	}	
	.header .menu .sub-menu li {
    	margin: 0;
	}
	.header .contact{
		text-align: right;
	}
	.header .menu .menu__ul li:before{
		content: none;
	}
	.header .menu .menu-item-21:after{
		content: none;
	}
	.drop-menu .menu .item{
		height: 3rem;
		line-height: 3rem;
	}

	.lang-wrapper {
	    top: calc(-.1875rem - 14%);
	}

}
@media (max-width: 992px){
	html{
		font-size: 10px;
	}
	.header{
		position: static;
		background: url(../img/showcase_pattern.png);
	}
	.header.fix{
		position: fixed;
	}
	.site-main{
		font-size: inherit;
	}
	.header .menu ul,.header.act .menu ul{
		order:  2;
		margin: 0;
		width: 100%;
		left: 0;
		padding: 0 0 50px;
	}
	.header .menu .sub-menu,.header.act .menu .sub-menu{
		position: relative;
		top:  auto;
		left: 30px;
		opacity: 1;
		background: none;
		padding: 0;
	}	
	.header .menu li a,.header.fix .menu li a {
		font-size: 11px;
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.header .menu .menu__ul{
    	position: absolute;
    	top: 90px;
    	background: rgba(8,16,31,1);
    	opacity: 0;
    	padding: 0 0 20px;
	}
	.header:not(.drop-menu) .menu .menu__ul{
		display: none;
	}	
	.header.drop-menu .menu .menu__ul{
		display: block;
	}
	.header.drop-menu .menu__ul{
    	z-index: 12;
    	opacity: 1;
	}
	.header.fix .menu{
		height: 30px;
	}	
	.header.fix .menu .menu__ul{
		top: 50px;
	}
	.header .menu li{
		width: 100%;
	}	
	.burger-wrapper{
		display: block;
	}
	.burger{
		margin: 20px 0 -3px 1rem;
	}
	.drop-menu  .menu .item.about{
		font-size: 0.9rem;
		height: 2.4rem;
		line-height: 2.7rem;
	}
	.lang-wrapper {
    	top: calc(-.1875rem - 0%);
	}
	.header .contact {
	    margin: 14px 0 0;
	}
	.header.fix .contact {
    	margin: 6px 0 0;
	}	
	.header .contact .member-request-btn-wrapper {
	    margin: 4px 0 0 4rem;
	}	
	.burger {
    	margin: 7px 0 -3px 1rem;
	}
	.header.fix .burger {
	    margin: -1px 0 -3px 1rem;
	}
	.intro-wrapper {
	    padding-top: 3rem;
	}	
	.bread{
		top: 1rem;
	}
	.about-slider-wrapper {
    	margin-top: 3rem;
	}
	.tl-loop img {
		width:20% !important; 
		height:auto !important; 
		float:left; 
		margin-right:15px;
	}
	.tl-loop div {
	    width: 74%!important;
	}
	.select-wrapper img{
		right: 1rem;
	}
	#loop_post {
    	font-size: 16px;
	}
	.dropdown .track{
		margin: 20px  0 0;
	}
	.intro.map h2{
		margin: auto auto 30px;
	}
}


@media (max-width: 992px){
	.float.mob-flex {
    	display: flex;
    	flex-wrap: wrap;
	}
	.mob-flex__1 {
   		width: 100%;
   		float: none;
   		order: 1;
	}	
	.mob-flex__2 {
	    float: none;
	    width: 100%;
	    order: 0;
	    top: auto;
    	margin: 20px 0;
	}
	.mob-flex__1 h2{
		margin: 0;
	}	
	.mob-flex__1 .button.yellow{
		margin: auto;
    	display: block;
    	width: 90px;
	}
	.desc-none{
		display: block;
	}
	.mob-none{
		display: none;
	}
}

@media (max-width: 500px){
	html{
		font-size: 7px;
	}
	.burger {
	    margin: 13px 0 7px 1rem;
	    right: 5px;
	}	
	.header .menu .menu__ul	{
		top: 70px;
	}
	.drop-menu.header .contact .member-request-btn-wrapper {
    	margin: 20px 0 0 4rem;
	}
	.drop-menu .burger{
		right: -5px;
	}
	.button, button, input[type="submit"],.header .contact .phone,.footer .text,.footer .contact .item{
		font-size: 17px;
	}
	.button, button, input[type="submit"] {
    	height: 5rem;
    	line-height: 3rem;
    	padding: 1rem 3rem;	
	}
	.header .menu li a,.header.fix .menu li a {
		font-size: 14px;
		height: 4.5rem;
		line-height: 4.5rem;
	}
	.showcase-pattern-main{
		bottom: 4rem;
	}
	.member-request-btn {
    	width: auto;
	}	
	.drop-menu  .menu .item.about{
		font-size: 1.3rem;
	}
	body.mob .blocks.about .num {
    font-size: 2rem;
	}
	.services-slider .icon{
		width: 80%;
	}	
	.services-slider .wrd{
		font-size: 0.575rem;
	}	
	.mob-flex__1 .button.yellow	{
		width: 70%;
	}
	.socials a{
		width: 3.5rem;
		height: 3.5rem;
	}
	.footer .text {
	    max-width: unset;
	}	
	.footer .contact .item{
		white-space: unset;
	}
	.footer .menu {
	    white-space: unset;
	}	
	.footer .menu .item{
		font-size: 17px;
		line-height: 2em;
		font-family: 'Yanone Kaffeesatz', 'Roboto Condensed', sans-serif;
	}
	.footer .lang img {
	    width: 2.5rem;
	    height: 2.5rem;
	    max-width: unset;
	}	
}




@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px){ 

html{
		font-size: 10px !important;
	}

h1.main-page {
    width: 300px !important;
}

}




