body {
    font-size:10px;
    font-family: 'Roboto';
    padding:0px;
    margin:0px;
}

.clear {
    clear:both;
}

.vertCenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.section0 {
    position:fixed;
    width:100%;
    background-color: rgba(0, 0, 0, .3);
    padding-top:.4vw;
    padding-bottom:.4vw;
    z-index:1000;
}

.section0 .logo {
    width: 14vw;
    margin-left: 12vw;
}

.section0 .buttons {
    margin-right:12.5vw;
    float:right;
}

.section0 .buttons .button {
    width:8vw;
    height:2.5vw;
    border:0.1875vw solid #fff;
    border-radius: 2px;
    color:#fff;
    text-align: center;
    float:right;
    cursor:pointer;
}

.section0 .buttons .login:hover {
    background-color: rgba(255,255,255,.5);
}

.section0 .buttons .button div {
    font-family: "PT Sans";
    font-size:180%;
    font-weight:900;
}

.section0 .buttons .register {
    margin-right:1vw;
    background-color: rgb(105, 203, 149);
    border-color: rgb(105, 203, 149);
    cursor: pointer;
}

.section0 .buttons .register:hover {
    color: rgb(105, 203, 149);
    background-color: #fff;
    border-color:#fff;

}

.section1 {
    background-image: url("/images/landing/background.jpg");
    background-size: 100% 100%;
    height: 100vh;
    min-height: 50vw;
    max-height:60vw;
    color:#fff;
    text-align: center;
    position: relative;
    width: 100%;
}

.section1 .slide0 {

}

.section1 .slide1,.section1 .slide2  {
    display: none;
}


.section1 .sliderLeft {
    width:3.75vw;
    position: absolute;
    left:0vw;
    cursor:pointer;
    opacity: .8;
    z-index: 1;
}

.section1 .sliderLeft:hover {
    opacity: 1;
}

.section1 .sliderRight {
    width:3.75vw;
    position: absolute;
    right:0vw;
    cursor: pointer;
    opacity: .8;
    z-index: 1;
}

.section1 .sliderRight:hover {
    opacity: 1;
}

.section1 .topSpacer {
    height:5.25vw;
}


.section1 .mainHeading {
    font-size:450%;
    font-weight: 500;
}

.section1 .subHeading {
    font-size:290%;
    font-weight: 300;
}

.section1 .laptop {
    background-image: url("/images/landing/laptop.png");
    background-size: 100% 100%;
    width:78.3vw;
    height:34vw;
    margin:auto;
    margin-top:1.8vw;
    padding-top:2.5%;
    position: relative;
}

.section1 .laptop .feature {
    width: 16vw;
    position: absolute;
    background-color: rgba(0,0,0,.35);
    padding:0.5vw;
    padding-top:0vw;
    border-radius: 0.3125vw;
}

.section1 .laptop .heading {
    font-size:270%;
    font-weight:600;
}

.section1 .laptop .body {
    font-size:180%;
}


.section1 .laptop .feature .circle {
    border: 1px solid #fff;
    border-radius: 0.5vw;
    height: 0.5vw;
    position: relative;
    width: 0.5vw;
}

.section1 .laptop .feature .line {
    border-radius: 0.5vw;
    border-top: 1px solid #fff;
    height: 1px;
    position: relative;
}

.section1 .laptop .feature1 {
    left: -6vw;
    top: 1vw;
    text-align: right;
}

.section1 .laptop .feature1 .circle {
    left: 16.7vw;
    top: 3.3vw;
}

.section1 .laptop .feature1 .line {
    width: 5vw;
    left: 18vw;
    top: 2.95vw;
}



.section1 .laptop .feature2 {
    left: -6vw;
    top:16vw;
    text-align: right;
}

.section1 .laptop .feature5 {
    left: -6vw;
    top:11vw;
    text-align: right;
}

