@charset "UTF-8";
*{
	margin:0;
	padding:0;
}
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;
	font-family: 'Open Sans', sans-serif;
	background:#F7F7F7;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*@media (orientation: landscape) {
 body {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
 }
}*/
img{
	outline:none;
	 border: none;
}
a{
	text-decoration:none;
	color:#e91e55;
}
a:hover{
	color:#E91E55;
}
li{
	list-style:none;
}
-ms-@viewport {
    width: 500px;
    initial-scale: 1;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 3;
    zoom: fixed;
}
@viewport {
    width: 500px;
    initial-scale: 1;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 3;
    zoom: fixed;
}
#superContainer {
    height: 100%;
    position: relative;
    /* Touch detection for Windows 8 */
    -ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1
    touch-action: none;*/
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
	overflow:hidden;
	padding-bottom:20px;
	margin-bottom:20px;
	padding: 2% 4%;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
}
.main-menu{
	margin:10%
}

.main-menu li {
	margin: 5% 0;
	position:relative;
}
.main-menu li:after{
    content: "";
    height: 70px;
    left: -1px;
    position: absolute;
    top: 18px;
    width: 1px;
	background: #C7C7C7;
}
.main-menu li:before{
	border-radius: 140px;
    content: "";
    height: 10px;
    left: -5px;
    position: absolute;
    top: 18px;
    width: 10px;
	background: #C7C7C7;
    z-index: 99;
}
.main-menu li.active:before{
	background: #E91E55;
}
.main-menu li:last-child:after{
	height:0px;
}
.main-menu li a:hover{
	color:#E91E55;
}
.main-menu li a,
.main-menu li.active a{
	padding: 9px 14px;
	display:block;
	font-size:20px;
	color:#232629;
}
.main-menu li.active a{
	font-weight:600;
}
.clear{
	clear:both;
}
.left{
	float:left;
}
.hide{
	display:none;
}
.show{
	display:block;
}
.fixed-block{	
	background: #F7F7F7;
	position:fixed;
	top:0;
	left:0;
	height: 100%;
	z-index: 70;
	width: 12%;
	padding: 0;
	margin:0;
}
.logo-block{
	display:block;
	background: #E91E55;
}
.logo-block{
	padding:10%;
}
.logo-block .logo{
	margin:10px auto;
	/*width:241px;*/
}
.logo-block p{
	font-weight:300;
	font-size:37px;
	color:#fff;
	text-align:center;
}
.fullpage{
	width:76%;
	float:left;
	background: #ffffff;
	margin-left:12%;
	min-width:600px;
	position:relative;
}
.wrap-padding{
	background: #ffffff;
}
.fullpage h2{
	font-size:30px;
	color:#555555;
	font-weight:600;
	text-align:center;
	margin: 2% 0;
}
.fullpage p{
	font-size:22px;
	color:#232629;
	line-height:1.5;
	font-weight: 300;
	margin: 0 3%;
}
.fullpage p>small{
	color:#999999;
	text-align:center;
	display:block;
}
.images{
	position:relative;
}
.images img{
	width:100%;
	max-width:1200px;
	display:block;
	margin:40px auto;
}
a.pink{
	background: #E91E55;
	color: #fefefe;
    display: table;
    font-size: 18px;
    padding: 1% 2%;
	font-weight:300;
}
a.pink:hover{
	background: #BE1945;
}
a.pink>strong{
	font-weight:600;
}
.section{
	position:relative;
}
.section.last a.pink{
    margin: 3% auto;
}
.image-href{
	
}
.pink-href{
	background:#E91E55;
    color: #fff;
    display: block;
    float: right;
    font-size: 18px;
    font-weight: 300;
    height: 58px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    bottom: 110px;
    width: 410px;
}
.pink-href.vertical{
	position:relative;
	top:-200px;
	right: -4.5%;
}
.wr-sec{
	
}
.pink-href .text:hover,.pink-href:hover{
	color:#fff;
}
.pink-href .text:hover{
	opacity:0.8;
}
.pink-href:after{
	background: url(img/see-more.png)no-repeat;
	content: "";
    float: right;
    height: 28px;
    position: relative;
    right: 0;
    top: -50px;
    width: 16px;
}
.pink-href .text{
	margin:0px 0 15px 80px;
}
/*.pop{
	position:absolute;
	width:92%;
	right: -3000px;
	top:0px;
	height:100%;
	background: #ffffff;
	padding:4%;
	overflow: hidden;
}*/
.pop {
	position: absolute;
	width: 92%;
	right: -3000px;
	top: 0px;
	height: 92%;
	background: #ffffff;
	padding: 4%;
	overflow: hidden;
}
.pop .close{
	background: url(img/close.png) no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	top:2%;
	right:2%;
	cursor:pointer;
}
.pop .close:hover{
	background-position: -20px 0;
]}
.footer{
	bottom: 0;
    margin: 10%;
    position: absolute;
}
.footer .share li{
	float:left;
	margin:0 10px;
}
.footer .share li>a{
	background: url(img/share.png)no-repeat;
	height:14px;
	width:16px;
	display:block
}
.footer .share li.item1:hover>a{
	background-position: -16px 0;
}
.footer .share li.item2>a{
	background-position: 0 -15px;
    height: 16px;
    width: 7px;
}
.footer .share li.item2:hover>a{
	background-position: -10px -15px;
}
.footer .share li.item3>a{
	background-position: 0 -34px;
    height: 16px;
    width: 13px;
}
.footer .share li.item3:hover > a {
    background-position: -15px -34px;
}
.footer .copy,.footer p{
	color:#999999;
	font-size:11px;
}
.footer .copy{
	text-transform:uppercase;
	margin-top:10px;
}


