/*******
steppes  styles
Copyright (c) 2014 Procab Studio (procab.ch)
Date: 2015-02-05
Author: Roshan Rajopadhyaya
Author URI:http://rosanko.blogspot.com
****/

@font-face {

    font-family: 'futural';

    src: url('fonts/futura_light-webfont.eot');

    src: url('fonts/futura_light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/futura_light-webfont.woff2') format('woff2'),

         url('fonts/futura_light-webfont.woff') format('woff'),

         url('fonts/futura_light-webfont.ttf') format('truetype'),

         url('fonts/futura_light-webfont.svg#futura_lightregular') format('svg');

    font-weight: normal;

    font-style: normal;
}

@font-face {

    font-family: 'futurar';

    src: url('fonts/futuraextended-webfont.eot');

    src: url('fonts/futuraextended-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/futuraextended-webfont.woff2') format('woff2'),

         url('fonts/futuraextended-webfont.woff') format('woff'),

         url('fonts/futuraextended-webfont.ttf') format('truetype'),

         url('fonts/futuraextended-webfont.svg#futuraextendedregular') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'futurao';

    src: url('fonts/futura_oblique-webfont.eot');

    src: url('fonts/futura_oblique-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/futura_oblique-webfont.woff2') format('woff2'),

         url('fonts/futura_oblique-webfont.woff') format('woff'),

         url('fonts/futura_oblique-webfont.ttf') format('truetype'),

         url('fonts/futura_oblique-webfont.svg#futura_oblique') format('svg');

    font-weight: normal;

    font-style: normal;



}

a:focus, a:hover{outline: none}