.section1 .laptop .feature2 .circle {
    left: 16.7vw;
    top: 3.3vw;
}

.section1 .laptop .feature2 .line {
    width: 5vw;
    left: 18vw;
    top: 2.95vw;
}

.section1 .laptop .feature5 .circle {
    left: 16.7vw;
    top: 3.3vw;
}

.section1 .laptop .feature5 .line {
    width: 5vw;
    left: 18vw;
    top: 2.95vw;
}


.section1 .laptop .feature3 {
    left: 67vw;
    top: 1vw;
    text-align: left;

}

.section1 .laptop .feature3 .circle {
    left: -1.3vw;
    top: 3.3vw;
}

.section1 .laptop .feature3 .line {
    width: 5vw;
    left: -7vw;
    top: 2.95vw;
}

.section1 .laptop .feature4 {
    left: 67vw;
    top: 18vw;
    text-align: left;

}

.section1 .laptop .feature4 .circle {
    left: -1.3vw;
    top: 3.3vw;
}

.section1 .laptop .feature4 .line {
    width: 5vw;
    left: -7vw;
    top: 2.95vw;
}


.section1 .laptop .watchcorner {
    position:absolute;
    left:13.13vw;
    top:0vw;
    width:21.875vw;
    height: 18.75vw;
    cursor: pointer;
    z-index:1;
}

.section1 .laptop .screen {
    width:60.7%;
    height:72%;
    margin-left:19%;
    background-size: 100% auto;
    overflow:hidden;
    position: absolute;
    top: 1.5vw;
}

.section1 .laptop .screen.slide0 {
    background-image: url("/images/shots/tasks.png");
}

.section1 .laptop .screen.slide1 {
    background-image: url("/images/shots/kanban.png");
}

.section1 .laptop .screen.slide2 {
    background-image: url("/images/shots/calendarcut.png");
}

.section1 .arrow {
    bottom:3vw;
    float: left;
    left: 13vw;
    position: absolute;
    z-index: 1;
    width: 4vw;
}

.section1 .signupWrapper {
    background-color: #69cb95;
    border-top:0.25vw solid #000;
    bottom: 0vw;
    height: 7vw;
    position: absolute;
    width: 100%;
}

.section1 .signupWrapper .text {
    float:left;
    text-align: right;
    margin-left: 18vw;
    margin-top: 1vw;
}

.section1 .signupWrapper .text .line1 {
    font-size:300%;
}

.section1 .signupWrapper .text .line2 {
    font-size:450%;
    margin-top: -0.6vw;
}


.section1 .signup {
    margin-left: 45vw;
    margin-top:2vw;
}

.section1 .signup table {
    background-color: #2da061;
    border:0.25vw solid #2da061;
    border-radius: 2px;
}

.section1 .signup .inpEmail {
    height:2.6vw;
    width:31.25vw;
    background-color: #fff;
    font-size:210%;
    padding:.2vw;
    padding-left:.5vw;
    border:none;
}

.section1 .signup .btnEmail:hover {
    background-color: #fff;
    color:#2da061;
}

.section1 .signup .btnEmail {
    background-color: #2da061;
    color:#fff;
    margin:auto;
    cursor:pointer;
    width:10vw;
    height:3.05vw;
    font-family: "PT Sans";
    font-size: 240%;
    font-weight: 900;
    margin-left:.3vw;
    border:none;
}




.section2 {
    position:relative;
}

.section2 .text {
    padding-top: 6.875vw;
    padding-left: 17.6vw;
    width:40vw;
}

.section2 .text .heading {
    font-size:480%;
    font-weight:600;
    margin-bottom:1.5vw;
}

.section2 .text .heading2 {
    font-size:390%;
    font-weight:400;
    margin-bottom:1vw;
}

.section2 .text .heading3 {
    font-size:390%;
    font-weight:300;
    margin-top:6.875vw;
}

.section2 .text .content {
    font-size: 200%;
    font-weight:300;
}

