@import url(/css/style.css);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,800,800italic,900,900italic);

@media only screen and (max-width:1260px){
.banner-in{padding:255px 0 320px 0;}	
}
@media only screen and (max-width:1180px){
.container{width:87.5%;}
.main-content-in ul{width:100%;}
.main-content-in ul li{width:32.5%;margin-right:1%;}
}
@media only screen and (max-width:1023px) {
    .header-in h2 {
        top: 101px;
        left: 0px;
        letter-spacing: 2.3px;
        background-color: #fff;
        padding: 5px 0px 5px 40px;
        position: fixed;
        width: 100%;
    }
.header.stikky .header-in h2{display:none;}
.banner-in{padding:140px 0 289px 0;}
.banner-in h1{font-size:50px;line-height:56px;}
.main-content{padding:62px 0 31px 0;}
.main-content .container{width:100%;}
.main-content-in{width:750px;margin:0 auto;}
.main-content-in ul{width:92%;padding:0 4%;}
.main-content-in ul li{margin-right:8%;width:28%;}
.main-content-in ul li img{margin:0 auto 53px;}
.main-content-in ul li h2 span{display:none;}
.main-content-in ul li p br{display:none;}
.main-content-in ul li p{min-height:104px;}
.footer{padding:37px 0 30px 0;}
}
@media only screen and (max-width:767px){
.container{width:77.5%;}
.header.stikky{position:static;}
.banner{background-position:center;}
.banner{background:url(../images/ballons-bg1.jpg) no-repeat;background-size:cover; height: 598px}
.banner-in{padding:666px 0 14px 0;text-align:center;}
.banner-in h1{font-size:40px;line-height:46px;}
.main-content{padding:62px 0 13px 0;}
.main-content-in{width:100%;}
    .main-content-in.interior {
        width: 90%;
    }
.main-content-in ul li{width:270px;margin:0 auto 85px;float:none;display:block;}
.main-content-in ul li.last{margin:0 auto 0 !important;}
.main-content-in ul li img{margin:0 auto 46px;}
.main-content-in ul li p{min-height:inherit;}
.main-content-in ul li p br{display:block;}
.main-content-in ul li h2 .disp_blk{display:inline;}
.footer{padding:22px 0 25px 0;}
.footer ul li{float:none;width:100%;border:none;padding:0;margin:0 0 0px 0;}


.nav span{display:block;font-family: 'Alegreya Sans', sans-serif;font-size:30px;line-height:32px;color:#abc37e;text-transform:uppercase;padding:23px 0 10px 23px;}
.nav .close{display:block;position:absolute;right:25px;top:25px;cursor:pointer;}
.menu{display:block;cursor:pointer;position:absolute;right:-5px;top:42px;}
.nav ul{display:block;border-top:2px solid #bbbbbb;}
.nav ul li{display:block;float:none;width:100%;border-bottom:2px solid #bbbbbb;}
.nav ul li a{display:block;padding:15px 0 15px 22px;border:0px;font-size:24px;line-height:25px;color:#fff;}
.nav ul li a.active, .nav ul li a:hover{border:0px;}
.nav ul li a:hover{background:#acc281;}
.open .wrapper{right:272px;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;}
.open .nav{right:0;}
.nav{width:272px;background:#000;height:100%;right:-272px;top:0px;position:fixed;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;}
.header.stikky .nav ul li a.active, .header.stikky .nav ul li a:hover, .header.stikky .nav ul li a{border:0px;}
.header.stikky .nav ul li a{padding:15px 0 15px 22px;}
}
@media only screen and (max-width:767px){
.banner-in{padding:491px 0 14px 0;}	
}
@media only screen and (max-width:390px){
.header-in h2{letter-spacing:0.7px;}	
.banner{background-position:center top;}	
.banner-in h1{font-size:32px;line-height:38px;}
}
@media only screen  and (max-width:479px){
.wrapper{min-width:303px;}	
}


/**umb_name:h1*/
.h1{padding:0;font-family: 'Alegreya Sans', sans-serif;font-size:34px;line-height:38px;color:#000;font-weight:300;}



/**umb_name:h2*/
.h2{padding:0;margin-bottom:10px;font-family: 'Alegreya Sans', sans-serif;font-size:24px;line-height:26px;color:#a1b875;font-weight:300;}