body{font-family: "futurar";min-width: 320px;border-bottom: 1px solid #51525d;font-size: 14px;color: #51525d}

.reveal-modal-bg{background-color: rgba(255, 255, 255, 0.6)}

.top-bar-section ul.main-nav li a{background-image: url(images/nav-border.jpg);background-repeat: repeat-x;background-position: left top;text-transform: uppercase}

.top-bar-section ul.main-nav li:first-child a{background-image: none}

.top-bar-section .social-icon{width: 143px;text-align: center;margin: 0 auto;display: block}

.top-bar-section .social-icon li{display: inline-block;width: 36px;height: 36px;margin-left: 12px}

.top-bar-section .social-icon li:first-child{margin-left: 0}

.top-bar-section .social-icon li a{display: block;text-indent: -9999px;background-image: url(images/social-icon.png) !important;background-repeat:no-repeat;padding: 0;width: 37px;height: 37px;}

.top-bar-section .social-icon li.fb a{background-position: 0 top}

.top-bar-section .social-icon li.pi a{background-position: -52px top}

.top-bar-section .social-icon li.yt a{background-position: -107px top}

.top-bar-section .social-icon li a:hover{background-color: transparent !important}

.top-bar-section .social-icon li.fb a:hover{background-position: 0 bottom}

.top-bar-section .social-icon li.pi a:hover{background-position: -52px bottom}

.top-bar-section .social-icon li.yt a:hover{background-position: -107px bottom}

.top-bar-nav{height: 30px;border-bottom: 3px solid #efeee7;background-color: #f7e5e1;}

.top-bar-nav ul{text-align: right;padding:0}

.top-bar-nav ul li{list-style: none;display: inline-block;position: relative}

.top-bar-nav ul li a{font: 13px/30px "futurar";color: #51525d;text-transform: uppercase;word-spacing: 1px;display: block;padding: 0 20px;}
/*.top-bar-nav ul li:last-child a { padding-right: 0;}*/

.top-bar-nav ul li a:hover, .top-bar-nav ul li a.open{background: rgba(275, 275, 275, 0.3);color: #696b79}

.login-box{position: absolute;background: #51525d;width: 190px;padding: 20px 10px 0px;text-align: left;color: #f7e5e1;/*top: -200px;opacity:0*/display: none}

.login-box > p {margin:0;}

.login-box .input-btn{margin-bottom: 20px}

.top-bar-nav ul li .login-box p a{display: inline;text-decoration: underline;color: #fff;line-height: normal}

.top-bar-nav ul li .login-box p a:hover{background: none transparent;text-decoration: none}

.top-bar-nav ul li:hover .login-box{/*top:30px;opacity: 1*/}







.login-box label{color:#f7e5e1;text-transform: uppercase;font: 9px 'futurar'; padding:0; margin:0;background:none;}

.login-box label.remember{color: #fff; vertical-align: middle;}

.login-box .input-type input[type="text"]{border: 1px solid #a8a9ae;box-shadow: none;background: #e8dee2;border-radius: 0;height: 21px;line-height: 19px;margin-bottom: 0px;font-size: 9px;padding: 0 5px}


.down_to_footer {
  background: url("images/down.png") no-repeat;
  display: block;
  position: fixed;
  bottom: 10px;
  left: 50%;
  z-index: 9999999;
  width: 40px;
  height: 46px;
  margin-left: 105px;
}

.footer-block{background-color: #51515d; position: relative; z-index: 1000;}

.footer-block .large-4{display: table;font-spacing: 3px;background: url(images/foter-divider.png) no-repeat 35px top }

.footer-block .large-4 ul{list-style: none;margin: 0;}

.footer-block .large-4 p, .footer-block .large-4 ul{margin-top: -4px}

.footer-block .large-4 li{line-height: 18px}

.footer-block .large-4 p, .footer-block .large-4 a {color: #fff;font:11px/22px 'futurar';text-transform: uppercase}

.footer-block .rotate-text, .footer-block .large-4 .foot-nav{display: table-cell;vertical-align: top}

.footer-block .rotate-text{width: 25px;}

.footer-block .large-4 .foot-nav{width: 200px;}

.footer-block a:hover{text-decoration: underline;}

/* Footer Widget */
.footer-block .upw-posts {
    padding-bottom: 20px;
}

.footer-block .upw-posts article {
  border-bottom: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-block .upw-posts .entry-title {
  line-height: 18px;
  margin: 0;
}

.section{background-color: #fff}

.section-one{background-repeat: no-repeat;background-size: cover;background-position: center top; min-height: 500px;}

.section-one, .section-two, .section-three, .section-four{padding-top: 50px}

/*.section-one .decp{padding: 20px;text-align: center;max-width: 570px;margin: 0 auto}*/
.section-one .decp{display:none; left:50%; padding: 20px;text-align: center; max-width: 570px;margin: 0 auto 0 -170px; position: fixed; width: 570px;}

.section-one .decp h2{font: 25px 'futurar';text-transform: uppercase;color: #51515d;background: url(images/section-title-border.gif) no-repeat center bottom;padding-bottom: 17px;margin-bottom: 15px}

.section-one .decp p{font: 23px "gergia";color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-style: italic;margin-bottom: 10px}

.section-one .decp p.persona-name{font-size: 14px;text-align: right}

.section-title h2{padding-left: 0.9375rem;padding-right: 0.9375rem;color: #51525d;text-transform: uppercase;font: 25px "futurar";;margin-top: 20px}

.section .class-type-box, .with-slider-box, .team-box{padding-top: 27px}

.class-type-box h3{font:18px 'futurar';color: #51525d;text-transform: capitalize;background: url(images/inner-title-border.gif) no-repeat left bottom;padding-bottom: 10px}

.class-type-box p{font: 14px/20px "futurao";margin-bottom: 0px}

a.more-btn{color: #cb7c9d;font: 10px 'futurar';text-transform: uppercase;text-decoration: underline}

a.more-btn:hover{text-decoration: none}



.team-box.row{max-width: 908px;}

.team-box .small-block-grid-3{margin: 0}

.team-box .small-block-grid-3 li{max-width: 308px;}

.team-box .small-block-grid-3 li .team-images{width: 100%;position: relative;background-color: #f7e5e1;overflow: hidden;cursor:pointer}

.team-box .small-block-grid-3 li img{opacity: 0.7}

.team-box .small-block-grid-3 li .overlay{position: absolute;top:0;left: 0;right: 0;bottom: 0}

.team-box .small-block-grid-3 li .overlay h3{position: absolute;bottom: -999px;left: 10px;font:18px/20px 'futurar';color: #f7e5e1;text-transform: uppercase;margin: 0}

.team-box .small-block-grid-3 li .overlay h3 span{font-size: 11px}

.team-box .small-block-grid-3 li:hover img, .team-box .small-block-grid-3 li.open img{opacity:1}

.team-box .small-block-grid-3 li:hover .overlay h3, .team-box .small-block-grid-3 li.open .overlay h3{bottom: 10px}

.team-box .small-block-grid-3 li .overlay a{display: block;background: url(images/plus-icon.png) no-repeat center top;text-indent: -9999px;width: 16px;height: 15px;position: absolute;right: 10px;bottom: -999px}

.team-box .small-block-grid-3 li:hover .overlay a, .team-box .small-block-grid-3 li.open .overlay a{right: 10px;bottom: 10px}
.team-box .small-block-grid-3 li.open .overlay a{background-position: center bottom}

.ppl-info-ajax-block p{font: 12px/18px "futurar"; color:#51525d}



.post-list{margin-bottom: 30px}

.post-list .post-date{font:11px/35px "futurar";border:1px solid #f7e5e1;box-shadow: 1px 2px rgba(61, 61, 61, 0.2);display: inline-block;height: 35px;padding: 0 15px;color:#51525d;margin-bottom: 20px;border-radius: 5px}

.post-list .post-date a{font:11px/35px "futurar";display:block;color:#51525d;}

.post-list .post-date span{font-size:15px;text-transform: uppercase;color:#51525d }

.post-list .post-date:hover, .blog-post .post-list .post-date{background-color: #e8dee2}

.post-list h3{margin-bottom: 5px}

.post-list h3 a:hover{color:#000}

.post-list .postby{font-size: 9px;}

.blog-social{width: 24px;height:23px;background:url(images/blog-social.png) no-repeat 0 0;display:block;text-indent:-9999px;margin-top:14px}

.blog-social:hover{background-position: left -23px;}

.post-detail p{font:16px/22px "futurao";margin-bottom:20px}

.blog-back{font:16px/22px "futurar";color:#d0acbb;text-decoration:underline;text-transform:uppercase}

.blog-back:hover{color:#000}

.post-comment{margin:30px 0}

.input-type input[type="text"], .textarea textarea {border: 1px solid #f7e5e1;border-radius: 5px;box-shadow: 1px 2px rgba(61, 61, 61, 0.2);color:#b5b5b9;display:inline-block;font: 11px/20px "futurao";height: 35px;margin-bottom: 20px;padding: 0 15px;background-color: #fff;text-transform: uppercase;font-style: italic}

.textarea textarea {padding:15px}

.input-type input[type="text"]:focus, .textarea textarea:focus{background-color: #e8dee2;color: #51525d;font-family: "futurar";font-style: normal}

.input-btn input, .input-btn button{color:#d0acbb;font: 13px "futurar";text-transform: uppercase;background: none;border:none;cursor: pointer;float:right}

.input-btn input:hover, .input-btn button:hover{color:#cb7498}

.input-type input[type="text"]{max-width: 250px}

.textarea textarea, .post-comment .input-btn{max-width: 425px}

.slider-box{position: relative;margin-bottom: 34px;max-width: 909px}

.content-box-withslider.gallery-content.row, .content-box-withslider.row {max-width: 922px !important}

.slider-box .controls{position: absolute;height: 15px;margin-top: -7px;top:50%;width: 100%;;z-index: 10}

.slider-box .controls .btn{height: 15px;width: 16px;background: url(images/plus-arrow.png) no-repeat 0 0 transparent;text-indent: -9999px;padding: 0;float: left}

.slider-box .controls .btn.next{float: right}

.content-box-withslider h3, .ppl-info-ajax-block h3{font:18px 'futurar';color: #51525d;text-transform: capitalize;background: url(images/inner-title-border.gif) no-repeat left bottom;padding-bottom: 10px;margin-bottom: 15px;text-transform: uppercase}

.content-box-withslider h4{color: #d0acbb;font: 13px "futurar";text-transform: uppercase;padding-top: 10px}

.content-box-withslider p{font: 11px/20px 'futurar';color: #51525d;text-transform: uppercase;margin-top: 10px}

.gallery-content .large-6.left-block{max-width: 450px}

.gallery-content .large-6.right-block{max-width: 345px;float: right;padding-right: 0}

.gallery-content .month {text-align: left;margin-left: 0}

.gallery-content .month li{list-style: none;display: inline-block;margin-left: 9px}

.gallery-content .month li a{border: 1px solid #f7e5e1;border-radius: 0;box-shadow: 1px 2px rgba(61, 61, 61, 0.2);color: #51525d;display: inline-block;font: 11px/35px "futurar";height: 35px;margin-bottom: 20px;padding: 0 15px;width: 58px;text-align: center;}

.gallery-content .month li a:hover, .gallery-content .month li.current a{ background-color: #e8dee2;}

.date-info{margin-left:0;list-style: none}

.date-info li{margin-bottom: 8px;text-align: left;position: relative}

.date-info .month-day,

.date-info .day-detail{display:inline-block;border: 1px solid #f7e5e1;border-radius: 5px;box-shadow: 1px 2px rgba(61, 61, 61, 0.2);color: #51525d;font: 11px/35px "futurar";height: 35px;padding: 0 15px;text-align: center;text-transform: uppercase}

.date-info .month-day{width: 45px;margin-right: 4px; border-radius: 0;}

.date-info .day-detail{width: 205px;text-align: left}

.date-info li:hover div{background-color: #e8dee2;}

.date-info li:hover div.day-detail{width: 225px}

.date-info .info-trigger{position:absolute;left: 0;right: 0;top:0;bottom: 0;z-index: 1}

.left-block h4{font: 16px 'futurar';color: #51525d;text-transform: uppercase}

.right-block h4{font: 14px 'futurar';color: #51525d;text-transform: uppercase}

.event-date p{font: 10px/20px 'futurar';color: #d0acbb;text-transform: uppercase;margin:0}

.event-dec p{font: 13px/20px 'futurar';color: #51525d;text-transform: none;margin:0;letter-spacing:1px;margin: 25px 0}

.event-dec .button.secondary{border: none;background: transparent;box-shadow: none;text-align: left;padding: 0;text-decoration: underline;color: #d0acbb;font-size: 16px}

.event-dec button.secondary:hover, .event-dec button.secondary:focus, .event-dec .button.secondary:hover, .event-dec .button.secondary:focus{box-shadow: none;background: transparent}



/* Comment List */

.commentlist .comment header { border: none; margin:0; padding:10px 0 0; width:100%;}

.commentlist .comment{border-bottom:1px solid rgba(0, 0, 0, 0.1); margin-bottom:30px; padding-bottom:30px;}

.commentlist .comment header > img {border: 1px solid rgba(0, 0, 0, 0.1); float:left; margin-right:8px; padding: 2px;}

.commentlist .comment header cite {display:block; font-style:normal;}

.commentlist .comment header time a {color:#9c9c9c; font-size:13px;}

.commentlist .comment .alert{padding-left:48px;}

.commentlist .comment .alert p{font-style:italic;}

.commentlist .comment .comment_content {padding-left:48px; padding-top:16px;}



.mc4wp-alert {
  font-size: 12px;
  padding: 10px 2px;
}



/* register popuo*/

.reveal-modal-bg{position: fixed}

.reveal-modal .close-reveal-modal, .login_close{width: 12px;height: 11px;background: url(images/cross-btn.png) no-repeat center center;right: 15px;top:15px;position: absolute;z-index: 12; text-indent: -99999px;}

.login_close {top:10px; right: 10px;}

.login_close:hover{background: url(images/cross-btn.png) no-repeat center center !important; }

.reveal-modal h3{background: url(images/pop-title-boder.gif) no-repeat left bottom;font: 16px/20px 'futurar'; color: #f7e5e1;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 5px}

.register-box{ background-color: #51525d;color: #fefefe;left: 50%;margin-left: -160px;width: 320px;}

.register-box h3{}

.register-box label{color:#f7e5e1;font: 9px 'futurar';text-transform: uppercase;margin-bottom: 5px}

.register-box label span{color: #fefefe}

.register-box .input-type, .register-box .input-btn, .login-box .input-type, .login-box .input-btn{clear: both;overflow: hidden}

.register-box .input-type input{border: 1px solid #a8a9ae;box-shadow: none;background: #e8dee2;border-radius: 0;height: 19px;line-height: 19px;margin-bottom: 10px;font-size: 9px;padding: 0 5px}

.register-box .input-btn input, .login-box .input-btn input, .login-box .input-btn button{background: #f7e5e1;color:#51525d;font: 13px/25px 'futurar';display: inline-block;height: 25px;margin-right: 8px}

.register-box .input-btn input:hover, .login-box .input-btn input:hover, .login-box .input-btn button:hover{color: #000}

.note-info-box {margin-top: 10px}

.note-info-box p{color:#fff;font: 9px/12px 'futurar';text-transform: uppercase;margin-bottom: 5px}

.note-info-box p span{font-size: 11px}

/*button class*/

button.secondary, .button.secondary{background: #fff;border:1px solid #f7e5e1;text-transform: uppercase;padding:8px 20px 6px;font: 11px 'futurar';box-shadow: 1px 2px rgba(61, 61, 61, 0.1) }

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus{background:none transparent;border-color: #cb7c9d;color:#51525d;box-shadow: 1px 2px rgba(61, 61, 61, 0.2)

}

@media only screen and (max-width: 40em) {

    .top-bar-section .social-icon{padding: 10px 0 20px}

    .footer-block .large-4{margin-top: 20px}

    .top-bar-nav ul{float: left !important;margin-left: 0}

    .section-one .decp {width: auto;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */



/* min-width 640px, medium screens */

@media only screen and (min-width: 640px) {

    /*animation*/

    .top-bar .name h1 a img,

    .top-bar-section li:not(.has-form) a:not(.button),

    .top-bar-nav ul li a,

    .post-list .post-date a,

    .date-info li div,

    .team-box .small-block-grid-3 li img,

    .team-box .small-block-grid-3 li .overlay h3,

    .team-box .small-block-grid-3 li .overlay a{transition: all ease-in 0.5s;-moz-transition: all ease-in 0.5s;-webkit-transition: all ease-in 0.5s;-ms-transition: all ease-in 0.5s;-o-transition: all ease-in 0.5s}

    .top-bar-nav {padding-right: 40px}

    .top-bar-section ul.main-nav li{padding: 0 18px;}

    .top-bar-section ul.main-nav li:hover:not(.has-form), .top-bar-section ul.main-nav li.current{background: url(images/nav-hover-bg.jpg) no-repeat right top}

    .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li:not(.has-form) a:hover:not(.button){background-color: transparent}

    .top-bar{width: 210px;height: auto;position: fixed;left: 0;top:0;bottom: 0;z-index: 100;background-color:#51525d }

    .top-bar .title-area{float: none;widows:100%}

    .title-area .name{height: auto;width: 100%}

    .top-bar .name h1 a{padding: 0}

    .top-bar .name h1 a img{margin: 10% 33px}

    .top-bar-section{position:static;clear: both}

    .top-bar-section ul li{float: none;width: 100%;text-align: center;background-color: transparent}

    .top-bar-section li:not(.has-form) a:not(.button){background-color: transparent;}

    

    .right-container-box{float: right; padding-left: 210px; width: 100%;}

    #slides, .slides-container{height:100%;min-height: 100%;}

    .slides-container img{width: 100%;height: 100%}

    

} 

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    .gallery-content .month li:nth-child(4n+1){margin-left: 0}

    } 



/* min-width 768px, large screens */

@media only screen and (min-width: 768px) {

    .top-bar-nav{height: 50px;border-bottom: 7px solid #efeee7;padding-right: 44px;position:fixed;top:0;right: 0;z-index: 99}

    .top-bar-nav ul li a{line-height: 50px}

    .top-bar-section ul.main-nav li a{font-size: 15px;}

    .top-bar-nav ul li:hover .login-box{top:50px}

    .footer-block{padding :25px 0}

    

    .section-one .decp h2{font-size:35px;margin-top: 80px}

    .section-one .decp p{font-size: 30px;margin-bottom: 23px}

    

    .section-title h2{font-size: 35px}

   

    .post-comment{margin: 40px 0 50px}

    .textarea textarea{height: 90px}

   

}

 /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) {

    .top-bar .name h1 a img{margin: 40px 33px}

    .top-bar-section .social-icon{padding-top:30px}

    .gallery-content .month li:nth-child(6n+1){margin-left: 0}

    .date-info .day-detail{width: 248px}

    .date-info li:hover div.day-detail{width: 268px}

    .team-box .small-block-grid-3 li .overlay h3{font-size: 30px;}

    .team-box .small-block-grid-3 li .overlay h3 span{font-size: 14px}

    .team-box .small-block-grid-3 li:hover .overlay h3, .team-box .small-block-grid-3 li.open .overlay h3{left: 33px;bottom:18px}

    .team-box .small-block-grid-3 li:hover .overlay a, .team-box .small-block-grid-3 li.open .overlay a{right: 19px;bottom:19px}

    .ppl-info-ajax-block h3{margin-bottom: 30px}

    .ppl-info-ajax-block p {font-size: 15px; line-height: 20px}

    .register-box{max-width: 400px;width: 100%}

    .register-box h3{margin-bottom: 30px}

    .register-box .input-type{margin-bottom: 5px}

    .register-box .input-type label, .register-box .input-type input{float: left}

    .register-box .input-type label{width:120px;height: 19px;line-height: 19px}

    .register-box .input-type input{width:215px}

    .register-box .input-btn {margin: 10px 0 20px}

    .register-box .input-btn input{margin-right: 4px}

    

    

}



@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */



@media only screen and (min-width: 1280px) {

    .top-bar-nav{padding-right: 124px}

    .top-bar-section li:not(.has-form) a:not(.button) {line-height: 63px;}

    .section-one .decp h2{font-size:48px;margin-top: 134px}

    .section-one .decp p{font-size: 36px;margin-bottom: 23px}

    .section-title h2{font-size: 36px}

    .section-title{margin:85px 0 47px 77px;max-width: 62.5rem;width: 100%}

    .team-box.row{margin:0 0 0 77px;}

    .team-box .small-block-grid-3 {margin: 0 0 0 5px;}

    .class-type-box, .footer-block .row{/*margin:0 0 0 77px;*/max-width: 85%;width: 100%; margin: 0 auto}
    .team-box.row{max-width: 85%;width: 100%; margin: 0 auto}

    .section-two, .section-three .team-box, .section-four{padding-bottom: 50px}

    .slider-box .controls{width: 110%;margin-left: -5%}

    .content-box-withslider .textarea textarea{max-width: 100%}

    .register-box h3{margin: 0 0 44px}

    .register-box .input-btn {margin: 50px 0 28px}
    .section .class-type-box .large-2.columns {text-align: right}
    .section-title{margin: 85px auto;max-width: 83%;}
    .section-title h2{padding: 0}
    .section.about-page .large-8.columns, .section.blog-page-box .large-8.columns{width: 100%}
.slider-box{margin: 0 auto 34px}

    



}

} /* min-width 1280px xlarge screens */



@media only screen and (min-width: 90.063em) {

    .top-bar .name h1 a img{margin: 53px 33px 90px }

} /* min-width 1441px, xlarge screens */



@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */





@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */