@charset "utf-8";

/* FONTS
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
/*font-family: 'Montserrat', sans-serif;*/

@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/ethnocentric_rg-webfont.eot');
    src: url('../fonts/ethnocentric_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ethnocentric_rg-webfont.woff2') format('woff2'),
         url('../fonts/ethnocentric_rg-webfont.woff') format('woff'),
         url('../fonts/ethnocentric_rg-webfont.ttf') format('truetype'),
         url('../fonts/ethnocentric_rg-webfont.svg#ethnocentricregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
/*font-family: 'Ethnocentric';*/


/* GLOBAL STYLES
-------------------------------------------------- */
body { background: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; }
a:hover { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
a:focus { text-decoration: none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="submit"]:focus, a:focus, button:focus, textarea:focus { outline: none; }


/* HEADER
-------------------------------------------------- */
.navbar-wrapper { padding-bottom: 10px; position: fixed; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; top: 0; width: 100%; z-index: 999; }
.navbar-wrapper .container { }
.navbar-wrapper .navbar-inverse { background: none; border: none; margin-bottom: 0; }
.navbar-wrapper .navbar-header { margin: 45px 0 15px 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; width: 25%; }
.navbar-wrapper .navbar-header .navbar-brand { height: auto; margin: 0 0 0 0; padding: 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
.navbar-wrapper .navbar-header .navbar-brand img { -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
.navbar-wrapper .navbar-collapse { float: left; margin: 76px 0 0 0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; width: 75%; }
.navbar-wrapper .navbar-nav { float: right; }
.navbar-wrapper .navbar-nav > li { margin: 0 0 0 37px; padding: 0 0 0 0; }
.navbar-wrapper .navbar-nav > li > a { color: #fff; font: 500 14px 'Montserrat', sans-serif;; padding: 0 0 8px 0; position: relative; text-transform: uppercase; }
.navbar-wrapper .navbar-nav > li > a:hover { color: #f36b3f; }
.navbar-inverse .navbar-nav > li > .active, .navbar-inverse .navbar-nav > li > .active:focus, .navbar-inverse .navbar-nav > li > .activea:hover { background: none; color: #f36b3f; }
.navbar-inverse .navbar-nav > li > a:after { background: none; bottom: 0; content: ""; height: 1px; left: 0; min-width: 35px; position: absolute; width: 50%; }
.navbar-inverse .navbar-nav > li > .active:after { background: #f36b3f; }


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
#myCarousel { height: 1082px; }
/* Declare heights because of positioning of img element */
#myCarousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 1082px; }
/* Since positioning the image, we need to help out the caption */
#myCarousel .carousel-caption { bottom: inherit; left: 0; right: inherit; text-align: center; text-shadow: none; top: 350px; width: 100%; z-index: 10; }
#myCarousel .carousel-caption h1 { color: #fff; font: 700 64px 'Montserrat', sans-serif; margin: 0 0 0 0; }
#myCarousel .carousel-caption h2 { color: #f36b3f; font: 600 28px 'Montserrat', sans-serif; margin: 0 0 10px 0; }
#myCarousel .carousel-caption h3 { color: #fff; font: 400 34px 'Ethnocentric'; margin: 0 0 60px 0; text-transform: uppercase; }
#myCarousel .carousel-caption .btn { background: #f36b3f; border: none; padding: 0 37px; }
#myCarousel .carousel-caption .btn span { background: url(../images/banner_button_arrow.png) no-repeat right center; display: block; font: 500 14px/58px 'Montserrat', sans-serif; padding: 0 61px 0 0; }
#myCarousel .carousel-indicators { bottom: 0; display: block; margin: auto; height: 50%; left: inherit; position: absolute; right: 99px; top: 25%; width: 88px; }
#myCarousel .carousel-indicators li { background: none; border: none; color: rgba(0,0,0,0); font: 500 14px 'Montserrat', sans-serif; height: auto; margin: 5px 0 5px 0; position: relative; text-align: left; text-indent: 0; width: 100%; }
#myCarousel .carousel-indicators .active { background: none; border: none; color: #f36b3f; }
#myCarousel .carousel-indicators li:before { background: none; content: ""; height: 1px; position: absolute; right: 14px; top: 9px; width: 62px; }
#myCarousel .carousel-indicators .active:before { background: #f36b3f; }
#myCarousel .carousel-indicators li:after { background: #525252; border: 2px solid #131313; border-radius: 100%; content: ""; height: 14px; position: absolute; right: 0; top: 2px; width: 14px; }
#myCarousel .carousel-indicators .active:after { background: #131313; border: 2px solid #f36b3f; }
#myCarousel .carousel-control { display: none; }
#myCarousel .scrollDown { background: url(../images/scroll-down-img.png) no-repeat 0 0; bottom: 320px; height: 38px; left: 50%; margin: 0 0 0 -36px; position: absolute; text-indent: -999em; width: 73px; }

/* BODY
-------------------------------------------------- */
.hmAboutDiv { background: #fff; float: left; margin: 0; padding: 0 99px 0 99px; width: 100%; }
.hmAboutImg img { margin: 5px 0 0 0; max-width: 100%; }
.hmAboutText { padding-left: 30px; }
.hmAboutText h2 { color: #3a3838; font: 600 38px 'Montserrat', sans-serif; margin: 0 0 30px 0; }
.hmAboutText h2 strong { font-weight: 800; }
.hmAboutText h3 { color: #f36b3f; font: 600 14px 'Montserrat', sans-serif; margin: 0 0 15px 0; text-transform: uppercase; }
.hmAboutText p { color: #343434; font: 500 15px/24px 'Montserrat', sans-serif; margin: 0 0 20px 0; }
.hmAboutText .btn { background: #f36b3f; border: none; box-shadow: 0 0 20px #ff9c7b; margin: 30px 0 0 0; padding: 0 37px; }
.hmAboutText .btn span { background: url(../images/banner_button_arrow.png) no-repeat right center; display: block; font: 500 14px/58px 'Montserrat', sans-serif; padding: 0 61px 0 0; }

.hmPortDiv { background: url(../images/hm_porfolio_bg.jpg) no-repeat center 0; background-size: cover; float: left; margin: 0; min-height: 1353px; padding: 250px 99px 0 99px; text-align: center; width: 100%; }
.hmPortDiv h2 { color: #fff; font: 800 44px 'Montserrat', sans-serif; margin: 0 0 116px 0; }
.hmPortDiv ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
.hmPortDiv ul li { margin-bottom: 26px; }
.hmPortDiv ul li .imgDiv { box-shadow: 0 0 20px #000; float: left; margin: 0; padding: 0; position: relative; width: 100%; }
.hmPortDiv ul li .imgDiv img { width: 100%; }
.hmPortDiv ul li .imgDiv .zoomSpan { background: url(../images/zoom_icon.png) no-repeat center rgba(254,101,51,0.45); height: 100%; left: 0; margin: 0; opacity: 0; position: absolute; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; top: 0; width: 100%; }
.hmPortDiv ul li:hover  .imgDiv .zoomSpan { opacity: 1; }

.hmContactDiv { background: url(../images/hm_contact_bg.jpg) no-repeat 0 0 #fff; height: 769px; margin: 0 auto; padding: 0 0 0 0; width: 1099px; }
.hmContactDiv .hmContactContent { float: left; margin: 0; padding: 50px 0 0 0; width: 593px; }
.hmContactDiv .hmContactContent h2 { color: #fff; font: 600 38px 'Montserrat', sans-serif; margin: 0 0 41px 0; text-align: center; }
.hmContactDiv .hmContactContent h2 strong { color: #f36b3f; font-weight: 800; }
.hmContactDiv ul { float: left; list-style: none; margin: 0 0 0 0; padding: 0 86px 0 86px; width: 100%; }
.hmContactDiv ul li { float: left; margin: 0 0 41px 0; padding: 0; position: relative; width: 100%; }
.hmContactDiv ul li input[type="text"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.hmContactDiv ul li input[type="email"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.hmContactDiv ul li input[type="tel"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.hmContactDiv ul li .stylesSelect { background: url(../images/dropdown_arrow_icon.png) no-repeat right center; border-bottom: 1px solid #575555; height: 50px; margin: -19px 0 0 0; overflow: hidden; padding: 0; width: 100%; }
.hmContactDiv ul li .stylesSelect select { background: transparent; border: 0; border-radius: 0; color: #656565; cursor: pointer; font: 400 16px 'Montserrat', sans-serif; height: 50px; line-height: 1; padding: 15px 0; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; width: 100%; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }
.hmContactDiv ul li .stylesSelect select:focus { outline: none; }
.hmContactDiv ul li .btn { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; cursor: pointer; font: 500 14px/58px 'Montserrat', sans-serif; height: 58px; margin: 0; padding: 0 0 0 36px; text-align: left; width: 230px; }
.hmContactDiv ul li .btn:focus { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; box-shadow: none; outline: none; }

.hmMealsDiv { background: url(../images/hm_guarantee_bg.png) no-repeat 0 0;  background-size: cover; float: left; margin: 0; min-height: 718px; padding: 320px 0 0 0; position: relative; text-align: center; width: 100%; z-index: 1; }
.hmMealsDiv h2 { color: #3a3838; font: 600 38px 'Montserrat', sans-serif; margin: 0 0 20px 0; }
.hmMealsDiv h3 { color: #474747; font: 600 14px 'Montserrat', sans-serif; margin: 0 0 10px 0; }
.hmMealsDiv h4 { color: #f36b3f; font: 600 14px 'Montserrat', sans-serif; margin: 0 0 15px 0; }
.hmMealsDiv .btn { background: #f36b3f; border: none; box-shadow: 0 0 20px #ff9c7b; margin: 30px 0 0 0; padding: 0 37px; }
.hmMealsDiv .btn span { background: url(../images/banner_button_arrow.png) no-repeat right center; display: block; font: 500 14px/58px 'Montserrat', sans-serif; padding: 0 61px 0 0; }

.hmBottomContacrt { background: url(../images/hm_contact_bottom_bg2.jpg) no-repeat 0 0; background-size: cover; float: left; margin: -186px 0 0 0; min-height: 1056px; padding: 250px 0 0 0; position: relative; width: 100%; }
.hmBottomContacrt h2 { color: #fff; font: 400 38px 'Montserrat', sans-serif; margin: 0 0 50px 0; text-align: center; }
.hmBottomContacrt h2 strong { color: #f36b3f; font-weight: 800; }
.transparentDiv { background: rgba(0,0,0,0.25); float: left; margin: 0; padding: 0 0 24px 0; width: 100%; }
.transparentDiv .hmContactText { float: left; margin: 0; padding: 80px 0 0 54px; width: 100%; }
.transparentDiv .hmContactText h3 { color: #fff; font: 400 20px 'Montserrat', sans-serif; margin: 0 0 8px 0; }
.transparentDiv .hmContactText p { color: rgba(255,255,255,0.68); font: 400 14px/33px 'Montserrat', sans-serif; margin: 0 0 30px 0; }
.transparentDiv .hmContactForm { float: left; margin: 0; padding: 78px 53px 0 0; width: 100%; }
.transparentDiv .hmContactForm ul { float: left; list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; }
.transparentDiv .hmContactForm ul li { float: left; margin: 0 0 41px 0; padding: 0; position: relative; width: 100%; }
.transparentDiv .hmContactForm ul li input[type="text"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.transparentDiv .hmContactForm ul li input[type="email"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.transparentDiv .hmContactForm ul li input[type="tel"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.transparentDiv .hmContactForm ul li textarea { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.transparentDiv .hmContactForm ul li .btn { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; cursor: pointer; font: 500 14px/58px 'Montserrat', sans-serif; height: 58px; margin: 0; padding: 0 0 0 36px; text-align: left; width: 230px; }
.transparentDiv .hmContactForm ul li .btn:focus { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; box-shadow: none; outline: none; }


/* FOOTER
-------------------------------------------------- */
.footer { background: url(../images/footer_bg.png) no-repeat 0 0; float: left; margin: -100px 0 0 0; min-height: 458px; padding: 180px 0 0 0; position: relative; width: 100%; z-index: 1; background-size: cover; }
.footerOne { float: left; margin: 0; padding: 0; text-align: center; width: 100%; }
.footerLogo { float: left; margin: 0 0 17px 0; padding: 0; text-align: center; width: 100%; }
.footerSocial { float: left; list-style: none; margin: 0 0 11px 0; padding: 0; text-align: center; width: 100%; }
.footerSocial li { display: inline-block; float: none; margin: 0 5px 0 5px; padding: 0; width: auto; }
.footerSocial li a { color: #bfbfbf; }
.footerSocial li a:hover { color: #f36b3f; text-decoration: none; }
.footerOne p { color: #383636; font: 400 12px 'Montserrat', sans-serif; margin: 0 0 17px 0; }
.footerOne p span { color: #f36b3f; }
.seoDiv { float: left; margin: 0 0 0 0; padding: 0; text-align: center; width: 100%; }
.footerTwo { float: left; margin: 0; padding: 0; width: 100%; }
.footerTwo h3 { color: #383636l; font: 500 18px 'Montserrat', sans-serif; margin: 0 0 30px 0; }
.footerTwo ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; }
.footerTwo ul li { float: left; margin: 0 0 19px 0; padding: 0; width: 50%; }
.footerTwo ul li a { color: #6a6a6a; display: block; font: 500 12px 'Montserrat', sans-serif; }
.footerTwo ul li a:hover { color: #f36b3f; text-decoration: none; }
.footerThree { float: left; margin: 0; padding: 0 0 0 0; width: 100%; }
.footerThree h3 { color: #383636l; font: 500 18px 'Montserrat', sans-serif; margin: 0 0 30px 0; }
.footerThree p { color: #f36b3f; font: 500 14px/24px 'Montserrat', sans-serif; margin: 0 0 25px 0; }
.footerThree .btn { background: #f36b3f; border: none; cursor: pointer; font: 500 13px/48px 'Montserrat', sans-serif; margin: 0; padding: 0 28px 0 28px; text-align: left; }


/* Contact Us
-------------------------------------------------- */
.pageBanner { width:100%; background:url(../images/contact_banner.jpg) no-repeat; height:754px; position:relative;}
.pageBanner .pageBannerTxt { float:right;}
.pageBanner .pageBannerTxt h2 { color: #fff; font:700 44px 'Montserrat', sans-serif; margin: 0 0 10px 0; }
.pageBanner .pageBannerTxt p { color: #fff; font:400 20px/23px 'Montserrat', sans-serif; margin: 0 0 0px 0; }
.pageBanner .pageBannerTxt { position:absolute; color:#fff; top:45%; right:0; padding:15px; -ms-transform: translateX(-50%) translateY(-40%); -webkit-transform: translate(-50%,-40%); transform: translate(-50%,-40%);}
.ContactDiv { width:100%!important ; padding:50px 0 150px;}
.ContactDiv .center { text-align: center; padding-bottom: 70px;}
.ContactDiv h2 {font:400 38px 'Montserrat', sans-serif;  color:#3a3838; margin:0 0 15px 0;}
.ContactDiv p {font:400 15px 'Montserrat', sans-serif;  color:#343434; margin:0 0 0 0;}
.contactBox { background:#fff; width:100%; padding:25px; padding-bottom:10px; box-shadow:0 0 15px rgba(0,0,0,0.15); border-radius:5px; float:left;}
.contactBoxLft { margin-right:20px;}
.contactBox h2 {font:400 20px 'Montserrat', sans-serif;  color:#3a3838; margin:0 0 13px 0;}
.contactBox p {font:400 14px 'Montserrat', sans-serif;  color:#3a3838; margin:0 0 13px 0;}
.paddingLftRgt { padding:0 55px;}
.contFrm { width:100%; padding:0 55px; margin-top:115px;}
.contFrm ul { padding:0; list-style:none;}
.contFrm ul li { margin-bottom:40px;}
.contFrm ul li input[type="text"] { background: none; border: none; border-bottom: 1px solid #eaeaea; color: #888484; float: left; font: 400 13px 'Montserrat', sans-serif; margin: 0; padding: 0 0 15px 0; vertical-align: middle; width: 100%; }
.contFrm ul li input::-webkit-input-placeholder { color: #888484; opacity: 1;}
.contFrm ul li input:focus::-webkit-input-placeholder { color: #fe6533; opacity: 1;}
/* Firefox < 19 */
.contFrm ul li input:-moz-placeholder { color: #888484; opacity: 1;}
.contFrm ul li input:focus:-moz-placeholder { color: #fe6533; opacity: 1;}
/* Firefox > 19 */
.contFrm ul li input::-moz-placeholder { color: #888484; opacity: 1;}
.contFrm ul li input:focus::-moz-placeholder {color: #fe6533; opacity: 1;}
/* Internet Explorer 10 */
.contFrm ul li input:-ms-input-placeholder { color: #888484; opacity: 1;}
.contFrm ul li input:focus:-ms-input-placeholder { color: #fe6533; opacity: 1;}
.contFrm ul li input:focus {border-bottom: 1px solid #fe6533;}
.contFrm ul li .btn { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; cursor: pointer; font: 500 14px/58px 'Montserrat', sans-serif; height: 58px; margin: 0;
padding: 0 0 0 36px; text-align: left; width: 230px; margin: 0 auto;float: none;display: block;}
.soInfo { width:40%; margin:0 auto;}
.soInfo span { display: inline-block; font:400 15px/55px 'Montserrat', sans-serif;  color:#3a3838; margin: 0 15px; cursor:pointer; }
.soInfo span.likeface { background:url(../images/fb_icon.png) no-repeat center left; padding-left: 32px;}
.soInfo span.likeinst { background:url(../images/int_icon.png) no-repeat center left; padding-left:50px;}
.soInfo span a{font:400 15px/55px 'Montserrat', sans-serif;  color:#3a3838;}

/* Sign Up
-------------------------------------------------- */
.pageBannerSignup { width:100%; background:url(../images/register_banner.jpg) no-repeat; height:832px; position:relative;}
.pageBannerSignup .pageBannerTxt { float:right;}
.pageBannerSignup .pageBannerTxt h2 { color: #fff; font:700 38px 'Montserrat', sans-serif; margin: 0 0 10px 0; }
.pageBannerSignup .pageBannerTxt p { color: #fff; font:400 17px/23px 'Montserrat', sans-serif; margin: 0 0 0px 0; }
.pageBannerSignup .pageBannerTxt { padding-top:350px; }
.pageBannerSignup .hmContactContent { float: left; margin: 0; padding:0 0 0 0; width:100%; background: rgba(0,0,0,0.70); margin-top:220px; }
.pageBannerSignup .hmContactContent h2 { color: #fff; font: 400 38px 'Montserrat', sans-serif; margin: 0 0 41px 0; text-align: center; }
.pageBannerSignup .hmContactContent h2 strong { color: #f36b3f; font-weight: 800; }
.pageBannerSignup .hmContactContent ul { float: left; list-style: none; margin: 0 0 0 0; padding:40px 58px; width: 100%; }
.pageBannerSignup .hmContactContent ul li { float: left; margin: 0 0 41px 0; padding: 0; position: relative; width: 100%; }
.pageBannerSignup .hmContactContent ul li:last-child { margin-bottom:0;}
.pageBannerSignup .hmContactContent ul li input[type="text"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.pageBannerSignup .hmContactContent ul li input[type="email"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.pageBannerSignup .hmContactContent ul li input[type="tel"] { background: none; border: none; border-bottom: 1px solid #575555; color: #888484; float: left; font: 400 16px 'Montserrat', sans-serif; margin: 0; padding: 0 0 22px 0; vertical-align: middle; width: 100%; }
.pageBannerSignup .hmContactContent ul li .stylesSelect { background: url(../images/dropdown_arrow_icon.png) no-repeat right center; border-bottom: 1px solid #575555; height: 50px; margin: -19px 0 0 0; overflow: hidden; padding: 0; width: 100%; }
.pageBannerSignup .hmContactContent ul li .stylesSelect select { background: transparent; border: 0; border-radius: 0; color: #888484; cursor: pointer; font: 400 16px 'Montserrat', sans-serif; height: 50px; line-height: 1; padding: 15px 0; appearance: none; /* this is must */ -webkit-appearance: none; -moz-appearance: none; width: 100%; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }
.pageBannerSignup .hmContactContent ul li .stylesSelect select:focus { outline: none; }
.pageBannerSignup .hmContactContent ul li .btn { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; cursor: pointer; font:400 14px/58px 'Montserrat', sans-serif; height: 58px; margin: 0; padding: 0 0 0 35px; text-align: left; width: 230px; letter-spacing: 2px; }
.pageBannerSignup .hmContactContent ul li .btn:focus { background: url(../images/banner_button_arrow.png) no-repeat 170px center #f36b3f; border: none; box-shadow: none; outline: none; }
.pageBannerSignup .hmContactContent ul li input::-webkit-input-placeholder { color: #888484; opacity: 1;}
.pageBannerSignup .hmContactContent ul li input:focus::-webkit-input-placeholder { color: #fe6533; opacity: 1;}
/* Firefox < 19 */
.pageBannerSignup .hmContactContent ul li input:-moz-placeholder { color: #888484; opacity: 1;}
.pageBannerSignup .hmContactContent ul li input:focus:-moz-placeholder { color: #fe6533; opacity: 1;}
/* Firefox > 19 */
.pageBannerSignup .hmContactContent ul li input::-moz-placeholder { color: #888484; opacity: 1;}
.pageBannerSignup .hmContactContent ul li input:focus::-moz-placeholder {color: #fe6533; opacity: 1;}
/* Internet Explorer 10 */
.pageBannerSignup .hmContactContent ul li input:-ms-input-placeholder { color: #888484; opacity: 1;}
.pageBannerSignup .hmContactContent ul li input:focus:-ms-input-placeholder { color: #fe6533; opacity: 1;}
.pageBannerSignup .hmContactContent ul li input:focus {border-bottom: 1px solid #fe6533;}


/* Social
-------------------------------------------------- */
.pageBannerSocial { width:100%; background:url(../images/social_banner.jpg) no-repeat; height:785px; position:relative;}
.pageBannerSocial .pageBannerTxt { float:right;}
.pageBannerSocial .pageBannerTxt h2 { color: #fff; font:700 44px 'Montserrat', sans-serif; margin: 0 0 10px 0; }
.pageBannerSocial .pageBannerTxt p { color: #fff; font:400 17px/28px 'Montserrat', sans-serif; margin: 0 0 0px 0; }
.pageBannerSocial .pageBannerTxt { padding-top:250px; padding-left:50px; }
.socialIcon { width:300px; margin:0 auto; padding-top:280px;}
.socialIcon ul { padding:0; list-style:none;}
.socialIcon ul li { display: inline-block; text-align:center; margin:0 10px;}
.socialIcon ul li p {color: #fff; font:400 17px/28px 'Montserrat', sans-serif; margin:10px 0 0px 0;}
.socialIcon a { text-decoration:none;}
.SocialDiv { width:100%!important ; padding:20px 0 50px;}
.SocialDivTxt { text-align:center; width:100%; padding:0 38px;}
.SocialDivTxt h2 { font:400 38px 'Montserrat', sans-serif; color: #3a3838;  margin:0 0 30px 0; }
.SocialDivTxt p{ font:400 15px/23px 'Montserrat', sans-serif; color: #343434;  margin:0 0 0px 0; }
.recent-work-wrap { position: relative}
.gallerList { width: 100%; float:left; padding-bottom: 190px;}
.gallerList ul { padding:0; list-style:none;}
.gallerList ul li { float:left;}
.gallerList ul li.col-xs-12.col-sm-4.col-md-2{ padding: 0;}
.recent-work-wrap .recent-work-inner{top: 0; background: transparent;opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0; text-align: center; cursor:pointer;}
.recent-work-wrap .recent-work-inner h3{ margin:0 0 0 0; background:url(../images/hart.png) no-repeat;  font:400 15px 'Montserrat', sans-serif; color: #fff; padding-left: 28px;}
.recent-work-wrap .recent-work-inner h4{ margin:0 0 0 0; background:url(../images/comm_icon.png) no-repeat;  font:400 15px 'Montserrat', sans-serif; color: #fff; padding-left: 28px;}
.recent-work-wrap .recent-work-inner span { width:100%; display:block; text-align:center; padding:0 20px;}
.recent-work-wrap .recent-work-inner em { width:100%; display:block; text-align:center; padding:70px 0 70px;}
.recent-work-wrap .recent-work-inner span h3{ display:inline-block; margin:0 10px; float:left;}
.recent-work-wrap .recent-work-inner span  h4 { display:inline-block; margin:0 10px; float:right;}
.recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0; background-image:linear-gradient(rgba(0,0,0,0.3) 38%,rgba(0,0,0,0.9) 100%); color: #fff; vertical-align: middle; -webkit-transition: opacity 500ms;-moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;   padding: 30px;
}
.recent-work-wrap:hover .overlay {opacity: 1;}
.soInfo2 {text-align: center; width:auto; padding:120px 0 30px;}
.soInfo2 span { display: inline-block; font:400 15px/55px 'Montserrat', sans-serif;  color:#3a3838; margin: 0 15px; cursor:pointer; }
.soInfo2 span.likeface { background:url(../images/fb_icon.png) no-repeat center left; padding-left: 32px;}
.soInfo2 span.likeinst { background:url(../images/int_icon.png) no-repeat center left; padding-left:50px;}
.soInfo2 span a{font:400 15px/55px 'Montserrat', sans-serif;  color:#3a3838;}


/* programs
-------------------------------------------------- */
.pageBannerPrograms { width:100%; background:url(../images/programs_banner.jpg) no-repeat; height:785px; position:relative;}
.pageBannerTxt .btn { background: #f36b3f; border: none; padding: 0 37px; }
.pageBannerTxt .btn span { background: url(../images/banner_button_arrow.png) no-repeat right center; display: block; font: 500 14px/58px 'Montserrat', sans-serif; padding: 0 61px 0 0; }
.pageBannerPrograms .pageBannerTxt { float:right;}
.pageBannerPrograms .pageBannerTxt h2 { color: #fff; font:700 44px 'Montserrat', sans-serif; margin: 0 0 20px 0; }
.pageBannerPrograms .pageBannerTxt p { color: #fff; font:400 17px/28px 'Montserrat', sans-serif; margin: 0 0 30px 0; }
.pageBannerPrograms .pageBannerTxt { padding-top:200px; padding-left:50px; }
.SocialDivTxt .scrollDown { color: #f36b3f; font:400 13px/28px 'Montserrat', sans-serif; width:77px; height:50px;}
.guaranteeDiv { background:#fff; float: left; margin: 0; padding:100px 0 180px 0; position: relative; text-align: center; width: 100%; z-index: 1; }
.guaranteeDiv h2 { color: #3a3838; font: 600 38px 'Montserrat', sans-serif; margin: 0 0 20px 0; }
.guaranteeDiv h3 { color: #474747; font: 600 14px 'Montserrat', sans-serif; margin: 0 0 10px 0; }
.guaranteeDiv h4 { color: #f36b3f; font: 600 14px 'Montserrat', sans-serif; margin: 0 0 15px 0; }
.guaranteeDiv .btn { background: #f36b3f; border: none; box-shadow: 0 0 20px #ff9c7b; margin: 30px 0 0 0; padding: 0 37px; }
.guaranteeDiv .btn span { background: url(../images/banner_button_arrow.png) no-repeat right center; display: block; font: 500 14px/58px 'Montserrat', sans-serif; padding: 0 61px 0 0; }
.ScheduleDiv { background:url(../images/schedule_banner.jpg ) no-repeat ; background-size: auto; background-size: cover; float: left; margin: 0; padding:200px 0 ; text-align: center; width: 100%; position:relative;}
.ScheduleDiv:before { background:url(../images/Schedule_el.png) no-repeat; content:""; display:block; height:115px; position:absolute; width:100%; top:0;}
.ScheduleDiv:after { background:url(../images/Schedule_el2.png) no-repeat; content:""; display:block; height:137px; position:absolute; width:100%; bottom: -27px; }
.ScheduleDiv h2 { color: #fff; font: 800 44px 'Montserrat', sans-serif; margin: 0 0 116px 0;}
.ScheduleDiv ul {}
.ScheduleDiv ul li { width:100%; float:left; border-bottom:1px solid #595959; padding-bottom:58px; margin-bottom:58px;}
.ScheduleDiv ul li .ScheduleBox { width:100%; float:left; text-align:left; }
.ScheduleDiv ul li .ScheduleBox img { float:left; margin:0 30px 0 0;}
.ScheduleDiv ul li:nth-child(even) .ScheduleBox img { float: right; margin:0 0 0 30px;}
.ScheduleDiv ul li:last-child { border:none; margin-bottom:0; padding-bottom:0;}
.ScheduleDiv ul li .ScheduleBox h4 { color: #ffffff; font: 700 23px 'Montserrat', sans-serif; margin: 0 0 20px 0; }
.ScheduleDiv ul li .ScheduleBox h4 span { color:#f36b3f;}
.ScheduleDiv ul li .ScheduleBox p { color: #bbbbbb; font:400 14px/23px 'Montserrat', sans-serif; margin: 0 0 0 0; }
.ScheduleDiv ul li .ScheduleBox h3 { color: #ffffff; font: 700 23px/41px 'Montserrat', sans-serif; margin:15px 0 0 0; }
.ScheduleDiv ul li .ScheduleBox h3 span { color:#bebebe;  font: 700 15px 'Montserrat', sans-serif; width:100%; display:block; }