html,body {
	min-width: 960px;
	position: relative;
}
body {
	/* overflow-x: hidden; */
	background: #fff;
	font-family: 'GothamPro Medium', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #3b3b3b;
	
}

#global-wrapper {
    position: relative;
	min-height: 100%;
}

.wrapper {
	width: 90%;
	max-width: 1170px;
	height: 100%;
	margin: 0 auto;
}

#header {	
	top: 0;
	left: 0;
	height: 80px;
	/* background: rgba(255,255,255,.1); */
	z-index: 9;	
}
#header *{
	color: #fff;
}
#header > div {
	padding-top: 40px;
	transition: padding .3s ease;
	-moz-transition: padding .3s ease;
	-webkit-transition: padding .3s ease;
}

#header .logo {
	margin-top: 6px;
}

#header .mainmenu ul.level > li {
	display: inline-block;
	line-height: 34px;
	padding: 0 2.5rem;
	margin-right: .5rem;
	border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	-webkit-border-radius: 2.5rem;
}

#header:before  {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	background-color: #2c2a2d;
	margin-top: -80px;
	transition: margin .5s ease;
	-moz-transition: margin .5s ease;
	-webkit-transition: margin .5s ease;
}
#header.dark:before  {
	margin-top: 0px;
    height: 90px;
}

#header .mainmenu ul.level > li:last-child {
	margin-right: 0;
}

.bordered_shadow {
	box-shadow: 0 0 0 2px #fff;
	-moz-box-shadow: 0 0 0 2px #fff;
	-webkit-box-shadow: 0 0 0 2px #fff;
}

#header .mainmenu li a{
	display: inline-block;
	width: 100%;
	text-decoration: none;
}

#header .mainmenu li:not(.as_btn):after {
	content: "";	
	display: block;
	min-width: 0;
	width: 0%;
	margin: 0 auto;
	height: 2px;
	background-color: #7bc2a9;
	box-shadow: 0 0 1px 0 rgba(86,239,185,.25);
	-moz-box-shadow: 0 0 1px 0 rgba(86,239,185,.25);
	-webkit-box-shadow: 0 0 1px 0 rgba(86,239,185,.25);
	transition: width .2s ease, box-shadow .5s ease;
	-moz-transition: width .2s ease, box-shadow .5s ease;
	-webkit-transition: width .2s ease, box-shadow .5s ease;
}
#header .mainmenu li:hover:after,
#header .mainmenu li.active:after {	
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.25), 0 0 15px 0 rgba(141,255,215,1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.25), 0 0 15px 0 rgba(141,255,215,1);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.25), 0 0 15px 0 rgba(141,255,215,1);
}
#header .mainmenu li:first-child:hover:after,
#header .mainmenu li:first-child.active:after{	width: 65px; }

#header .mainmenu li:nth-child(2):hover:after,
#header .mainmenu li:nth-child(2).active:after {	width: 35px; }

#header .mainmenu li:nth-child(3):hover:after,
#header .mainmenu li:nth-child(3).active:after {	
	width: 40px; 
}
#header .mainmenu li:nth-child(4):hover:after,
#header .mainmenu li:nth-child(4).active:after,
#header .mainmenu li:nth-child(5):hover:after,
#header .mainmenu li:nth-child(5).active:after {
	width: 35px; 
}

/* #header .mainmenu li:nth-child(2).active:hover:after,
#header .mainmenu li:nth-child(2).active:after {	
	background-color: #fff;
	box-shadow: 0 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	height: 1px;
} */

.container {
	/* height: 950px; */
	height: 100%;
	background-color: #2c2a2c;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 75%;
	background-attachment: fixed;
	overflow: hidden;
}
.container:nth-child(even) {
	/* background-color: #000; */
}


.container .wrapper{
	padding-top: 17.5vh;
}

.nextScreen {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10vh;
}

.nextScreen a{
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 42px;
	-moz-border-radius: 42px;
	-webkit-border-radius: 42px;
	box-shadow: 0 0 1px 1px rgba(255,255,255,.75);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.75);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.75);
	margin: 0 auto;
	transition: background-color .2s ease, background-position .4s ease;
	-moz-transition: background-color .2s ease, background-position .4s ease;
	-webkit-transition: background-color .2s ease, background-position .4s ease;
}

