@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open Sans:400,300,300italic,400italic,700,700italic,900,900italic);@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*------------------------------
BODY
------------------------------ */
body{
    font-family: 'Noto Sans KR', 'NanumSquareR', sans-serif;
    font-size:13px;
    line-height:1.7em;
    margin:0;
    padding:0;
    color:#888;
    /*background:#fff;*/
    text-shadow:none !important;
}



/*------------------------------
/* button
/*------------------------------ */
.btn{
    padding:3px 20px 3px 20px;
}

.btn-custom{
    background:#a55e71;
    color:#fff;
}

.btn-custom-2{
    background:#57647e;
    color:#fff;
}

a.btn:hover{
    background:#ddd;
    color:#333 !important;
}

.btn-big{
    padding:10px 30px 10px 30px;
}

.btn-border {
    color:#333;
    border:solid 2px #333;
}


.btn-border.white {
    color:#fff;
    border:solid 2px #fff;
}

.btn-custom:hover{
    color:#fff;
}

a.btn-icon{
    display:block;
    color:#333;
    font-size:16px;
    padding:15px 20px 15px 20px;
    margin-bottom:10px;
    border:solid 2px #ddd;
    font-family:"Montserrat";
    text-decoration:none;
    border-radius:5px;
}

a.btn-icon i{
    font-size:18px;
    margin-right:10px;
}

a.btn-icon:hover{
    background:#a55e71;
    border-color:#a55e71;
    color:#fff;
}

.no-margin{
    margin:0 !important;
    padding:0 !important;
}

#courses-carousel .course-item{
    margin:0 5px 0 5px;
}

.col-md-3.course-item{
    margin-bottom:30px;
}

#courses-carousel .course-item:hover{
    cursor:e-resize;
}

.course-item, .instructor .inner {
}

.course-item .price{
    font-weight:600;
    font-size:14px;
    display:inline-block;
    position:absolute;
    color:#fff;
    padding:2px 10px 2px 10px;
    background:#2fb2b6;
    margin:20px 0 0 20px;
}

.course-item .price.free{
    background:#e68740;
}

.course-item .pic img{
    width:100%;
    height:auto;
}

.course-item .info{
    background:#fff;
    padding:20px;
}

.course-item .info h4{
    font-size:14px;
    font-weight:700;
    margin:0;
}

.course-item .info .by{
    display:block;
    margin-bottom:10px;
}

.course-item .star{
    float:left;
}

.course-item .user{
    float:right;
}

.course-item .user:before{
    content: "\f007";
    font-family:"FontAwesome";
    padding-right:10px;
}

.course-att{
    font-weight:bold;
}

.course-att span.title{
    display:inline-block;
    width:100px;
    font-weight:normal;
}

.course-att .star{display:inline-block;}

.course-att .text{
    margin-bottom:10px;
}

.lessons-list {
    list-style: none;
    margin: 0;
    padding:0;
    background: #fff;
    border-radius: 3px;
    -moz-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 15px;
    border: solid 1px #ccc;
}

.lessons-list li {
    padding: 15px 20px 15px 20px;
    border-bottom: solid 1px #ddd;
}

.lessons-list .media {
    float: right;
    display: inline-block;
    width: 150px;
    margin-top: -5px;
}

.lessons-list .media a {
    display: inline-block;
    width: 32px;
    height: 32px;
    float: left;
    margin-left: 15px;
    color: #fff;
    background: #a55e71;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    border-radius: 5px;
    -moz-radius: 5px;
    -webkit-border-radius: 5px;

}

.lessons-list .media a.icon-quiz:before {
    font-family:"FontAwesome";
    content: "\f15c";
}

.lessons-list .media a.icon-video:before {
    font-family:"FontAwesome";
    content: "\f01d";
}

.lessons-list .media a.icon-audio:before {
    font-family:"FontAwesome";
    content: "\f001";
}



/*------------------------------
pricing table
------------------------------ */

.pricing{
    text-align:center;
}

.pricing .title-row{
    font-size:24px;
    font-weight:bold;
    padding:20px;
    color:#fff;
    background:#3f485d;
}

.pricing .content{
    padding:20px;
    padding-bottom:30px;
    color:#fff;
    background:#555e72;
}

.pricing .price-row{
    font-size:64px;
    font-weight:300;
    padding:20px 0 35px 0;
    letter-spacing:-5px;
}

.pricing .features-row ul{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:20px;
}

.pricing .features-row ul li{
    line-height:2em;
}

/*------------------------------
section and parallax background settings
------------------------------ */

section{
    overflow:hidden;
    /*padding:60px 0 60px 0;
    background:#fff;*/
}

section.popular-course{
    background:#f2f2f2;
}

.section-title{
    text-align:center;
}

#page-events, #page-blog{
    background:#a55e71;
}

.no-padding{
    padding:0 !important;
}
.no-padding-top{
    padding-top:0 !important;
}
.no-padding-bottom{
    padding-bottom:0 !important;
}

#section-testimonial{
    background:url(../img/bg_full_1.jpg) top fixed;
    background-size:cover;
}

#section-text-1{
    background:#7fb32a;
    color:#fff;
}

#section-text-1 h3{
    color:#fff;
}

#section-text-2{
    background:url(../img/misc/pic-6.jpg) top fixed;
    background-size:cover;
}

#section-text{
    background:#eee;
}

#latest-sermons,#section-gallery{
}

#latest-events{
    background:#e7dacd;
}


.owl-theme .owl-controls .owl-page span{
    background:#aaa !important;
}

#section-testimonial .owl-theme .owl-controls .owl-page span{
    background:#fff !important;
}

#section-pricing{
    background:#8c96ad;
}

#featured-box{
    background:url(../img/bg_full_3.jpg) center fixed;
}

h3{
    font-weight:500;
}


/*------------------------------
instructor
------------------------------ */
.instructor-list{
    margin:0;
    padding:0;
    list-style:none;
}
.instructor{
    margin-bottom:20px;
}

.instructor .inner{
    padding:20px;
    background:#fff;
}

.instructor .img-chef{
    width:80px;
    height:auto;
    position:absolute;
}

.instructor .social img{
    width:24px;
    height:auto;
}

.instructor .text{
    padding-left:100px;
}


/*------------------------------
MAINMENU
------------------------------ */
#mainmenu-container{
    font-family: 'Noto Sans KR', sans-serif;
    text-align:center;
    height:60px;
    margin-top:0px;
    display:inline-block;
}

#mainmenu {
    color:#a55e71;
    font-size:18px;
    display:inline-block;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:1px;
}

#mainmenu a{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    outline:none;
}

#mainmenu ul {
    float:right;
    margin:0px 0px;
    padding:0px 0px;
    height:30px;
    padding-top:21px !important;
}

#mainmenu li {
    margin:0px 0px;
    padding:0px 0px;
    float:left;
    display:inline;
    list-style:none;
    position:relative;
}

#mainmenu li:last-child{
}

#mainmenu a {
    display:block;
    padding:20px 14px 17px 14px;
    text-decoration:none;
    color:#fff;
}

header.clone #mainmenu a {
    color:#555;
}
tool-bar.clone li a {
    color:#555;
}

header.clone #mainmenu a {
    color:#555;
}

#mainmenu a:hover{
    color:#fff;
}

#mainmenu li:hover a {
    color:#a55e71;
}

#mainmenu li:hover li a {
    color:#fff;
}


#mainmenu li li,#mainmenu li li:last-child {
    font-size:14px;
    border-left:none;
    border-right:none;
}

#mainmenu li li a{
    padding:10px 15px 10px 15px;
    color:#fff;
    background:#a55e71;
    border-top:none;
    text-transform:none;
    letter-spacing:normal;
}

#mainmenu li li a:hover{
    border-top:none;
}

#mainmenu li li a:hover {
    color:#fff;
    background:#57647e;
}

#mainmenu li ul {
    width:170px;
    height:auto;
    position:absolute;
    top:100%;
    left:0px;
    z-index:10;
    display:none;
}

#mainmenu li li {
    display:block;
    float:none;
}

#mainmenu li:hover > ul {
    display:block;
}

#mainmenu li ul ul {
    left:100%;
    top:0px;
}

#mainmenu select {padding:10px; height:36px; font-size:14px; border:none; background:#ff4200; color:#fff;}
#mainmenu select option{padding:10px;}

/* --------------- menu btn --------------- */
#menu-btn {
    position:relative;
    z-index:1000;
    display:none;
    float:right;
    margin-top:22px;
    width:36px;
    height:36px;
    background:#a55e71;
    padding:6px;
    text-align:center;
    cursor:pointer;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px
}

#menu-btn:before {
    font-family:FontAwesome;
    content:"\f0c9";
    font-size:24px;
    color:#fff
}

#menu-btn:hover{
    background:#303030;
}

/*------------------------------
/* footer
/*------------------------------ */
footer{
    background:#111111;
    color:#ccc;
    padding:40px 0 40px 0;
}
footer a{
    color:#ccc;
}
footer ul{
    margin:0;
    padding:0;
    float:right;
}
footer li{
    display:inline;
    padding:0 10px 0 0;

}


.subfooter{
    border-top:solid 1px #fff;
    padding-top:30px;
    margin-top:20px;
}


/*------------------------------
jquery toTop
------------------------------ */
#toTop { z-index:1555; display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(../img/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(../img/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;}
#toTop:active, #toTop:focus {outline:none;}


/*------------------------------
widget
------------------------------ */
.widget{margin-top:40px; border-top:solid 1px #ccc; padding-top:40px;}
.widget h3{ margin:0; padding-bottom:10px; text-transform:uppercase; font-size:18px;}
.widget ul{list-style:none; margin:0; padding:0;}
.widget_category li { margin-bottom:5px; padding:5px 0 5px 0;}
.widget_category li i{margin-right:10px;}
.widget_recent_post li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #4b1701; padding-bottom:7px; margin-bottom:5px;}
.widget_recent_post li a{color:#555;}
.widget .comments li { padding-left:20px; background:url(../images/list-arrow.png) left 2px no-repeat; border-bottom:solid 1px #4b1701; padding-bottom:7px; margin-bottom:5px;}
.widget_tags li{display:inline-block; margin-right:5px; margin-bottom:14px;}
.widget_tags li a{ text-decoration:none;text-shadow:none; margin-bottom:5px; padding:5px 10px 5px 10px; background:#a55e71; color:#fff}
.widget_tags li a:hover{background:#fff; color:#333; }
.widget iframe{margin-bottom:20px; border:solid 1px #ddd;}

/*------------------------------
map
------------------------------ */
.map{margin-top:40px;}
.map iframe{width:100%; height:320px; border:solid 1px #ccc; padding:2px; background:#fff;}
#map-container iframe{width:100%; height:360px; margin-bottom:-6px;}

#map {
    width: 100%;
    height: 320px;
}

/*------------------------------
blockquote
------------------------------ */
blockquote {
    background: #fff;
    margin: 1.5em 10px;
    font-family: 'Noto Sans KR', sans-serif;
    font-style:italic;
}
blockquote:before {
    display:block;
    text-align:center;
    color:#a55e71;
    font-family:Georgia, "Times New Roman", Times, serif;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    content: "\201C";
}
blockquote p {
    display inline;
}
blockquote span{
    font-family:"Open Sans", Arial;
    display:block;
}

#testi-carousel blockquote{
    font-size:22px;
    color:#fff;
    background:none;
    border:none;
    line-height: 1.8em;
    margin-top:60px;
}

.call-to-action{
    background:url(../img/bg_full_2.jpg) center fixed;
}
.call-to-action h2{
    margin:0;
    padding:0;

}


.testimonial { margin: 0; background: #B7EDFF; padding: 20px 50px; position: relative; font-family: Georgia, serif; color: #666; border-radius: 5px; font-style: italic; text-shadow: 0 1px 0 #ECFBFF; background-image: linear-gradient(#f2f2f2, #dddddd);
    font-size:16px; border:none;
}
.testimonial:before, .testimonial:after { content: "\201C"; position: absolute; font-size: 80px; line-height: 1; color: #999; font-style: normal; }
.testimonial:before { top: 0; left: 10px; }
.testimonial:after { content: "\201D"; right: 10px; bottom: -0.5em; }
.arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #dddddd; margin: 0 0 0 25px; }
.testimonial-author { margin: 0 0 0 25px; font-family: Arial, Helvetica, sans-serif; color: #999; text-align:left; } .testimonial-author span { font-size: 12px; color: #666;

                                                                                                                     }

/*------------------------------
/* blog */
/*------------------------------ */
.blog-list{ margin-top:-10px; margin:0; padding:0;}
.blog-list li{margin-bottom:20px; list-style:none;background:url(../images/dotwhite50.png);line-height:1.7em; padding-bottom:40px;}
/* blog list */
.blog-list li{margin-bottom:40px; width:49%; float:left; padding:20px; background:#fff; margin:0 10px 10px 0; border:solid 1px #f2f2f2;}
.blog-list li:hover{background:#eee; border-color:#a55e71;}
.blog-list .info{position:absolute; width:60px; }
.blog-list h3{ font-size:20px; margin:0; margin-bottom:10px;}
.blog-list .date-box{ border:none; }
.blog-list .date{ text-shadow:none;text-shadow:none; text-align:center; padding:10px 0 10px 0;}
.blog-list .date h4{font-size:40px; margin-bottom:20px;}
.blog-list .date span{letter-spacing:8px; padding-left:5px;}
.blog-list a.readmore{ display:block; width:60px; height:40px; background:url(../images/arrow-2.png) right center no-repeat #555;}
.blog-list a.readmore:hover{ background:url(../images/arrow-2.png) left center no-repeat #E1704B;}
.blog-list .preview{line-height:1.6em;}
.blog-list .meta-info{ text-align:center; background:#fff; margin:10px 0 0 0; font-size:11px; padding:5px; border:solid 1px #eee;}
.blog-list .meta-info span{ padding:0 10px 0 10px; color:#ccc;}
.blog-list .preview img{width:100%; margin-bottom:20px; background:#fff;}
.blog-list .callbacks_container{margin-bottom:-35px;}


/*------------------------------
/* blog single */
/*------------------------------ */
.blog-read{ margin-top:-10px; margin:0; padding:0;}
.blog-read{margin-bottom:20px; list-style:none;background:url(../images/dotwhite50.png);line-height:1.7em; padding-bottom:40px;}
.blog-header .by{display:inline-block; float:left;background:url(../images/icon-user.png) left center no-repeat; padding-left:24px;}
.blog-header .cat{ display:inline-block; float:left; background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;}
.blog-header .news-date{ display:inline-block; float:left; background:url(../images/icon-folder.png) left center no-repeat; padding-left:24px;}
/* blog list */
.blog-read {margin-bottom:40px;}
.blog-read h3{margin:0; margin-bottom:10px;}
.blog-read .info{position:absolute; width:60px; }
.blog-read .date{ text-shadow:none;text-shadow:none; text-align:center; padding:10px 0 10px 0;}
.blog-read .date h4{font-size:40px; margin-bottom:20px;}
.blog-read .date span{letter-spacing:8px; padding-left:5px;}
.blog-read a.readmore{ display:block; width:60px; height:40px; background:url(../images/arrow-2.png) right center no-repeat #555;}
.blog-read a.readmore:hover{ background:url(../images/arrow-2.png) left center no-repeat #E1704B;}
.blog-read .preview{padding-left:80px; line-height:1.6em;}
.blog-read .meta-info{ background:#fff; margin:10px 0 0 80px; font-size:11px; padding:10px 20px 10px 20px; border:solid 1px #ddd;}
.blog-read .meta-info span{ padding:0 10px 0 10px; color:#ccc;}
.blog-read .preview img{width:100%; margin-bottom:20px; background:#fff; padding:10px; border:solid 1px #ddd;}
.blog-read .callbacks_container{margin-bottom:-35px;}
/* blog comment */
#blog-comment{ margin-left:0px;}
#blog-comment h5{margin-bottom:10px;}
#blog-comment ul, #blog-comment li{list-style:none; margin-left:-30px; padding-left:0;}
#blog-comment li{min-height:70px; padding-bottom:10px; margin-bottom:10px; padding-bottom:20px; border-bottom: solid 1px #eee;}
#blog-comment li .avatar{position:absolute; margin-top:5px;}
#blog-comment li .avatar img{width:60px; height:60px;}
#blog-comment .comment{ margin-left:85px; }
#blog-comment li{min-height:70px; font-size:14px; line-height:1.6em; }
#blog-comment li li{ margin-left:55px; padding-bottom:0px; margin-top:20px; padding-top:10px; border-top: solid 1px #eee; border-bottom:none;}
#blog-comment li li .avatar{position:absolute; }
#blog-comment li li .comment{ }
.comment-info {margin-left:85px; margin-bottom:5px;}
.comment-info span{}
.comment-info .c_name{ display:block; font-weight:700; }
.comment-info .c_reply{padding-left:20px; margin-left:20px; border-left:solid 1px #ddd; font-size:12px;}
.comment-info .c_date{font-size:12px;}
/* comment form */
#commentform label{ display:block;}
#commentform input{width:290px; margin-bottom:20px;}
#commentform input:focus{border:solid 1px #999; background:#fff;}
#commentform textarea{width:97%; padding:5px; height:150px; margin-bottom:20px;}
#commentform textarea:focus{border:solid 1px #999; background:#fff;}
#commentform input.btn{ width:auto;}

/*------------------------------
/* BLOG LIST
/*------------------------------ */
.bloglist-small {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bloglist-small li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bloglist-small li h5 {
    margin-bottom: 5px;
}

.bloglist-small li .txt {
    padding-left: 80px;
}

.bloglist-small li .read {
    display: block;
    margin-bottom: 5px;
}

.bloglist-small li .info {
    display: block;
    margin: 0;
    font-size: 11px;
    color: #aaa;
}

.bloglist-small img {
    position: absolute;
}

.date-box {
    background:#a55e71;
    border:solid 1px #ddd;
    width: 60px;
    position: absolute;
    text-align: center;
    color:#fff;
}

.date-box .day {
    display: block;
    font-size: 32px;
    padding: 12px 0 12px 0;
    font-weight:500;
}

.date-box .month {
    font-size:12px;
    display: block;
    letter-spacing:5px;
    padding-left:5px;
    background:#fff;
    color:#222;
}




/*------------------------------
/* contact */
/*------------------------------ */
.error { width:280px; display: none;color:#C03; font-size:12px; margin-bottom:10px;}
.success { display: none; padding:2px 10px 2px 10px; background:#E5EAD4; color:#555; width:280px;font-size:12px;}
.error img { vertical-align:top; }
.full{ width:98%;}

#contact input[type="text"] , #contact textarea {
}
#contact select{
    width:100%;
}
.contact_form_holder .form-control{
    margin:20px 0 20px 0;
}

#contact input[type=text], #contact textarea{
    background:none;
    border:none;
    border-bottom:solid 1px #ccc;
    padding:10px 0 10px 0;
    border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
    box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}

#contact-form-wrapper {
    background:#f2f2f2;
    padding:20px 60px 40px 60px;
}

.contact-info .title{
    display:block;
    font-size:16px;
    font-weight:800;
    color:#222;
    margin-bottom:10px;
}


.booking_form_holder .form-control{
    margin-bottom:20px;
}

/* ------------------------------
gallery
/* ------------------------------ */
.blog-carousel{
    list-style:none;
    margin:0;
    padding:0;
}

.blog-carousel h4{
    line-height:1.5em;
    font-weight:bold;
    font-size:16px;
    margin-bottom:5px;
}

.blog-carousel img{
    margin-bottom:20px;
}

.blog-carousel .date-post{
    display:block;
    margin-bottom:15px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

#gallery .item{
    text-align:center;
    margin-bottom:30px;
    font-size:12px;
}
#gallery .item h4{
    font-size:16px;
    margin-bottom:0;
}

#gallery-fullwidth .gallery-item{
    width:16.65%;
    float:left;
}

#gallery-fullwidth .gallery-item img{
    width:100%;
}

#gallery-isotope .item{
    background:#333;
    margin:0 10px 10px 0;
    overflow:hidden;
}

#gallery-isotope img{
    width:100%;
    height:auto;
}


/* ------------------------------
jquery isotope
/* ------------------------------ */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property:-o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

#filters{padding:0; margin:0; margin-bottom:20px;}
#filters li{display:inline-block; margin-right:3px;margin-bottom:20px; }
#filters a{ background:#fff; padding:5px 10px 5px 10px; text-decoration:none;}
#filters a.selected{ background:#a55e71; color:#FFF;}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


/*------------------------------
hr
------------------------------ */
hr{
    border:none;
    height:80px;
    background:url(../img/divider-1.png) center no-repeat;
    clear:both;
}

.divider{
    clear:both;
    height:60px;
}

.divider-single{
    clear:both;
    height:30px;
}

.divider-double{
    clear:both;
    height:60px;
}

.divider-line{
    clear:both;
    border-bottom:solid 1px #ddd;
    margin-top:30px;
    margin-bottom:30px;
}

/*------------------------------
address
------------------------------ */
address span{
    display:block;
    margin-bottom:5px;
}
address span strong{
    display:inline-block;
    width:60px;
}


/*------------------------------
title
------------------------------ */
.text-title{
    margin-bottom:40px;
    text-align:center;
}
.text-title h2{
    font-family:'Open Sans';
    color:#a55e71;
    font-size:16px;
    padding:5px 0 5px 0;
    letter-spacing:6px;
    text-transform:uppercase;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
}




/*------------------------------
/* FEATURED BOX
/*------------------------------ */
.f_box{
    width:49.9%;
    float:left;
    background:#a55e71;
}

.f_box .text{
    float:left;
    position:absolute;
    color:#fff;
    font-size:20px;
    font-weight:600;
    text-align:center;
}

.f_box.f_right .text{
    float:right;
}

.f_box.f_right .pic{
    float:left;
}

.f_box.f_left .pic{
    float:right;
}

.f_box span{
    display:block;
    font-size:12px;
    text-transform:uppercase;
    font-weight:normal;
    margin-top:10px;
}

.f_box .border{
    width:30px;
    height:2px;
    background:#fff;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:5px;
}

.f_box.even{
    background:#dba646;
}


.featured-box{
    padding:20px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:solid 1px #ddd;
}

.featured-box h3{
    margin-bottom:10px;
}

.featured-box i{
    color:#888;
    position:absolute;
}

.featured-box .text{
    padding-left:70px;
}

.featured-box-pic img{
    margin:0 0 20px 0;
}
.featured-box-pic .inner{
}
.featured-box-pic .inner h4{
    margin-top:0;
    font-size:22px;
}
.featured-box-pic .text{
    margin-bottom:20px;
}
.featured-box-pic .btn-custom{
    background:#a55e71;
    color:#fff;
    padding:5px 20px 5px 20px;
}


.feature{
    text-align:center;
}

.feature h4{
}

.feature i{
    display:inline-block;
    margin-bottom:20px;
    float:none;
    border-radius:10px;
    text-align:center;
}

.feature .border{
    border:solid 1px #ddd;
    background:#fff;
    padding:30px;
}

.dark .feature{
    color:#fff;
}

.dark .feature h4{
    color:#fff;
}

.dark .feature i{
    color:#ccc;
}


/*------------------------------
event
------------------------------ */
.event-list{
    list-style:none;
    margin:0;
    padding:0;
}

.event-list li .inner{
    background:#4e3927;
}

.event-list .pic{
    width:40%;
    float:left;
    background:#fff;
}

.event-list .pic img{
    width:100%;
}


.event-list .text{
    width:60%;
    padding:0 10px 0 10px;
    float:left;
    text-align:center;
    font-size:16px;
    color:#fff;
}

.event-list .date{
    position:absolute;
    color:#fff;
    background:#84562f;
    font-weight:bold;
    text-align:center;
    width:60px;
    z-index:100;
}

.event-list .date .day{
    font-size:36px;
    padding:12px 0 12px 0;
}

.event-list .date .month{
    font-size:14px;
    padding:1px 0 1px 0;
    background:#a55e71;
}

/*------------------------------
flickr
------------------------------ */
#flickr-photo-stream img{ width:50px; height:auto; margin:0 12px 12px 0; float:left;}
#flickr-photo-stream a img {border:solid 2px #fff;}
#flickr-photo-stream a:hover img {border:solid 2px #96C277;}

/*------------------------------
FLEXSLIDER
------------------------------ */
.flexslider {
    margin:0;
    padding:0;
    border:none;
    box-shadow:none;
}

#slider{
    text-align:center;
    height:100%;
}

.slider-info{
    width:100%;
    height:100%;
    position:absolute;
    z-index:10;
    font-family:"Open Sans";
    top:30%;
}

.callbacks_nav.prev{ left:0;}
.callbacks_nav.next{ right:0;}
.slider-info h1{ font-size:48px; color:#fff; display:inline-block; padding:20px 0 20px 0; font-weight:300; letter-spacing:-1px;
    border-bottom:solid 3px #a55e71;
}
.slider-info .btn{
    margin-top:10px;
}
.slider-info .text{color:#fff; font-size:14px;}

/* main slider */
.main-slider .flex-control-nav{
    margin-left:-30px;
}
.main-slider .flex-control-paging li a{
    width:60px;
    height:5px;
    background:#f4ebd8;
}
.main-slider .flex-control-paging li a.flex-active{
    background:#a55e71;
}

/* testi slider */
.testi-slider .slides li{
    margin-bottom:30px;
}

.testi-slider .testi-by{
    text-align:center;
    display:block;
    margin-bottom:30px;
    color:#fff;
}

.testi-slider .flex-control-nav{
    margin-left:-30px;
}
.testi-slider .flex-control-paging li a{
    width:60px;
    height:5px;
    background:#f4ebd8;
}
.testi-slider .flex-control-paging li a.flex-active{
    background:#a55e71;
}


/*------------------------------
TAB
------------------------------ */
.lt_tab {
}

.lt_tab .lt_nav {
    overflow: hidden;
    padding-left: 0;
    margin: 0;
    padding: 0;
    font-weight:bold;
}

.lt_tab .lt_nav li {
    float: left;
    list-style: none;
    background: #EEE;
    margin-right: 5px;
}

.lt_tab .lt_nav li span {
    padding: 8px 16px 8px 16px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: block;
    background: #f5f5f5;
    text-decoration: none;
    color: #646464;
    font-size: 13px;
    cursor: pointer;
}

.lt_tab .lt_nav li:first-child span {
    border-left: 1px solid #ddd;
}

.lt_tab .lt_tab_content {
    border: 1px solid #ddd;
    padding: 15px 20px 20px 20px;
    margin-top: -1px;
    color:#555;
    background: #fff;
}

.lt_tab .lt_nav li span.active {
    background: #FFF;
    border-bottom: 1px solid #fff;
    color: #222;
    margin-bottom: -3px;
}

#menu-parallax-bg{
    padding:60px 0 60px 0;
    margin:60px 0 60px 0;
    background:url(../img/bg-big-1.jpg) top center;
}


/*------------------------------
control nav
------------------------------ */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); cursor: default; }


.accordion-toggle,.accordion-inner{
    background:#fff;
    color:#555;
}
.accordion-inner{
    background:#fff;
    color:#555;
}

.star-full{
    width:14px;
    height:14px;
    background:url(../img/star.png) center no-repeat;
    display:inline-block;
}

.star-empty{
    width:14px;
    height:14px;
    background:url(../img/star-empty.png) center no-repeat;
    display:inline-block;
}


.hover {
    font-size: 12px;
    display: block;
    width: 100%;
    height: 100px;
    background: #fff;
    position: absolute;
    overflow: hidden;
    line-height: 1.5em;
    text-align: center;
}

.hover .btn-view-details {
    display:inline-block;
    font-size:14px;
    color:#a55e71;
    padding:10px 20px 10px 20px;
    text-decoration:none;
    margin:0 auto;
    border:solid 1px #a55e71;
}



#booking{
    padding:30px 0 30px 0;
    background:#655233;
}
#booking input, #booking button, #booking select{
    width:100%;
    color:#fff;
}

#booking button{
    border:none;
    border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
    background:#a55e71;
}

#booking select{
    background:none;
}

#booking input, #booking select{
    border:solid 1px #a55e71;
    border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}


#booking input{
    background:url(../img/icon-calendar.png) 10px center no-repeat;
    padding-left:36px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;/* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.btn-book{
    position:absolute;
    z-index:100;
    display:inline-block;
    color:#fff;
    background:#e08e79;
    padding:5px 10px 5px 10px;
    text-decoration:none;
}

.btn-book:hover{
    color:#fff;
    background:#a55e71;
    text-decoration:none;
}


.info-box{
    font-size:14px;
    position:absolute;
    z-index:100;
    display:inline-block;
    text-decoration:none;
    margin-top:4px;
}

.info-box:hover{
    color:#fff;
    background:#a55e71;
    text-decoration:none;
}

.info-box .book{
    color:#fff;
    background:#e08e79;
    padding:5px 15px 5px 15px;
}

.info-box .price{
    color:#fff;
    background:#a55e71;
    padding:5px 15px 5px 15px;
}


.btn-book span{
    font-size:16px;
    margin-left:15px;
    padding-left:15px;
    border-left:solid 1px #fff;
}


.pull-left{
    margin:0 20px 0 0;
}

.social-icons img{
    width:24px;
    height:auto;
    margin-right:5px;
}

.social-icons .fa{
    font-size:32px;
    margin:0 10px 0 10px;
}


/* overide */
.form-control{border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px;}
.col-md-3{ margin-left:-1px;}
.pagination li a{color:#a55e71;}
.pagination li.active a{background:#a55e71; border:solid 1px #a55e71;}
.pagination li.active a:hover{background:#a55e71; border:solid 1px #a55e71;}


/* misc */

/* animate */
a,
a:hover,
.custom-col-3 i,
.custom-col-3 i:hover,
.custom-carousel-2 .item-blog,
.custom-carousel-2 .item-blog:hover,
.custom-col-3,
.custom-col-3:hover,
.blog-list li,
.blog-list li:hover,
.event-item .right-col,
.event-item:hover .right-col,
#mainmenu li,
#mainmenu li:hover,
#menu-btn,
#menu-btn:hover
{
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.custom-carousel-1,
.custom-carousel-2,
#testi-carousel{
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

#calendar .fc-view{
    background:#fff;
}

.img-full{
    width:100%;
    height:auto;
}

.img-event{
    margin-bottom:30px;
}

.mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt10{margin-top:40px;} .mt10{margin-top:40px;} .mt50{margin-top:50px;}

.st-btn{
    text-decoration:none;
    color:#fff;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    background:#a55e71;
    padding:12px 25px 12px 25px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    display:inline-block;
}


.st-btn:hover{
    text-decoration:none;
    color:#fff;
    background:#454545;
}


.st-btn2{
    text-decoration:none;
    border:solid 2px #fff;
    color:#fff;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    padding:10px 40px 10px 40px;
    text-transform:uppercase;
    border-radius:2px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    display:inline-block;
}


.st-btn2:hover{
    text-decoration:none;
    color:#fff;
    background:#454545;
}


.fullwidth{
    width:100%;
}

.fc-widget-header{
    background:#a55e71;
    color:#fff;
}

.fc-day{
}

.fc-event-container a{
    background:#7cb029;
    border:none;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    padding:2px;

}

.latest h3.title{
    width:340px;
    text-align:center;
    padding:0;
    background:#4e3927;
    color:#fff;
    padding:10px;
    height:50px;
    margin:0 auto;
}

.no-margin-bottom{
    margin-bottom:0 !important;
}

#preloader{
    position:absolute;
    z-index:100001;
    width:100%;
    height:100%;
    background:url(../img/loader.gif) center no-repeat #fff;
}


@media (min-width: 992px) and (max-width: 1199px) {

    header .social{
        display:none;
    }

}


@media (max-width: 992px) {
    #slider .slider-info{display:none;}
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{ margin-bottom:30px;}

    /*header {display:none;}*/

    header.clone {
        display:block;
        position:inherit;
        margin:0;
        padding:0;
        margin-top:0;
        height:80px;
        overflow:hidden;
        z-index:100000;
    }

    header.clone #logo{
        padding-top:20px;
        display:block;
    }

    #subheader{
        padding:40px 0 40px 0;
    }

    #logo{margin:0 auto; width:100%; text-align:left;}
    #logo .inner{ display:block; width:100%; height:auto; margin:0px 0 0px 0;}
    #booking input,#booking select{width:100%; margin-bottom:10px;}
    .selectnav{display:block; margin:0 auto; margin-top:40px; margin-bottom:20px;}

    #mainmenu{
        margin:0;
        padding:0;
    }

    #mainmenu-container{
        display:block;
    }

    header .buttons{
        width:100%;
        display:block;
        text-align:center;
        float:none;
        margin-top:0px;
    }

    header,#content,footer,#subheader,#booking{/*padding-left:20px; padding-right:20px;*/}
    header,#mainmenu-container{border:none;}


    footer nav{
        display:inline-block;
    }

    .blog-list li{
        width:100%;
    }

    .bloglist-small{
        float:left;
    }

    .custom-col-3 {
        display:block;
    }

    .custom-col-3 .left-col,
    .custom-col-3 .mid-col{
        width:50%;
        background:#f2f2f2;
    }

    .custom-col-3 .right-col{
        display:block;
        text-align:center;
        padding:40px 0 20px 0;
    }

    #section-text-1 img{
        width:100%;
    }


    #subheader{
        padding-bottom:0;
    }

    .crumb{
        display:none;
    }

    header .social{
        width:100%;
        text-align:center;
        margin:40px 0 40px 0;
    }

    .one-fourth, .three-fourth{
        width:100%;
        display:block;
        float:none;
    }

    .one-fourth .title-area, .three-fourth .title-area{
        padding:20px 0 20px 0;
    }

    #gallery .item img{
        width:100%;
    }


    #menu-btn {
        display:block
    }

    #mainmenu-container{
        display:block;
    }

    #mainmenu > li{
        font-size:16px;
        margin-bottom:0;
    }


    #mainmenu li {
        text-align:left;
        border-bottom:solid 1px #ddd;
    }

    #mainmenu li li{
        padding-left:30px;
    }

    #mainmenu li a:hover{
        background:none !important;
    }
    #mainmenu li:hover{
        background:#eee;
    }


    #mainmenu li ul {
        display:block;
        position:inherit;
        margin:0;
        width:100%
    }

    #mainmenu li li{
        background:#fff;
    }

    #mainmenu li {
        border-bottom:solid 1px #eee;
        margin:0;
        width:100%;
        display:block;
        letter-spacing:3px
    }

    #mainmenu li:last-child {
        margin-bottom:30px
    }

    #mainmenu > li li:first-child {
        border-top:solid 1px #eee;
    }

    #mainmenu li ul {
        border-top:solid 1px #333;
        border:none;
        margin-top:-15px;
        top: 0px;
    }

    #mainmenu li ul a {
        width:100%;
        background:none;
        border:none
    }


    #mainmenu li ul li a {
        display:block
    }

    #mainmenu li ul li:last-child {
        border-bottom:none;
        margin:0
    }

    #mainmenu li ul li:last-child a {
        border-bottom:none
    }

    #mainmenu li a {
        color:#555!important;
        letter-spacing:0;

    }

}

/*---------- Modal - �˻�, ȸ�� �α��� ��� ----------*/
.modal-box {width:100%;height:100%;background:#fff}
.modal-box .modal-content {max-width:500px;margin:0 auto;padding-top:200px;border:0 none;box-shadow:0 0 0 #fff}
.modal-box .member-contnets-bottom {position:fixed;top:25px;right:60px}
.modal-box .member-contnets-bottom button {border:0 none;font-size:12px;line-height:14px;padding:8px 15px;background:#707070;color:#fff;border-radius:15px !important}
.modal-box .member-contnets-bottom button:hover {background:#333}
.search-contents-modal .modal-box .modal-content {position:relative;top:45%;max-width:90%;padding-top:0}
.search-contents-modal .input-button {position:relative}
.search-contents-modal .input-button input[type="text"] {width:100%;padding:6px 12px;border:0 none;border-bottom:2px solid #909090;color:#909090;height:60px;font-size:20px}
.search-contents-modal .input-button .button {position:absolute;right:1px;top:10px;padding:0 20px;font-size:24px;height:40px;background:none;border:0 none}
.search-contents-modal .input-button .button input {position:absolute;top:0;right:0;padding:0;font-size:12px;line-height:40px;opacity:0;cursor:pointer}