/* ----- Reset ----- */
* {padding:0; margin:0;}
.navburger-toggle {display: none;}


/* ----- Body ----- */
body {font-family: 'Roboto', sans-serif; font-size: 100%; color: #444; line-height: 1.6em; font-weight: 300; height:100%; background: #111;}

/* ----- Global structure ----- */
.container {width: 100%; padding:0; margin: 0; background: #fff; position: relative; right:0; z-index: 200;}
.content {position: relative; z-index: -1;}
header {width: 77%; margin: 0 auto;}
.fixed {/*position:fixed; top:0; */width:100%;z-index: 69; background: rgba(0, 0, 0, 1);}
.fixed2 {/*position:fixed; top:0;*/ width:100%;background: rgba(0, 0, 0, 1);z-index: 69;}

/* ----- Header ----- */
header {max-width:1155px; margin:0 auto; padding:1em 30px 0.7em 30px; z-index: 100;}
section {max-width:1155px; margin:0 auto; padding:0 30px;}
.wide {max-width:100%!important; }
.projectWidth {max-width:800px;}
.logoBlack {font-weight: 700!important; letter-spacing:0.02em; font-size: 1.2em; /*line-height: 1.2em;*/ text-transform: uppercase; color: #fff!important;}
.logoBlack img {max-width:260px;}
.logo img {max-width:260px;}
img.icon-social {height: 1.3em; cursor: pointer; vertical-align: middle;}
img.icon-social .linkedin {height: 1.4em;}
.imageCaption {font-family: 'Roboto Slab', serif; font-weight: 300; color: #999; font-size: 0.8em; line-height: 1.3em; padding-top: 0.section; text-align: center;}
/*.firstSubPage {padding-top: 0.3em;}*/
.FB, .TW, .YT, .IN {width: 22px;}
.nav ul.navlinks li.soc {margin: 0 0 0 0.5em;}
.nav ul.navlinks li.soc .FB {margin: 0 0 0 0.7em;}
/*.FB {background: #111 url('images/iconFB.png') no-repeat 0 0;}
.TW {}
.YT {}
.IN {}*/
article {margin-top: 2em;}
article:first-child {margin-top: 0em;}

/* ----- Nav Normal ----- */
.nav {/*text-transform: uppercase; */font-size: 0.85em;/*line-height: 0.85em;*/letter-spacing: 0.04em; font-weight: 400;}
.nav ul.navlinks {float: right; /*line-height: 3em;*/}
.nav ul.navlinks li {list-style: none; display: inline; float: left; margin: 0 0 0 1.2em;}
.nav ul.navlinks li:first-child {margin: 0;}
.nav ul.navlinks li.social {line-height: 50px; margin: 0 0 0 15px;}
/*.nav ul.navlinks li:last-child {margin: 0 0 0 10px;}*/

.nav ul.navlinks2 {float: right; /*line-height: 3em;*/ margin-left: 0;}
.nav ul.navlinks2 li {list-style: none; display: inline; float: left; margin: 0;}
.nav ul.navlinks2 li.social {/*line-height: 50px; */margin: 0 0 0 15px;}
.nav ul.navlinks2 li a, .nav ul.navlinks2 li a:visited {color:#111;font-weight: 400;}

.nav ul li {list-style: none; display: inline; float: left; margin: 0;}
.nav ul li a, .nav ul li a:visited {display: block; text-decoration: none; color: #fff;}
.nav ul li a:hover, .nav ul li a.active {color: #47AE71;}

ul.yesBullets li {list-style-type: disc; padding-left: 0.2em; padding-bottom: .5em;}

ul li a.logo, ul a.logo {margin-left: 0;}

/* ----- Chart ----- */
.chartJustBorder {border: 1px solid #47AE71;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1em 2em;
    margin: 2em 0;}
.chart, .chart2, .chart3, .chart4 {border: 1px solid #47AE71;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:0 0 2em 0;}
.chartHeadingBg {padding:1em; margin:2em;background: rgba(71, 174, 113, 0.15);    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;} 
.chart ul, .chart2 ul, .chart3 ul, .chart4 ul {margin-left: 1em;list-style: none; margin: 0 auto; padding: 0 1.5em;} 
.chart ul li, .chart2 ul li, .chart3 ul li, .chart4 ul li {padding:0 0 1em 0; margin:0; color:#777;}
.chart2 ul li, .chart3 ul li, .chart4 ul li {text-align: left;}

/* ----- Nav Hamburger ----- */
.navburger-toggle {line-height:41px; float:right;}
.navburger-toggle li {list-style:none;}
img.burgernav {width: 25px; cursor: pointer; position: relative;}

.navburger-content {position:absolute; z-index: 1; top:38px; right:0; height:100%; background: #111; width:200px;}

.navburger-links {}
.nav-title {/*text-transform: uppercase; */color: #fff; font-size: 0.9em; font-weight: 400;}
.navburger-links li {list-style:none; display: block; float:none; margin-left:0px; margin-bottom:8px; text-align: center;}
.navburger-links li a, .navburger-links li a:visited {/*text-transform: uppercase;*/ display: block; text-decoration: none; color: #888; font-size: 0.8em; font-weight: 400;}
.navburger-links li a:hover, .navburger-links li a.active {color: #47AE71;}

.movecontainer {right: 200px;}
.iconPadlock {height: 1em; margin-left: 0.3em; position: relative; top: 0.06em;}

/* ----- Typography ----- */
h1 {font-weight: 700; font-size: 2.2em; text-align: center; margin: 0 0 2.5% 0; padding: 3% 0 0 0; color:#222;line-height: 1em;}
h2 {font-weight: 400; font-size: 1.7em; text-align: center; margin: 1% 0 1% 0; line-height: 1.2em;}
#calendar h2 {font-size: 1.4em; }
h3 {font-weight: 400; font-size: 1.2em; margin: 0 0 4% 0;}
h3.lessMargin {margin: 0% 0 3% 0; padding: 4% 0 0 0;}
h4 {font-weight: 300; color: #333; font-size: 1.2em;letter-spacing: 0.02em; line-height: 1.6em; text-align: left; margin: 1em 0 1em 0;}
h4.centerMe {text-align: center;}
h4.newsDate {font-size: 1em; padding:0; margin:0;}
h5 {font-weight: 700; font-size: 1.1em; margin:0; text-transform: uppercase;}
h5.heading {font-weight: 700; font-size: 0.9em; margin:10px 0 7px 0; text-transform: uppercase; color: #47AE71;}
h5.dark {color: #333;}
.noBottomMargin {margin-bottom: 0.1em!important;}
.chart h5.heading {font-weight: 700; font-size: 1.1em; margin:10px 0 7px 0; text-transform: uppercase;}
/*.chartHeadingBg h5 {padding:2em;}*/
h6 {font-family: 'Roboto Slab', serif; font-weight: 400;
font-size: 2em; text-align: center; margin: 1% 0 1% 0; line-height: 1.2em;color:#fff; letter-spacing: 0.01em;}
/*p, ul, li {color: #777; font-weight: 300; padding-bottom: 1.2em;}*/
p {color: #777; font-weight: 300; padding-bottom: 1.2em;font-size: 1em;}
p.margin-top {margin-top: 15px;}
p.white {color: #fff; margin: 3% 0 2% 0;}
p.morePadding {padding: 0em 1.5em;}
p.bold {font-weight: 700; padding:0; margin:0;}
p.newsItem {padding:0; margin:0;}
p.newsFree {padding:0; margin:0;color: #333; font-weight: 400}
.moreLineHeight {line-height: 1.8em;}

/* ----- Forms ----- */
.contactForm {margin-top: 1em;}
.contactForm label {min-width: 14%; display: inline-block;}
.contactForm textarea {vertical-align: top;}
.contactForm input {}
.contactForm textarea, .contactForm input {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
    width: 100%;
    border: 1px solid #ddd;
    min-height: 2.5em;
    margin-bottom: 2em;
    margin-top: 0.3em;
    padding: 0 0.7em;
    font-size: 0.9em;
    line-height: 0.9em;
    font-weight: 300;
    color: #777;}
.contactForm textarea {padding: 0.8em 0.7em; line-height: 1.4em;}
.contactForm input[type="submit"] {  color: #fff;
  background: #47AE71; border:none; border:0;
margin: 0 auto; padding:0; width: 14em; text-align: center;}

/* ----- Links ----- */
a {outline: none; outline:0; text-decoration: none; color: #47AE71; cursor: pointer;}
.boldMe {font-weight: 300; font-size: 1em; color:#333;}

/* ----- Calendar ----- */
#calendar .fc-content-skeleton td {min-height: 100px;}
#calendar {min-height: 100px;}
.fc-scroller.fc-day-grid-container {height:100%!important; min-height: 100%!important;}
span.fc-title {word-wrap: break-word; word-break: break-word;}

/* ----- Content ----- */
img {max-width:100%; max-height:100%; border:0;}
img.profile {margin-bottom: 1em;}
.icon img {width:30px; margin-right: 20px;}
ul, li {margin-left: 1em;list-style: none;font-family: 'Roboto', sans-serif;color: #777;}
.rslides li {margin-left: 0em;}
li {/*padding-bottom: 10px;*/}
ul.with-bullets {padding: 15px 0;}
ul.with-bullets li {list-style: disc; padding-left: 15px; list-style-position: inside;}
ul.with-bullets2 {padding: 0 0 15px 0;}
ul.with-bullets2 li {list-style: disc; padding-left: 5px;}
ul.list li {text-align:left!important;}

.moreMarginTop {margin-top: 3em;}
.noMarginTop {margin-top: 1em!important;}
.morePaddingBottom {padding-bottom: 1em;}
.centered {text-align: center; margin: 0 auto;}
.left {text-align: left;}
.right {text-align: right;}
.image {margin: 0 auto; text-align: center;}
.italicSerif {font-style: italic; font-family: 'Roboto Slab', serif; font-weight: 300; color: #999;}
.grey {background-color: #f2f2f2;}
.black {background-color:#222!important;}
.blue {background-color:#97d3e6;}
.divider {height:1px;}

.align-left {text-align: left; margin: 2% 0 4% 0; font-size: 1.4em;}

.clients h5, .clients p, .clients .width-4 {text-align: center;}
.clients img {max-width: 240px;}

.break {margin:0; display: block;}

/* ----- Buttons ----- */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 3.5em;
  padding: 0 2em;
  color: #555;
  text-align: center;
  font-size: 0.7em;
  font-weight: 600;
  line-height: 3.5em;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
}

.button:hover,
button:hover,
.button:focus,
button:focus{
  color: #333;
  outline: 0;
}

.button.button-primaryRed,
button.button-primaryRed, .button.button-primaryRed:hover,
button.button-primaryRed:hover {
  color: #fff;
  background: #47AE71;
  border: 1px solid #47AE71;
}

.submitButton, .button.button-primaryRed.sub,
button.button-primaryRed.sub, .button.button-primaryRed.sub:hover,
button.button-primaryRed.sub:hover {
  color: #47AE71;
  border: 1px solid #47AE71;
  background: none;
  margin: 1em 0 2.5em 0;
}

.projnav-left {background-image: url('images/arrow-projnav-left.png')!important; background-color: #fff!important; border:1px solid #ddd!important; color:#999!important; background-repeat: no-repeat!important; padding: 8px 20px 8px 30px!important; background-position: 15%!important; background-size: 8px!important; width:0px!important;}
.projnav-right {background-image: url('images/arrow-projnav-right.png')!important; background-color: #fff!important; border:1px solid #ddd!important; color:#999!important; background-repeat: no-repeat!important; padding: 8px 30px 8px 20px!important; background-position: 85%!important; background-size: 8px!important; width:0px!important;}


/* ----- Footer ----- */
footer {background: #111; margin:5em auto 0 auto; padding: 20px;}

/* ----- Footer nav ----- */
.footer-content {max-width: 1155px; margin: 0 auto; color:#666; font-size: 0.9em;}
.footer-content .col {margin:0 1%;}
.footer-content a, .footer-content a:visited {color:#47AE71;}
.footer-content a:hover {color:#aaa;}
.footer-alignright {text-align: right;}





/* ----- Slider ----- */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.prev {float:left; text-align: right; background: url('images/arrow-left.png') no-repeat left; width:30px; height:30px; opacity:0.5;}
.next {float:right; text-align: left; background: url('images/arrow-right.png') no-repeat right; width:30px; height:30px; opacity:0.5;}
.prev:after, .next:after {clear:both;}
.prev, .next {
  margin: -37% 2% 0 2%;
  position: relative;
  z-index: 9999;
}

a:hover.prev, a:hover.next {opacity:1;}

.rslides1_tabs {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.rslides1_tabs li{
  display: inline;
  float: left;
}

.rslides1_tabs li a {}

/* ----- Raccoon Grid ----- */

.raccoonGrid {
  clear: both;
/*  padding: 0px;*/
/*  margin: 0px;*/
}

.col {
  display: block;
  float:left;
  margin: 2% 1% 2% 1%
}

.em2MarginTop {
  display: block;
  float:left;
  margin-top: 2em!important;
}

.fullimage {
  background-image: url('images/VedicMeditationNYC.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
/*  background-attachment: fixed; -- Use this if you want the image to scale down when the browser gets smaller */
  background-position: 50% 50%;
  position: relative;
  z-index: -100;
  height:60vh;
  margin-bottom: 1em;
}

.fullimage-textblock {
  position: absolute;
  top: 50%;
  text-align: center;
  left:0px;
  right:0px;
  resize:vertical;vv
  overflow: none;
  transform: translateY(-50%);
  z-index: 69;
}

.black-overlay {
  background-color: rgba(0, 0, 0, 0.5); /*  Change this 0.3 to something else for opacity. 0.1 is very light black and 1 is full black */
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  position: relative;
  background-size: cover;
  -moz-background-size: cover;
  z-index: 1;
}

.fullimage h1, .fullimage h2 {
  color: #f2f2f2;
}

 .fullimage h3, .fullimage h4, .fullimage h5 {
  color: #ddd;
}

.no-bottom-margin {margin-bottom: 0!important;}
.no-top-margin {margin-top: 0!important;}
.some-top-margin {margin-top: 2em!important;}

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.width-12 {
  width: 98%;
}

.short {width: 60%; margin:3em auto 0em auto; float: none;}
.short2 {width: 60%; margin:20px auto 40px auto; float: none;}
.shortest {width: 40%; margin:3em auto 0em auto; float: none;}
.full-width {width: 100%; margin:20px auto 20px auto; float: none;}

.width-11 {
    width: 89.7%;
}
.width-10 {
    width: 81.06%;
}

.width-9 {
    width: 73%;
}

.width-8 {
    width: 64.66%;
}

.width-7nav {
    width: 57%;
    margin-top: 0;
    margin-bottom: 0;
}

.width-7 {
    width: 56.5%;
}

.width-6 {
    width: 48%;
}

.width-5nav {
    width: 39%;
    margin-top: 0;
    margin-bottom: 0;
}

.width-5 {
    width: 39%;
}

.width-4 {
    width: 31.1%;
}

.width-3 {
    width: 22.9%;
}

.width-2 {
    width: 14.6%;
}

.width-1 {
    width: 6.3%;
}


/* -----------------------------------------------
   ------ Media queries from Small to Large ------
   ----------------------------------------------- */

/* ----- Mobile & Phablets in portrait----- */

@media (max-width: 1030px) {
h1 {line-height: 1.2em; font-size: 1.8em;}
h2 {margin-top: 3%;}
h3 {font-size:1.3em;}
h4 {font-size:1.1em;}
h4.mobCenter {text-align: center;}
.short {margin: 30px auto 10px auto; width:100%;}
.logo {font-size: 1.2em;}
img.logo {max-width:180px; display: block;}
.short {margin-top: 0;}
.lastone {margin-top: 2em;}
.lastone1 {margin-top: 1em;}
.logoBlack {text-align: left; margin-top: 0.4em;}
.navlinks {display: none;}
.navburger-toggle {display:block; padding:0 1em 0 0;}
header {clear:both; margin:0; padding:0.6em 0 0.2em 0; width:100%;}
section {padding: 0 30px 0 30px;}
ul.with-bullets li {padding:0;}
.footer-content {text-align: center!important;}
.footer-alignright {text-align: center;}
.width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-12 {width: 100%;}
.width-2, .width-4, .width-9, .width-10, h3 {width: 100%!important; text-align: center!important; margin-right: auto; margin-left: auto;}
li {width: 100%!important; margin-right: auto; margin-left: auto;}
.width-5nav {width:57%;}
.width-7nav {width:39%;}
.width100 {width: 100%;}
.nav {padding:0 0 0 1em;}
.navburger-links li {margin-bottom: 1.4em;}
.navburger-links li a, .navburger-links li a:visited {font-size: 1em; text-align:center; margin: 0 auto;}
li.soc {margin: 0 auto;text-align:center; margin-bottom:1em;}
a.FB, {margin-top: 3em!important;}
.mob {margin-bottom: 2em;}
.firstSubPage {padding-top: 1.5em;}
.deleteMe {display: none;}
.col.chart {margin-bottom: 7%;}
.mobh1 {margin-top:0.5em;}
.mob2h1 {margin-top:2em;}
.shortest {width: 100%; margin:0em auto 0em auto; float: none;}
#calendar h2 {font-size: 1em; font-weight: 700;}
}