/*******************************
            Global
******************************@import '../packaged/css/semantic.css';*/
html,
body {
  font-size: 16px; font-weight:300;
  /*height: 100%;*/
}

body {
  font-family: 'Titillium Web', sans-serif;
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  color: #555555;
  /*text-rendering: optimizeLegibility;*/
  min-width: 320px;
}
/*headings*/
h1 strong { font-weight:400}
h1.ui.header { font-size:2.75em;}
.ui.animtitle.grid { font-size:1em;}
h1.ui.header,h2 {font-weight:200;}

/*generic*/

/*parallax*/
section.parallax { position:relative;}
section.parallax  h1 {left:3em; position:absolute; z-index:1;}

#people .popup { top:auto !important; bottom:360px;}

/*main container
.main.container {margin:60px 8% 0;}*/

/*custom semantics*/
.ui.center.aligned { text-align:center;}

/*inverted colors*/
.ui.inverted.segment a { color:#ffaa00;}
.ui.inverted.segment a.ui.button { color:#fff;}

/*anchors*/
a { text-decoration:none;}

/*margins*/
h2.margin.removed, p.margin.removed {margin:0;}

/*inline*/
.menu.inline, .ui.inline{ display:inline-block;}

/*ribbons*/
.ui.inverted.ribbon { background:#097ec6;padding:0 2em 0 20em;margin-left:-20em;} 

/*scrollify*/
.ui.scrollify { text-align:center;line-height:1.5em; position:absolute; bottom:0;width:100%; left:0; z-index:99999}
.ui.scrollify a {color:#999;font-size:0.7rem; display:inline-block;}
.ui.scrollify a i.icon { font-size:1.3em; color:#097ec6}

/*custom headers*/
.ui.bottomline, .ui.text.menu a.active {border-bottom:5px solid #097ec6;padding-bottom:7px;}

/*micayla*/
#controller {position:absolute;z-index:2; bottom:3rem;right:3rem;color:#fff;}
#controller i.icon {font-size: 2rem; opacity: .35;}
#controller i.icon:hover {opacity: 1;}
#controller .unmute, #controller.muted .mute {display: none;}
#controller.muted .unmute {display: block;}

.handwriting {font-family: 'Marck Script', cursive;}
#video .ui.header {
  position: absolute; z-index: 3; top: 40%; text-align: center;width: 100%; color: #fff;}
.ui.header .big {font-size: 4rem;}
.ui.header .small {font-size: 0.85em; font-weight: 300;}

.ux.overlay {background: url(../img/pattern.png);position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}

section#video {width: 100%; overflow: hidden;}
section#video .ux.overlay {background-color: rgba(0,0,0,.4);}

body h1.ui.header {font-weight: 300;color: #000; font-size: 2em;margin-bottom: 1rem;}

.hsContainer {z-index: 3;}

.hsContent h2 {font-weight: 300;}
.uppercase {text-transform: uppercase;}

.parallax .hsContent {background: rgba(0,0,0,.5);}

/*signin*/
#signin.ui.modal {width:390px;margin-left:-195px; border:none; border-top:5px solid;}
#signin .contain{width:255px; margin:2rem auto;padding:0px;}
#signin.ui.modal>.content { background:none;padding-top:0px;}
#signin .horizontal.links {}
#signin .horizontal.links a {width:33%;}
#signin .sticky.message { position:absolute;bottom:-3em;width:100%; margin:0; padding:0.5em;}
#signinform.contain {padding-bottom:5px;}
#signinform .ui.loader {top:28%;}
.ui.horizontal.links { text-align:center;}
.ui.horizontal.links a { display:inline-block; font-weight:bold;}
.css.block { display:block;}

.right.aligned {text-align: right;}

#header.ui.fixed.menu {position: absolute;}

/*remove shadows*/
.shadow.remove {-webkit-box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 0) !important;box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 0)!important;}

/*header*/
#header .menu.right {padding:0.83rem 0 0;margin-right:20px;}
#header.ui.menu { background:rgba(0, 0, 0, 0.2);top:0;}

.ui.menu .item, .ui.menu .item>a:not(.button) {color: #fff;}

/*footer*/
#footer, #footer a { color:#999;}
#footer a:hover { color:#333;}

/*carousel*/
#myCarousel { z-index:101;}
#myCarousel h1.header, .mastfooter h1.header {font-size:3.2em;}



/*******************************
            Global
*******************************/

.menu .right.menu > .mobile.item {
  display: none;
}

.ui.page.grid.segment {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}


.overview .divided.grid .header + p {
  min-height: 100px;
}

.ui.shape .icon,
.link.list .icon {
  margin: 0em;
  padding: 0em;
}

.ui.cube.shape .side {
  background-color: transparent;
}

/*******************************
          Responsive
*******************************/

/* Mobile Only 



@media only screen and (max-width : 1000px) {

}*/



/*added
div#content-wrapper {height: 100%;min-width:900px;min-height:500px;overflow:hidden;}*/

/*******************************
          HOMEPAGE
*******************************/
/*masterhead main slider*/
section { min-height:100%;width:100%;}
.masthead {padding-top:90px !important;}
.masthead.segment, .mastfooter.segment {
  min-height:600px;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0em;
  padding-top: 4rem;
  overflow: hidden;
  -webkit-box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
  box-shadow: 0 -20px 10px 0 rgba(0, 0, 0, 0.1) inset !important;
}
.masthead1.segment {background-image: url(../files/img/SliderPhoto1.jpg);}
.masthead2.segment {background-image: url(../files/img/SliderPhoto2.jpg);}
.masthead3.segment {background-image: url(../files/img/SliderPhoto3.jpg);}
.masthead h1.ui.header {margin:20% 0 0;}
/*mastfooter*/
.mastfooter.segment{ background-image:url(../files/img/footerimage.jpg);margin-top:75px;} 
.mastfooter h1.header.botomline {margin-bottom:55px;}
.mastfooter .column.masked {margin-top:7em;}

/*masked*/
.masked .cover {width:100%; position:absolute; height:100%; background:rgba(255, 255, 255, 0.4); left:0;}
.masked .ui.relative { position:relative; z-index:1;}

/*people layout*/
.segment.people-title {margin:0 0 50px;}
.section.people {overflow:hidden; max-width:100%;}

/*animation images*/
.anim.ui.grid img {max-width:none;}

/*miniTestimonials*/
#testimonials { position:absolute; bottom:0; left:0;}
#testimonials .grid.list p { min-height:50px;}
#testimonials .main.container {padding:1em;}

/*footer*/
.mastfooter h1.ui.header {margin:5% 0; }
section.mastfooter.ui.page.segment {padding-top:2%;}
.mastfooter .ui.grid>.column {margin:0;}

/********* GRID  ****/
.six.padding.left {padding-left:16.6667%;}
.six.padding.right {padding-right:16.6667%;}

section{height: 100%;}
body{}
#nav { position:fixed; right:20px; top:80px; z-index:9999; list-style-type:none;}
#nav a { padding:0;  margin:5px; display:block;border-radius:50%;width:10px; height:10px; text-indent:-200px; overflow:hidden; text-align:center;line-height:1.2em;
border:1px solid #097ec6;
font-size:12px;color:#fff;}
#nav a.active {background:#097ec6;}

.skrollable.ui.popup { position:fixed;}
.skrollable.ui.popup h3 { text-align:center;margin:5px;}

#progress {
	height:2%;
	background:#444;
	bottom:0;
	z-index:200;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:300;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}

.animtitle, .people {
	width:100%;
	height:100%;
	padding-top:10%;
	

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.skrollable.mastfooter.segment, #footer.skrollable {position:fixed;margin-top:0;}
   #footer {width:100%;}

 
   #people img {width:auto;}
   .people {}
   .people img {position:absolute;bottom:-13px; margin-left:-1024px;}
   .skrollable.crowd{z-index:98;}
   .skrollable.animtitle, .skrollable.pop {z-index:99;}
   .crowd1,.crowd2,.crowd3 {}
   .crowd1 img,.crowd2 img,.crowd3 img {margin-left:-750px}
   
   #people .relative {}
   
   .ui.pop .content {position:absolute;top:0px;width:1500px;margin-left:-750px; height:437px;}
   .ui.pop h1 {position:relative;left:250px;/*top:-260px;*/top:0;width:330px;text-align:center;font-weight:300;line-height:1.2em;}
   .ui.pop2 h1 {left:550px;}
   .ui.pop3 h1 {left:860px;}
   
   .ui.pop4 h1 {left:350px;}
   .ui.pop5 h1 {left:720px;text-align:left;margin-top:0;}
   .ui.pop6 h1 {left:940px;}
   
   .ui.relative {}
   
   
/*******************************
          PRODUCT PAGE
*******************************/
body#product {
	background:url(../images/productCover.jpg) no-repeat;
	background-attachment:fixed;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center bottom; 

-webkit-overflow-scrolling: touch;
}


/*******************************
          SIGNUP PAGE
*******************************/
#signup {/*margin-bottom:50px;*/}
#signup .column .contain {margin:0 1.5em 0 1.5em; text-align:center;}
#signup .column .contain p:last-child {margin-bottom:2rem;}

#signup .ui.button.title.large {margin:0;}

/*checkbox*/
div#content-wrapper { overflow:auto;}
.checkbox.newsletter {display:block; margin-top:145px;margin-bottom:1em; text-align:left;}
.checkbox label {float:left;}

.ui.accordion .content, .ui.accordion .accordion .content {}

/*******************************
          EQUAL HEIGHT GRID
*******************************/
.equal.height .ui.mask { position:absolute;top:0.5em;left:0.5em;right:0.5em;bottom:0.5em;margin:0;}
.equal.height .column, .equal.height .ui.masked { position:relative;}
.equal.height.grid>.row>.column.first {padding-right:1.75em;}
.equal.height.grid>.row>.column.middle {padding-right:1.75em;}
.equal.height .column.first .ui.mask {left:0;right:1em;}
.equal.height .column.middle .ui.mask {left:0; right:1em;}
.equal.height .column.last .ui.mask {right:0; left:0;}



/*******************************
          ABOUT US PAGE
*******************************/

/***** TEXTS ****/

section.section.expanse {padding:3rem 0;}

/*******************************
          MAIN STYLES
*******************************/
/*main*/
.page.container {padding:0 8%;}
main {font-size:1em;}
body.contained .ui.page.grid {padding:0;}
main.ui.page.grid {margin-top:40px;}
main.ui.page.grid, body.contained main.ui.page.grid, .main.container {font-size:1em;max-width:1024px; padding:0 1em; margin:auto;}
/*.page.container {padding:0 4%;}*/

/*titles*/
.ui.page.title { font-weight:300; font-size:2.5em; margin:0.5em 0;padding:1.5em 0 0;}


/*******************************
          BUTTONS
*******************************/
/*promoted buttons*/
.ui.button.promoted, .ui.button.promoted:hover, .ui.accordion .active.title.ui.button.promoted { color:#fff; text-transform:none; font-weight:400; }

.ui.promoted.large.button {margin:0 auto 5px; display:block; height:50px;font-size:1.5em; line-height:0.8em; }
.ui.promoted.large.button.icon.labeled {padding-left:50px !important; padding-right:0 !important;}
.ui.promoted.large.button i.icon { font-size:1.5em; line-height:3.5rem; padding:0;width:50px;}

/*******************************
          ONION SKIN
*******************************/
/*orange background*/
.ui.button.promoted, 
.ui.accordion .active.title.ui.button.promoted {background-color:rgba(255,170,0,1); text-shadow: 0px 1px 3px rgba(0,0,0,0.2);}
/*blue background*/
.ui.promoted.large.button i.icon,
.ui.inverted.popup,
.ui.inverted.popup:before {background-color:rgba(8,125,197,1); }
.ui.promoted.button i.icon{
 /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;}
  
/*text colors*/
.text.blue { color:rgba(8,125,197,1);}
/*shadows*/
.ui.segment.line { -webkit-box-shadow:0 0 0 -5px rgba(8,125,197,1);box-shadow:0px -5px 0px 0px rgba(8,125,197,1);}
   
/*******************************
          DISABLED ELEMENTS
*******************************/
/*add top line to segment*/
.ui.disabled,  .ui.disabled div, .ui.disabled div .text, .ui.disabled a, .ui.disabled label { color:#d9d9d9;}
.ui.disabled .ui.button, .ui.disabled .ui.button i.icon { background:#d9d9d9; border-color:#bfbfbf;}
.ui.disabled .ui.segment.line { -webkit-box-shadow:0 0 0 -5px #d9d9d9;box-shadow:0px -5px 0px 0px #d9d9d9;}


/*******************************
          SEMANTICS
*******************************/

.ui.modal>.close { color:#333;}

/***** FORMS ****/
.field input, .field textarea, .ui.small.form textarea, .ui.small.form input[type=text], .ui.small.form input[type=email], .ui.small.form input[type=date], .ui.small.form input[type=password], .ui.small.form input[type=number], .ui.small.form input[type=url], .ui.small.form input[type=tel] { font-size:.88em;}
.field label {font-size:.88em;}
.ui.checkbox .box, .ui.checkbox label {padding-left:1.5em;}

/***** TEXTS ****/
.text.orange {color:#e59900;}
.text.centered { text-align:center;}
.text.tiny { font-size:0.75em; line-height:1.3em;}
.text.small { font-size:0.88em;}
.text.secondary { color:#999;}
.text.nowrap {white-space:nowrap;}
.text.aligned.center { text-align:center;}
.text.aligned.left { text-align:left;}
.text.bold { font-weight:300;}

.text.large, .text.large.ui.divider { font-size:1.5em}
.text.big, .text.big.ui.divider { font-size:2em;}

h1.ui.indent {margin-left:1rem;}
.notch {margin-left:-1rem;}

.no.margins { margin:0 !important;}
.floated.right { float:right;}
.floated.left {float:left;}

/*margins*/
.no.margin.top {margin-top:0}
.no.margin.bottom {margin-bottom:0 !important;}
.no.margin.left {margin-left:0;}
.no.margin.right {margin-right:0;}
.no.margins {margin:0 !important;}

.ui.horizontal.gap {margin-top:1rem;margin-bottom:1rem;}

.ui.horizontal.divider {margin:2rem auto; overflow:hidden;}


/*******************************
          THUMBS CAROUSEL
*******************************/
.ui.carousel.images .ui.image { background:none;}
.ui.carousel.images .ui.label { background:none; display:block; text-align:center; padding:0;}


/*******************************
          MENUS
*******************************/
/*text menu*/
.ui.large.text.menu {font-size:2em; font-weight:200; color:#ccc; margin:0 0 2em;}
.ui.text.menu a { color:#555; margin:0 0.5em;}
.ui.text.menu a.active {color:#000; font-weight:300;}
.ui.text.menu a:hover { color:#000;}
.ui.text.menu a:first-child {margin-left:0;}
.ui.text.menu a:last-child {margin-right:0;}

/*******************************
          TABBED SECTIONS
*******************************/
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.display.hidden, .ui.tabs .ui.content{  position:absolute; display:none;visibility:hidden;}
.ui.tabs .ui.content.active { position:relative;}
.display.visible, .ui.tabs .ui.content.active {
	display:block;
	visibility:visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

  
  
/*******************************
          ICONS
*******************************/
/*alignment*/
.ui.big.icon.aligned i.icon {float:left; margin:0;}
.ui.big.icon.aligned .text {margin-left:35px; margin-top:0px; text-align:left;}
/*image icons*/
i.large.image.icon img {width:34px;margin:9px 0 0 2px;}

/****MEDIA******/
.colored.facebook.icon { color:#476bb7;}
.colored.linkedin.icon { color:#0073b5;}
.colored.twitter.icon { color:#50aaf0;}


/*******************************
          SEMANTIC OVERRIDE
*******************************/
/*size fixes*/
.ui.divider>.large.icon { font-size:1.5em;}
.ui.divider>.big.icon { font-size:2em;}

/*inverted popup*/
.ui.popup.inverted {}

/*modal*/
.ui.modal>.header { font-weight:400;}
.ui.modal>.close {top:0.3em;right:0;}

/*carousel*/
.ui.inverted.ribbon.inline {display:inline-block;}

/*images*/
.ui.grid img {max-width:100%;}


/*shadows*/
.ui.clean.celled.grid,.ui.clean.celled.grid>.row,.ui.clean.celled.grid>.row>.column {-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;}

/*radius*/
.ui.modal, .ui.segment, .ui.form textarea, .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=date], .ui.form input[type=password], .ui.form input[type=number], .ui.form input[type=url], .ui.form input[type=tel] {-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.ui.button {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
/*radius 2px left */
.ui.labeled.icon.buttons>.button>.icon, 
.ui.labeled.icon.button>.icon {-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;}


/*******************************
          MODULES
*******************************/
/*accordion*/
.ui.accordion .accordion {margin:0 0 15px;}
.ui.accordion .accordion.simple { -webkit-box-shadow:0 0 0 0 #fff;box-shadow:0 0 0 0 #fff;}
.ui.accordion .accordion.simple .content {padding:0;}
.ui.accordion .accordion.simple.nowrap {padding:5px;}

/*vertical labels*/
.vertical.label { position:relative;padding-left:20px;}
.vertical-slot {width:20px; position:absolute; left:0; height:100%; background:#eee;}
.vertical-label {width:125px; height:20px;text-align:center; text-transform:uppercase; font-size:0.7em;
position:absolute;top:50%; left:0;margin:-10px 0 0 -50px;	
	-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;}
.vertical.label.add.space {margin:0 0 13px;padding-left:27px;}

/*******************************
          MODALS
*******************************/
.ui.scrolling.dimmable>.dimmer, .ui.scrolling.page.dimmer { position:fixed;}

/*******************************
          IFRAME MODALS
*******************************/
.ui.modal iframe {width:100%; height:100%; border:1px solid #ccc;}

/*******************************
          INPUT PLACEHOLDER
*******************************/
/*small*/
.placeholder.small::-webkit-input-placeholder { font-size:0.8em;}
.placeholder.small::-moz-placeholder {font-size:0.8em;} /* firefox 19+ */
.placeholder.small:-ms-input-placeholder {font-size:0.8em;} /* ie */
.placeholder.smallinput:-moz-placeholder {font-size:0.8em;}
/*tiny*/
.placeholder.tiny::-webkit-input-placeholder { font-size:0.7em;}
.placeholder.tiny::-moz-placeholder {font-size:0.7em;} /* firefox 19+ */
.placeholder.tiny:-ms-input-placeholder {font-size:0.7em;} /* ie */
.placeholder.tiny:-moz-placeholder {font-size:0.7em;}

/*******************************
          TRANSITIONS
*******************************/
.ui .text {-webkit-transition:opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,-webkit-box-shadow .25s ease;transition:opacity .25s ease,background-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease;}

.phone.shell.notewriteup, .phone.shell.objectives {top:25%;left:65%;}
.notewriteup.first {margin-top:0px;}
.notewriteup.second {margin-top:13px;}
.notewriteup.third {margin-top:27px;}

/*cover image background*/
.bcg{background-position:center center;background-repeat:no-repeat;height:100%;width:100%;}

/*about page styles*/
.hsContainer{width:100%;height:100%;overflow:hidden;position:relative;}
.hsContent{position:absolute;left:0%;top:50%;width:100%;}
.hsContent h2 {color:#fff;margin:13px 110px;}
.hsContent p{color:#fff;}
.hsContent a{color:#b2b2b2;text-decoration:underline;}

.mobile.only { display:none !important;}

.ui.menu .logo.item:before {background-image:linear-gradient(rgba(0,0,0,.0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);}

@media (max-width: 767px){

.web.only { display:none !important;}
.mobile.inline.only { display:inline !important}

.ui.horizontal.gap {margin-top:0;margin-bottom:0;}
	
.hsContainer .hsContent { position:relative;}
.hsContainer .hsContent .page.container {padding:0 5%;}
.hsContainer .hsContent h2.large.text {font-size:1.3em; font-weight:400;} 
.parallax .hsContainer .hsContent h2 {margin:25px 0 0;}
.parallax .hsContainer .hsContent {bottom:auto;}

section.section.expanse{padding:2rem 0;}
.ui.header:first-child {}

i.huge.icon {margin:0;}

.ui.grid>.row>.six.column,
.ui.grid>.row>.seven.column,
.ui.grid>.row>.eight.column,
.ui.grid>.row>.nine.column,
.ui.grid>.row>.ten.column {width:100% !important;}

/*text menu used on about us*/
.ui.large.text.menu {}


/*footer*/
#footer .ui.text.menu { text-align:center;}

#footer .ui.text.menu>.item {margin:0 0.5em;}

.ui.horizontal.divider:before {}
.ui.horizontal.divider:after {}

/*menu*/
.mobile.style.menu { clear:both;}
.mobile.style.menu a { display:block; width:100%; clear:both; border-bottom:1px solid #eee;}
.ui.menu .item:before {background-image:linear-gradient(rgba(0,0,0,.0) 0,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);}

}

#footer {}
#footer .ui.text.menu {margin:1rem 0 0 1rem;padding-bottom:1rem;}
#footer .ui.horizontal.divider {margin:0px;}
#footer .ui.horizontal.divider:before {}
#footer .ui.horizontal.divider:after {}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
/*homepage*/
#testimonials { display:none;}
#nav.anim, .ui.scrollify { display:none !important;}

h1.ui.header { font-size:1.75em;}
#header.ui.menu {padding:0;}

/*signup page*/
.checkbox.newsletter { margin-top:40px;}


/*footer*/
#footer { max-width:100%; overflow:hidden;}
#footer .ten.wide.column {padding-top:1em;padding-left:1em; white-space:nowrap;}



.ui.small.carousel.images { text-align:center;}

img { max-width:100% !important;}

.bcg{background-position:center center;background-repeat:no-repeat;height:100%;width:100%; background-size:100% 100%;}	

.ui.large.text.menu { font-size:1em;}

/*signup*/
#signuppage main.ui.page.grid {padding:0 0.5em;}
#signup section.wide.column {width:100%; display:block;}
#signup .column .contain {margin:0 .5em 0 .5em;}
#rexterSignup  .two.fields .field:first-child input {margin-bottom:5px;}
main.ui.page.grid {padding:0 0.5em;}
.equal.height.grid>.row>.column.middle, .equal.height.grid>.row>.column.first {padding-right:.75em;}
.equal.height .column.middle .ui.mask, .equal.height .column.first .ui.mask { right:0;}


/*home*/
.crowd1 img, .crowd2 img, .crowd3 img {margin-left:-290px !important;margin-top:-100px;width:570px !important; max-width:570px !important;}	
.masthead1.segment { background-position:-200px 80px; background-size:196.25% 80%;}
.masthead2.segment { background-position:-200px 0; background-size:196.25% 80%;}
.masthead3.segment { background-position:-200px 50px; background-size:196.25% 80%;}
#myCarousel .ribbon {margin-top:2em;}
#myCarousel .ui.page.grid.segment { background-color:#000; background-repeat:no-repeat;}
.masthead h1.ui.header {margin:0% 0 0; line-height:1em;}
.ui.page.grid.animtitle {padding-top:2em;}
.ui.page.grid.animtitle { line-height:1.5em;}
.ui.pop h1 { font-size:1em; font-weight:bold;width:90px; text-align:left;}
.ui.pop.pop1 h1, .ui.pop.pop4 h1 {left:600px;margin-top:3.5em;width:80px;}
.ui.pop.pop2 h1 {left:710px;margin-top:3.5em;}
.ui.pop.pop3 h1 {left:800px;margin-top:3.5em;}
.ui.pop.pop5 h1 {left:700px;width:120px;margin-top:2.5em;}
.ui.pop.pop6 h1 {left:850px;margin-top:2.5em;}
#footer.skrollable {padding:0;}
.mastfooter.segment { background-position:-200px 0;}
section.mastfooter.ui.page.segment {min-height:320px !important;}
.mastfooter h1.ui.header {margin:110px 0 30px;}
}

.animtitle {}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
.ui.large.text.menu { font-size:0.9em; margin:0 0 3em;}
/*home
.people.anim.skrollable {padding:0;}	
.crowd1 img, .crowd2 img, .crowd3 img {margin-left:-290px !important;margin-top:-100px;width:570px !important; max-width:570px !important;}
	

.masthead1.segment { background-position:-200px 80px; background-size:196.25% 80%;}
.masthead2.segment { background-position:-200px 0; background-size:196.25% 80%;}
.masthead3.segment { background-position:-200px 50px; background-size:196.25% 80%;}
#myCarousel .ribbon {margin-top:2em;}
#myCarousel .ui.page.grid.segment { background-color:#000; background-repeat:no-repeat;}
.masthead h1.ui.header {margin:0% 0 0; line-height:1em;}
.ui.page.grid.animtitle {padding-top:2em;}
.ui.page.grid.animtitle { line-height:1.5em;}
.ui.pop h1 { font-size:1em; font-weight:bold;width:90px; text-align:left;}
.ui.pop.pop1 h1, .ui.pop.pop4 h1 {left:600px;margin-top:3.5em;width:80px;}
.ui.pop.pop2 h1 {left:710px;margin-top:3.5em;}
.ui.pop.pop3 h1 {left:800px;margin-top:3.5em;}
.ui.pop.pop5 h1 {left:700px;width:120px;margin-top:2.5em;}
.ui.pop.pop6 h1 {left:850px;margin-top:2.5em;}
#footer.skrollable {padding:0;}
.mastfooter.segment { background-position:-200px 0;}
section.mastfooter.ui.page.segment {min-height:320px !important;}
.mastfooter h1.ui.header {margin:110px 0 30px;}

*/
body.iphone #myCarousel .carousel-indicators{ bottom:0px; }
body.iphone .mastfooter.segment { background-position:0 0; background-repeat:no-repeat;}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
#content-wrapper {}
div#content-wrapper { overflow:visible;}	
.people.anim.skrollable {padding:0;}	

/*about us*/
#teamMenu.ui.large.text.menu a { margin:0;max-width:33.3%; float:left; text-align:center;}
#teamMenu.ui.large.text.menu span { display:none;}

#footer .ten.wide.column .column {}



}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#nav.anim, .ui.scrollify { display:none !important;}
.ui.large.text.menu { font-size:1.75em;margin:0 0 2em;}
.hsContainer .hsContent h2.large.text { font-weight:400;}
.bcg{background-position:center center;background-repeat:no-repeat;height:100%;width:100%;background-size:76.09375% 100%;}	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#signup .big.text { font-size:1.7em;}
#signup .column .contain {margin:0 0.2em}

.masthead1.segment { background-position:-330px 0; }
.masthead2.segment { background-position:-350px 0; }
.masthead3.segment { background-position:-300px 0; }


.ipad .ui.pop h1 { width:190px; text-align:left;}
.ipad .ui.pop.pop1 h1, .ipad .ui.pop.pop4 h1 {left:400px;margin-top:3.5em;width:150px;}
.ipad .ui.pop.pop2 h1 {left:600px;margin-top:3.5em;}
.ipad .ui.pop.pop3 h1 {left:850px;margin-top:3.5em;}
.ipad .ui.pop.pop5 h1 {left:750px;width:190px;margin-top:2.5em;}
.ipad .ui.pop.pop6 h1 {left:1020px;margin-top:2.5em;}
.ipad .ui.pop.pop4 h1 { left:500px;}
.ipad .crowd1 img, .ipad .crowd2 img, .ipad .crowd3 img {margin-left:-600px !important;width:1200px !important; }	

.ipad .mastfooter h1.ui.header {margin-top:25%;}

}

@media only screen 
and (max-width : 1223px) {
/*cover image background*/
.bcg{background-position:center center;background-repeat:no-repeat;height:100%;width:100%; background-size:100% 100%;}	
}
/* Desktops and laptops ----------- */
body.desktop .bcg{background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100%;width:100%; background-size:100% 100%;}	

@media only screen 
and (min-width : 1224px) {
	.bcg{}
}



/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
@media only screen and (min-width : 768px) {
.ui.large.text.menu { font-size:1.5em;}
}
@media only screen and (max-width : 768px) {
  body#product{ font-size:24px; font-weight:400;z-index: 100000; /* should be bigger than everything else */

overflow: scroll;
-webkit-overflow-scrolling: touch;}
  #header .menu { }
  
  .animtitle .ui.grid {max-width:50% !important;}
  .sourceslogos.row .column {width:33% !important;} 
  
  .animtitle.ui.page.grid {}
  .animtitle.ui.page.grid.center {max-width:100%;margin-top:-40px;}
  
  .animtitle p {font-weight:bold;}
  .animtitle p.mobile.adjust {max-width:50%;}
  .animtitle p.mobile.adjust br {display:none;}
  .animtitle h1.ui.header { line-height:0.9em; font-size:1.8em;}
  
  .skrollable.eventtypes {margin-left:0 !important;margin-top:300px !important;}
  .skrollable.eventtypes.second {margin-top:390px !important;}
  .skrollable.eventtypes.third {margin-top:480px !important;}
  
  .phone.shell.notewriteup {top:-80px;left:-20px;}
  .phone.shell.objectives {top:-75px;left:-27px;}
  
  #nav {display:none;}
  .phone.shell.dialscreen {margin-left:-2px;}
  .phone.shell.objectives {}
  
  
  #footer .six.wide.column {}
  
  #footer .ten.wide.column {}
  #footer .ui.grid>.column {}
  #footer .horizontal.divider {}
  
  
  #footer p br { display:none;}
  #footer p { font-weight:bold; line-height:1em;font-size:20px;} 
  
  #featuredjoin {top:-210px !important;}
  #footer .mobile.hid {display:none !important;}
  #footer .mobile.socialmedia.column { float:none;width:100%; text-align:center;}
  
  

}