.nextScreen a {
	background: url('../images/icon_arrowDown.png') center -12px no-repeat;
}

.nextScreen a:hover{
	box-shadow: 0 0 0 0px rgb(255,255,255);
	-moz-box-shadow: 0 0 0 0px rgb(255,255,255);
	-webkit-box-shadow: 0 0 0 0px rgb(255,255,255);
	background-color: rgba(255,255,255,.75);
	background-position: center 16px;
}

#welcomeScreen {
	/* height: 948px; */
	background-image: url('../images/bg_welcome-min.jpg');
}
#welcomeScreen .wrapper{
	padding-top: 30vh;
}
#welcomeScreen .title{
	color: rgba(255,255,255,.9)
}

#welcomeScreen .buttons {
	width: 50%;
	max-width: 490px;
	margin: 20vh auto 0;
}

#welcomeScreen .buttons .btn,
.buttons .btn{
	width: 47.5%;
	float: left;
	border-radius: 48px;
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.75);
	-moz-box-shadow: inset 0 0 0 2px rgba(255,255,255,.75);
	-webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,.75);
	line-height: 48px;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#welcomeScreen .buttons .btn:nth-child(1),
.buttons .btn.red,
#welcomeScreen .buttons .btn:hover{
	background: #fe5339;
	box-shadow: 0 0 0 0 #fe5339;
	-moz-box-shadow: 0 0 0 0 #fe5339;
	-webkit-box-shadow: 0 0 0 0 #fe5339;
}

@keyframes glow_btn {
	0% { background-position: -400px center } 
    30% { background-position: 400px center }
    100% { background-position: 400px center }
}

#welcomeScreen .buttons .btn.register {
	/* float: none; */
	/* margin: 1.5em auto 0; */
	background: #38b385 url('../images/glow.png') -400px center no-repeat;
	background-size: auto 100%;
	box-shadow: inset 0 0 0 2px #43d29c;
    -moz-box-shadow: inset 0 0 0 2px #43d29c;
    -webkit-box-shadow: inset 0 0 0 2px #43d29c;
}
#welcomeScreen .buttons .btn.register:hover ,
#welcomeScreen .buttons .btn.menu_order:hover {
	animation: glow_btn 1.75s  ;
    -moz-animation: glow_btn 1.75s  ;
    -webkit-animation: glow_btn 1.75s  ;
}

#welcomeScreen .buttons .btn.menu_order {
	background:#31708a;
	box-shadow: inset 0 0 0 2px #fff;
    -moz-box-shadow: inset 0 0 0 2px #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
}
#welcomeScreen .buttons .btn.menu_order:before {
	content: "";
	position: absolute;
    top: 0;
    display: inline-block;
    left: 0;
    width: 50px;
    height: 50px;
    margin: 0px;
    background: url(../images/icon_basket-buy.png) 10px 12px no-repeat;
    background-size: 50%;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}

#welcomeScreen .buttons .btn.survey {
	
}

.silverOnhover:hover {
	background: #8c8e99;
	color: #222328;
	box-shadow: inset 0 0 0 0 #8c8e99;
	-moz-box-shadow: inset 0 0 0 0 #8c8e99;
	-webkit-box-shadow: inset 0 0 0 0 #8c8e99;
}

#welcomeScreen .buttons .btn:nth-child(2),
.buttons .btn:nth-child(2){
	float: right;
}


#howitworksScreen {
	background-color: #222328;
}

#howitworksScreen:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/bg_youtube-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px); 
	-o-filter: blur(10px); 
	-ms-filter: blur(10px);
	opacity: .15;
	-moz-opacity: .15;
}

#howitworksScreen .wrapper{
	
}

#howitworksScreen .content{
	margin-top: 17.5vh;
}

#howitworksScreen .frame{
	max-width: 602px;
	width: 90%;
	height: auto;
	display: block;
	box-shadow: 0 1em 2em 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1em 2em 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1em 2em 0 rgba(0,0,0,0.5);
	margin: 0 auto;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	overflow: hidden;
	background-image: url('../images/bg_youtube-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#howitworksScreen .frame.overauto {
	overflow: auto;
	background: none;
}
#howitworksScreen .frame iframe{
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
}
#howitworksScreen .frame.fixed iframe{
	opacity: 1;
	-moz-opacity: 1;
}

#howitworksScreen .frame.fixed .playBtn{
	display: none;
}

#howitworksScreen .frame .playBtn{
	width: 65px;
	height: 65px;
	border-radius: 65px;
	-moz-border-radius: 65px;
	-webkit-border-radius: 65px;
	background: #e33e25 url('../images/playBtn.png') 55% 53% no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32.5px 0 0 -32.5px;
	z-index: 9;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
#howitworksScreen .frame .playBtn:hover{
	background-color: #f07563;
}

.thistableStuff {
	display: table;
	overflow: hidden;
}

.thistableStuff > div{
	display: table-cell;
	vertical-align: middle;
}

.infograph > div{
	transition: transform .7s ease;
	-moz-transition: transform .7s ease;
	-webkit-transition: transform .7s ease;
}

.infograph.al_left > div{
	margin-left: -5vh;
	transform: translate(-1000px);
	-moz-transform: translate(-1000px);
	-webkit-transform: translate(-1000px);
}
.infograph.al_right > div{
	margin-right: -5vh;
	transform: translate(1000px);
	-moz-transform: translate(1000px);
	-webkit-transform: translate(1000px);
}

.shownInfoGraph .infograph > div {
	transform: translate(0px) rotate(0deg);
	-moz-transform: translate(0px) rotate(0deg);
	-webkit-transform: translate(0px) rotate(0deg);
}

.shownInfoGraph .thistableStuff {
	overflow: auto;
}

.infograph:not(.no_shadowedImage) > div:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0%;
	width: 100%;
	height: 55%;
	-moz-border-radius: 300px / 150px;
	-webkit-border-radius: 300px / 150px;
	border-radius: 300px / 150px;
	background: rgba(0,0,0,.15);
}
.infograph img {
	display: block;
	width: 79.4%;
	margin: 0 auto;
	/* background: url('../images/infographic/001-min.png') center 0 no-repeat; */
}
.infograph.no_shadowedImage img {
	width: 110%;
	margin-left: -5%;
}

.infobuttons {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(255,255,255,.5); */
}

.infobuttons  .btn{
	width: 40px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	position: absolute;
	top: 0%;
	left: 0%;	
}
.infobuttons  .btn.shown{
	z-index: 999;
}
.infobuttons  .btn span{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	text-align: center;
	background: rgba(254,83,57,.5);
	font-size: 1.5em;
	color: #fff;
	z-index: 9;
}

.infobuttons  .btn span:hover,
.infobuttons  .btn.shown span {
	background: rgb(254,83,57);
}
.infobuttons  .btn.shown span {
	color: transparent;
	background: #b90707;
}
.infobuttons  .btn.shown span:active {
	transform: scale(.9);
	-moz-transform: scale(.9);
	-webkit-transform: scale(.9);
	background: #820000
}
.infobuttons  .btn span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	opacity: 0;
	-moz-opacity: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.infobuttons  .btn.shown span:before {
	opacity: 1;
	-moz-opacity: 1;
	background-image: url('../images/icon_close_w.png') !important;
	
}

.infobuttons  .btn:not(.shown):before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	box-shadow: 0 0 1px 1px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,1);
	opacity: 0;
	-moz-opacity: 0;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.infobuttons  .btn:hover:before{
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	opacity: 1;
	-moz-opacity: 1;
}
.infobuttons  .btn:active:before{
	transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	box-shadow: 0 0 15px 1px rgba(255,255,255,1);
	-moz-box-shadow: 0 0 15px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 15px 1px rgba(255,255,255,1);
}

#simple-purchaseScreen .infobuttons  .btn:nth-child(1){ margin: 20% 45%; }
#simple-purchaseScreen .infobuttons  .btn:nth-child(2){ margin: 32% 63%; }