/*slider*/
.nav-tab-ham .prev, .nav-tab-ham .next {
    background: url("img/arrows.png") repeat 0 0;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
	z-index:99;
}
.nav-tab-ham .next {
    background-position: -24px 0;
}
.nav-tab-ham .next:hover{
    background-position: -24px 24px;
}
.nav-tab-ham .prev:hover{
    background-position: 0 24px;
}
ul.opinion-ham {
    display: block;
    position: relative;
}
.slider{
	/*width:700px;*/
}
.slider img{
	width:100%;
}

.tab-opinion-all {
    background: #fff;
    float: left;
    position: relative;
}
.tab-opinion-all .text{
	background: rgba(255,255,255,0.8);
	padding:4%;
	width:30%;
	position:absolute;
	top:0px;
	height:100%;
	right:0;
}
.tab-opinion-all .text.pizza{
	width:75%;
}
.tab-opinion-all .text .name{
	color:#232629;
	font-size:18px;
	font-weight:600;
}
.tab-opinion-all .text ul{
	margin:10px 0;
}
.tab-opinion-all .text ul > li{
	color:#666666;
	font-size:14px;
}
.tab-opinion-all .text p{
	color:#232629;
	font-size:14px;
	margin:10px 0;
	font-weight: normal;
}
.block-slide {
	overflow:hidden; 
	position:relative;
	max-height:600px;
	width: 99.9%;
}
.nav-tab-ham {
    position: absolute;
    right: 14%;
    bottom: 30px;
}
.count{
	float:left;
	color:#555555;
	font-size:14px;
	margin:2px 10px;
}
/*.can-block{
	width:400px;
	margin:20px auto;
}*/
.can-block{
	width: 400px;
	margin: 20px auto;
	position: absolute;
	bottom: 180px;
	z-index: 99;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	left: 4%;
	padding: 20px;
}
.can-block .left{
	margin-top:10px;
}
.can-block .right{
	margin-left:90px;
}
.can-block .right p{
	color:#666666;
	font-size:16px;
	margin:0;
}
.can-block .right p>strong{
	font-weight:600;
}
.can-block a.pink{
	padding:3% 4%;
	margin:10px 0 0;
}
.push-buttons{
	background:  url(img/img7.jpg) no-repeat left bottom;
	background-size:cover;
	height: auto;
    margin: 20px auto;
    min-height: 660px;
    position: relative;
    width: 100%;
	max-width:1200px;
	overflow:hidden;
}
.push-buttons > .item1{
    left: 180px;
    position: absolute;
    top: 85%;
}
.push-buttons > .item2{
    left: 380px;
    position: absolute;
    top: 55%;
}
.push-buttons > .item3{
    left: 680px;
    position: absolute;
    top: 65%;
}
.push-buttons > .item4{
    left: 510px;
    position: absolute;
    top: 85%;
}
.push-buttons > .item5{
    left: 550px;
    position: absolute;
    top: 50%;
}
.push-buttons > .item6{
    left: 530px;
    position: absolute;
    top: 60%;
}
.push-buttons > .item7{
    left: 820px;
    position: absolute;
    top: 78%;
}
.push-buttons > .item8{
    left: 940px;
    position: absolute;
    top: 75%;
}
.push-buttons > .item9{
    left: 980px;
    position: absolute;
    top: 90%;
}
.push-buttons .circle>span{
	background: #e91e55;
    border: 2px solid #fff;
    border-radius: 10px;
    font-size: 0;
    height: 10px;
    width: 10px;
	display:block;
	position:relative;
	cursor:pointer;
}
.push-buttons .circle>span:before{
	border: 3px solid #e91e55;
    border-radius: 20px;
    content: "";
    display: block;
    height: 14px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 14px;
}
.push-buttons .circle:hover>span:before{
	border: 6px solid #e91e55;
    border-radius: 20px;
    left: -8px;
    top: -8px;
}
.push-buttons .circle:hover>.info-hover{
	display:block;
}
.push-buttons .info-hover{
	background: #585b66;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    position: absolute;
	width:140px;
	padding: 20px;
	margin: -160px 0 0 -85px;
	display:none;
	z-index:99;
}
.push-buttons .info-hover>strong{
	text-transform:uppercase;
	margin-bottom:5px;
	display:block;
}
.push-buttons .item2 .info-hover{
	margin-top: -190px;
}
.push-buttons .item3 .info-hover{
	margin-top: -190px;
}
.push-buttons .item4 .info-hover{
	margin-top: -170px;
}
.push-buttons .item5 .info-hover{
	margin-top: -170px;
}
.push-buttons .item6 .info-hover{
	margin-top: -140px;
}

.push-buttons .item7 .info-hover{
	margin-top: -140px;
}
.push-buttons .item8 .info-hover{
	margin-top: -140px;
}
.push-buttons .item9 .info-hover{
	margin-top: -170px;
}
.push-buttons .info-hover:after{
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #585B66;
    bottom: -10px;
    content: "";
    height: 0;
    left: 45%;
    position: absolute;
    width: 0;
}
.push-buttons .info-hover + span:hover{
	display:block;
}
.read{
	margin:-10px auto 0;
	text-align:center;
	width:96%;
	position:absolute;
	top:1280px;
	background: #fff;
	padding:10px 0;
	height:80px;
}
.scrollto {
	background: url("img/to-top.png") no-repeat center;
    border-top: 5px solid #262626;
    color: #666;
    cursor: pointer;
    height: 26px;
    padding: 5px;
    position: fixed;
    right: 5%;
    text-decoration: none;
    bottom: 30%;
    width: 22px;
    z-index: 9999;
	cursor:pointer;
}
.scrollto:hover{
	background: url("img/to-top-hover.png") no-repeat center;
	border-top: 5px solid #E91E55;
}