html { overflow-y: scroll; overflow-x: auto;  }
body { font-family: 'DINPro', 'Arial Narrow', 'helvetica', sans-serif; font-size: 16px; width: 100%; min-width: 320px; height: 100%; }


.right,	r, .r{ float: right !important; }
.left,	l, .l{ float: left !important; }
.center,	c, .c{ text-align: center !important; text-align: -webkit-center !important; }
.tL{ text-align: left !important; }
.tR{ text-align: right !important; }
.tC{ text-align: center !important; }
.clear{ clear: both; }
.fa:before { position: relative; z-index: 1; }

.animBg{ -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
.animCl{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; -ms-transition: color 0.3s linear; transition: color 0.3s linear; }

.no-select{ -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.shadow{ box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); }

.blur,
.blurError{ filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-filter: blur(3px); filter: blur(3px); }

.wrap{ display: table; width: 100%; height: 100%; min-width: 320px; max-width: 1000px; position: relative; left: 50%; transform: translateX(-50%); padding: 0 20px; z-index: 1; }
.wrapBox{ display: block; position: relative;  margin-top: -100px; }

.page-content{ height: 832px; display: table; table-layout: fixed; width: 100%; }
.page-coll{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; }

h1{ color: #fff; margin-bottom: 30px; font-size: 40px; margin-top: 40px;}
p{ color: #fff; padding-bottom: 30px; line-height: 22px; }


.logo-honer{ position: absolute; background: url(../img/logo_honer.png) center no-repeat; width: 161px; height: 40px; right: 5%; top: 50px; z-index: 3; }

.ico-menu{ position: absolute; background: url(../img/menu.png) center left no-repeat; width: 107px; height: 31px; left: 4%; top: 50px; z-index: 5; cursor: pointer; }
.menu-bg{ display: none; position: fixed; background: rgba(0, 0, 0, 0.7); z-index: 4; width: 100%; height: 100%; top: 0px; left: 0px; }
.menu-bg .menu{ position: absolute; padding: 150px 20px 0; left: 0px; top: 0px; width: 340px; height: 100%; background: rgb(175,90,194); background: -moz-linear-gradient(top, rgb(175,90,194) 0%, rgb(48,112,212) 100%); background: -webkit-linear-gradient(top, rgb(175,90,194) 0%,rgb(48,112,212) 100%); background: linear-gradient(to bottom, rgb(175,90,194) 0%,rgb(48,112,212) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af5ac2', endColorstr='#3070d4',GradientType=0 ); }
.menu-bg .menu a{ color: #fff; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; text-transform: uppercase; display: block; line-height: 44px; o-transition: text-shadow 0.5s linear; -ms-transition: text-shadow 0.5s linear; -moz-transition: text-shadow 0.5s linear; -webkit-transition: text-shadow 0.5s linear; transition: text-shadow 0.5s linear; }
.menu-bg .menu a:hover{ text-shadow: 0px 0px 60px #ffffff; }


.shares{ color: #fff; display: block; position: absolute; text-align: center; top: 90px; right: 5.5%; width: 154px; font-size: 14px; line-height: 25px; margin-top: 10px; z-index: 3; }
.shares .name{ font-size: 14px; padding-bottom: 5px; }
.shares span{ font-size: 12px; display: block;}
.shares .share{ display: inline-block; margin: 0 2px; width: 31px; height: 31px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; o-transition: background-color 0.5s linear; -ms-transition: background-color 0.5s linear; -moz-transition: background-color 0.5s linear; -webkit-transition: background-color 0.5s linear; transition: background-color 0.5s linear; }
.shares .share{ background-image: url(../img/share.png); background-repeat: no-repeat; }
.shares .share.vk { background-position: 0px 0px; }
.shares .share.fb { background-position: -37px 0px; }
.shares .share.in { background-position: -73px 0px; }
.shares .share.yo { background-position: -110px 0px; }
.shares .share.tw { background-position: -147px 0px; display: none; }
.shares .share.ok { background-position: -184px 0px; display: none; }
.shares .share:hover{ background-color: #2feceb; }

.menu .shares{ position: relative; top: 0px; right: 2.5%; text-align: left; }
.menu .shares .name{ text-align: left; padding-left: 5px; }
.menu .shares .share{ display: inline-block; }
.menu .shares .share.tw,
.alerts .shares .share.tw { display: inline-block; }
.menu .shares .share.ok,
.alerts .shares .share.ok { display: inline-block; }

.menu .shares .share.in,
.alerts .shares .share.in { display: none; }
.menu .shares .share.yo,
.alerts .shares .share.yo { display: none; }

.alerts .shares{ left: 50%; transform: translateX(-50%); top: 25px; }


.section[data-anchor="start"],
.section[data-anchor="game"]{ background: url(../img/start_bg.jpg) top center no-repeat; }
.section[data-anchor="facts"]{  background: url(../img/facts_bg.jpg) top center no-repeat; }
.section[data-anchor="face"]{  background: url(../img/face_bg.jpg) top center no-repeat; }
.section[data-anchor]{ background-size: cover; }

/* title */

.title{ position: absolute; display: block; top: 2%; width: 80%; left: 50%; transform: translateX(-50%); z-index: 3; }
.title h1{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 32pt; text-align: center; margin: 30px 0 20px; text-shadow: 0px 0px 60px #ffffff; }
.title p{ font-family: 'DINPro', 'Arial Narrow', 'helvetica', sans-serif; text-align: center; font-size: 13pt; line-height: 14pt; padding: 0px 20px 20px; }



.prevPage,
.nextPage{ display: block; position: absolute; cursor: pointer; width: 80px; height: 80px; top: 50%; transform: translateY(-50%); background: url(../img/prev_next.png)  no-repeat; z-index: 5; }
.prevPage{ left: 30px; }
.nextPage{ right: 30px; background-position: -81px 0; }
.prevPage,
.nextPage{ border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.prevPage:hover,
.nextPage:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }
.prevPage span,
.nextPage span{    text-align: center; position: relative; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 14pt; color: #fff; display: block; margin-top: 90px; }

/* slider-phone */

.slider-phone{ display: block; position: absolute; width: 810px; height: 460px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-30%); }
.slider-phone .prev,
.slider-phone .next{ display: block; position: absolute; cursor: pointer; width: 80px; height: 80px; top: 50%; transform: translateY(-50%); background: url(../img/prev_next.png)  no-repeat; z-index: 5; }
.slider-phone .prev{ left: -40px; }
.slider-phone .next{ right: -40px; background-position: -81px 0; }
.slider-phone .prev,
.slider-phone .next{ border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.slider-phone .prev:hover,
.slider-phone .next:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }
.slider-phone .item{ display: block; position: absolute; }
.slider-phone .item{ o-transition: left 1s linear; -ms-transition: left 1s linear; -moz-transition: left 1s linear; -webkit-transition: left 1s linear; transition: left 1s linear; }
.slider-phone .item .phone{ position: relative; display: block; width: 240px; height: 450px; z-index: 3; }
.slider-phone .item .phone{ -o-transition: transform 1s linear; -ms-transition: transform 1s linear; -moz-transition: transform 1s linear; -webkit-transition: transform 1s linear; transition: transform 1s linear; -o-transform: perspective(327px) rotateY(0deg); -ms-transform: perspective(327px) rotateY(0deg); -moz-transform: perspective(327px) rotateY(0deg); -webkit-transform: perspective(327px) rotateY(0deg); transform: perspective(327px) rotateY(0deg); }
.slider-phone .item[n="0"] .phone{ background: url(../img/phone_1.png)  no-repeat;  background-size: cover; }
.slider-phone .item[n="1"] .phone{ background: url(../img/phone_3.png)  no-repeat;  background-size: cover; }
.slider-phone .item[n="2"] .phone{ background: url(../img/phone_2.png)  no-repeat;  background-size: cover; }
.slider-phone .item.-left{ left: 0px; z-index: 2; }
.slider-phone .item.-center{ left: 150px; z-index: 3; }
.slider-phone .item.-right{ left: 565px; z-index: 1; }
.slider-phone .item.-center .info{ opacity: 1; }
.slider-phone .item.-left .phone{ -o-transform: perspective(0px) rotateY(-12deg) scale(0.87); -ms-transform: perspective(0px) rotateY(-12deg) scale(0.87); -moz-transform: perspective(0px) rotateY(-12deg) scale(0.87); -webkit-transform: perspective(0px) rotateY(-12deg) scale(0.87); transform: perspective(0px) rotateY(-12deg) scale(0.87); }
.slider-phone .item.-center .phone{ -o-transform: perspective(327px) rotateY(0deg) scale(1); -ms-transform: perspective(327px) rotateY(0deg) scale(1); -moz-transform: perspective(327px) rotateY(0deg) scale(1); -webkit-transform: perspective(327px) rotateY(0deg) scale(1); transform: perspective(327px) rotateY(0deg) scale(1); }
.slider-phone .item.-right .phone{ -o-transform: perspective(0px) rotateY(12deg) scale(0.87); -ms-transform: perspective(0px) rotateY(12deg) scale(0.87); -moz-transform: perspective(0px) rotateY(12deg) scale(0.87); -webkit-transform: perspective(0px) rotateY(12deg) scale(0.87); transform: perspective(0px) rotateY(12deg) scale(0.87); }
.slider-phone .item .phone a{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; }
.slider-phone .item .info{ background: url(../img/circle.png) no-repeat; background-size: cover; position: absolute; top: 0px; z-index: 2; left: 130px; width: 370px; height: 360px; padding: 0px; }
.slider-phone .item .info{ -o-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; }
.slider-phone .item .info .box{ position: absolute; display: block; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 190px; height: 228px;  padding-left: 10px; }
.slider-phone .item .info .box h1{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 20pt; text-shadow: 0px 0px 60px #ffffff; margin: 10px 0; text-transform: uppercase; }
.slider-phone .item .info .box p{  font-size: 14px; line-height: 18px; }
.slider-phone .item .info .box a.go{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 19pt; line-height: 20px; color: #fff; background: #2feceb; border: 4px solid #60a9cc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 30px; width: 160px; display: block; text-align: center; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.slider-phone .item .info .box a.go:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }

.slider-phone .item .moPi{ position: absolute; width: 250%; left: -196px; bottom: -60px; display: table; }

.slider-phone .item .name{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; color: #fff; z-index: 3; left: 30%; transform: translateX(-50%); position: absolute; display: block; bottom: -70px; line-height: 25px; font-size: 20px; }
.slider-phone .item .name span{ display: block; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 20pt;  text-transform: uppercase; }
.slider-phone .item .info .box a.about{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 12pt; color: #fff; border: 2px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 0px; width: 167px; display: block; text-align: center; position: absolute; bottom: -112px; left: 50%; transform: translateX(-50%); -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.slider-phone .item .info .box a.about:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }

.slider-phone .item .name{ left: 21%; }
.slider-phone .item .info .box a.about{ bottom: -77px; left: 61%; }

/* face-facts */

.face-facts{ display: block; position: absolute; margin-top: -40px; width: 810px; height: 460px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-30%); }
.face-facts .phone{ position: relative; display: block; width: 625px; height: 300px; left: 50%; transform: translateX(-50%); }
.face-facts .phone .-phoneBg{ position: relative; display: block; width: 624px; height: 340px; z-index: 2; position: absolute; left: 0; }
.face-facts .phone .-phoneBg.p-1{ background: url(../img/phone.png) no-repeat;  background-size: cover; }
.face-facts .phone .-phoneBg.p-2{ background: url(../img/phone2.png) no-repeat; background-size: cover; }
.face-facts .phone .-phoneBg.p-3{ background: url(../img/phone3.png) no-repeat; background-size: cover; }
.face-facts .phone img{ display: none; top: 40px; left: 70px; position: relative; z-index: 1; }
.face-facts .phone img.show{ display: block;  width: 490px; }
.face-facts .guestions{ position: relative; display: block; text-align: center; margin-bottom: 20px; width: 70%; left: 50%; transform: translateX(-50%); }
.face-facts .guestions .item{ display: none; color: #fff; }
.face-facts .guestions .item.show{ display: block; }
.face-facts .guestions .item .name{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; color: #fff; margin-bottom: 10px; }
.face-facts .guestions .item .guestion{ position: relative; line-height: 18px; width: 100%; left: 50%; transform: translateX(-50%); }
.face-facts .guestions .item .ansver{ display: none; width: 110%; margin-top: 14px; line-height: 18px;  position: relative; left: 50%; transform: translateX(-50%); }
.face-facts .guestions .item .ansver b{ display: block; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; font-weight: normal; margin-bottom: 15px; }
.face-facts .buttons{ text-align: center; }
.face-facts .buttons .button{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; cursor: pointer; color: #fff; background: #2feceb; border: 4px solid #60a9cc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 30px; width: 200px; display: none; text-align: center; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.face-facts .buttons .button.show{ display: inline-block; }
.face-facts .buttons .button:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }


.facts_bg{ display: none; position: fixed; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: no-repeat; background-size: cover; }
.facts_bg[n="1"]{ display: block; }



.face-info{ display: block; position: absolute; width: 395px; height: 513px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.mini .face-info{ top: 65%; }
.face-info .face{ display: block; position: relative; width: 480px; height: 580px; background: url(../img/face.png) no-repeat;  margin-top: -53px; left: 50%; transform: translateX(-50%); }
.face-info .face .item{ display: table; position: absolute; width: 83px; height: 83px; border-radius: 54px; -moz-border-radius: 54px; -webkit-border-radius: 54px; cursor: pointer; }
.face-info .face .item span{ opacity: 0; padding: 0 8px; display: table-cell;  vertical-align: middle; width: 100%; height: 100%; text-align: center; color: #fff; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 140%; }
.face-info .face .item span{ -o-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }
.face-info .face .item:hover span{ opacity: 1; }
.face-info .face .item span i{ position: relative; font-style: normal; z-index: 1; }
.face-info .face .item span:before{ content: ''; position: absolute; display: block; width: 98px; height: 85px; background: url(../img/face_item.png) no-repeat; left: -7px; top: -1px; }
.face-info .face .item[name="подбородок"] span{ font-size: 110%; }
.face-info .phone{ position: absolute; margin: 13px 0px; display: none; width: 734px; height: 400px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.face-info .phone:before{ content: ''; position: relative; display: block; width: 734px; height: 400px; background: url(../img/phone3.png) no-repeat; z-index: 2; position: absolute; left: 0; }

.face-info .phone .close{ position: absolute; width: 52px; height: 53px; left: 90%; top: -30px; cursor: pointer; background: url(../img/close.png) no-repeat; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.face-info .phone .close:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }
.face-info .phone .data{ display: block; position: absolute; z-index: 3; padding: 0 30px; top: 50px; left: 83px; height: 285px; width: 561px; background: url(../img/phone_bg.png) no-repeat; background-size: cover; overflow-y: scroll; }
.face-info .phone .data{ background: rgb(175,90,194); background: -moz-linear-gradient(top, rgb(175,90,194) 0%, rgb(48, 76, 212) 100%); background: -webkit-linear-gradient(top, rgb(175,90,194) 0%,rgb(48, 76, 212) 100%); background: linear-gradient(to bottom, rgb(175,90,194) 0%,rgb(48, 76, 212) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af5ac2', endColorstr='#3070d4',GradientType=0 ); }
.face-info .phone .data::-webkit-scrollbar-track {border-radius: 4px;}
.face-info .phone .data::-webkit-scrollbar {width: 8px;}
.face-info .phone .data::-webkit-scrollbar-thumb {border-radius: 4px; background: #2feceb;}
.face-info .phone .data .item{ color: #fff; display: none; }
.face-info .phone .data .item h2{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; text-shadow: 0px 0px 60px #ffffff; margin: 20px 0; text-align: center; text-transform: uppercase; }
.face-info .phone .data .item .info{ display: table; width: 100%; }
.face-info .phone .data .item .info h3{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 18pt; text-shadow: 0px 0px 60px #ffffff;  padding: 10px 0 5px; }
.face-info .phone .data .item .info p{ padding-bottom: 5px; }

.face-info .phone .data .item .int{ margin-bottom: 65px; position: relative; display: inline-block; width: 33%; cursor: pointer; }
.face-info .phone .data .item .int h3{ display: block; position: relative; width: 150px; height: 100px; float: left; margin-right: 15px; text-align: center; padding: 110px 0 0 0; }
.face-info .phone .data .item .int h3:before{ content: ''; display: block; width: 98px; height: 100px; position: absolute; background: url(../img/face_item_i.png) no-repeat; left: 50%; transform: translateX(-50%); top: 0px; }
.face-info .phone .data .item .int p{ }

.face-info .phone .data .item .int.open{ width: 100%;  margin-top: 24px; cursor: default; }
.face-info .phone .data .item .int .tt{ height: 110px; display: none; table-layout: fixed; width: 320px; }
.face-info .phone .data .item .int.open .tt{ display: table; }
.face-info .phone .data .item .int .tt .tc{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; }
.face-info .phone .data .item .int .tt .tc p{ font-size: 20px; }

.face-info .phone .data .item .back{ width: 69px; height: 25px; cursor: pointer; position: absolute; top: 25px; left: 35px; background: url(../img/back.png) no-repeat; }

.face-info .phone .data .item[name="форма лица"] h3[n="1"]:before{ background-position: 0px 0px; }
.face-info .phone .data .item[name="форма лица"] h3[n="2"]:before{ background-position: -100px 0px; }
.face-info .phone .data .item[name="форма лица"] h3[n="3"]:before{ background-position: -200px 0px; }
.face-info .phone .data .item[name="форма лица"] h3[n="4"]:before{ background-position: 0px -102px; }
.face-info .phone .data .item[name="форма лица"] h3[n="5"]:before{ background-position: -100px -102px; }
.face-info .phone .data .item[name="форма лица"] h3[n="6"]:before{ background-position: -200px -102px; }

.face-info .phone .data .item[name="лоб"] h3[n="1"]:before{ background-position: 0px -204px; }
.face-info .phone .data .item[name="лоб"] h3[n="2"]:before{ background-position: -100px -204px; }
.face-info .phone .data .item[name="лоб"] h3[n="3"]:before{ background-position: 0px -306px; }
.face-info .phone .data .item[name="лоб"] h3[n="4"]:before{ background-position: -100px -306px; }

.face-info .phone .data .item[name="форма лба"] h3[n="1"]:before{ background-position: 0px -408px; }
.face-info .phone .data .item[name="форма лба"] h3[n="2"]:before{ background-position: -100px -408px; }
.face-info .phone .data .item[name="форма лба"] h3[n="3"]:before{ background-position: 0px -510px; }
.face-info .phone .data .item[name="форма лба"] h3[n="4"]:before{ background-position: -100px -510px; }

.face-info .phone .data .item[name="брови"] h3[n="1"]:before{ background-position: 0px -612px; }
.face-info .phone .data .item[name="брови"] h3[n="2"]:before{ background-position: -100px -612px; }
.face-info .phone .data .item[name="брови"] h3[n="3"]:before{ background-position: -200px -612px; }
.face-info .phone .data .item[name="брови"] h3[n="4"]:before{ background-position: 0px -714px; }
.face-info .phone .data .item[name="брови"] h3[n="5"]:before{ background-position: -100px -714px; }
.face-info .phone .data .item[name="брови"] h3[n="6"]:before{ background-position: -200px -714px; }
.face-info .phone .data .item[name="брови"] h3[n="7"]:before{ background-position: 0px -817px; }

.face-info .phone .data .item[name="глаза"] h3[n="1"]:before{ background-position: 0px -919px; }
.face-info .phone .data .item[name="глаза"] h3[n="2"]:before{ background-position: -100px -919px; }
.face-info .phone .data .item[name="глаза"] h3[n="3"]:before{ background-position: -200px -919px; }
.face-info .phone .data .item[name="глаза"] h3[n="4"]:before{ background-position: 0px -1021px; }
.face-info .phone .data .item[name="глаза"] h3[n="5"]:before{ background-position: -100px -1021px; }
.face-info .phone .data .item[name="глаза"] h3[n="6"]:before{ background-position: -200px -1021px; }

.face-info .phone .data .item[name="нос"] h3[n="1"]:before{ background-position: 0px -1327px; }
.face-info .phone .data .item[name="нос"] h3[n="2"]:before{ background-position: -100px -1327px; }
.face-info .phone .data .item[name="нос"] h3[n="3"]:before{ background-position: -200px -1327px; }
.face-info .phone .data .item[name="нос"] h3[n="4"]:before{ background-position: 0px -1429px; }
.face-info .phone .data .item[name="нос"] h3[n="5"]:before{ background-position: -100px -1429px; }

.face-info .phone .data .item[name="скулы"] h3[n="1"]:before{ background-position: 0px -1531px; }
.face-info .phone .data .item[name="скулы"] h3[n="2"]:before{ background-position: -100px -1531px; }
.face-info .phone .data .item[name="скулы"] h3[n="3"]:before{ background-position: -200px -1531px; }

.face-info .phone .data .item[name="губы"] h3[n="1"]:before{ background-position: 0px -1633px; }
.face-info .phone .data .item[name="губы"] h3[n="2"]:before{ background-position: -100px -1633px; }
.face-info .phone .data .item[name="губы"] h3[n="3"]:before{ background-position: -200px -1633px; }
.face-info .phone .data .item[name="губы"] h3[n="4"]:before{ background-position: 0px -1735px; }
.face-info .phone .data .item[name="губы"] h3[n="5"]:before{ background-position: -100px -1735px; }

.face-info .phone .data .item[name="подбородок"] h3[n="1"]:before{ background-position: 0px -1837px; }
.face-info .phone .data .item[name="подбородок"] h3[n="2"]:before{ background-position: -100px -1837px; }
.face-info .phone .data .item[name="подбородок"] h3[n="3"]:before{ background-position: -200px -1837px; }
.face-info .phone .data .item[name="подбородок"] h3[n="4"]:before{ background-position: 0px -1939px; }
.face-info .phone .data .item[name="подбородок"] h3[n="5"]:before{ background-position: -100px -1939px; }

.face-info .phone .data .item[name="уши"] h3[n="1"]:before{ background-position: 0px -2041px; }
.face-info .phone .data .item[name="уши"] h3[n="2"]:before{ background-position: -100px -2041px; }
.face-info .phone .data .item[name="уши"] h3[n="3"]:before{ background-position: 0px -2143px; }
.face-info .phone .data .item[name="уши"] h3[n="4"]:before{ background-position: -100px -2143px; }


.startGame{ position: absolute; display: block; width: 580px; height: 508px; left: 50%; top: 55%; transform: translateX(-50%) translateY(-50%); background: url(../img/startGame.png) 5px 0px no-repeat; background-size: cover; }
.mini .startGame{ top: 68%; }
.startGame .button{ left: 50%; bottom: 127px; transform: translateX(-50%); font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; position: absolute; cursor: pointer; color: #fff; background: #2feceb; border: 4px solid #60a9cc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 30px; width: 180px; display: block; text-align: center; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.startGame .button:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }
.startGame a{ color: #fff; position: absolute; display: block; left: 50%; bottom: 105px; transform: translateX(-50%); -o-transition: color 0.5s linear; -ms-transition: color 0.5s linear; -moz-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; }
.startGame a:hover{ color: #2feceb; text-decoration: underline; }

.game{ display: none; position: absolute; width: 640px; height: 445px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.mini .game{ top: 62%;  }
.game.stop{ display: block; }

.game .phone{ position: relative; display: block; width: 734px; height: 350px; left: 50%; transform: translateX(-50%); margin-top: -35px; }
_game .phone:before{ content: ''; position: relative; display: block; width: 734px; height: 400px; background: url(../img/phone2.png) no-repeat; background-size: cover; z-index: 2; position: absolute; left: 0; }
.game .phone .-phoneBg{ position: relative; display: block; width: 738px; height: 402px; z-index: 2; position: absolute; left: 0; }
.game .phone .-phoneBg.p-1{ background: url(../img/phone.png) no-repeat;  background-size: cover; }
.game .phone .-phoneBg.p-2{ background: url(../img/phone2.png) -2px -3px no-repeat; background-size: cover; }
.game .phone .-phoneBg.p-3{ background: url(../img/phone3.png) 0 -3px no-repeat; background-size: cover; }
.game .phone .guestions{ display: block; position: absolute; z-index: 3; padding: 0 30px; top: 50px; left: 83px; height: 283px; width: 565px; background: url(../img/phone2_bg.png) no-repeat; background-size: cover; }
.game .phone .guestions{ background: rgb(175,90,194); background: -moz-linear-gradient(top, rgb(175,90,194) 0%, rgb(48, 76, 212) 100%); background: -webkit-linear-gradient(top, rgb(175,90,194) 0%,rgb(48, 76, 212) 100%); background: linear-gradient(to bottom, rgb(175,90,194) 0%,rgb(48, 76, 212) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af5ac2', endColorstr='#3070d4',GradientType=0 ); }
.game .phone .guestions .guestionName{line-height: 28px; font-size: 14pt; text-shadow: 0px 0px 60px #ffffff; margin: 20px 0; color: #fff; text-align: center;  }
.game .phone .guestions .guestionName.cc{ margin: 40px 0; }
.game .phone .guestions .guestionName .nn{ display: block; margin-bottom: 125px; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 26px; }
.game .phone .guestions .guestionName .nnn{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; display: block; margin-bottom: 30px; font-size: 42px; line-height: 37px; padding-top: 30px; text-transform: uppercase; }
.game .phone .guestions .guestionName .nb{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; display: block; margin-bottom: 10px; font-size: 36px; line-height: 37px; text-transform: uppercase; }

.game .buttons{ text-align: center; }
.game .buttons .ansver{ font-size: 10pt; cursor: pointer; color: #fff; border: 4px solid rgba(96, 169, 204, 1); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px; margin: 10px; width: 28%; display: inline-block; text-align: center; -o-transition: box-shadow 0.5s linear, background-color 0.5s linear; -ms-transition: box-shadow 0.5s linear, background-color 0.5s linear; -moz-transition: box-shadow 0.5s linear, background-color 0.5s linear; -webkit-transition: box-shadow 0.5s linear, background-color 0.5s linear; transition: box-shadow 0.5s linear, background-color 0.5s linear; }
.game .buttons .ansver:hover{ background-color: #2feceb; border-color: rgba(96, 169, 204, 1); box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }
.game .buttons .ansver span{ height: 80px; display: table; table-layout: fixed; width: 100%; }
.game .buttons .ansver span i{ display: table-cell; font-style: normal; vertical-align: middle; width: 100%; height: 100%; text-align: center; }

.game .phone .guestions .item { display: block; position: absolute; width: 160px; height: 160px; bottom: 85px; left: 50%; transform: translateX(-50%); }
.game .phone .guestions .item .time { text-align: center; position: absolute; line-height: 150px; font-size: 20pt; width: 100%; color: #fff; }
.game .phone .guestions svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.game .phone .guestions .item.html.anim .circle_animation{ transition: all 1s linear; }
.game .phone .guestions .circle_animation { stroke-dasharray: 440; stroke-dashoffset: 180;  }

.game .buttonNext{ left: 50%; bottom: -75px; z-index: 2; transform: translateX(-50%); font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; position: absolute; cursor: pointer; color: #fff; background: #2feceb; border: 4px solid #60a9cc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 0px; width: 180px; display: none; text-align: center; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.game .buttonNext:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }


.alerts{ _background: #fff; width: 500px;  color: #fff; height: 90px; _top: 0px; left: 0px; position: absolute; display: none; left: 50%; _top: 50%; bottom: -40px; transform: translateX(-50%) translateY(-50%); _border-radius: 30px; _-moz-border-radius: 30px; _-webkit-border-radius: 30px; _box-shadow: 0px 0px 60px rgb(255, 255, 255); _-moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); _-webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }
.alerts.set{ display: block; }
.alerts .auth{ text-align: center; }
.alerts h1{ font-family: 'DINPro', 'Arial Narrow', 'helvetica', sans-serif; font-size: 18pt; text-align: center; line-height: 22pt; color: #60a9cc; }
.alerts h2{ text-align: center; margin-bottom: 15px; font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24px; }
.alerts .info{ text-align: center; margin-top: 10px; }
.alerts .info a{ text-decoration: underline; color: #60a9cc;  }
.alerts .auth .fb,
.alerts .auth .vk{ position: relative; display: inline-block; width: 50px; height: 50px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; margin: 0 5px;  border: 2px solid #fff; }
.alerts .auth .fb{ background: url(../img/fb_vk.png) 17px 10px no-repeat; }
.alerts .auth .vk{ background: url(../img/fb_vk.png) -41px 10px no-repeat; }

.alerts .auth .fb,
.alerts .auth .vk{ -o-transition: background-color 0.5s linear, box-shadow 0.5s linear, background-color 0.5s linear; -ms-transition: background-color 0.5s linear, box-shadow 0.5s linear, background-color 0.5s linear; -moz-transition: background-color 0.5s linear, box-shadow 0.5s linear, background-color 0.5s linear; -webkit-transition: background-color 0.5s linear, box-shadow 0.5s linear, background-color 0.5s linear; transition: background-color 0.5s linear, box-shadow 0.5s linear, background-color 0.5s linear; }
.alerts .auth .fb:hover,
.alerts .auth .vk:hover{ background-color: #2feceb; box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }

.alerts .buttonNext{ left: 50%; z-index: 2; transform: translateX(-50%); font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; position: absolute; cursor: pointer; color: #fff; background: #2feceb; border: 4px solid #60a9cc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 0px; width: 180px; display: block; text-align: center; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.alerts .buttonNext:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }




.social-container{ background: #fff; width: 390px; color: #fff; top: 0px; left: 0px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); text-align: center; padding: 20px; display: block; height: 300px; overflow-y: scroll; }
.social-container #vk_groups{ display: inline-block; }





.face-facts .phone .infoPhone,
.face-info .phone .infoPhone,
.game .phone .infoPhone{ color: #fff; position: absolute; left: 100%; bottom: 10px; width: 140px; }

.face-info .phone .infoPhone{ bottom: 50px; }

.face-facts .phone .infoPhone .-name,
.face-info .phone .infoPhone .-name,
.game .phone .infoPhone .-name{ line-height: 25px; font-size: 14px; }

.face-facts .phone .infoPhone .-phone,
.face-info .phone .infoPhone .-phone,
.game .phone .infoPhone .-phone{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 20pt; text-transform: uppercase; margin-bottom: 14px; }

.face-facts .phone .infoPhone .-go,
.face-info .phone .infoPhone .-go,
.game .phone .infoPhone .-go{ font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 11pt; cursor: pointer; color: #fff; border: 2px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 0px; width: 130px; display: block; text-align: center; -o-transition: box-shadow 0.5s linear, background-color 0.5s linear; -ms-transition: box-shadow 0.5s linear, background-color 0.5s linear; -moz-transition: box-shadow 0.5s linear, background-color 0.5s linear; -webkit-transition: box-shadow 0.5s linear, background-color 0.5s linear; transition: box-shadow 0.5s linear, background-color 0.5s linear; }

.face-facts .phone .infoPhone .-go:hover,
.face-info .phone .infoPhone .-go:hover,
.game .phone .infoPhone .-go:hover{ background-color: #2feceb; box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }


.bgP{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.bgP_1{ background-image: url(../img/about_7x.jpg); }
.bgP_2{ background-image: url(../img/about_9lite.jpg); }
.bgP_3{ background-image: url(../img/about_view10.jpg); }

.ph_box{ position: absolute; left: 50%; top: 55%; transform: translateX(-50%) translateY(-50%); width: 800px; height: 540px; margin-top: 20px; }
.ph_box img{ max-width: 100%; max-height: 100%; }
.ph_box .phone_img{ display: block; float: left; width: 50%; position: relative; }
.ph_box .phone_inf{ display: block; float: left; width: 50%; position: relative; }

.ph_box .phone_inf .button{ left: 29%; bottom: -60px; z-index: 2; transform: translateX(-50%); font-family: 'BigNoodleTitlingCyr', 'Arial Narrow', 'helvetica', sans-serif; font-size: 24pt; position: absolute; cursor: pointer; color: #fff; background: #2feceb; border: 4px solid #60a9cc; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 30px; width: 180px; display: block; text-align: center; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.ph_box .phone_inf .button:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }


.fp-controlArrow{
	
}
.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next{ display: block;     border-width: 0; position: absolute; cursor: pointer; width: 80px; height: 80px; top: 60%; transform: translateY(-50%); background: url(../img/prev_next.png)  no-repeat; z-index: 5; }
.fp-controlArrow.fp-prev{ left: 40px; }
.fp-controlArrow.fp-next{ right: 40px; background-position: -81px 0; }
.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next{ border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -o-transition: box-shadow 0.5s linear; -ms-transition: box-shadow 0.5s linear; -moz-transition: box-shadow 0.5s linear; -webkit-transition: box-shadow 0.5s linear; transition: box-shadow 0.5s linear; }
.fp-controlArrow.fp-prev:hover,
.fp-controlArrow.fp-next:hover{ box-shadow: 0px 0px 60px rgb(255, 255, 255); -moz-box-shadow: 0px 0px 60px rgb(255, 255, 255); -webkit-box-shadow: 0px 0px 60px rgb(255, 255, 255); }



@media screen and (max-width: 900px){

	.fp-controlArrow.fp-prev{ left: 10px; }
	.fp-controlArrow.fp-next{ right: 10px;  }

	.ico-menu{ width: 52px;  top: 20px; }	
	.logo-honer{ top: 9px; }
	.shares{ display: none; }
	.menu .shares{ display: block; }
	.wrap .title,
	.title.fix{ top: 65px;  width: 100%; margin-bottom: 0px;  }
	.wrap .title h1,
	.title.fix h1{ font-size: 14pt; margin: 10px; }
	.wrap .title p{ font-size: 7pt; line-height: 11pt; display: none; }


	.slider-phone{ width: 100%; margin-top:25px; height: 460px; top: 210px; }	
	.slider-phone .prev{ left: 15px; }
	.slider-phone .next{ right: 15px; }
	.slider-phone .item{ width: 240px; left: 50%; transform: translateX(-50%); }
	.slider-phone .item .info{ background: none; padding: 0 20px; left: 0px; width: 100%; height: 110px; z-index: 5; top: auto; bottom: -8px; position: absolute; }
	.slider-phone .item .info .box{ height: 90px; margin-top: -90px; text-align: center; padding: 0px; }
	.slider-phone .item .info .box p{ font-size: 13px; line-height: 15px; padding-bottom: 15px; display: none; }
	.slider-phone .item .info .box .name{ display: none; }
	.slider-phone .item.-left{ left: -10%; }
	.slider-phone .item.-center{ left: 50%;  transform: translateX(-50%); }
	.slider-phone .item.-right{ left: 110%; }
	.slider-phone .item.-left .phone,
	.slider-phone .item.-center .phone,
	.slider-phone .item.-right .phone{ -o-transform: perspective(327px) rotateY(0deg) scale(1); -ms-transform: perspective(327px) rotateY(0deg) scale(1); -moz-transform: perspective(327px) rotateY(0deg) scale(1); -webkit-transform: perspective(327px) rotateY(0deg) scale(1); transform: perspective(327px) rotateY(0deg) scale(1); }

	.slider-phone .item .phone a{ display: block; }
	
	.face-facts { margin-top: 40px; height: 360px; transform: translateX(-50%) translateY(-50%); top: 50%; }
	.face-facts .phone { width: 300px; height: 164px; }
	.face-facts .phone .-phoneBg { width: 300px; height: 170px; }
	.face-facts .phone img { top: 20px; left: 36px; }
	.face-facts .phone img.show { width: 244px; }
	.face-facts .guestions .item.show { display: block; width: 70%; left: 50%; transform: translateX(-50%); position: relative; }
	.face-facts .guestions .item .guestion{ width: 70%; }
	.face-facts .guestions .item .ansver{ width: 70%; }
	
	.slider-phone .item .moPi{ left: auto; bottom: auto; position: relative; display: table;     width: 100%; }
	
	.slider-phone .item .info .box a.go{ bottom: 4px; width: 125px; font-size: 11pt;
    line-height: 11px; }
	
	.slider-phone .item .name{ left: 30%; }
	.slider-phone .item .info .box a.about{ bottom: -135px; left: 50%; }
	
	.face-facts .phone .infoPhone, 
	.face-info .phone .infoPhone, 
	.game .phone .infoPhone{ display: none !important; }

	.face-facts .guestions .item .name{ font-size: 18pt; }
	.face-facts .buttons .button { padding: 7px; width: 130px;  font-size: 20pt; }

	.startGame { width: 300px; height: 260px; margin-top: 0px; background-size: cover; top: 42% !important; }
	.startGame .button{ font-size: 13pt; width: 90px; padding: 10px 0; bottom: 45px; }
	.startGame a{ bottom: -20px; }

	.game{ width: 280px; top: 270px !important; }
	.game.stop { top: 50% !important; }
	.game .phone{ width: 280px;  height: 310px; }
	.game .phone:before { width: 280px; height: 173px; background:none; display: none; }
	.game .phone .guestions{ width: 100%; background:none; left: 0px; padding: 0px; }
	.game .phone .guestions .guestionName { line-height: 19px; font-size: 10pt; margin: 50px 0; }
	.game .phone .guestions .item{ bottom: 68px; }
	.game .buttons .ansver{ width: 100%; font-size: 10px; margin: 4px 0px; }
	.game .buttons .ansver span{ height: 20px; }

	.game .phone .guestions .guestionName.cc{ margin: 42% 0; }
	.game .buttonNext{ bottom: -130px; }
	.game .phone .guestions .guestionName .nnn{ padding-top: 70px; }
	
	.alerts .shares{ display: block; }
	
	
	.ph_box{ width: 100%; margin-top: -50px; }
	.ph_box .phone_img,
	.ph_box .phone_inf{ width: 100%; clear: both; text-align: center; }
	.ph_box .phone_inf{ margin-top: -35px; }
	.ph_box .phone_img img,
	.ph_box .phone_inf img{ width: 50%; }
	.ph_box .phone_inf .button{ left: 50%; }
	
	
	.game .phone .-phoneBg{ display: none !important; }	
	.slider-phone .item .info .box a.about{ bottom: -97px; }
	
	.prevPage,
	.nextPage{
		display: none;
	}
	.game .phone .guestions .guestionName .nb{
		margin-top: -28px;
	}
	
	.slider-phone .item .info .box h1{
		    font-size: 12pt;
     height: 30px;
	}
	
}

@media screen and (max-width: 400px){
	.title.fix{ display: none; }
	.ph_box{ width: 100%; margin-top: 90px; }
	.ph_box .phone_inf { margin-top: -20px; }
	.ph_box .phone_inf .button{ font-size: 20pt; bottom: -40px; width: 130px; padding: 2px; height: 37px; line-height: 26px; }
}