﻿/* GREEN : #37c47a; */
html, body 
{   
    font-family: dinpromedium, Sans-Serif, Verdana, Arial;
    color:Black;
    font-size:100%;
}

html, body 
{   
    height:100%;
    margin:0; padding:0;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus,
canvas:focus {
    outline: none;
}

input[type=button] 
{
    cursor:pointer;
}

ul, h2
{
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    
    margin:0px;
}

a:link, a:hover, a:visited 
{
    text-decoration:none;
    color:#d8d8d8;
}

.blackA:link, .blackA:hover, .blackA:visited 
{
    text-decoration:none;
    color:black;
}


.greyA:link, .greyA:hover, .greyA:visited 
{
    text-decoration:none;
    color:rgba(74,74,74,1.0);
}


.whiteA:link, .whiteA:hover, .whiteA:visited 
{
    text-decoration:none;
    color:white;
}

.greenA:link, .greenA:hover, .greenA:visited 
{
    text-decoration:none;
    color:#37c47a;
}

.greenBackground 
{
    background-color:#37c47a;
}

/* PAGE STRUCTURE */
.slideSection 
{
    height:684px;
    /*height:540px;*/
}

.bannerSection 
{
    margin-top:5.25em;
}

.processingWrapper 
{
    width:100%;
    text-align:center;
}

.section 
{
    border-bottom:1px solid #d8d8d8;
}

.slideContainer, .slideNarrowContainer 
{
    width:1240px; /* MUST BE THE SAME AS TOOSOINTRO WIDTH */
    margin-top:0;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    padding-top:8.25em;
    padding-bottom:8.10em;
}

.teamContainer 
{
    width:1024px;
}

.slideNarrowContainer 
{
     width:32em;
     padding-top:6.25em;
     padding-bottom:6.25em;
}

.slidePressContainer 
{
     width:100%;
     padding-top:2.25em;
     padding-bottom:2.25em;
     text-align:center;
}

.slidePressContainer h3 
{
    color:#37c47a;
}

.toosoBannerBox 
{
    background-color:#37c47a;
}

#toosoIntro 
{
    width:1240px;
    /*margin-top:5.25em;*/
    margin-top:5.5em;
    margin-left:auto;
    margin-right:auto;
    height:684px;
    /*hheight:540px;*/
    text-align:center;
    background:url('../images/shadow.png') no-repeat #37c47a;
}

#toosoIdWrapper 
{
    width:86%;
    margin-left:auto;
    margin-right:auto;
    height:684px;
}


#introImg, #introText
{
    float:left;
    height:100%;
    width:50%;
}

#introImg 
{
    height:684px;
    line-height:684px;
}

#introText 
{
    position:relative;
}

#introTxtWrapper
{
    height:18em;
    position:absolute;
    top: 50%;
    right:0%;
    margin-top:-9em;
    width:90%;
}

#introTxtWrapper p
{
    color:white;
    font-size:2.25em;
}

#toosoPress 
{
    background-color:rgb(244, 244, 244);
}

.pressTable, .pressTableMini 
{
    display:table;
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

.pressTableMini 
{
    width:450px;
    padding-top:2.0em;
}

.pressItem, .pressItemMini
{
    display:table-cell;
    vertical-align:middle;
    width:33%;
}

.pressItemMini
{
    width:50%;
}

#crossPath, #footer 
{
    background-color:rgba(74,74,74,1.0);
}

.footerWrapper, .footerWrapperInternal
{
    width:25em;
    margin-top:0em;
    margin-bottom:0em;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:1.75em;
}

.footerWrapperInternal 
{
    padding-top:2.25em;
    padding-bottom:2.25em;
}

.formWrapper 
{
    margin-bottom:1.5em;
}

.crossWrapper 
{
    padding-top:5.0em;
}

#contactInputWrapperLeft 
{
    float:left;
    width:42%;
}

#contactInputWrapperRight 
{
    float:right;
    padding-right:1.2em;
    width:42%;
}

#featuresContainer, #experienceContainer, #faqWrapper, #pricingTableContainer, #faqContainer, #dashboardContainer, #resourcesBigContainer,#missionContainer, #resourcesBigContainer, #plugContainer, #developersContainer, #featuredInContainer
{
    width:1240px; /* MUST BE THE SAME AS TOOSOINTRO WIDTH */
    margin-right:auto;
    margin-left:auto;
    padding-top:5.25em;
}


#developersContainer, #faqWrapper
{
    width:1024px;
    padding-bottom:5.25em;
}

#missionContainer, #pricingTableContainer
{
    padding-bottom:5.25em;
}

#analyticsGreyContainer, #resourcesBigContainer, #missionContainer
{
    width:100%;
    background-color:rgb(244, 244, 244);
}

#analyticsContainer 
{
    width:100%;
    max-width:1240px;
    margin-right:auto;
    margin-left:auto;
    padding-top:5.25em;
}

#featuresContainer, #launchContainer, #featuredInContainer
{
    width:100%;
}

#featuredInContainer
{
    text-align:center;
}

#plugContainer 
{
    padding-bottom:8.0em;
}

.featureItem 
{
    padding-bottom:8.0em;
}

.featuresWrapper 
{
    width:65%;
    margin-right:auto;
    margin-left:auto;
}

.solutionsWrapper 
{
    width:75%;
    margin-right:auto;
    margin-left:auto;
}

/* MAIN MENU */
.toosoMainMenuItem
{
    float:left;
    width:33.3%;
    text-align:center;
    min-width:18.0em;
}

/* HEADER */
#header 
{
    position:fixed;
    top:0px;
    left:0px;
    z-index:9;
    height:5.25em;
    background-color:rgba(255, 255, 255, 1.0);
    width:100%;
    font-size:1.125em;
}

#headerWrapper 
{
    width:1240px; /* MUST BE THE SAME AS TOOSOINTRO WIDTH */
    margin-left:auto;
    margin-right:auto;
}

#navigationMenu
{
    float:right;
    z-index:9999;
    line-height:5.25em;
    height:5.25em;
}

#navigationLogo 
{
    height:100%;
    float:left;
    line-height:5.25em;
    height:5.25em;
}

.navigationCell
{
    display:table-cell;
    vertical-align:middle;
    padding-left:0.625em; /*10px / 16 */
    padding-right:0.625em;
    text-align:center;
    cursor:pointer;
}

.navigationCell:last-child 
{
    padding-right:0;
}

/* INPUTS */
.flatButton 
{
   font-size:1.2em; /*26px / 16 */
   color:white;
   background-color:#37c47a;
   text-align:center;
   padding-left:0.625em; /*10px / 16 */
   padding-right:0.625em;
   padding-top:0.5em;
   padding-bottom:0.5em;
   border-radius:5px;
   cursor:pointer;
}

.blackButton 
{
    background-color:rgba(74,74,74,1.0);
}

.whiteButton 
{
   background-color:white;
   color:#37c47a;
}

.toosoAnchorPoint 
{
    cursor:pointer;
}

.contactInput 
{
   font-size:0.8125em;
   color:white;
   text-align:left;
   padding-left:0.625em; /*10px / 16 */
   padding-right:0.625em;
   padding-top:0.625em;
   padding-bottom:0.625em;
   border-radius:5px;
   background-color:transparent;
   border:1px solid white;
   font-family: dinprolight, Sans-Serif, Verdana, Arial;
   width:100%;
}

/* BANNER*/
.toosoBannerOneLine 
{
    height:225px;
    font-size:2.0em;
    width:1240px;
    margin-right:auto;
    margin-left:auto;
    display:table;
}

.toosoBannerText, .toosoBannerButton 
{
    display:table-cell;
    height:100%;
    vertical-align:middle;
}

.toosoBannerText 
{
    width:80%;
    color:white;
}

.toosoBannerButton 
{
    width:20%;

}

/* CONTENT */
.introCell p 
{
    font-weight:bold;
    color:white;
    font-size:2.25em;
    text-align:left;
    margin:0;
    padding:0;
}

.blackSpan 
{
    color:black;
}

.slideNarrowContainer 
{
    text-align:center;
}

.internalSectionTitle
{
    width:900px;
    margin:0 auto;
}

.slideNarrowContainer h2, .toosoMainMenuItem h2, .slideContainer  h2, .footerWrapper h2, .internalSectionTitle h2 
{
    font-weight:bold;
    color:#37c47a;
    font-size:2.25em;
    margin:0;
}

.slideContainer h2, .internalSectionTitle h2 
{
    text-align:center;
    margin-bottom:1.75em;
}

.toosoMainMenuItem h2 
{
    margin-bottom:0;
}

.footerWrapper h2
{
    text-align:center;
    color:white;
    margin-bottom:1.2em;
}

.slideNarrowContainer p, .toosoMainMenuItem p
{
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    font-size:1.125em;
    line-height:200%;
    margin-top:1.75em;
    margin-bottom:1.75em;
}

.toosoMainMenuItem p 
{
    margin-top:0.5em;
    padding-left:2.5em;
    padding-right:2.5em;
}

.toosoTeamItemLeft, .toosoTeamItemRight 
{
    float:left;
}

.toosoTeamItemLeft 
{
    width:65%;
    height:29.3em;
}

.toosoTeamItemRight 
{
    padding-left:6em;
}

.teamCircle 
{
    width:421px;
    height:421px;
    border-radius:50%;
    background-color:#37c47a;
    line-height:421px;
    text-align:left;
    position:relative;
    left:3.5em;
}

.teamCircleText 
{
    position:relative;
    top:4.5em;
    left:7em;
    width:35em;
}

.memberPic 
{
    position:relative;
    top:-421px;
    left:0px;
}

.memberName 
{
    font-weight:bold;
    color:black;
    font-size:2.25em;
    margin:0;
}

.memberRole 
{
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    color:white;
    font-size:1.5em;
    margin:0;
}

#teamTable 
{
    position:relative;
    top:6.5em;
}

#teamTable td 
{
    padding-bottom:1.0em;
}

.selectedMemberNameList, .unselectedMemberNameList
{
    color:#37c47a;
    font-size:1.25em;
}

.unselectedMemberNameList 
{
    color:black;
}

.memberRoleList 
{
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    font-size:1.25em;
}

.unselectedMember 
{
    opacity:0.3;
    cursor:pointer;
}

.selectedMember 
{
    opacity:1.0;
}

.teamCircle p 
{
    line-height:200%;
    font-weight:normal;
    font-size:1.125em;
    margin-top:1.75em;
    color:rgba(74,74,74,1.0);
}

.selectedBullet, .unselectedBullet 
{
    vertical-align:text-top; 
    font-size:1.25em; 
    color:#37c47a;
    visibility:visible;
}

.unselectedBullet 
{
    visibility:hidden;
}

.featuresTable 
{
    display:table;
    width:100%;
}

.featuresCell, .solutionsCell 
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:50%;
}

.solutionsCellSmall 
{
    width:40%;
    vertical-align:top;
}

.solutionsCellBig 
{
    width:60%;
    vertical-align:top;
}

.featuresCell h3 
{
    text-align:left;
    font-size:1.5em;
    font-weight:bold;
}

.solutionsCell h2
{
    text-align:right;
    font-size:1.2em;
    padding-right:0.0em;
    padding-bottom:0.4em;
    font-weight:bold;
}

.featuresCell p 
{
    text-align:left;
    font-size:1.125em;
    padding-right:0.5em;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    line-height:200%;
}

.solutionsCell p 
{
    text-align:right;
    font-size:1.0em;
    padding-right:0.0em;
    margin:0px;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    line-height:140%;
}

.experienceTextItem, .dashboardTextItem 
{
    padding-bottom:2.2em;
    cursor:pointer;
}

.leftAlign p, .leftAlign h2 
{  
    text-align: left;
}

.unselectedExperienceList,  .unselectedDashboardList 
{
    color:black;
}

.selectedExperienceList, .selectedDashboardList
{
    color:#37c47a;
}

.borderImage 
{
    border:1px solid #d8d8d8;
}

#resourcesWrapper, #aboutLaunch 
{
    width:1240px;
    margin-right:auto;
    margin-left:auto;
    padding-bottom:5.25em;
    border-bottom: 1px solid #d8d8d8;
}

#aboutLaunch 
{
    border:none;
    padding-top:5.25em;
    padding-bottom:0.0em;
    text-align:center;
}

.aboutTitle 
{
    font-weight:bold;
    font-size:1.5em;
}

#aboutLaunch p
{
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
}

#pluginWrapper 
{
    width:400px;
    margin-right:auto;
    margin-left:auto;
    margin-top:3.0em;
}

.pluginIcon 
{
    float:left;
    width:50.0%;
    text-align:center;
}

#plugAndPlay 
{
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    width:700px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    font-size:1.25em;
    line-height:200%;
}

.resourcesItem
{
    float:left;
    width:25.0%;
    text-align:center;
    min-width:18.0em;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
}

.iconTitle 
{
    font-weight:bold;
    line-height:200%;
}

.visionText, .launchText, .pricingText
{
    font-size:1.25em;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    width:700px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    line-height:200%;
}

#rotationWrapperBig
{
    width:70px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    height:5.25em;
    top:-5.25em;
    text-align:center;
}

.rotationCicle, .rotationCicleExperience
{
	border-radius: 50%;
	width: 12px;
	height: 12px; 
    margin:5px;
    margin-top:15px;
    float:left;
    background:white;
    cursor:pointer;
}

.rotationCicleExperience 
{
    background-color:#9a9898;
}

.selectedCircle 
{
    background: black;
}

/* FOOTER */
.copyright 
{
    font-size:0.8125em;
    text-align:center;
    color:#9a9898;
}

#contactForm 
{
    width:100%;
}


#contactForm textarea 
{
    height:8.0em;
    color:white;
    text-align:left;
    padding-left:0.625em; /*10px / 16 */
    padding-right:0.625em;
    padding-top:0.625em;
    padding-bottom:0.625em;
    border-radius:5px;
    background-color:transparent;
    border:1px solid white;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    width:95%;
}

#mailResults 
{
    font-family: 'dinpromedium';
    color:#37c47a;
    font-size:1.0em; /*16px / 16 */
    text-align:center;
    margin-top:1.5em; /*20px / 16 */
}

.slicknav_menu 
{
	display:none;
}

#toosoPress 
{
    display:block;
}

#socials 
{
    display:block;
    width:86px;
    margin-left:auto;
    margin-right:auto;
    display:table;
}

.logoCell 
{
     display:table-cell;
    text-align:center;
    width:43px;
}

.logoSocial 
{
    border-radius: 50%;
    width:35px;
    height:35px;
    background-color: #37c47a;
}

.videoWrapper
{
    height:200px;
    background-color:lime;
    width:1240px;
    padding-top:5.25em;
    margin-left:auto;
    margin-right:auto;
}

/* tabs */
#menuDevelopers
{
    float:left;
    width:224px;
    padding-right:100px;
}

#menuDevelopersInner
{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
}

.menuApiContainer
{
    padding-bottom:2.0em;
}

.apiTitle
{
    text-transform:uppercase;
    padding-bottom:0.1em;
}

.apiSection
{
    color:#c7c7c7;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    padding-top:0.1em;
    padding-bottom:0.1em;
}

#developersTabContainer
{
    /*float:right;
    width:700px;*/
    width:800px;
    margin-left:auto;
    margin-right:auto;
}

.paramTable
{
     font-family: dinprolight, Sans-Serif, Verdana, Arial;
     font-size:0.8em;
     border-collapse:collapse;
     width:auto;
}

.paramTable th
{
    padding:1.0em;
    background:rgb(244, 244, 244);
}

.paramTable td
{
    padding:0.8em;
}

.paramTable tr
{
    border-bottom:1px solid #c7c7c7;
}

#versionTabs
{
    width:100%;
}

.tabContent 
{
    display:none;
    font-weight:normal;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
    padding-top:2.0em;
}

.tabContent h2
{
    font-family: dinpromedium, Sans-Serif, Verdana, Arial;
}

.tabContent h3
{
    font-family: dinpromedium, Sans-Serif, Verdana, Arial;
}

.selectedTab 
{
    display:block;
}

#tabPanel 
{
    width:100%;
    border-bottom:1px solid #c7c7c7;
}

.panelLabel 
{
    font-weight:bold;
    font-size:1.1em;
    float:left;
    z-index:10;
    padding:0.7em;
    cursor:pointer;
    color:#c7c7c7;
}

.selectedPanel 
{
    outline:white solid thin;
    border-top:1px solid #c7c7c7;
    border-left:1px solid #c7c7c7;
    border-right:1px solid #c7c7c7;
    color: #37c47a;
}

.clearDiv 
{
    clear: both;
}

/* code */

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 95%;
    line-height: 140%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
}       