.section2 .text .content .blue {
    color:rgb(113, 162, 205);
    font-weight:400;
}

.section2 .text .content .circle {
    color: rgb(237, 237, 237);
    float: left;
    font-size: 450%;
    font-weight: 300;
    margin-bottom: 0.7vw;
    margin-right: 1.6vw;
    margin-top: 0.7vw;
    text-align: center;
}

.section2 .watchButton {
    width:15.7vw;
    height:4vw;
    border:0.1875vw solid rgb(105, 203, 149);
    border-radius: 2px;
    color:#fff;
    background-color: rgb(105, 203, 149);
    cursor:pointer;
    margin-top:2vw;
}

.section2 .watchButton:hover {
    color: rgb(105, 203, 149);
    background-color: #fff;
}

.section2 .watchButton .watcharrow {
    background:url("/images/landing/watcharrow.png");
    background-size:100% 100%;
    height:1.44vw;
    width:1.19vw;
    margin-left:.5vw;
}

.section2 .watchButton:hover .watcharrow {
    background:url("/images/landing/watcharrowg.png");
    background-size:100% 100%;
}

.section2 .watchButton div  {
    font-family: "PT Sans";
    font-size: 240%;
    font-weight: 900;
    margin:auto;
}

.section2 .text .buttons {

}

.section2 .text .buttons .button {
    border-radius: 4px;
    color:#fff;
    text-align: center;
    float:left;
    margin-top:2.5vw;
}

.section2 .text .buttons .login {
    width:14vw;
    height:4.4vw;
    background-color: rgb(105, 203, 149);
    font-size: 255%;
}

.section2 .text .buttons .sgoogle {
    margin-left:2.4vw;
    width:21.3vw;
    height:4.4vw;
    background-color: rgb(255, 78, 87);
    font-size: 255%;
}

.section2 .text .buttons .sgoogle img {
    width: 3.2vw;
    margin-right:1vw;
}

.rightshot {
    position:absolute;
    top:6vw;
    right:0px;
}

.rightshot .macbar {
    width:37.65vw;
    height:2.25vw;
    background-image: url("/images/landing/macbar.png");
    background-size: 100% 100%;
}

.rightshot .screen {
    background-image: url("/images/landing/calendar.png");
    background-size: 100% auto;
    border-bottom-left-radius: 5px;
    height: 63vw;
    margin-left: 0.06vw;
    width: 37.6vw;
}
.section3 {
    background-color:#000;
    margin-top: 9vw;
    color:#fff;
    padding-bottom:2.8vw;
}

.section3 .features {
    margin:auto;
    width: 67vw;
    padding-top: 6.25vw;
}

.section3 .features .feature2 {
    margin-left: 5vw;
}

.section3 .features .feature5 {
    margin-left: 5vw;
}

.section3 .features .feature {
    width:31vw;
    float:left;
}

.section3 .features .feature img {
    float:left;
    height:3.375vw;
}

.section3 .features .feature .heading .text {
    font-size:360%;
    padding-left: 2.8vw;
    padding-top: 1vw;
    font-weight:500;
}

.section3 .features .feature2 .heading .text {
    padding-left: 5.5vw;
    padding-top: 1vw;
}

.section3 .features .feature5 .heading .text {
    padding-left: 5.5vw;
    padding-top: 1vw;
}

.section3 .features .feature .content {
    margin-top:2.25vw;
    font-size:210%;

}

.section3 .lowerhalf {
    margin:auto;
    margin-top:5vw;
    width:62.5vw;
    text-align: center;
}

.section3 .lowerhalf .heading {
    font-size: 480%;
    font-weight: 500;
    margin-bottom:2vw;
}

.section3 .lowerhalf .text {
    font-size: 225%;
}

.section3 .monitor {
    margin:auto;
    margin-top: 4.2vw;
    width:81vw;
    height: 51vw;
    background-size: 100% 100%;
    background-image: url("/images/landing/monitor.png");
    padding-top:2.3vw;

}

.section3 .monitor .content {
    width: 56.8vw;
    height: 37.8vw;
    margin-left:12.1vw;
    background: url("/images/shots/taskview.png");
    background-size:100% auto;
}

.section4 .heading {
    text-align: center;
    margin-top:6.25vw;
    font-size:480%;
    font-weight: 600;
}

.section4 .features {
    text-align: center;
    width:84vw;
    margin:auto;
    margin-top: 4vw;
}

.section4 .features .feature {
    float:left;
    padding-left:2.375vw;
    width: 22%;
}

.section4 .features .feature img {
    width: 7.5vw;
}

.section4 .features .feature1 {
    padding-left:0px;
}

.section4 .features .feature .heading2 {
    margin-top:1.25vw;
    font-size:255%;
    font-weight:600;
    text-transform: uppercase;
}

.section4 .features .feature .content {
    margin-top:1.875vw;
    font-size:210%;
}

.section4 .divider {
    width:7.8vw;
    border-top:1px solid #000;
    margin:auto;
    margin-top: 6.25vw;
    margin-bottom: 3.75vw;
}

.section4 .heading3 {
    font-size:480%;
    text-align: center;
    font-weight: 600;
}

.section4 .content3 {
    padding-top: 1.6vw;
    font-size: 225%;
    width:62.5vw;
    margin:auto;
    text-align: center;
}

.section4 .laptop {
    width:79.75vw;
    height: 41.125vw;
    background: url("/images/landing/laptopwhite.png");
    background-size:100% 100%;
    margin:auto;
    margin-top: 3.5vw;
}

.section4 .laptop .screen {
    position:relative;
    left:13.8vw;
    top:2vw;
    width: 51vw;
    height: 28.3vw;
    background:url("/images/shots/tasks.png");
    background-size:100% auto;
}

.section4 .laptop .heading4 {
    font-size:270%;
    font-weight:600;
}

.section4 .laptop .text {
    font-size:195%;
}

.section4 .laptop .feature1 {
    width:18vw;
    text-align: right;
    position:relative;
    top:-10vw;
    left:-9vw;
}

.section4 .laptop .feature1 .circle {
    height:.5vw;
    width:.5vw;
    border:1px solid #000;
    border-radius:.5vw;
    position:relative;
    top:1.5vw;
    left:18.7vw;
}

.section4 .laptop .feature1 .line {
    border-radius: 0.5vw;
    border-top: 1px solid #000;
    height: 1px;
    left: 20vw;
    position: relative;
    top: 1.15vw;
    width: 6vw;
}

.section4 .laptop .feature2 {
    width:18vw;
    text-align: right;
    position:relative;
    top:-33vw;
    left:-9vw;
}

.section4 .laptop .feature2 .circle {
    height:.5vw;
    width:.5vw;
    border:1px solid #000;
    border-radius:.5vw;
    position:relative;
    top:1.5vw;
    left:18.7vw;
}

.section4 .laptop .feature2 .line {
    border-radius: 0.5vw;
    border-top: 1px solid #000;
    height: 1px;
    left: 20vw;
    position: relative;
    top: 1.15vw;
    width: 3vw;
}

.section4 .laptop .feature3 {
    left: 70vw;
    position: relative;
    text-align: left;
    top: -39vw;
    width: 18vw;
}

.section4 .laptop .feature3 .circle {
    border: 1px solid #000;
    border-radius: 0.5vw;
    height: 0.5vw;
    left: -1.3vw;
    position: relative;
    top: 1.5vw;
    width: 0.5vw;
}

.section4 .laptop .feature3 .line {
    border-radius: 0.5vw;
    border-top: 1px solid #000;
    height: 1px;
    left: -6vw;
    position: relative;
    top: 1.15vw;
    width: 4vw;
}

.section4 .laptop .feature4 {
    left: 70vw;
    position: relative;
    text-align: left;
    top: -33vw;
    width: 18vw;
}

.section4 .laptop .feature4 .circle {
    border: 1px solid #000;
    border-radius: 0.5vw;
    height: 0.5vw;
    left: -1.3vw;
    position: relative;
    top: 1.5vw;
    width: 0.5vw;
}

.section4 .laptop .feature4 .line {
    border-radius: 0.5vw;
    border-top: 1px solid #000;
    height: 1px;
    left: -6vw;
    position: relative;
    top: 1.15vw;
    width: 4vw;
}

.section5 {
    background-color: #000;
    color:#fff;
    background: url("/images/landing/section5bg.jpg");
    background-size:100% 100%;
}

.section5 .content {
    width:48vw;
    margin:auto;
    text-align: center;
}

.section5 .heading {
    font-size: 320%;
    font-weight:600;
}

.section5 .text {
    font-size: 210%;
}

.section5 .heading1 {
    padding-top:4vw;
    padding-bottom: 1.75vw;
}

.section5 .heading2 {
    padding-bottom: 2.3vw;
}

.section5 .spacer {
    margin:auto;
    margin-top:4.7vw;
    margin-bottom:3.9vw;
    width:7vw;
    height:1px;
    border-top:1px solid #fff;
}

.section5 .watchButton {
    width:15.7vw;
    height:4vw;
    border:0.1875vw solid #fff;
    border-radius: 2px;
    color:#fff;
    margin:auto;
    margin-top:6.25vw;
    cursor:pointer;
}

.section5 .watchButton:hover {
    background-color: rgba(255,255,255,.5);
}

.section5 .watchButton div  {
    font-family: "PT Sans";
    font-size: 240%;
    font-weight: 900;
    margin:auto;
}

.section5 .watchButton img {
    height:1.44vw;
    margin-left:.5vw;
}

.section5 .spacer2 {
    margin-top:6.25vw;
    height:1px;
    width:1px;
}

.section6 .laptop {
    background: rgba(0, 0, 0, 0) url("/images/landing/laptopwhite.png") repeat scroll 0 0 / auto 100%;
    height: 41.125vw;
    left: 22.45vw;
    margin:auto;
    margin-bottom: -14vw;
    margin-top:3.5vw;
    position: relative;
    top: -12.5vw;
    width: 53.92vw;
}

.section6 .laptop .screen {
    background: rgba(0, 0, 0, 0) url("/images/shots/login.png") repeat scroll 3vw 2vw / 100% auto;
    height: 28.3vw;
    left: 12.8vw;
    position: relative;
    top: 2vw;
    width: 41.1vw;
}

.section6 .lefttext {
    left: 23vw;
    position: relative;
    top: 5vw;
    width: 28.5vw;
}

.section6 .divFeedback {
    display:none;
}

.section6 .lefttext .inpName {
    margin-top:2vw;
}

.section6 .lefttext .inpfeedbak, .section6 .lefttext .inpText{
    width:95%;
    padding:.4vw;
    margin-bottom:1vw;
    border:1px solid #000;
    border-radius: 2px;
}

.section6 .lefttext .inpText {
    height:5vw;
}

.section6 .lefttext .btnSend {
    border:0.1875vw solid rgb(255, 78, 87);
    border-radius: 2px;
    color:#fff;
    background-color: rgb(255, 78, 87);
    cursor:pointer;
    width:10vw;
    height:3.05vw;
    font-family: "PT Sans";
    font-size: 240%;
    font-weight: 900;
    margin-left:-.5vw;
    float:right;
    margin-right:.4vw;
    cursor: pointer;
}

.section6 .lefttext .btnSend:hover {
    background-color: rgb(255, 255, 255);
    color:rgb(255, 78, 87);
}

.section6 .heading2 {
    font-size:420%;
    margin-bottom:1vw;
}