.infobuttons  .btn .info {
	position: absolute;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 15px 25px;
	background: rgba(255,255,255,.975);
	min-width: 255px;
	max-width: 275px;
	/* height: 111px; */
	margin-top: 20px;
	font-size: 1em;
	color: #222328;
	text-align: left;
	top: 0;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
}

.infobuttons  .btn.top .info {
	top: auto;
	bottom: 0;
	margin-bottom: 20px;
}

.infobuttons  .btn.right .info {
	margin-left: -23px;
    left: 100%;
}

.infobuttons  .btn.left .info {
	margin-right: -23px;
    right: 100%;
}

#assortmentScreen .infobuttons  .btn  span:before {
	background-image: url('../images/icon_info.png');
	opacity: 1;
	-moz-opacity: 1;
}

#assortmentScreen  .infobuttons  .btn span:before {
	background: url('../images/icon_info.png') center center no-repeat;
}

#assortmentScreen .infobuttons  .btn:nth-child(1){ margin: 15% 7%; }
#assortmentScreen .infobuttons  .btn:nth-child(2){ margin: 11% 33%; }
#assortmentScreen .infobuttons  .btn:nth-child(3){ margin: 12% 63.5%; }
#assortmentScreen .infobuttons  .btn:nth-child(4){ margin: 2.5% 88%; }
#assortmentScreen .infobuttons  .btn:nth-child(5){ margin: 39% 8%; }

#simple-purchaseScreen .infobuttons  .btn .info ul{
	
}
.infobuttons  .btn .info li{
	line-height: 2.25;
}

#teamScreen .infobuttons  .btn .info li{
	font-size: 1.2em;
	line-height: 1.3;
}

.container.bg_turquoise {
	background-color: #43d29d!important;
}

.container.bg_darkGreen {
	background-color: #3d8b63!important;
}

.container#casesScreen .wrapper {
    padding-top: 15vh;
}
#casesScreen .content{
	margin-top: 18vh;
}



#teamScreen {}

#teamScreen .content{
	margin-top: 7.5vh;
	height: 80%;
	max-height: 650px;
}

#teamScreen .card{	
	padding: 1% 1.25em;
	height: 50%;
}
#teamScreen .card.large{
	height: 100%;
}


#teamScreen .card .useful{
	height: 100%;
	background: #4a4c52;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 15px 25px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,0.25);
	/* overflow: hidden; */
	transition: box-shadow .3s ease;
	-moz-transition: box-shadow .3s ease;
	-webkit-transition: box-shadow .3s ease;
}

#teamScreen .card:hover .useful{
	box-shadow: 0 20px 30px 0 rgba(0,0,0,0.5);
	-moz-box-shadow: 0 20px 30px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 20px 30px 0 rgba(0,0,0,0.5);
}

#teamScreen .card .image{
	/* height: calc( 100% - 120px );
	height: -moz-calc( 100% - 120px );
	height: -webkit-calc( 100% - 120px ); */
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	height: 60%;
	background: #719085;
	background: -moz-radial-gradient(center, ellipse cover, #719085 0%, #c1c9c6 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #719085 0%,#c1c9c6 100%);
	background: radial-gradient(ellipse at center, #719085 0%,#c1c9c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719085', endColorstr='#c1c9c6',GradientType=1 );
	overflow: hidden;
	/* padding-top: 10px; */
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#teamScreen .card.large .image{
	height: 81%;
}

#teamScreen .card:hover .image{
	background: #49d29f;
	background: -moz-radial-gradient(center, ellipse cover, #49d29f 0%, #b3d6ca 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #49d29f 0%,#b3d6ca 100%);
	background: radial-gradient(ellipse at center, #49d29f 0%,#b3d6ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49d29f', endColorstr='#b3d6ca',GradientType=1 );
}

#teamScreen .card.active {
	z-index: 999;
}

#teamScreen .card .useful .bar{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
    display: table;
	visibility: hidden;
    background: rgba(74, 76, 82,0);
	transition: background .3s ease;
	-moz-transition: background .3s ease;
	-webkit-transition: background .3s ease;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
#teamScreen .card:hover .useful .bar,
#teamScreen .card.active .useful .bar{
	visibility: visible;
	background: rgba(74, 76, 82,.8);
}

#teamScreen .card .useful .bar .infoButtons{
	transform: translateY(10px);
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	opacity: 0;
	-moz-opacity: 0;
}
#teamScreen .card:hover .useful .bar .infoButtons,
#teamScreen .card.active .useful .bar .infoButtons{
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	-moz-opacity: 1;
}

#teamScreen .card .useful .bar > div{
	display: table-cell;
    vertical-align: middle;
}

#teamScreen .card .image img{	
	max-width: 100%;
	height: auto;
	filter: grayscale(80%);
	-moz-filter: grayscale(80%);
	-webkit-filter: grayscale(80%);
	transition: all .15s ease;
	-moz-transition: all .15s ease;
	-webkit-transition: all .15s ease;
}

#teamScreen .card:hover .image img{
	opacity: 0;
	-moz-opacity: 0;
}

#teamScreen .card .image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	/* background-position: center 10px; */
	background-position: center 100%;
	/* background-size: 100% auto; */
	background-size: auto 95%;
	transition: all .15s ease;
	-moz-transition: all .15s ease;
	-webkit-transition: all .15s ease;
	filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-webkit-filter: grayscale(50%);
}

#teamScreen .card.large .image:after {
	/* background-position: center 400%; */
	/* background-size: auto 90%; */
	background-size: 100% auto;
}

#teamScreen .card:hover .image:after {
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

#teamScreen .card[person="Greben"] .image:after {
	background-image: url('../images/employees/MAX.png');
}
#teamScreen .card[person="Greben"]:hover .image:after {
	background-image: url('../images/employees/MAX_1.png');
}

#teamScreen .card[person="Vika"] .image:after {
	background-image: url('../images/employees/VIKA.png');
}
#teamScreen .card[person="Vika"]:hover .image:after {
	background-image: url('../images/employees/VIKA2.png');
}

#teamScreen .card[person="Aronov"] .image:after {
	background-image: url('../images/employees/Sasha.png');
}
#teamScreen .card[person="Aronov"]:hover .image:after {
	background-image: url('../images/employees/Sasha_1.png');
}

#teamScreen .card[person="Egoshin"] .image:after {
	background-image: url('../images/employees/002.png');
}
#teamScreen .card[person="Egoshin"]:hover .image:after {
	background-image: url('../images/employees/002_h.png');
}

#teamScreen .card[person="Kuksov"] .image:after {
	background-image: url('../images/employees/003.png');
}
#teamScreen .card[person="Kuksov"]:hover .image:after {
	background-image: url('../images/employees/003_h.png');
}

#teamScreen .card[person="Vorhlik"] .image:after {
	background-image: url('../images/employees/004.png');
}
#teamScreen .card[person="Vorhlik"]:hover .image:after {
	background-image: url('../images/employees/004_h.png');
}

#teamScreen .card[person="Lebedev"] .image:after {
	background-image: url('../images/employees/005.png');
}
#teamScreen .card[person="Lebedev"]:hover .image:after {
	background-image: url('../images/employees/005_h.png');
}

#teamScreen .card[person="Laindinina"] .image:after {
	background-image: url('../images/employees/006.png');
}
#teamScreen .card[person="Laindinina"]:hover .image:after {
	background-image: url('../images/employees/006_h.png');
}
#teamScreen .card[person="Vorobieva"] .image:after {
	background-image: url('../images/employees/007.png');
}
#teamScreen .card[person="Vorobieva"]:hover .image:after {
	background-image: url('../images/employees/007_h.png');
}

#teamScreen .card.large .image img{
	position: absolute;
	bottom: 0;
	left: 0;
}

#teamScreen .card:hover .image img{
	filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

#teamScreen .card .text{
	position: absolute;
	bottom: 0;
	height: 40%;
	width: 100%;
	padding-top: 1.5em;
}
#teamScreen .card.large .text{
	height: 19%;
}
#teamScreen .card .text .title{
	height: 20%;
	padding-bottom: .25em;
	text-shadow: 0 0 3px rgba(0,0,0,0.25);
}
#teamScreen .card .text .descr{
	height: 80%;
	line-height: 1.5;
	color: #a4a7ae;
	padding: 0 .75em;
}
#partnersScreen .partners ul {
	text-align: center;
}
#partnersScreen .partners ul li {
	width: 19%;
	display: inline-block;	
	height: 100px;
}

#partnersScreen .partners ul li div{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 65% auto ;
}


.feedback {
	/* max-height: 450px;
	height: 50vh; */
	height: 450px;
	background: #4e555e url('../images/bg_feedback.jpg') center center no-repeat;
	box-shadow: 10px 20px 30px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 10px 20px 30px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 10px 20px 30px 0 rgba(0,0,0,0.25);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: -10em;
}

#partnersScreen .wrapper {
	z-index: 9;
}

#footer {
	margin-top: -25vh;
	padding-top: 20vh;
}

#footer .logo,
#footer .socials {
	z-index: 9;
}

#footer .contactCircle li:before{
	content: "";
	float: left;
	margin-right: 1em;
}

#footer .socials li,
#footer .contactCircle li:before{
	float: left;
	width: 51px;
	height: 51px;
	border-radius: 51px;
	-moz-border-radius: 51px;
	-webkit-border-radius: 51px;
	margin-right: 17px;
	background-image: url('../images/icons_social.png');
	background-repeat: no-repeat;
	box-shadow: inset 0 0 0 1px #8c8e99;
	-moz-box-shadow: inset 0 0 0 1px #8c8e99;
	-webkit-box-shadow: inset 0 0 0 1px #8c8e99;
	transition: background .25s ease;
	-moz-transition: background .25s ease;
	-webkit-transition: background .25s ease;	
}
#footer .contactCircle li:before{
	background-image: url('../images/icons_contacts.png');
	background-position: -51 -51px;
}
#footer .contactCircle li:nth-child(1):hover:before{	background-position: -51px 0;}

#footer .contactCircle li:nth-child(2):before{	background-position: 0 -51px;}
#footer .contactCircle li:nth-child(2):hover:before{	background-position: 0 0;}

#footer .socials li:last-child{
	margin-right: 0;
}

#footer .socials li:nth-child(1){	background-position: 0 -51px;}
#footer .socials li:nth-child(1):hover{	background-position: 0 0;}

#footer .socials li:nth-child(2){	background-position: -51px -51px;}
#footer .socials li:nth-child(2):hover{	background-position: -51px 0;}

#footer .socials li:nth-child(3){	background-position: -102px -51px;}
#footer .socials li:nth-child(3):hover{	background-position: -102px 0;}

#footer .socials li:hover,
#footer .contactCircle li:hover:before{
	background-color: #8c8e99;
	box-shadow: inset 0 0 0 0 transparent;
	-moz-box-shadow: inset 0 0 0 0 transparent;
	-webkit-box-shadow: inset 0 0 0 0 transparent;
}

#footer .contactCircle ul {
	text-align: center;
}

#footer .contactCircle li{
	height: 51px;
	line-height: 51px;
	display: inline-block;
	margin-right: 5em;
}
#footer .contactCircle li:last-child{
	margin-right: 0;
}

#footer .socials li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}

/* offer */

#specialofferScreen .wrapper {
	padding-top: 0;
}

#specialofferScreen .content__section {
	padding-top: 4%;
}
#specialofferScreen .bg__section {
	background: url('../images/bg_offer.jpg') 50% 0 no-repeat;
	background-size: auto 100%;
	height: 100%;
}

.intro__text p {
	text-align: center;
	line-height: 1.5;
}
.intro__text p:nth-child(1) {
	font-size: 1.35em;
	
}
.intro__text p:nth-child(2) {
	font-size: 1.83em;
}
.intro__text p:nth-child(3) {
	font-size: 1.1em;
}
.intro__text p:nth-child(4) {
	font-size: 2.6em;
}

.btn__order {
	background: #f9471b;
	display: inline-block;
	padding: 30px 20px;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	cursor: pointer;
}
.notice {
	font-size: .5em;
	padding-top: 20px;
	line-height: 1.3;
}