code {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 95%;
    line-height: 140%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    background: #faf8f0;
}

.codeBlock, .jsonPretty
{
    display: block;
    padding: 0.5em 1em;
    border: 1px solid #bebab0;
}

/* http://stackoverflow.com/questions/4810841/how-can-i-pretty-print-json-using-javascript */
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }


/* pricing */

#pricingTable
{
    border:1px solid #c7c7c7;
    width: 300px;
    margin:0 auto;
    border-collapse:collapse;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
}

#pricingTable td
{
    padding:0.8em;
    line-height:200%;
    border-bottom:1px solid #c7c7c7;
}

.faqItem
{
    border-top:1px solid #c7c7c7;
    padding-top:2.0em;
    padding-bottom:2.0em;
}

.faqItem p
{
    display:none;
    line-height:150%;
    font-family: dinprolight, Sans-Serif, Verdana, Arial;
}

.faqItem h3
{
    font-weight:bold;
    color:black;
    font-size:1.25em;
    cursor:pointer;
    margin:0;
}

@font-face 
{
    font-family: 'dinprolight';
    src: url('../font/dinpro-light-webfont.eot');
    src: url('../font/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-light-webfont.woff') format('woff'),
         url('../font/dinpro-light-webfont.ttf') format('truetype'),
         url('../font/dinpro-light-webfont.svg#dinprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dinpromedium';
    src: url('../font/dinpro-medium-webfont.eot');
    src: url('../font/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-medium-webfont.woff') format('woff'),
         url('../font/dinpro-medium-webfont.ttf') format('truetype'),
         url('../font/dinpro-medium-webfont.svg#dinpromedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinproblack';
    src: url('../font/dinpro-black-webfont.eot');
    src: url('../font/dinpro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-black-webfont.woff') format('woff'),
         url('../font/dinpro-black-webfont.ttf') format('truetype'),
         url('../font/dinpro-black-webfont.svg#dinproblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinprobold';
    src: url('../font/dinpro-bold-webfont.eot');
    src: url('../font/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dinpro-bold-webfont.woff') format('woff'),
         url('../font/dinpro-bold-webfont.ttf') format('truetype'),
         url('../font/dinpro-bold-webfont.svg#dinprobold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dinpro-regularregular';
    src: url('dinpro-regular-webfont.eot');
    src: url('dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro-regular-webfont.woff') format('woff'),
         url('dinpro-regular-webfont.ttf') format('truetype'),
         url('dinpro-regular-webfont.svg#dinpro-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*http://tobiasahlin.com/spinkit/ */

.spinner {
  margin-left:auto;
  margin-right:auto;
  margin-top:1.25em; /*20px / 16 */
  margin-bottom:1.25em; /*10px / 16 */
  width: 3.125em; /*50px / 16 */
  text-align: center;
}

.spinner > div {
  width: 0.75em; /*12px / 16 */
  height: 0.7em; /*12px / 16 */
  background-color: #37c47a;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@media only screen and (max-width: 767px) 
{
    html, body 
    {   
        font-size:95%;
    }

    .slicknav_menu 
    {
        display:block;
    }

    
    #menuFooter, #navigationMenu, #navigationLogo 
    {
	    display:none;
    }

    #mobileLogo 
    {
        position:fixed;
        top:0;
        left:4px;   
        height:2.25em;
        line-height:2.25em;
    }

    #header 
    {
        height:2.25em;
    }

    #headerWrapper 
    {
        width: 100%;
    }

    #toosoIntro 
    {
        width:100%;
        margin-top: 2.25em;
    }

    .slideSection 
    {
        height:300px;
    }

    .bannerSection 
    {
        margin-top:2.25em;
    }

    .teamContainer 
    {
        width:100%;
        padding-top:3.0em;
        padding-bottom:3.0em;
    }

    .slideNarrowContainer,.slideContainer
    {
        width:90%;
    }

    .mobileBanner 
    {
        width:100%;
        background-color:#37c47a; 
        padding-top:3.0em;
        padding-bottom:3.0em;
    }

    #introTxtWrapperMob 
    {
        width:95%;
        margin-right:auto;
        margin-left:auto;
        text-align:center;
    }

    #introTxtWrapperMob  p
    {
        color:white;
        font-size:2.25em;
    }

    .toosoMainMenuItem
    {
        float:left;
        width:100%;
        text-align:center;
        padding-top:2.25em;
    }

    .itemSmallBorder 
    {
        border-bottom:1px solid #d8d8d8;
        width:100px;
        margin-right:auto;
        margin-left:auto;
    }

    .teamCircleTextMob
    {
        margin-left:auto;
        margin-right:auto;
        width:85%;
        text-align:center;
    }

    .memberName 
    {
        color:white;
    }

    .picMobile 
    {
        width:100%;
        text-align:center;
    }

    #rotationWrapperMob 
    {
        width:70px;
        height:40px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        padding-top:1.5em;
    }

    #rotationWrapperTeam, #rotationWrapperExperience, #rotationWrapperDashboard
    {
        width:110px;
        height:40px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
    }

    #rotationWrapperExperience 
    {
        width:90px;
    }

    #rotationWrapperDashboard 
    {
        width:70px;
    }

    .crossWrapper 
    {
        padding-bottom:5.0em;
    }

    #contactMobile 
    {
        width:100%;
        text-align:center;
    }

    .visionText, .launchText,#plugAndPlay 
    {
        width:90%;
    }

    #pluginWrapper 
    {
        width: 280px;
    }

    #featuresContainer, #experienceContainer, #dashboardContainer, #analyticsContainer, #featuredInContainer, #faqWrapper, #pricingTableContainer
    {
        width: 100%;
        padding-top: 2.25em;
        padding-bottom: 2.25em;
    }

    #dashboardContainer 
    {
        background-color: rgb(244, 244, 244);
    }

    .toosoBannerOneLine 
    {
        height:120px;
        font-size:2.5em;
        width:100%;
        text-align:center;
    }

    .toosoBannerText 
    {
        width:90%;
        color:black;
        font-weight:bold;
    }

    .toosoFeatureMobileWrapper, .toosoSolutionMobileWrapper
    {
        width:100%;
        padding-top:2.25em;
        padding-bottom:2.25em;
    }

    .toosoSolutionMobileWrapper 
    {
        padding-top:0.5em;
        padding-bottom:0.5em;
    }

    .toosoFeatureMobile 
    {
        text-align:center;
        width:90%;
        margin-right:auto;
        margin-left:auto;

    }

    .toosoFeatureMobile p, #experienceText p
    {
        font-size: 1.0em;
        font-family: dinprolight, Sans-Serif, Verdana, Arial;
        line-height:200%;
        margin:0;
        padding:0;
    }

    .internalSectionTitle h2 
    {
        margin:0;
        margin-bottom:1.0em;
    }

    .toosoFeatureMobile h3 
    {
        font-size:1.75em;
        margin:0;
        padding:0;
        padding-top: 1.0em;
        padding-bottom: 0.5em;
    }

    #experienceText h3, #dashboardText h3 
    {
         color:#37c47a;
    }

    .footerWrapperInternal 
    {
        width:95%;
    }

    .experienceImage 
    {
        text-align:center;
    }

    #toosoPress 
    {
        display:none
    }

    #socials 
    {
        display: none;
    }

}
