/*============================================================================

		Allec intropage v2.0

	============================================================================*/


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html{ font-family:sans-serif;  -ms-text-size-adjust:100%;  -webkit-text-size-adjust:100%}

body{ margin:0}

article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
section, 
summary{ display:block}

audio, 
canvas, 
progress, 
video{ display:inline-block;  vertical-align:baseline}

audio:not([controls]){ display:none;  height:0}

[hidden], 
template{ display:none}

a{ background-color:transparent}

a:active, 
a:hover{ outline:0}

abbr[title]{ border-bottom:1px dotted}

b, 
strong{ font-weight:bold}

dfn{ font-style:italic}

h1{ font-size:2em;  margin:0.67em 0}

mark{ background:#ff0;  color:#000}

small{ font-size:80%}

sub, 
sup{ font-size:75%;  line-height:0;  position:relative;  vertical-align:baseline}

sup{ top:-0.5em}

sub{ bottom:-0.25em}

img{ border:0}

svg:not(:root){ overflow:hidden}

figure{ margin:1em 40px}

hr{ -moz-box-sizing:content-box;  box-sizing:content-box;  height:0}

pre{ overflow:auto}

code, 
kbd, 
pre, 
samp{ font-family:monospace,monospace;  font-size:1em}

button, 
input, 
optgroup, 
select, 
textarea{ color:inherit;  font:inherit;  margin:0}

button{ overflow:visible}

button, 
select{ text-transform:none}

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"]{ -webkit-appearance:button;  cursor:pointer}

button[disabled], 
html input[disabled]{ cursor:default}

button::-moz-focus-inner, 
input::-moz-focus-inner{ border:0;  padding:0}

input{ line-height:normal}

input[type="checkbox"], 
input[type="radio"]{ box-sizing:border-box;  padding:0}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button{ height:auto}

input[type="search"]{ -webkit-appearance:textfield;  -moz-box-sizing:content-box;  -webkit-box-sizing:content-box;  box-sizing:content-box}

input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}

