@font-face {
  font-family: MR;
  src: url(../fonts/MerriweatherSans-Regular.ttf);
}
body{
    overflow: hidden;
    margin: 0;
	background-image:url("../images/mainpage_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
}
body *{
	font-family: MR;
	background-repeat: no-repeat;
}
.bgd{background-color:#ede7e2;}
.bg1{background-color:#965748;}
.bg2{background-color:#c95d5b;}
.cd{color:#cb5c57;}
.c1{color:#673b32;}
.dn{display:none;}
.vh{
	visibility:hidden;
	position:absolute;
}
.tc{text-align:center;}
.bd{border:1px solid #dda05d;}
.ba{border:5px solid #cb5c57;}
.wa{width:98%;}
.fb{font-weight:bold;}
li {list-style: none;}
.bs{
	-webkit-box-shadow: -7px 8px 19px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: -7px 8px 19px -1px rgba(0,0,0,0.5);
	box-shadow: -7px 8px 19px -1px rgba(0,0,0,0.5);
}
.vhs{visibility:hidden;}
.bT {font-size: 24px;}
#lang {
    position: absolute;
    top: 30px;
    left: 30px;
	width: 65px;
    height: 42px;
    text-align: center;
    border-radius: 8px;
    font-size: 25px;
    padding-top: 3px;
	z-index: 111;
}
.btnClose{
	background-image:url("../images/back.png");
	background-size: 80%;
    background-position: center;
    position: absolute;
    width: 65px;
    height: 45px;
    top: 30px;
    right: 30px;
    border-radius: 8px;
	z-index: 1111;
}
#gif{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#screen_1 div div,.person_1 div,.person_2 div{
	background-position: center;
    background-size: 100%;
    width: 268px;
    height: 358px;
}
#screen_1 div div{
	margin: 36px auto 0;
}
#screen_1 .main_title_1 div,.person_1 div{
	background-image:url("../images/p1.png");
}
#screen_1 .main_title_2 div,.person_2 div{
	background-image:url("../images/p2.png");
}
#screen_1 > div{
    position: relative;
    width: 358px;
    height: 470px;
    float: left;
	margin-top: 165px;
    border-radius: 60px;
    text-align: center;
    font-size: 35px;
}
#screen_1 > div.main_title_1{
	margin-left: 232px;
    margin-right: 48px;
}
#screen_1 > div.main_title_2{
	margin-right: 232px;
	margin-left: 48px;
}
#screen_1 div i,.subBox i{
	background-image:url("../images/hand_right.png");
	background-size: 60%;
    position: absolute;
    width: 65px;
    height: 76px;
}
#screen_1 div i{
    bottom: -38px;
    right: -25px;
}
.subBox i {
    bottom: -47px;
    right: -35px;
}
#screen_1 #bg_effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 100%;
    margin: 0;
    background-color: rgba(74,82,71,0.8);
}
#screen_1 #bg_effect.bg_yellow{
	background-color: rgba(151,92,31,0.9);
}
.main_title p{
	color:#cb5c57;
	font-size: 21px;
	font-weight:bold;
	position: absolute;
    bottom: 0;
    width: 100%;
}
#screen_2,#screen_3{
	
}
#screen_2 .content,#screen_3 .content{
	position: relative;
}
#screen_2 .content{	
    
}
.con3,.con7{
	float:left;
}
.con3{
	padding-left: 3%;
	padding-right: 1.5%;
}
.con7{
	padding-right: 3%;
	padding-left: 1.5%;
}
.con3{
    width: 25.5%;
}
.con7{
    width: 65.5%;
}
.subBox {
	position:relative;
	top: 20px;
    width: 174px;
    height: 56px;
    float: right;
    color: #bcc4bf;
    border-radius: 32px;
    background-image: url("../audio/headphone.png");
    background-size: 28%;
    background-position: center;
}
#screen_2 .contentBox{
	margin-top: 220px;
}
#screen_3 .contentBox {
    margin-top: 220px;
}
.person_1,.person_2 {
    height: 440px;
    border-radius: 60px;
	margin-top: -46px;
}
.person_1 div,.person_2 div{
    margin: 15px auto 0;
}
.person_1 p,.person_2 p {
    font-size: 16px;
	margin-top: 8px;
}
.content .title{
	font-size:24px;
	font-weight:bold;
}
.content p.title{
	width:60%;
	margin:0 auto;
	padding:5px;
	border-radius: 50px;
}
#screen_3 .content p.title{
	width:100%;
}
#screen_3 .content{
    top: -80px;
}
.content_1,.content_2{
	word-break: break-word;
	font-size: 18px;
}
.slider {
    position: relative;
}
.sub_title_1{
	margin-bottom:0;
	color:#576053;
	
}
.sub_title_2{
	margin-top:0;
	color:#5f675a;
}
.content .sub_title_2{
	font-weight:100;
}
.swiper-pagination-bullet{
	background-color:#b37f63;
	width:12px;
	height:12px;
	margin:2px 5px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#673b32;
	width:16px;
	height:16px;
	margin:0 5px;
}
.i-swipe{
	position:relative;
	width:128px;
	margin:15px auto 0;
}
.i-swipe i{
	background-image:url("../images/el_yatay.png");
	background-size: 100%;
    width: 110px;
    height: 76px;
    position: absolute;
    left: 9px;
}
#s2_slider.vh{
	position:absolute;
}
#s2_slider .swiper-pagination{
	left: 242px;
}