@font-face{
	font-style: normal;
	font-weight: 400;
	font-family: "Suisse Intl";
	font-display: swap;
	src: url('fonts/SuisseIntl-Regular-WebM.woff2') format('woff2'),
		 url('fonts/SuisseIntl-Regular-WebM.woff') format('woff');
}
@font-face{
	font-style: normal;
	font-weight: 700;
	font-family: "Suisse Intl";
	font-display: swap;
	src: url('fonts/SuisseIntl-Bold-WebM.woff2') format('woff2'),
		 url('fonts/SuisseIntl-Bold-WebM.woff') format('woff');
}
html{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	font-weight: 400;
}
*{-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;min-height:100vh;}
body{
	overflow-x: hidden;
	background: var(--color-bg);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-family: "Suisse Intl", "Arial", sans-serif;
	color: var(--color-title);
}
img{box-sizing:content-box;}
blockquote,h1,h2,h3,h4,h5,h6,li,ol,p,pre,span,table,td,th,tr,ul{margin:0;padding:0;}
ol,ul{list-style:none;}
span{font-style:inherit;font-family:inherit;font-weight:inherit;}
strong,b{font-family:inherit;font-weight:normal;}
i,em{font-family:inherit;font-style:normal;}
a,a:hover,a:visited,a:focus{outline:none;text-decoration:none;cursor:pointer;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:var(--color-blue);-o-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}
button{cursor:pointer;outline:none;}
button:focus{outline:none;}
button,input,select,textarea{margin:0;padding:0;border:0;background-color:transparent;font-family:inherit;font-size:100%;line-height:1.5rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:var(--color-title);}
input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:auto;}
.clear{clear:both;margin:0;}
:focus{outline:none;}
*,*:after,*:before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
::selection{background:var(--color-title);color:#fff;}
::-moz-selection{background:var(--color-title);color:#fff;}
::-webkit-selection{background:var(--color-title);color:#fff;}
:focus::-webkit-input-placeholder{color:transparent;}
:focus::-moz-placeholder{color:transparent;}
:focus:-moz-placeholder{color:transparent;}
:focus:-ms-input-placeholder{color:transparent;}
input:focus{outline:none;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important;-moz-box-shadow:0 0 0 30px white inset !important;box-shadow:0 0 0 30px white inset !important;}

@media (max-width:1919px){
	html{
		font-size: 0.8vw;
	}
}

@media (max-width:767px){
	html{
		font-size: 3vw;
	}
}

:root{
	--color-white: #fff;
	--color-gray: #f5f8f8;
	--color-gray-dark: #e8f1ef;
	--color-bg: #fff;
	--color-title: #1c2322;
	--color-green: #6aff8d;
	--color-blue: #00c7d9;
	
	--width-full: 90%;
	--width-max: 1700px;
	--width50: 50%;
	--width60: 60%;
	--width70: 70%;
	--width80: 80%;
}

@media screen and (max-width:767px){
	:root{
		--width50: 100%;
		--width60: 100%;
		--width70: 100%;
		--width80: 100%;
	}
}

p,
ul > li{
	width: unset;
	font-size: 1.1rem;
	line-height: 1.6rem;

}
@media (max-width:767px){
	p,
	ul > li{
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
}
@media (max-width:767px) and (orientation:landscape){
	html{
		font-size: 2.2222222222vw;
	}
}


h1,h2,h3,h4,h5,h6{font-weight:inherit;color:inherit;}
h2{
	margin: 0 0 4rem;
	font-size: 3.8rem;
	line-height: 4.2rem;
	letter-spacing: -0.1rem;
}
h3{
	margin: 0 0 2rem;
	font-size: 1.8rem;
	line-height: 2.3rem;
}
h3.long > span{
	color: var(--color-blue);
}
h4{
	position: relative;
	margin: 0 0 2rem;
	font-size: 1.5rem;
	line-height: 2rem;
}
h4.border{
	margin: 0 0 3rem;
	padding: 0 0 3rem;
}
h4.border:before{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 10rem;
	height: 1px;
}
h4.border.dark:before{
	background: var(--color-title);
}
h4.border.light:before{
	background: var(--color-gray);
}

@media (max-width:767px){
	h2{
		margin: 0 0 3rem;
		font-size: 3rem;
		line-height: 3.4rem;
		letter-spacing: -0.05rem;
	}
	h2.width50 > span{
		display: none;
	}
	h3{
		line-height: 2rem;
	}
	h3.long{
		line-height: 2.2rem;
	}
	h4{
		line-height: 1.8rem;
	}
	h4.border{
		margin: 0 0 4rem;
		padding: 0 0 4rem;
	}
}


.padding-page{
	padding: 10rem 0;
}
.no-padding{
	padding: 10rem 0 0;
}
@media (max-width:767px){
	.padding-page{
		padding: 7rem 0;
	}
	.no-padding{
		padding: 7rem 0 0;
	}
}

/* cols2 border */
.cols2-border-wrp{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	position: relative;
	margin: 5rem 0;
}
.cols2-border-wrp:before{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	content: '';
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 40%;
	background: var(--color-blue);
}
.cols2-border-wrp > div{
	width: calc((100% / 2) - 7rem);
}
.cols2-border-wrp > div:nth-child(2){
	text-align: right;
}



/* service photos */
.service-photos-wrp{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	position: relative;
	margin: 5rem 0;
	padding: 0 0 5rem;
	height: 25rem;
}
.service-photos-wrp:before{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 2px;
}
.service-photos-wrp.dark:before{
	background: var(--color-title);
}
.service-photos-wrp.light:before{
	background: var(--color-gray);
}
.service-photos-wrp > a{
	display: block;
	overflow: hidden;
}
.service-photos-wrp > a:nth-child(1){
	width: calc(((100% / 3) * 2) - 2rem);
}
.service-photos-wrp > a:nth-child(2){
	width: calc(100% / 3);
}
.service-photos-wrp > a > img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.service-photos-wrp > a > img:hover{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
a.service-photos-all{
	position: absolute;
	bottom: 6rem;
	left: 1rem;
	z-index: 2;
	padding: 0.8rem 1.2rem 0.8rem 2.6rem;
	background: rgba(255, 255, 255, 0.7);
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-khtml-border-radius: 0.3rem;
	border-radius: 0.3rem;
	font-size: 0.9rem;
	color: var(--color-title);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a.service-photos-all:before{
	position: absolute;
	top: 50%;
	left: 1rem;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	content: "\F0100";
	font-family: "Material Design Icons";
	font-size: 1.2rem;
	color: var(--color-title);
}
a.service-photos-all:hover{
	background: rgba(255, 255, 255, 1);
}
@media (max-width:767px){
	.service-photos-wrp{
		margin: 5rem -2.5rem;
		padding: 0 0 5rem;
		height: 20rem;
		width: calc(100% + 5rem);
	}
	.service-photos-wrp:before{
		position: absolute;
		bottom: 0;
		left: 2.5rem;
		z-index: 1;
		content: '';
		width: calc(100% - 5rem);
		height: 2px;
	}
	.service-photos-wrp > a:nth-child(1){
		width: calc(((100% / 3) * 2) - 1rem);
	}
	a.service-photos-all{
		left: 2.5rem;
	}
}


/* HEADER */
header{
	position: fixed;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	width: 100%;
	height: 5rem;
	background: var(--color-white);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.header-wrp{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	position: relative;
}
.header-logotype > a{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
header > .header-wrp > .header-logotype > a,
header > .header-wrp > .header-contacts > a,
header > .header-wrp > nav > ul > li > a{
	color: var(--color-title);
}
.header-logotype > a > img{
	margin: 0 1rem 0 0;
	height: 3rem;
}
.header-logotype > a > span{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: baseline;
	align-content: center;
}
.header-logotype > a > span{
	font-size: 0.75rem;
	line-height: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
}
/* nav */
nav > ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
nav > ul > li{
	position: relative;
	padding: 0 1rem;
}
nav > ul > li > a{
	position: relative;
	display: block;
	line-height: 5rem;
}
header > .header-wrp > nav > ul > li > a:hover{
	color: var(--color-blue);
}
.header-contacts{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.header-contacts > a.header-phone{
	display: block;
	line-height: 5rem;
}
.header-contacts > a.header-phone:hover{
	color: var(--color-blue);
}
.header-contacts > a.link-style.header-mail{
	margin: 0 0 0 2rem;
	padding: 0.8rem 1.5rem 0.8rem 3rem;
	color: var(--color-white);
}
.header-contacts > a.link-style.header-mail:before{
	position: absolute;
	top: 50%;
	left: 1rem;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	content: "\F01EF";
	font-family: "Material Design Icons";
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: var(--color-white);
}
@media (max-width:767px){
	nav{
		display: none;
	}
	.header-contacts > a.link-style.header-mail{
		margin: 0 0 0 1rem;
		padding: 1.3rem 1.5rem;
	}
	.header-contacts > a.link-style.header-mail:before{
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	.header-contacts > a.link-style.header-mail > span{
		display: none;
	}
}



/* ARTICLE */
article{
	overflow: hidden;
	width: 100%;
}

@property --r{
	syntax: "<length-percentage>";
	initial-value: 0px;
	inherits: false;
}
a.link-style{
	display: inline-block;
	position: relative;
	place-self: center;
	overflow: hidden;
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-khtml-border-radius: 0.3rem;
	border-radius: 0.3rem;
	transition: --r 0.4s ease-in-out;
	-moz-transition: --r 0.4s ease-in-out;
	-o-transition: --r 0.4s ease-in-out;
	-webkit-transition: --r 0.4s ease-in-out;
}
a.link-style.button{
	padding: 1.2rem 4.5rem 1.2rem 3rem;
}
a.link-style.full{
	padding: 1.2rem 0;
	width: 100%;
	text-align: center;
}
a.link-style.dark{
	background: var(--color-title);	
	background-image: -moz-radial-gradient(center, circle cover, var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-title) var(--r));
	background-image: -webkit-radial-gradient(center, circle, var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-title) var(--r));
	background-image: -webkit-gradient(radial, var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-title) var(--r));
	background-image: radial-gradient(circle at var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-title) var(--r));
	color: var(--color-white);
}
a.link-style.light{
	background: var(--color-gray);	
	background-image: -moz-radial-gradient(center, circle cover, var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-gray) var(--r));
	background-image: -webkit-radial-gradient(center, circle, var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-gray) var(--r));
	background-image: -webkit-gradient(radial, var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-gray) var(--r));
	background-image: radial-gradient(circle at var(--x, 0%) var(--y, 0%), var(--color-blue) calc(var(--r) - 1px), var(--color-gray) var(--r));
	color: var(--color-title);
}
a.link-style:hover{
	--r: 100%;
}
a.link-style > span{
	position: relative;
}
a.link-style.arrow > span:before{
	position: absolute;
	top: 50%;
	right: -2rem;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	content: "\F0054";
	font-family: "Material Design Icons";
	font-size: 1.4rem;
	line-height: 1.4rem;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}
a.link-style.arrow:hover > span:before{
	right: -3rem;
}
a.link-style.dark > span:before{
	color: var(--color-white);
}
a.link-style.light > span:before{
	color: var(--color-title);
}




.list-style > li{
	position: relative;
	margin: 0 0 1rem 4rem;
}
.list-style > li:before{
	position: absolute;
	top: 0.5rem;
	left: -1.7rem;
	z-index: 1;
	content: '';
	width: 0.3rem;
	height: 0.3rem;
	border: 1px solid var(--color-title);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.list-style.light > li:before{
	border: 1px solid var(--color-gray);
}
.warning{
	position: relative;
	margin: 0 0 5rem;
	padding: 0 0 0 4rem;
	width: calc(70% - 4rem);
}
.warning:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "\F0028";
	font-family: "Material Design Icons";
	font-size: 2rem;
	line-height: 2rem;
	color: var(--color-title);
}
.width50{
	margin: 0;
	width: var(--width50);
}
.width60{
	width: var(--width60);
}
.width70{
	width: var(--width70);
}
.width80{
	width: var(--width80);
}

.width-page{
	margin: 0 auto;
	width: calc(100% - 15rem);
	max-width: var(--width-max);
}
@media (max-width:767px){
	.width-page{
		width: calc(100% - 5rem);
	}
	.warning{
		width: calc(100% - 4rem);
	}
	.list-style > li{
		margin: 0 0 1.5rem 1.8rem;
	}
}



.section-title{
	margin: 0 0 7.0625rem;
	padding: 4.875rem 0 1.5625rem;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.section-title.dark{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: var(--color-title);
}
.section-title.light{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	color: var(--color-gray);
}



/* SERVICE DOCKING */
.service-docking-wrp{
	width: 100%;
	background: var(--color-gray);
	color: var(--color-title);
}
/* SERVICE REPAIR */
.service-repair-wrp{
	width: 100%;
	background: var(--color-title);
	color: var(--color-gray);
}





/* SERVICES */
.services-wrp{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	position: relative;
	padding: 9rem 0 7rem;
}
.services-wrp:before{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	content: '';
	width: 1px;
	height: 100%;
	background: var(--color-gray-dark);
}

.services-wrp > h1{
	margin: 0 0 4rem;
	text-align: center;
	font-size: 2.5rem;
	line-height: 2.8rem;
	letter-spacing: -0.02rem;
}
.services-wrp > h1 > span{
	color: var(--color-blue);
}
.service-bx{
	display: grid;
	grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
	grid-template-rows: auto;
	gap: 0 0;
	grid-template-areas: "service-docking-info service-media service-repair-info";
	justify-content: space-between;
	align-content: center;
	justify-items: center;
	align-items: center;
	margin: 0;
}
.service-bx > div{
	width: 100%;
}
.service-docking-info{
	grid-area: service-docking-info;
}
.service-repair-info{
	grid-area: service-repair-info;
	text-align: right;
}
.service-docking-info:hover ~ .service-media > .service-media-circle > .service-docking-img,
.service-repair-info:hover ~ .service-media > .service-media-circle > .service-repair-img{
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.service-media{
	grid-area: service-media;
	text-align: center;
}
.service-img{
	position: absolute;
	top: 0.7rem;
	left: 0.7rem;
	z-index: 3;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	overflow: hidden;
	width: calc(100% - 1.4rem);
	height: calc(100% - 1.4rem);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-o-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.service-img > img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.service-media-circle{
	position: relative;
	margin: 0 0 0 10%;
	padding-top: 80%;
	width: 80%;
	height: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.service-media-circle:before{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--color-gray-dark);
}
.service-media-circle > img{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 40%;
}
.service-title{
	margin: 0 0 2rem;
	font-size: 3rem;
	line-height: 3.2rem;
}
.service-info > p{
	margin: 0 0 2rem;
}
.header-slider{
	display: none;
}
@media (max-width:767px){
	.services-wrp{
		padding: 9rem 0px 5rem;
	}
	.services-wrp > h1{
		margin: 0;
		text-align: left;
		font-size: 2.3rem;
		line-height: 2.6rem;
	}
	.services-wrp > h1 > br{
		display: none;
	}
	.service-bx{
		grid-template-columns: 100% 100% 100%;
		grid-template-rows: auto auto auto;
		grid-template-areas: "service-media" "service-docking-info" "service-repair-info";
		justify-content: start;
		align-content: start;
		justify-items: start;
		align-items: start;
		margin: 0;
	}
	.service-title{
		font-size: 2.8rem;
		line-height: 3.2rem;
		letter-spacing: -0.05rem;
	}
	.service-repair-info{
		margin: 3rem 0 0 0;
		text-align: left;
	}
	.link-style.button.arrow{
		padding: 1.2rem 0;
		width: 100%;
		text-align: center;
	}
	.service-media-circle{
		margin: 4rem -2.5rem;
		padding-top: 20rem;
		width: calc(100% + 5rem);
		height: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
		background: var(--color-title);
	}
	.service-media-circle:before{
		display: none;
	}
	.service-media-circle > img{
		display: none;
	}
	.service-docking-info ~ .service-media > .service-media-circle > .service-docking-img,
	.service-repair-info ~ .service-media > .service-media-circle > .service-repair-img{
		display: none;
	}
	.header-slider{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		overflow: hidden;
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		width: 100%;
		height: 100%;
	}
	.header-slider > div > div{
		width: 100%;
		height: 100%;
	}
	.header-slider > div > div > img{
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.header-slider:before{
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 3;
		content: '';
		width: 1px;
		height: 100%;
		background: rgba(255, 255, 255, 0.2);
	}
}

/* STICKY */
.service-sticky{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	width: 100%;
}
.service-sticky-left{
	width: calc(100% - 32rem);
}
.service-sticky-right{
	width: 25rem;
}
.service-sticky-contacts{
	padding: 8rem 0 0 0;
}
.service-sticky-contacts > div{
	padding: 2rem;
	width: calc(100% - 4rem);
	-moz-border-radius: 0.7rem;
	-webkit-border-radius: 0.7rem;
	-khtml-border-radius: 0.7rem;
	border-radius: 0.7rem;
	text-align: center;
}
.service-sticky-contacts.dark > div{
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.service-sticky-contacts.light > div{
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.service-sticky-contacts > p{
	margin: 0;
}
.service-sticky-contacts-phone{
	display: inline-block;
	margin: 1.375rem 0 2.375rem;
	font-size: 1.875rem;
	line-height: 1.825rem;
}
.service-sticky-contacts-phone.dark{
	color: var(--color-title);
}
.service-sticky-contacts-phone.light{
	color: var(--color-gray);
}
.service-sticky-contacts-phone:hover{
	color: var(--color-blue);
}


.service-sticky-right.light{
	border: 1px solid rgba(255, 255, 255, 0.15);
}
a.service-phone:hover{
	color: var(--color-blue);
}

@media (max-width:767px){
	.service-sticky{
		display: block;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}
	.service-sticky-left{
		width: 100%;
	}
	.service-sticky-right{
		width: 100%;
	}
	.service-sticky-contacts{
		padding: 5rem 0 0 0;
	}
}

/* SLIDER */
.swiper-wrapper{
	position: relative;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.header-slider > .swiper-wrapper{
	height: 100%;
}
.swiper-slide{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	position: relative;
}


/* accordion */
.accordion{
	margin: 5rem 0;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion.no-margin{
	margin: 5rem 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.accordion__item{
	position: relative;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.accordion > .accordion__item{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion.no-margin > .accordion__item{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.accordion > .accordion__item:before,
.accordion.no-margin > .accordion__item:before{
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 0;
	height: 2px;
	background: var(--color-blue);
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.accordion > .accordion__item.active:before,
.accordion.no-margin > .accordion__item.active:before{
	width: 100%;
}
.accordion-header{
	position: relative;
	padding: 2.5rem 0;
	cursor: pointer;
}
.accordion__item.js-accordion-item > div > h3{
	margin: 0;
	width: calc(100% - 3rem);
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.accordion__item.js-accordion-item.active > .accordion-header > h3,
.accordion__item.js-accordion-item:hover > .accordion-header > h3,
.accordion__item.js-accordion-item.active > .accordion-header.light > h3,
.accordion__item.js-accordion-item:hover > .accordion-header.light > h3
{
	color: var(--color-blue);
}
.accordion__item > .accordion-header:after{
	position: absolute;
	top: 50%;
	right: 0;
	-moz-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-o-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	content: "\F0045";
	font-family: "Material Design Icons";
	font-size: 1.7rem;
	line-height: 1.7rem;
	color: var(--color-title);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
.accordion__item.active > .accordion-header:after,
.accordion__item.active > .accordion-header.light:after{
	-moz-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
	color: var(--color-blue);
}
.accordion__item.js-accordion-item > .accordion-header.light > h3,
.accordion__item > .accordion-header.light:after{
	color: var(--color-gray);
}
.accordion__item:hover > .accordion-header:after{
	color: var(--color-blue);
}
.accordion-body{
	display: none;
	padding: 0 0 3rem 0;
}
.accordion-body > p{
	margin: 0 0 2.5rem;
}


/* pices */
.pices-wrp{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	margin: 3rem 0;
	overflow-x: auto;
	width: 100%;
	background: var(--color-title);
	border: 1px solid var(--color-title);
	color: var(--color-gray);
	-moz-border-radius: 0.7rem;
	-webkit-border-radius: 0.7rem;
	-khtml-border-radius: 0.7rem;
	border-radius: 0.7rem;
}
.pices-wrp::-webkit-scrollbar-button{
	background-image: url('');
	background-repeat: no-repeat;
	width: 1rem;
	height: 0;
} 
.pices-wrp::-webkit-scrollbar-track{
	background: transparent;
	box-shadow: 0 0 0 transparent inset;
} 
.pices-wrp::-webkit-scrollbar-thumb{
	background: var(--color-blue);
	box-shadow: 0 0 0 transparent inset;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
} 
.pices-wrp::-webkit-resizer{
	width: 0;
	height: 0;
} 
.pices-wrp::-webkit-scrollbar{
	width: 0;
	height: 0.3rem;
}
.pices-line{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.pices-line:first-child{
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	color: var(--color-blue);
}
.pices-line > div:first-child{
	padding: 0 0 0 2rem;
	width: 14rem;
	text-align: left;
	white-space: nowrap;
}
.pices-line > div{
	position: relative;
	padding: 2rem 0;
	width: calc(100% / 9);
	min-width: 5rem;
	text-align: center;
	white-space: nowrap;
}
.pices-line > div:before{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.15);
}
.pices-line:nth-child(1) > div:first-child:before,
.pices-line:nth-child(2) > div:first-child:before{
	display: none;
}


/* company */
.company-about{
	margin: 5rem 0;
}
.company-about > div > .swiper-slide{
	position: relative;
	padding: 4rem 1rem;
	width: calc((100% / 4) - 2rem);
	text-align: center;
	border-top: 2px solid var(--color-blue);
	border-bottom: 1px solid var(--color-gray-dark);
}
.company-about > div > .swiper-slide:before{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	content: '';
	width: 1px;
	height: 100%;
	background: var(--color-gray-dark);
}
.company-about > div > .swiper-slide:first-child:before{
	display: none;
}
.company-about > div > .swiper-slide > img{
	margin: 0 0 2rem;
	height: 6rem;
}
.company-about > div > .swiper-slide > h4{
	margin: 0;
}

@media (max-width:767px){
	.company-about > div > .swiper-slide{
		padding: 3rem 1rem;
		width: calc(100% - 2rem);
	}
	.company-about > div > .swiper-slide > img{
		margin: 0 0 1.5rem;
		height: 5rem;
	}
}



/* COLS 2 */
.cols2-wrp{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	position: relative;
}
.cols2-wrp:before{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	content: '';
	width: 1px;
	height: 50%;
	background: var(--color-blue);
}
.cols2-wrp > div{
	position: relative;
	width: calc((100% / 2) - 10rem);
}
.cols2-wrp > div > h4{
	margin: 0;
}
.cols2-wrp > div > p{
	margin: 0;
}
.cols2-wrp > div:nth-child(2) > p{
	text-align: right;
}
@media (max-width:767px){
	.cols2-wrp{
		display: block;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}
	.cols2-wrp:before{
		display: none;
	}
	.cols2-wrp > div{
		width: 100%;
	}
	.cols2-wrp > div:nth-child(1){
		margin: 0 0 4rem;
		padding: 0 0 2rem;
	}
	.cols2-wrp > div:nth-child(1):before{
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		content: '';
		width: 10rem;
		height: 1px;
		background: var(--color-blue);
	}
	.cols2-wrp > div:nth-child(2) > p{
		text-align: left;
	}
}



/* FOOTER */
footer{
	width: 100%;
	background: var(--color-title);
	color: var(--color-gray);
}
.contacts-wrp{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	margin: 5rem 0 0;
}
.contacts-wrp > .contacts-info{
	width: calc((100% / 2) - 5rem);
}
.contacts-wrp > .contacts-form{
	width: calc(100% / 2);
}
.footer-icon{
	position: relative;
	margin: 0 0 4rem;
	padding: 0 0 0 5.5rem;
	font-size: 1.8rem;
	line-height: 2.3rem;
}
.footer-phone.footer-icon{
	font-size: 3.3rem;
	line-height: 3.3rem;
}
.footer-icon:before{
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	content: '';
	width: 3.3rem;
	height: 3.3rem;
	border: 1px solid rgba(255, 255, 255, 0.15);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.footer-icon:after{
	position: absolute;
	top: 50%;
	left: 1rem;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	font-family: "Material Design Icons";
	font-size: 1.5rem;
}
.footer-icon.icon-phone:after{
	content: "\F03F2";
	color: var(--color-blue);
}
.footer-icon.icon-address:after{
	content: "\F034E";
	color: var(--color-gray);
}
.footer-icon.icon-mail > a{
	color: var(--color-gray);
}
.footer-icon.icon-mail:after{
	content: "\F01EF";
	color: var(--color-gray);
}
.contacts-wrp > .contacts-info > .social-bx{
	margin: 0 0 0 5.5rem;
}
.contacts-wrp > .contacts-info > .social-bx > a{
	margin: 0 2rem 0 0;
}
.contacts-wrp > .contacts-info > .social-bx > a > img{
	height: 2.6rem;
}
/* mail form */
.contacts-form-row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
.mail-form-item,
.mail-form-item-textarea{
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.15);
	-moz-border-radius: 0.7rem;
	-webkit-border-radius: 0.7rem;
	-khtml-border-radius: 0.7rem;
	border-radius: 0.7rem;
}
.mail-form-item{
	margin: 0 0 1.4rem;
	width: calc(50% - 0.7rem);
}
.mail-form-item-textarea{
	margin: 0 0 3rem;
	width: 100%;
}
.mail-form-item > input,
.mail-form-item-textarea > textarea{
	padding: 2rem 1.5rem 1rem 1.5rem;
	width: calc(100% - 3rem);
	background: transparent;
	color: var(--color-gray);
}
.mail-form-item-textarea > textarea{
	resize: none;
	overflow: hidden;
	height: 5rem;
}
.mail-form-item > input:focus{
	outline: none;
}
.mail-form-item > label,
.mail-form-item-textarea > label{
	position: absolute;
	top: 1.7rem;
	left: 1.5rem;
	z-index: 1;
	pointer-events: none;
	margin: -2px 0 0 0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.mail-form-item > input:focus + label,
.mail-form-item-textarea > textarea:focus + label,
.input--filled label{
	top: 0.6rem;
	font-size: 0.7rem;
	color: var(--color-blue);
}
.copyright-wrp{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 8rem 0 0;
	padding: 2rem 0;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.copyright-wrp > div{
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.copyright-wrp > div > p{
	font-size: 0.85rem;
	line-height: 1.2rem;
}
.copyright-wrp > div > p:nth-child(1){
	margin: 0 0 0.5rem;
}
.copyright-wrp > div > p:nth-child(1) > br{
	display: none;
}
.copyright-wrp > div > p:nth-child(2) > a{
	color: var(--color-white);
}
.copyright-wrp > div > p:nth-child(2) > a:hover{
	color: var(--color-blue);
}
a.komissarov{
	display: inline-block;
	padding: 0.7rem 1rem 0.6rem 1rem;
	background: var(--color-blue);
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-khtml-border-radius: 0.3rem;
	border-radius: 0.3rem;
	font-size: 0.7rem;
	line-height: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-title);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a.komissarov:hover{
	background: var(--color-gray);
}

@media (max-width:767px){
	.contacts-wrp{
		display: block;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		margin: 5rem 0 0;
	}
	.contacts-wrp > .contacts-info{
		width: 100%;
	}
	.contacts-wrp > .contacts-form{
		width: 100%;
	}
	.footer-phone.footer-icon{
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	.footer-icon{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.contacts-wrp > .contacts-info > .social-bx{
		margin: 0 0 4rem 5.5rem;
	}
	.contacts-wrp > .contacts-info > .social-bx > a{
		margin: 0 1.5rem 0 0;
	}
	.contacts-form-row{
		display: block;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}
	.mail-form-item{
		margin: 0 0 1.4rem;
		width: 100%;
	}
	.copyright-wrp{
		display: block;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		margin: 4rem 0 0;
		text-align: center;
	}
	a.komissarov{
		margin: 2rem 0 0 0;
	}
}

#upbutton{
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
	width: 3rem;
	height: 3rem;
	background: var(--color-blue);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
#upbutton:before{
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	content: "\F005D";
	font-family: "Material Design Icons";
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: var(--color-white);
}
@media (max-width:767px){
	#upbutton{
		bottom: 1rem;
		right: 1rem;
		width: 2.8rem;
		height: 2.8rem;
	}
	#upbutton:before{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}


/* SCROLL DOWN */
.scroll-down{
	position: absolute;
	bottom: 1rem;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 5;
	text-align: center;
	background: red;
	}
.scroll-down::before{
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0.15rem;
	height: 2rem;
	background: var(--color-blue);
	-webkit-animation: elasticus 1.5s ease-in-out infinite;
	-moz-animation: elasticus 1.5s ease-in-out infinite;
	-o-animation: elasticus 1.5s ease-in-out infinite;
	animation: elasticus 1.5s ease-in-out infinite;
	}
.arrow-down{
	position: absolute;
	bottom: 0.1rem;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0.8rem;
	height: 0.8rem;
	}
.arrow-down:after{
	display: block;
	position: absolute;
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	border-top: 0.15rem solid var(--color-blue);
	border-right: 0.15rem solid var(--color-blue);
	
	}
@-webkit-keyframes elasticus{
0%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
50%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
50.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
100%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
}
@-moz-keyframes elasticus{
0%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
50%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
50.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
100%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
}
@-o-keyframes elasticus{
0%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
50%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
50.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
100%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}}
@keyframes elasticus{
0%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
50%{-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
50.1%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}
100%{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;-moz-transform-origin:0% 100%;-o-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);}
}