.section6 .text2 {
    font-size: 225%;
}

.section6 .heading {
    font-weight:400;
    font-size: 540%;
    text-align: center;
    margin-bottom:2.5vw;
}

.section6 .text {
    margin:auto;
    text-align: center;
    font-size: 225%;
    width:62.5vw;
    margin-bottom:2vw;
}

.section6 .email {
    padding-bottom: 5.25vw;
}

.section6 .email table {
    border:0.1875vw solid rgb(255, 78, 87);
    border-radius: 2px;

}


.section6 .email .inpEmail {
    height:2.4vw;
    width:23vw;
    background-color: #fff;
    font-size:210%;
    padding:.2vw;
    padding-left:.5vw;
    border-right:0px;
    border:none;
}

.section6 .email .btnEmail:hover {
    background-color: rgb(255, 255, 255);
    color:rgb(255, 78, 87);
}

.section6 .email .tdBtn {
    background-color: rgb(255, 78, 87);
}

.section6 .email .btnEmail {
    border:none;
    border-left:0.1875vw solid rgb(255, 78, 87);
    color:#fff;
    background-color: rgb(255, 78, 87);
    cursor:pointer;
    width:10vw;
    height:3.05vw;
    font-family: "PT Sans";
    font-size: 240%;
    font-weight: 900;
    margin-left:-.5vw;
    cursor: pointer;

}


.section6 .buttons {

    margin:auto;
    width: 38vw;
    padding-bottom:5.25vw;
}

.section6 .buttons .button {
    border-radius: 4px;
    color:#fff;
    text-align: center;
    float:left;
    margin-top:2.5vw;
}

.section6 .buttons .login {
    width:14vw;
    height:4.4vw;
    background-color: rgb(105, 203, 149);
    font-size: 255%;
}

.section6 .buttons .sgoogle {
    margin-left:2.4vw;
    width:21.3vw;
    height:4.4vw;
    background-color: rgb(255, 78, 87);
    font-size: 255%;
}

.section6 .buttons .sgoogle img {
    width: 3.2vw;
    margin-right:1vw;
}

.section7 {
    color:#fff;
    background-color:rgb(33,33,33);
    text-align: center;
    padding-top: 4.6875vw;
}

.section7 .heading1 {
    font-size: 450%;
    font-weight:500;
    display:none;
}

.section7 .heading2 {
    font-size:320%;
    margin-bottom:3.2vw;
}

.section7 .text2 a {
    color:#fff;
    font-weight:600;
}

.section7 .text1, .section7 .text2 {
    font-size: 225%;
    padding-bottom:.5vw;
}

.section7 .text2 {
    color:#666;
    padding-bottom:3vw;
}

.section7 .icons {
    width:23.6vw;
    margin:auto;
    margin-bottom:2.8vw;
}

.section7 .icon {
    width: 6.3125vw;
    height: 6.9375vw;
    float:left;
    margin-left:2.3vw;
}

.section7 .iconfb {
    background: url("/images/landing/icon5.png");
    margin-left:0px;
    background-size:100% 100%;
    cursor:pointer;
}

.section7 .icontw {
    background: url("/images/landing/icon6.png");
    background-size:100% 100%;
    cursor:pointer;
}

.section7 .iconli {
    background: url("/images/landing/icon7.png");
    background-size:100% 100%;
    cursor:pointer;
}

.video {
    position: fixed;
    z-index:100000;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background-color: rgba(0,0,0,.8);
    display:none;
}

.videoContainer {
    border:5px solid #fff;
    border-radius:5px;
    width:80vw;
    height:80vh;
    position:fixed;
    top:10vh;
    left:10vw;
}

.video iframe {
    width:80vw;
    height:80vh;
}

.videoClose {
    font-size:200%;
    position:fixed;
    top:6vh;
    right:8vw;
    color:#fff;
    cursor:pointer;
}