fieldset{ border:1px solid #c0c0c0;  margin:0 2px;  padding:0.35em 0.625em 0.75em}

legend{ border:0;  padding:0}

textarea{ overflow:auto}

optgroup{ font-weight:bold}

table{ border-collapse:collapse;  border-spacing:0}

td, 
th{ padding:0}


/*================================= Base styles =================================*/
a:focus{
	outline: none;
}

a{
	text-decoration: none;
	color: #34495e;

	-webkit-transition: all 300ms ease-in;
		 -o-transition: all 300ms ease-in;
				transition: all 300ms ease-in;
}

body{
	font-weight: normal;
	color: #34495e;

	-webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

p{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper{
	overflow: hidden;
}

.container{
	margin: 0 auto;
	margin-top: 20px;
	width: 100%;
}

.primary-section{
	margin: 20px;
	padding-bottom: 40px;
	background-color: #f3f7f7;
}

.text-center{
	text-align: center;
}

.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after{
	clear: both;
}

.border:after,
.border:before{
	content: "";
  position: fixed;
  background: #ffffff;
  left: 0;
  right: 0;
  height: 20px;
  z-index: 50;
}

.border:before{
  top: 0;
}

.border:after{
  bottom: 0;
}

/*================================= Header styles ===============================*/

.header{
	padding: 55px 20px 55px;
	background: url('../img/bg/header-bg.png');
	background-size: contain;
	background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.logo{
	display: inline-block;
}

.logo .logo__text{
	margin: 0;
	padding-left: 10px;
	float: left;
	display: inline-block;
	font: 24px 'Quicksand', sans-serif;
	font-weight: bold;
	color: #85d6de;

	-webkit-transition: all 300ms ease-in;
			 -o-transition: all 300ms ease-in;
					transition: all 300ms ease-in;
}

.logo .logo__svg{
	float: left;
}

.logo .logo__svg .logo__svg-path{
	fill: #85d6de;

	-webkit-transition: all 300ms ease-in;
		 -o-transition: all 300ms ease-in;
				transition: all 300ms ease-in;
}

.logo:hover .logo__text{
	color: #34495e;
}

.logo:hover .logo__svg .logo__svg-path{
	fill: #34495e;
}

.heading{
	margin: 0;
	padding: 66px 0 34px 0;
	font: 28px/42px 'Quicksand', sans-serif;
	color: #34495e;
}

/*================================= Options styles ==============================*/
.option .option__one,
.option .option__two{
	float: left;
	width: 50%;
	height: 100%;
	max-height: 100%;
	position: relative;
}

.option .option__link{
	padding-top: 40%;
	padding-bottom: 85px;
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 3;
}

.option .option__one{
	background-color: #e0f5f7;

	-webkit-transition: -webkit-transform 300ms ease-in;
		 -moz-transition: 	 -moz-transform 300ms ease-in;
		 	-ms-transition: 		-ms-transform 300ms ease-in;
				  transition: 				transform 300ms ease-in;

	-webkit-box-shadow: 0 0 0 0 #85d6de;
		 -moz-box-shadow: 0 0 0 0 #85d6de;
          box-shadow: 0 0 0 0 #85d6de;
}

.option .option__one:hover{
	-webkit-transform: translate3d(10px,-10px,0);
		 -moz-transform: translate3d(10px,-10px,0);
			-ms-transform: translate3d(10px,-10px,0);
					transform: translate3d(10px,-10px,0);
	
	-webkit-box-shadow: -10px 10px 0 0 #85d6de;
		 -moz-box-shadow: -10px 10px 0 0 #85d6de;
          box-shadow: -10px 10px 0 0 #85d6de;
          z-index: 1;
}

.option .option__two{
	background-color: #fed37f;

	-webkit-transition: -webkit-transform 300ms ease-in;
		 -moz-transition: 	 -moz-transform 300ms ease-in;
		 	-ms-transition: 		-ms-transform 300ms ease-in;
				  transition: 				transform 300ms ease-in;

	-webkit-box-shadow: 0 0 0 0 #e4a22d;
		 -moz-box-shadow: 0 0 0 0 #e4a22d;
          box-shadow: 0 0 0 0 #e4a22d;
}

.option .option__two:hover{
	-webkit-transform: translate3d(-10px,-10px,0);
		 -moz-transform: translate3d(-10px,-10px,0);
		 	-ms-transform: translate3d(-10px,-10px,0);
					transform: translate3d(-10px,-10px,0);
	
	-webkit-box-shadow: 10px 10px 0 0 #e4a22d;
		 -moz-box-shadow: 10px 10px 0 0 #e4a22d;
          box-shadow: 10px 10px 0 0 #e4a22d;
}

.option .option__img{
	display: block;
  margin: 0 auto;
  width: 100%;
	max-width: 80%;
	position: absolute;
	top: 60px;
	left: 0;
	bottom: 0;
	right: 0;


	-webkit-transition: all 300ms ease-in;
		   -o-transition: all 300ms ease-in;
				  transition: all 300ms ease-in;
}

.option .option__img-svg{
	display: block;
  margin: 0 auto;
  width: 100%;
	max-width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	bottom: 0;
	right: 0;

	z-index: 1;

	-webkit-transition: all 300ms ease-in;
		   -o-transition: all 300ms ease-in;
				  transition: all 300ms ease-in;
}

.option .option__object{
	display: block;
  margin: 0 auto;
  width: 100%;
}

.option .option__object svg {
	position: absolute;
	height: 70%;
	width: 98%;
	left: 0;
	top: 0;
}


.option .option__title{
	margin: 0;
	font: 28px/42px 'Quicksand', sans-serif;
	font-weight: bold;
}

.option .option__info{
	display: block;
	font: 18px/0 'Quicksand', sans-serif;
}


/*================================= Items styles ================================*/
.items__block{
	margin: 0 auto;
	width: 100%;
	max-width: 1130px;
}

.items__block .items__block-title{
	margin: 90px 0 67px;
	font: 28px/42px 'Quicksand', sans-serif;
}

.items__block .items__block-title .counter{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.item{
	margin: 0 7px 17px;
	display: inline-block;
	width: 100%;
	max-width: 350px;
	max-height: 280px;
	position: relative;
	min-height: 280px;
}

.item .item__title{
	margin: 35px 0 19px;
	padding: 0px;
	display: block;
	font: 20px 'Quicksand', sans-serif;
	font-weight: bold;
}

.item .item-thumb .item__img{
	width: 100%;
	height: auto;
	border: none;
}

.item .item-img{
	display: block;
	width: 97%;
	height: 97%;
	position: absolute;
	border: 5px solid #85d6de;

	z-index: 4;
}

.item .item-thumb{
	display: block;
	height: 101%;
	width: 100%;
	background-color: #ffffff; 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	opacity: 1;

}

.item-decr{
	width: 97%;
	height: 97%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	background-color: #ffffff;

	border-style: solid;
  border-width: 5px;
  border-color: #ffffff;

	z-index: 1;
}


.item-decr .item__title{
	margin: 24px 30px 7px;
	font-size: 20px;
}


.item-decr .item__title:after{
	margin-top: 15px;
	content: '';
	width: 120px;
	height: 2px;
	background-color: #85d6de;
	display: block;
}

.item-decr .item-decr-text{
	margin: 0;
	padding: 0px 31px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 26px;
}

.item-decr .item__link{
	margin: 15px 30px;
	font: 14px/26px "Open Sans", sans-serif;
	font-weight: bold;
	color: #85d6de;
	text-transform: uppercase;
	display: inline-block;
}

.item-decr .item__link:hover{
	color: #34495e;
}

.item__img{
	width: 100%;
	height: 100%;
}


/*================================= CTA =========================================*/
.cta{
	padding: 60px 0 115px;
}

.cta .cta-title{
	margin-bottom: 45px;
	font: 28px/42px 'Quicksand', sans-serif;
	color: #34495e;
}

.btn{
	padding: 12px 30px 14px;
	font: 18px/18px "Open Sans", sans-serif;
	font-weight: bold;
	color: #ffffff;
}

.btn-round{
	border-radius: 30px;
}

.btn-primary{
	background-color: #97c653;
}

.btn-effect{
	position: relative;
	z-index: 1;

	-webkit-transition: all 0.3s;
		 -moz-transition: all 0.3s;
					transition: all 0.3s;

	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
					transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn-effect::before,
.btn-effect::after {
	content: '';
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 97%;
	height: 84%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn-effect::before {
	border: 4px solid #97c653;
	opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
					transform: scale3d(1.2, 1.2, 1);
}

.btn-effect:hover::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
					transform: scale3d(1, 1, 1);
}
.btn-effect:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
					transform: scale3d(0.8, 0.8, 1);
}

.btn-effect:hover.btn {
	background: transparent;
}

.btn-effect.btn-primary:hover {
	color: #97c653;
}

.divider{
	width: 100%;
	height: 1px;
	background-color: #f3f7f7; 
}

/*================================= Footer ======================================*/
.footer{
	padding: 75px 0;
}

.copyright{
	font: 14px/21px "Open Sans", sans-serif;
	color: #758594;
}

.support-link{
	display: block;
	font: 14px/21px "Open Sans", sans-serif;
	color: #85d6de;
}

.support-link:hover{
	color: #34495e;
}

/*================================= Responsive ==================================*/
@media (min-width: 992px) {
	/*	Right animation of THUMB	*/
	.item .item-thumb{
		-webkit-animation: thumbMoveReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards;
			 -moz-animation: thumbMoveReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards;
			  -ms-animation: thumbMoveReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards;
						animation: thumbMoveReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards;

	}

	.item .thumb-move{
		-webkit-animation: thumbMove 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards;
			 -moz-animation: thumbMove 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards;
			 	-ms-animation: thumbMove 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards;
						animation: thumbMove 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards;

	}

	/*	Right animation of IMG	*/
	.item .item-img{
		-webkit-animation: imgMoveReturn 0.4s ease-in-out 0s forwards;
			 -moz-animation: imgMoveReturn 0.4s ease-in-out 0s forwards;
			  -ms-animation: imgMoveReturn 0.4s ease-in-out 0s forwards;
						animation: imgMoveReturn 0.4s ease-in-out 0s forwards;
	}

	.item .img-move{
		-webkit-animation: imgMove 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards;
			 -moz-animation: imgMove 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards;
			 	-ms-animation: imgMove 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards;
						animation: imgMove 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards;
	}

	/*	z-index from 4 to 6	*/
@-webkit-keyframes zIndex4-6 {
  0% { z-index: 4; }
  0.1% { z-index: 6; }
  100% { z-index: 6; }
}

@-moz-keyframes zIndex4-6 {
  0% { z-index: 4; }
  0.1% { z-index: 6; }
  100% { z-index: 6; }
}

@keyframes zIndex4-6 {
  0% { z-index: 4; }
  0.1% { z-index: 6; }
  100% { z-index: 6; }
}

@-webkit-keyframes zIndex6-4 {
  0% { z-index: 6; }
	80% { z-index: 6; }
  100% { z-index: 4; }
}

@-moz-keyframes zIndex6-4 {
  0% { z-index: 6; }
	80% { z-index: 6; }
  100% { z-index: 4; }
}

@keyframes zIndex6-4 {
  0% { z-index: 6; }
	80% { z-index: 6; }
  100% { z-index: 4; }
}

/*	z-index from 3 to 5	*/
@-webkit-keyframes zIndex3-5 {
  0% { z-index: 3; }
  0.1% { z-index: 5; }
  100% { z-index: 5; }
}

@-moz-keyframes zIndex3-5 {
  0% { z-index: 3; }
  0.1% { z-index: 5; }
  100% { z-index: 5; }
}

@keyframes zIndex3-5 {
  0% { z-index: 3; }
  0.1% { z-index: 5; }
  100% { z-index: 5; }
}

/*	z-index from 3 to 5	*/
@-webkit-keyframes zIndex5-3 {
  0% { z-index: 5; }
	80% { z-index: 5; }
  100% { z-index: 3; }
}

@-moz-keyframes zIndex5-3 {
  0% { z-index: 5; }
	80% { z-index: 5; }
  100% { z-index: 3; }
}

@keyframes zIndex5-3 {
  0% { z-index: 5; }
  80% { z-index: 5; }
  100% { z-index: 3; }
}



	/*	Left animation of THUMB	*/
/*	.item:nth-child(3n) .item-thumb{
		-webkit-animation: thumbMoveAltReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards, zIndex6-4 0.4s ease 0s forwards;
			 -moz-animation: thumbMoveAltReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards, zIndex6-4 0.4s ease 0s forwards;
			  -ms-animation: thumbMoveAltReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards, zIndex6-4 0.4s ease 0s forwards;
						animation: thumbMoveAltReturn 0.4s ease-in-out 0s forwards, opacity1 0.4s ease-in 0s forwards, zIndex6-4 0.4s ease 0s forwards;
	}

	.item:nth-child(3n) .thumb-move{
		-webkit-animation: thumbMoveAlt 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards, zIndex4-6 0s ease 0s forwards;
			 -moz-animation: thumbMoveAlt 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards, zIndex4-6 0s ease 0s forwards;
			 	-ms-animation: thumbMoveAlt 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards, zIndex4-6 0s ease 0s forwards;
						animation: thumbMoveAlt 0.4s ease-in-out 0s forwards, opacity0 0.4s ease-in 0s forwards, zIndex4-6 0s ease 0s forwards;
	}*/

	/*	Left animation of IMG	*/
/*	.item:nth-child(3n) .item-img{
		-webkit-animation: imgMoveAltReturn 0.4s ease-in-out 0s forwards, zIndex5-3 0.4s ease 0s forwards;
			 -moz-animation: imgMoveAltReturn 0.4s ease-in-out 0s forwards, zIndex5-3 0.4s ease 0s forwards;
			  -ms-animation: imgMoveAltReturn 0.4s ease-in-out 0s forwards, zIndex5-3 0.4s ease 0s forwards;
						animation: imgMoveAltReturn 0.4s ease-in-out 0s forwards, zIndex5-3 0.4s ease 0s forwards;
	}

	.item:nth-child(3n) .img-move{
		-webkit-animation: imgMoveAlt 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards, zIndex3-5 0s ease 0s forwards;
			 -moz-animation: imgMoveAlt 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards, zIndex3-5 0s ease 0s forwards;
			 	-ms-animation: imgMoveAlt 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards, zIndex3-5 0s ease 0s forwards;
						animation: imgMoveAlt 0.4s ease-in-out 0s forwards, shadowsImg 0.4s ease 0.4s forwards, zIndex3-5 0s ease 0s forwards;
	}*/



	/*	Shadows	*/
/*	.item-decr{
		-webkit-animation: borderReturn 0.2s ease 0s forwards;
			 -moz-animation: borderReturn 0.2s ease 0s forwards;
			 	-ms-animation: borderReturn 0.2s ease 0s forwards;
						animation: borderReturn 0.2s ease 0s forwards;
	}


	.item-decr-shadows{
		-webkit-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.5s ease 0.4s forwards;
			 -moz-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.5s ease 0.4s forwards;
			 	-ms-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.5s ease 0.4s forwards;
						animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.5s ease 0.4s forwards;
	}


	.item:nth-child(3n) .item-decr-shadows{
		-webkit-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
			 -moz-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
			 	-ms-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
						animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
	}*/

}

@media (max-width: 1199px) and (min-width: 992px) {
	.item {
		max-width: 290px;
		max-height: 244px;
		min-height: 244px;
	}

	.item-decr .item__title {
	  margin: 20px 35px 6px;
	  font-size: 18px;
	}

	.item-decr .item__title:after{
		margin-top: 13px;
	}

	.item-decr .item-decr-text{
		padding-left: 34px;
		font-size: 12px;
		line-height: 22px;
	}

	.item-decr .item__link{
		margin: 13px 30px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.item:nth-child(odd) .item-thumb{
		-webkit-animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease-in 0s forwards;
			 -moz-animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease-in 0s forwards;
			  -ms-animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease-in 0s forwards;
						animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease-in 0s forwards;

	}

	/*	Right animation	*/
	.item:nth-child(odd) .thumb-move{
		-webkit-animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease-in 0.4s forwards;
			 -moz-animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease-in 0.4s forwards;
			 	-ms-animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease-in 0.4s forwards;
						animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease-in 0.4s forwards;

	}

	.item:nth-child(odd) .item-img{
		-webkit-animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.4s ease 0s forwards, opacity0 0.2s ease 0s forwards;
			 -moz-animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.4s ease 0s forwards, opacity0 0.2s ease 0s forwards;
			  -ms-animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.4s ease 0s forwards, opacity0 0.2s ease 0s forwards;
						animation: rightMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.4s ease 0s forwards, opacity0 0.2s ease 0s forwards;
	}

	/*	Right animation	*/
	.item:nth-child(odd) .img-move{
		-webkit-animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards;
			 -moz-animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards;
			 	-ms-animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards;
						animation: rightMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards;
	}

	/*	Left animation	*/
	.item:nth-child(even) .item-thumb{
		-webkit-animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease 0s forwards;;
			 -moz-animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease 0s forwards;;
			 	-ms-animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease 0s forwards;;
						animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex5-4thumb 0.1s ease 0s forwards, zIndex4-3thumb 0.1s ease 0.3s forwards, opacity1 0.4s ease 0s forwards;;
	}

	.item:nth-child(even) .thumb-move{
		-webkit-animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease 0.4s forwards;
		 	 -moz-animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease 0.4s forwards;
		 		-ms-animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease 0.4s forwards;
						animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-5 0.1s ease 0s forwards, opacity0 0.4s ease 0.4s forwards;
	}


	/*	Left animation	*/
	.item:nth-child(even) .item-img{
		-webkit-animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.1s ease 0s forwards, opacity0 0.2s ease 0s forwards;
			 -moz-animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.1s ease 0s forwards, opacity0 0.2s ease 0s forwards;
			 	-ms-animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.1s ease 0s forwards, opacity0 0.2s ease 0s forwards;
						animation: leftMoveReturn 0.4s ease-in-out 0s forwards, zIndex4-3img 0.1s ease 0s forwards, opacity0 0.2s ease 0s forwards;
	}

	.item:nth-child(even) .img-move{
		-webkit-animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards;
			 -moz-animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards;
			 	-ms-animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards;
						animation: leftMove 0.4s ease-in-out 0s forwards, zIndex3-4 0.1s ease 0s forwards, opacity1 0.5s ease-in 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards;
	}

	.item-decr{
		-webkit-animation: borderReturn 0.2s ease 0s forwards;
			 -moz-animation: borderReturn 0.2s ease 0s forwards;
			 	-ms-animation: borderReturn 0.2s ease 0s forwards;
						animation: borderReturn 0.2s ease 0s forwards;
	}


	.item-decr-shadows{
		-webkit-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
			 -moz-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
			 	-ms-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
						animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsDesc 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
	}


	.item:nth-child(even) .item-decr-shadows{
		-webkit-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
			 -moz-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
			 	-ms-animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
						animation: zIndex3-4 0.1s ease 0.4s forwards, shadowsImg 0.4s ease 0.4s forwards, border 0.4s ease 0.4s forwards;
	}

	.item:last-child{
		-webkit-transform: translate3d(-53%, 0, 0);
			 -moz-transform: translate3d(-53%, 0, 0);
			 	-ms-transform: translate3d(-53%, 0, 0);
						transform: translate3d(-53%, 0, 0);
	}

	.item {
		max-width: 330px;
		max-height: 268px;
		min-height: 268px;
	}

	.item-decr .item__title {
	  margin: 20px 35px 6px;
	}

	.item-decr .item__title:after{
		margin-top: 13px;
	}

	.item-decr .item-decr-text{
		font-size: 13px;
	}

}

@media (max-width: 767px) {
	.option .option__one,
	.option .option__two{
		width: 100%;
	}

	.item .thumb-move,
	.item .item-thumb,
	.item .img-move,
	.item .item-img,
	.item .item-decr-shadows,
	.item .item-decr{
		-webkit-animation: none;
			 -moz-animation: none;
						animation: none;
	}
}

@media (max-width: 480px) {
	.item {
		max-width: 250px;
		max-height: 224px;
		min-height: 224px;
	}

	.item-decr,
	.item-thumb,
	.item-img{
		display: none;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
  -webkit-font-smoothing: subpixel-antialiased;
}

::selection{
  color: #ffffff;
  background: #34495e;
}

::-moz-selection{
  color: #ffffff;
  background: #34495e;
}

::-webkit-selection{
  color: #ffffff;
  background: #34495e;
}

/*================================= Animation ===================================*/

/*	thumb move 	*/
@-webkit-keyframes thumbMove  {
  0% {   -webkit-transform: translate3d(0, 0, 0); }

  100% { -webkit-transform: translate3d(200%, 0, 0); }
}

@-moz-keyframes thumbMove  {
  0% { -moz-transform: translate3d(0, 0, 0); }

  100% { -moz-transform: translate3d(200%, 0, 0); }
}

@keyframes thumbMove {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(200%, 0, 0);
    	 -moz-transform: translate3d(200%, 0, 0);
    		-ms-transform: translate3d(200%, 0, 0);
    		 -o-transform: translate3d(200%, 0, 0);
    				transform: translate3d(200%, 0, 0);
  }
}

/*	thumb move return 	*/
@-webkit-keyfr thumbMoveReturn  {
  0% {   -webkit-transform: translate3d(98%, 0, 0); }

  100% { -webkit-transform: translate3d(0, 0, 0); }
}

@-moz-keyframes thumbMoveReturn  {
  0% { -moz-transform: translate3d(98%, 0, 0); }

  100% { -moz-transform: translate3d(0, 0, 0); }
}

@keyframes thumbMoveReturn {
  0% {
    -webkit-transform: translate3d(98%, 0, 0);
    	 -moz-transform: translate3d(98%, 0, 0);
    		-ms-transform: translate3d(98%, 0, 0);
    		 -o-transform: translate3d(98%, 0, 0);
    				transform: translate3d(98%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }
}

/*	img move 	*/
@-webkit-keyfr imgMove {
  0% {   -webkit-transform: translate3d(0, 0, 0); }

  100% { -webkit-transform: translate3d(98%, 0, 0); }
}

@-moz-keyframes imgMove {
  0% { -moz-transform: translate3d(0, 0, 0); }

  100% { -moz-transform: translate3d(98%, 0, 0); }
}

@keyframes imgMove {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(98%, 0, 0);
    	 -moz-transform: translate3d(98%, 0, 0);
    		-ms-transform: translate3d(98%, 0, 0);
    		 -o-transform: translate3d(98%, 0, 0);
    				transform: translate3d(98%, 0, 0);
  }
}

/*	img move return 	*/
@-webkit-keyfr imgMoveReturn  {
  0% {   -webkit-transform: translate3d(98%, 0, 0); }

  100% { -webkit-transform: translate3d(0, 0, 0); }
}

@-moz-keyframes imgMoveReturn  {
  0% { -moz-transform: translate3d(98%, 0, 0); }

  100% { -moz-transform: translate3d(0, 0, 0); }
}

@keyframes imgMoveReturn {
  0% {
    -webkit-transform: translate3d(98%, 0, 0);
    	 -moz-transform: translate3d(98%, 0, 0);
    		-ms-transform: translate3d(98%, 0, 0);
    		 -o-transform: translate3d(98%, 0, 0);
    				transform: translate3d(98%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }
}

/*	thumb move 	*/
@-webkit-keyframes thumbMoveAlt  {
  0% {   -webkit-transform: translate3d(0, 0, 0); }

  100% { -webkit-transform: translate3d(-200%, 0, 0); }
}

@-moz-keyframes thumbMoveAlt  {
  0% { -moz-transform: translate3d(0, 0, 0); }

  100% { -moz-transform: translate3d(-200%, 0, 0); }
}

@keyframes thumbMoveAlt {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-200%, 0, 0);
    	 -moz-transform: translate3d(-200%, 0, 0);
    		-ms-transform: translate3d(-200%, 0, 0);
    		 -o-transform: translate3d(-200%, 0, 0);
    				transform: translate3d(-200%, 0, 0);
  }
}

/*	thumb move return 	*/
@-webkit-keyfr thumbMoveAltReturn  {
  0% {   -webkit-transform: translate3d(-98%, 0, 0); }

  100% { -webkit-transform: translate3d(0, 0, 0); }
}

@-moz-keyframes thumbMoveAltReturn  {
  0% { -moz-transform: translate3d(-98%, 0, 0); }

  100% { -moz-transform: translate3d(0, 0, 0); }
}

@keyframes thumbMoveAltReturn {
  0% {
    -webkit-transform: translate3d(-98%, 0, 0);
    	 -moz-transform: translate3d(-98%, 0, 0);
    		-ms-transform: translate3d(-98%, 0, 0);
    		 -o-transform: translate3d(-98%, 0, 0);
    				transform: translate3d(-98%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }
}

/*	img move 	*/
@-webkit-keyfr imgMoveAlt {
  0% {   -webkit-transform: translate3d(0, 0, 0); }

  100% { -webkit-transform: translate3d(-98%, 0, 0); }
}

@-moz-keyframes imgMoveAlt {
  0% { -moz-transform: translate3d(0, 0, 0); }

  100% { -moz-transform: translate3d(-98%, 0, 0); }
}

@keyframes imgMoveAlt {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-98%, 0, 0);
    	 -moz-transform: translate3d(-98%, 0, 0);
    		-ms-transform: translate3d(-98%, 0, 0);
    		 -o-transform: translate3d(-98%, 0, 0);
    				transform: translate3d(-98%, 0, 0);
  }
}

/*	img move return 	*/
@-webkit-keyfr imgMoveAltReturn  {
  0% {   -webkit-transform: translate3d(-98%, 0, 0); }

  100% { -webkit-transform: translate3d(0, 0, 0); }
}

@-moz-keyframes imgMoveAltReturn  {
  0% { -moz-transform: translate3d(-98%, 0, 0); }

  100% { -moz-transform: translate3d(0, 0, 0); }
}

@keyframes imgMoveAltReturn {
  0% {
    -webkit-transform: translate3d(-98%, 0, 0);
    	 -moz-transform: translate3d(-98%, 0, 0);
    		-ms-transform: translate3d(-98%, 0, 0);
    		 -o-transform: translate3d(-98%, 0, 0);
    				transform: translate3d(-98%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    	 -moz-transform: translate3d(0, 0, 0);
    		-ms-transform: translate3d(0, 0, 0);
    		 -o-transform: translate3d(0, 0, 0);
    				transform: translate3d(0, 0, 0);
  }
}


/*	opacity from 1 to 0	*/
@-webkit-keyframes opacity0  {
  0% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0;}
}

@-moz-keyframes opacity0  {
  0% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes opacity0 {
  0% { opacity: 1; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

/*	opacity from 0 to 1	*/
@-webkit-keyframes opacity1  {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes opacity1  {
  0% { opacity: 0; }
  100% {  opacity: 1; }
}

@keyframes opacity1 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}




/* 	Shadows 	*/
@-webkit-keyframes shadowsImg  {
	0%{ 
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  100%{ 
  	-webkit-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), 21px 0px 21px -21px rgba(0,0,0,0.2);
  }
}

@-moz-keyframes shadowsImg  {
	0%{ 
  	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  100%{ 
  	-moz-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), 21px 0px 21px -21px rgba(0,0,0,0.2); 
  }
}

@keyframes shadowsImg {
	0%{ 
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  		 -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  					box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  100%{ 
  	-webkit-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), 21px 0px 21px -21px rgba(0,0,0,0.2);
		 	 -moz-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), 21px 0px 21px -21px rgba(0,0,0,0.2);
						box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), 21px 0px 21px -21px rgba(0,0,0,0.2);
  }
}

@-webkit-keyframes shadowsDesc  {
	0%{ 
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  100%{ 
  	-webkit-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), -21px 0px 21px -21px rgba(0,0,0,0.2);
  }
}

@-moz-keyframes shadowsDesc  {
	0%{ 
  	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  100%{ 
  	-moz-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), -21px 0px 21px -21px rgba(0,0,0,0.2); 
  }
}

@keyframes shadowsDesc {
	0%{ 
  	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  		 -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  					box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
  }
  100%{ 
  	-webkit-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), -21px 0px 21px -21px rgba(0,0,0,0.2);
		 	 -moz-box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), -21px 0px 21px -21px rgba(0,0,0,0.2);
						box-shadow: 0px -21px 21px -21px rgba(0,0,0,0.2), 0px 21px 21px -21px rgba(0,0,0,0.2), -21px 0px 21px -21px rgba(0,0,0,0.2);
  }
}

/*	Border 	*/
@-webkit-keyframes border  {
  to{ border-color: #85d6de; }
}

@-moz-keyframes border  {
  to{ border-color: #85d6de; }
}

@keyframes border {
  to{ border-color: #85d6de; }
}

/*	Border return 	*/
@-webkit-keyframes borderReturn  {
	0%{ border-color:  #85d6de; }
  100%{ border-color: #ffffff; }
}

@-moz-keyframes borderReturn  {
  0%{ border-color:  #85d6de; }
  100%{ border-color: #ffffff; }
}

@keyframes borderReturn {
  0%{ border-color:  #85d6de; }
  100%{ border-color: #ffffff; }
}

/* Mallki */
.link {
	outline: none;
	text-decoration: none;
	position: relative;
	color: #34495e;
	display: block;
}

.link--mallki {
	color: #34495e;
	-webkit-transition: color 0.75s 0.4s;
	transition: color 0.75s 0.4s;
	overflow: hidden;
	margin: 0px;
	padding: 0 10px;
}

.link--mallki:hover {
	-webkit-transition: none;
	transition: none;
	color: transparent;
}

.link--mallki::before {
	content: '';
	width: 100%;
	height: 6px;

	margin: 0;
	background: #85d5de;
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 1;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	-webkit-transition: -webkit-transform .4s .05s;

	transition: transform .4s .05s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--mallki:hover::before {
	-webkit-transform: translate3d(101%,0,0);
	transform: translate3d(101%,0,0);
}

.animate-wrapper{
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 17px;
	padding: 0 3px;
	line-height: 42px;
	position: relative;
	display: inline-block;

}

.animate-wrapper::after {
	content: '';
	width: 6px;
	height: 6px;
	background: #34495e;
	position: absolute;
	right: 0px;
	top: 50%;
	border-radius: 3px;
	z-index: 10;
	-webkit-transition: background 300ms ease-in 300ms;
		 	 -o-transition: background 300ms ease-in 300ms;
					transition: background 300ms ease-in 300ms;
}

.animate-wrapper:hover::after{

	-webkit-transition: background 200ms ease-in 200ms;
		 	 -o-transition: background 200ms ease-in 200ms;
					transition: background 200ms ease-in 200ms;
}

.animate-wrapper::before {
	content: '';
	width: 6px;
	height: 6px;
	background: #34495e;
	position: absolute;
	left: 0px;
	top: 50%;
	border-radius: 3px;
	z-index: 10;
	-webkit-transition: background 200ms ease-in 300ms;
		 	 -o-transition: background 200ms ease-in 300ms;
					transition: background 200ms ease-in 300ms;
}

.animate-wrapper:hover::before{	
	-webkit-transition: background 200ms ease-in;
		 	 -o-transition: background 200ms ease-in;
					transition: background 200ms ease-in;

}

.animate-wrapper:hover::after,
.animate-wrapper:hover::before{
	background: #85d5de;
}

.link--mallki span {
	position: absolute;
	height: 50%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.link--mallki span::before {
	content: attr(data-letters);
	position: absolute;
	left: 0;
	width: 100%;
	color: #85d5de;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.link--mallki span:nth-child(2) {
	top: 50%;
}

.link--mallki span:first-child::before {
	top: 0;
	-webkit-transform: translate3d(0,90%,0);
	transform: translate3d(0,90%,0);
}

.link--mallki span:nth-child(2)::before {
	bottom: 0;
	-webkit-transform: translate3d(0,-90%,0);
	transform: translate3d(0,-90%,0);
}

.link--mallki:hover span::before {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.option__two .animate-wrapper:hover::after,
.option__two .animate-wrapper:hover::before,
.option__two .link--mallki::before{
	background: #ffffff;
}

.option__two .link--mallki span::before{
	color: #ffffff;
}