.tile__container {
	overflow: hidden;
	display: table;
	width: 100%;
	height: 100%;
	transition: transform .3s ease, box-shadow .4s ease;
	-moz-transition: transform .3s ease, box-shadow .4s ease;
	-webkit-transition: transform .3s ease, box-shadow .4s ease;
	/* background: rgb(153,153,153);
	background: -moz-radial-gradient(center, ellipse cover, rgba(153,153,153,1) 0%, rgba(9,9,9,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(153,153,153,1) 0%,rgba(9,9,9,1) 100%);
	background: radial-gradient(ellipse at center, rgba(153,153,153,1) 0%,rgba(9,9,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#090909',GradientType=1 ); */
}
.tile__container:hover {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.35);	
	z-index: 9;
}

#tilesContainer [class*="col"]:nth-child(1) .tile__container,
#tilesContainer [class*="col"]:nth-child(6) .tile__container,
#tilesContainer [class*="col"]:nth-child(7) .tile__container,
#tilesContainer [class*="col"]:nth-child(9) .tile__container{
	background: #e5e5fb;
	background: -moz-radial-gradient(center, ellipse cover, #e5e5fb 0%, #8f86a6 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #e5e5fb 0%,#8f86a6 100%);
	background: radial-gradient(ellipse at center, #e5e5fb 0%,#8f86a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5fb', endColorstr='#8f86a6',GradientType=1 );
}

#tilesContainer [class*="col"]:nth-child(4) .tile__container{
	background: #d09132;
	background: -moz-radial-gradient(center, ellipse cover, #d09132 0%, #d7c368 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #d09132 0%,#d7c368 100%);
	background: radial-gradient(ellipse at center, #d09132 0%,#d7c368 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d09132', endColorstr='#d7c368',GradientType=1 );
}

#tilesContainer [class*="col"]:nth-child(2) .tile__container,
#tilesContainer [class*="col"]:nth-child(8) .tile__container{
	background: #699e49;
	background: -moz-radial-gradient(center, ellipse cover, #699e49 0%, #406c32 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #699e49 0%,#406c32 100%);
	background: radial-gradient(ellipse at center, #699e49 0%,#406c32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699e49', endColorstr='#406c32',GradientType=1 );
}

#tilesContainer [class*="col"]:nth-child(3) .tile__container,
#tilesContainer [class*="col"]:nth-child(5) .tile__container{
	background: #513232;
	background: -moz-radial-gradient(center, ellipse cover, #513232 0%, #cf2a1e 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #513232 0%,#cf2a1e 100%);
	background: radial-gradient(ellipse at center, #513232 0%,#cf2a1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#513232', endColorstr='#cf2a1e',GradientType=1 );
}

#tilesContainer [class*="col"] {
	padding: 5px;
}

.tile__container .descr {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	transition: top .4s ease;
	-moz-transition: top .4s ease;
	-webkit-transition: top .4s ease;
	display: table;
	padding: 0 15px;
}
.tile__container:hover .descr {
	top: 0;
}
.tile__container .descr > div {
	display: table-cell;
    vertical-align: middle;
}
.tile__title{
	font-size: 2em;
	padding-bottom: .75em;
}

.tile__description{
	font-size: 1.25em;
	line-height: 1.3;
}

.tile__container img{
	width: 100%;
	height: auto;
}

.field_group_Mainwrapper {
	margin-bottom: 2px;
	
}

/* .popup[type="survey"] {
	max-width: none;
    max-height: none;
} */
.popup[type="survey"] .for__form {
	overflow-x: hidden;
	overflow-y: auto;
    padding: 5px;
}

.field_group {
	padding: 2px;    
    display: inline-block;
	border: 2px solid transparent;
	box-shadow: inset 0 0 0 1px #c5ccd6;
	-moz-box-shadow: inset 0 0 0 1px #c5ccd6;
	-webkit-box-shadow: inset 0 0 0 1px #c5ccd6;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
	-moz-transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
	-webkit-transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
	background: #fbfdff;
}

.field_group:hover {
	/* transform: scale(1.025);
	-moz-transform: scale(1.025);
	-webkit-transform: scale(1.025); */
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	z-index: 9;
	background: #fff;
}

.field_group_wrapper {
	border: 1px solid #e8e8e8;
	display: inline-block;
    width: 100%;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding-bottom: 5px;
}

.field_group .field {
	float: left;
	padding: 0 5px;
	line-height: 25px;
}

[type="text"].input-small{
	height: 25px;
}

.field_group_wrapper hr {
	margin: 0;
	padding: 0;
}

.field_group_wrapper label.lh_125{
	line-height: 1.25;
    padding-bottom: .5em;
}

textarea.input-small{
	height: 35px;
	padding-top: 4px!important;
}

.field_group_title{
	font-weight: bold;
    font-size: 1.25em;
    min-width: 50%;
    padding: 8px 10px;
    /* background: url(../images/survey_title.png) 100% 0 no-repeat; */
    /* background: #7a7c80; */
    background: #c5ccd6;
    display: inline-block;
    background-size: auto 100%;
    margin-bottom: 5px;
    /* color: #565f69; */
    color: #fff;
    /* text-shadow: 0 1px 0 #fff; */
    text-shadow: 0 -1px 1px rgba(0,0,0,.25);
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    text-transform: inherit;
	transition: background .5s ease;
	-moz-transition: background .5s ease;
	-webkit-transition: background .5s ease;
}

.field_group_wrapper:hover .field_group_title{
	background: #788392;
}



.field_group_title span{
	z-index: 1;
}

.field_group_title:after{
	content: "";
    display: inline-block;
    /* background: #7a7c80; */
    background: inherit;
    width: 30px;
    transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    /* float: right; */
    height: 100%;
    position: absolute;
    left: calc(100% - 20px);
    left: -moz-calc(100% - 20px);
    left: -webkit-calc(100% - 20px);
    z-index: 0;
    top: 0;
    border-radius: 0 0 5px;
    -moz-border-radius: 0 0 5px;
    -webkit-border-radius: 0 0 5px;
}


.field_group [type="radio"] {
	width: auto;
	margin: 0 0 0 .25em;
}

/* end */

@media screen and ( max-width: 1200px ) {
	
	#header .mainmenu ul.level > li {
		padding: 0 1rem;
	}
	
}

@media screen and ( max-width: 1200px ) {
	
	
	.vertical_align-m {
		width: 100%;
		height: 50%!important;
		display: table-row;
	}
	
	#specialofferScreen .table_row  {
		width: 100%;
		padding-right: 0;
		display: table-cell;
		vertical-align: middle;
		padding-top: 90px;
	}
	/* #specialofferScreen .table_row:nth-child(1)  {
		padding-right: 0;
	}
	
	#specialofferScreen .intro__text {
		font-size: 2em;
	} */
}

@media screen and ( max-width: 1200px ) and ( orientation: portrait ) {
	#specialofferScreen .bg__section {
		background-size: cover;
	}
	#specialofferScreen .intro__text {
		font-size: 2.5em;
	}
}

@media screen and ( max-device-height: 450px ), ( max-device-height: 800px ) and ( orientation: landscape ) {
	#specialofferScreen .content__section {
		height: 100%!important;
	}
	#specialofferScreen .bg__section {
		display: none;
	}
	#specialofferScreen .intro__text {
		font-size: 2em;
	}
}
@media screen and ( max-width: 1100px ) and ( orientation: portrait ) {
	#teamScreen .card {
		padding: 1.5% .5em;
		height: 55%;
	}
}
@media screen and ( max-width: 1100px ) and ( orientation: landscape ) {
	#teamScreen.container .wrapper {
		padding-top: 15vh;
	}
	#teamScreen .content {
		margin-top: 3vh;
	}
	#teamScreen .card {
		padding: .5% .25em;
		height: 55%;
	}
}

/* 
@media screen and ( max-device-width: 1200px) and ( orientation: landscape ) {
	#specialofferScreen .table_row:nth-child(1)  {
		height: calc(100% + 90px);
		height: -moz-calc(100% + 90px);
		height: -webkit-calc(100% + 90px);
	}
	#specialofferScreen .table_row:nth-child(2)  {
		height: 0;
	}
} */