@import"//fonts.googleapis.com/css?family=Comfortaa:100,300,400,500,600";
*,
:after,
:before {
    box-sizing: border-box
}
.navbar {
    margin-bottom: 0
}
.container-fluid {
    padding: 0
}
html {
    box-sizing: border-box;
    position: absolute;
    min-height: 100%;
    width: 100%
}
body.codigital {
    background: #fff;
    color: #181812;
    font-family: 'Source Sans Pro', sans-serif;
    /*margin-bottom: 300px*/
}
@media only screen and (max-width: 768px) {
    body.codigital {
        /*margin-bottom: 600px*/
    }
}
.footer {
    text-align: center;
    padding: 30px 0;
    height: 300px;
    border-top: 1px solid #E5E5E5;
    background: #000;
    color: #fff;
    /*position: absolute;*/
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0
}
@media only screen and (max-width: 768px) {
    .footer {
        height: 600px
    }
}
.footer a {
    color: #fff
}
.footer .col-footer {
    text-align: left;
    font-size: 16px;
}
.footer .col-footer div {
    margin-top: 1em
}
.navbar-header {
    width: 155px !important;
}
.navbar-default {
    min-height: 76px;
    text-transform: uppercase;
    background-color: #f6f6f6;
    border-width: 0;
    border-bottom: 1px solid #e0e0e0
}
.navbar-default .navbar-nav>li>a {
    color: #1669B8;
    color: #ffffff !important;
    font-size: 15px;
    padding-top: 27px;
    padding-bottom: 27px
}
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:hover {
    color: #FF2F2F
}
.navbar-default .navbar-nav>li>a.signup {
    border: solid 1px #008ED3;
    border-radius: 10px;
    color: #1669B8;
    padding: 10px;
    margin: 15px 5px 17px;
    background: #FFF
}
.navbar-default .navbar-nav>li>a.signup:active,
.navbar-default .navbar-nav>li>a.signup:hover {
    background: #008ED3;
    color: #FFF
}
.navbar-default .navbar-brand {
    padding-top: 23px;
    padding-bottom: 23px
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: #FF2F2F
}
.navbar-default .navbar-toggle {
    margin-top: 22px
}
.navbar-toggle {
    border-color: #ddd !important;
}
.icon-bar {
    background-color: #888 !important;
}
.navbar-collapse {
    border-color: #ddd !important;
    border-top: none !important;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 500px !important;
}
.form-group-lg .form-control,
.input-group-lg>.input-group-btn>select.btn,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
select.input-lg {
    height: 46px;
    line-height: normal
}
.codigital-title {
    width: 140px;
    margin-top: -8px;
}
.desaturate img,
img.desaturate {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter     id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}
.cd-section.callus-section {
    padding: 40px 0 30px;
    text-align: center;
    background-color: #B01804;
    background-color: #009AD6;
    background-color: #383741;
    background-color: #008ED3;
    background-color: #E6E6E6;
    margin-top: 0
}
.cd-section.callus-section h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #FFF;
    color: #00376E;
    font-size: 35px;
    font-weight: 200
}
.cd-section.callus-section a {
    color: #FFF;
    color: #00376E;
    font-weight: 200;
    text-decoration: none
}
.cd-section.callus-section a:hover {
    text-decoration: underline
}
.cd-section.callus-section .goright {
    text-align: right
}
.cd-section.callus-section .goleft {
    text-align: left
}
.light-section {
    background-color: #fff;
    color: #333
}
.light-section h2 {
    color: #333
}
.yellow-section {
    background-color: #F9ECAB;
    color: #776508
}
.yellow-section h2 {
    color: #714A34
}
.purple-section {
    background-color: #685990;
    color: #e8e6ef
}
.purple-section h2 {
    color: #FAE333
}
.cd-section.dark-section {
    margin-top: 0;
    background-color: #383741;
    background-color: #3C4D68;
    background-color: #023F75;
    background-color: #00325E;
    color: #e8e6ef
}
.cd-section.dark-section h2,
.cd-section.dark-section h3 {
    color: #fff
}
.cd-section.dark-section h3 {
    color: #5CB9FA;
    font-size: 28px;
    font-weight: 100
}
.cd-section.dark-section.cd-steps .step-row .section-image {
    border: 10px solid #7f7f7f
}
.cd-section.contactus-section {
    padding: 40px 0 30px;
    text-align: center;
    background-color: #B01804;
    background-color: #009AD6;
    background-color: #383741;
    background-color: #008ED3;
    background-color: #222049;
    margin-top: 0
}
.cd-section.contactus-section h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #FFF;
    color: #008ED3;
    font-size: 35px;
    font-weight: 300
}
.cd-section.contactus-section a {
    color: #FFF;
    color: #008ED3;
    font-weight: 300;
    text-decoration: none
}
.cd-section.contactus-section a:hover {
    text-decoration: underline
}
.cd-section.contactus-section .goright {
    text-align: right
}
.cd-section.contactus-section .goleft {
    text-align: left
}
.customer-section {
    border-top: 1px solid #ddd
}
.customer-section .row {
    position: relative
}
.customer-section h1,
.customer-section h2,
.customer-section h3,
.customer-section h4 {
    text-align: center
}
.customer-section .img-wrap {
    float: left
}
.customer-section .img-wrap img {
    width: 80%;
    height: 110px
}
@media only screen and (max-width: 992px) {
    .customer-section .img-wrap img {
        height: 80px
    }
    .navbar-header {
        /*width: 100% !important;*/
    }
}
.customer-section .img-wrap {
    height: 110px;
    text-align: center;
    margin: 0 auto;
    position: relative
}
.customer-section .img-wrap img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.customer-section .img-wrap.png img {
    height: auto
}

.cd-panels-section {
    
   /* background: 
    url(https://dev1.codigital.com/img/custom/codigital_global_panel_v02.png);
    background-size:     contain;                      
    background-repeat:   no-repeat;
    background-position: center 40px;*/
}


.cd-section.examples-section {
    padding: 40px 0 30px;
    text-align: center;
    background-color: #B01804;
    background-color: #009AD6;
    background-color: #383741;
    background-color: #008ED3;
    background-color: #223;
    background-color: #2A2A45;
    background-color: #2A2A57;
    background-color: #023F75;
    background-color: #081132;
    background-color: #008ED3;
    margin-top: 0px;
    margin-top: -110px;
    background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(8, 17, 50, 0.7), 
      rgba(8, 17, 50, 0.7)
    ),
    /* bottom, image */
    url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTMCKt3ny-2azjW18qMnGgqZm8gfSrDFJHcj2Ob48aaBf0ZT-RFWg);
    background-size: cover;
}
.cd-section.examples-section h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #FFF;
    font-size: 35px;
    font-weight: 200
}
.cd-section.examples-section a {
    color: #FFF;
    font-weight: 200;
    text-decoration: none
}
.cd-section.examples-section a:hover {
    text-decoration: underline
}
.cd-section.examples-section a.btn:hover {
    text-decoration: none
}
.cd-section.examples-section .goright {
    text-align: right
}
.cd-section.examples-section .goleft {
    text-align: left
}
.cd-section.examples-section .glyphicon {
    font-size: 72px;
    color: #fff;
    margin-top: -15px
}
.cd-section.examples-section .glyphicon-arrow-down {
    display: inline-block;
    font-size: 30px;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 8px;
    color: #FFF
}
.cd-section.examples-section .glyphicon-comment {
    padding-left: 10px;
    padding-right: 10px
}
.cd-section.examples-section .glyphicon-comment.comment1 {
    color: #FFF
}
.cd-section.examples-section .glyphicon-comment.comment2 {
    color: #FFFFF
}
.cd-section.examples-section .glyphicon-comment.comment3 {
    color: #FFF
}
.cd-section.examples-section .babble {
    border-radius: 40px;
    background-color: #007dc0;
    padding: 30px;
    padding-bottom: 10px;
    display: none
}
.cd-section.examples-section .glyphicon-list,
.cd-section.examples-section .glyphicon-stats {
    font-size: 40px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 40px;
    background-color: #008ED3;
    padding: 20px
}
.cd-section.cd-header {
    box-sizing: border-box;
    padding: 144px 0 0;
    background-color: #fff;
    color: #444;
    color: #00376E
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-header {
        padding: 96px 0 48px
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .cd-section.cd-header .info-button {
        margin-left: -40px
    }
}
.cd-section.cd-header .logo-heavy {
    font-weight: 600
}
.cd-section.cd-header .logo-light {
    font-weight: 300
}
.cd-section.cd-header .text-content {
    margin: 24px 0
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-header .text-content {
        text-align: center;
        margin: 24px
    }
}
.cd-section.cd-header h1 {
    font-family: Comfortaa, cursive;
    font-size: 80px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    margin-left: -3px;
    color: #00A2E8;
    color: #00376E;
    color: #0261B6;
    color: #008DC9;
    color: #008ED3
}
@media only screen and (max-width: 1200px) {
    .cd-section.cd-header h1 {
        font-size: 65px
    }
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-header h1 {
        text-align: center;
        font-size: 70px;
        margin: 0
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.cd-header h1 {
        text-align: center;
        font-size: 70px;
        line-height: 75px;
        margin: 0
    }
    
    .navbar-header {
        width: 100% !important;
    }
}
.cd-section.cd-header h2 {
    font-size: 22px;
    font-family: Comfortaa, cursive;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #00A2E8;
    color: #00376E;
    color: #0261B6;
    color: #008DC9;
    color: #008ED3;
    text-transform: uppercase
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-header h2 {
        text-align: center
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.cd-header h2 {
        margin-top: 20px
    }
}
.cd-section.cd-header .codigital-title {
    width: 380px
}
.cd-section.cd-header .image-columns img {
    position: relative
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .cd-section.cd-header .image-columns {
        text-align: center
    }
    .cd-section.cd-header .image-columns img {
        width: 85%;
        padding-bottom: 25px
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.cd-header .image-columns {
        text-align: center
    }
    .cd-section.cd-header .image-columns img {
        width: 85%;
        padding-bottom: 25px
    }
}
@media only screen and (min-width: 768px) {
    .cd-section.cd-header .image-columns {
        text-align: center
    }
    .cd-section.cd-header .image-columns img {
        width: 60%;
        top: -10px;
        padding-bottom: 25px
    }
}
@media only screen and (min-width: 992px) {
    .cd-section.cd-header .image-columns {
        text-align: right
    }
    .cd-section.cd-header .image-columns img {
        width: 75%;
        top: -30px;
        padding-bottom: 25px
    }
    
}
@media only screen and (min-width: 1200px) {
    .cd-section.cd-header .image-columns img {
        width: 75%;
        position: relative;
        top: -30px
    }
}
.cd-section.cd-header .callme {
    position: relative;
    margin-top: 30px
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-header .callme {
        text-align: center;
        top: -90px
    }
}
@media only screen and (min-width: 992px) {
    .cd-section.cd-header .callme {
        top: -135px
    }
}
@media only screen and (min-width: 1200px) {
    .cd-section.cd-header .callme {
        top: -185px
    }
}
.cd-section.cd-steps {
    padding: 90px 0
}
.cd-section.cd-steps .cd-centered-title {
    text-align: center;
    margin-bottom: -20px
}
.cd-section.cd-steps .cd-centered-title h1 {
    font-weight: 300
}
@media only screen and (min-width: 992px) {
    .cd-section.cd-steps .button-row {
        margin-top: -64px
    }
}
.cd-section.cd-steps .section-icon {
    display: inline-block;
    display: none;
    text-align: center;
    height: 128px;
    width: 128px;
    border-radius: 128px;
    background: transparent url(../assets/images/howitworks/74722e65.dna_icon.png) 0 0 no-repeat;
    border: 1px solid #555
}
.cd-section.cd-steps .step-row:first-child {
    margin: 30px 0 0
}
.cd-section.cd-steps .step-row {
    display: table;
    float: none;
    vertical-align: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: 70px 0 0
}
.cd-section.cd-steps .step-row h3 {
    margin-top: 0
}
.cd-section.cd-steps .step-row .section-image {
    display: inline-block;
    text-align: center;
    height: 320px;
    width: 320px;
    border-radius: 240px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat
}
.cd-section.cd-steps .step-row .section-image.ask-question {
    background-image: url(../assets/images/howitworks/48191244.ask_question_v02.png)
}
.cd-section.cd-steps .step-row .section-image.get-answers {
    background-image: url(../assets/images/howitworks/83f02888.add_edit_new_idea.png)
}
.cd-section.cd-steps .step-row .section-image.answers-compete {
    background-image: url(../assets/images/howitworks/03184ce1.vote_v03.png);
    background-position-x: -8px
}
.cd-section.cd-steps .step-row .section-image.repeat-generations {
    background-image: url(../assets/images/howitworks/5c626c45.main_activity.png)
}
.cd-section.cd-steps .step-row .section-image.get-results {
    background-image: url(../assets/images/howitworks/f27d184a.results.png)
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-steps .step-row .section-image {
        margin-top: 32px;
        height: 250px;
        width: 250px
    }
    .cd-section.cd-steps .step-row .gtmd {
        display: none
    }
    .cd-section.cd-steps .step-row .ltmd {
        display: block
    }
}
@media only screen and (min-width: 992px) {
    .cd-section.cd-steps .step-row {
        text-align: center
    }
    .cd-section.cd-steps .step-row [class*=col-md-] {
        float: none;
        display: table-cell;
        vertical-align: top;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
    .cd-section.cd-steps .step-row .gtmd {
        display: table-cell
    }
    .cd-section.cd-steps .step-row .ltmd {
        display: none
    }
}
@media only screen and (max-width: 992px) {
    .cd-section.cd-steps .step-row {
        text-align: center
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.cd-steps .step-row {
        text-align: center
    }
}
.cd-section.cd-steps .step-row .text-content {
    margin-top: 0
}
.cd-section.cd-steps .step-row .text-content .eg-question-group {
    margin: 20px 0
}
.cd-section.cd-steps .step-row .text-content .eg-question {
    border-radius: 60px;
    border: 1px solid #008ED3;
    background: #023F75;
    padding: 7px 27px;
    margin-top: 0;
    color: #ddd
}
.cd-section.cd-steps .step-row .text-content .eg-circle {
    background: #008ED3;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 8px
}
.cd-section.cd-steps .step-row .text-content .glyphicon {
    font-size: 72px;
    color: #008ED3;
    margin-top: 10px
}
.cd-section.illustration-section {
    padding: 40px 0 60px;
    text-align: center;
    background-color: #fff;
    margin-top: 0
}
.cd-section.illustration-section h3 {
    margin-top: 10px;
    margin-bottom: 0;
    color: #00376E;
    font-size: 20px;
    font-weight: 200
}
.cd-section.illustration-section .goright {
    text-align: right
}
.cd-section.illustration-section .goleft {
    text-align: left
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .cd-section.illustration-section img {
        width: 95%
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.illustration-section img {
        width: 95%
    }
}
@media only screen and (min-width: 768px) {
    .cd-section.illustration-section img {
        width: 50%
    }
}
@media only screen and (min-width: 1200px) {
    .cd-section.illustration-section img {
        width: 50%
    }
}
.ctrl-rounded {
    border-radius: 30px;
    overflow: hidden
}
.btn.btn-pink {
    color: #fff;
    background-color: #ff557f;
    border-color: #FF2F2F;
    border-width: 2px
}
.btn.btn-pink:active,
.btn.btn-pink:hover {
    color: #fff;
    background-color: #FF3535;
    border-color: red
}
.btn-success {
    background-color: #C9362E !important;
}
.btn.btn-muddyblue {
    color: #fff;
    font-weight: 300;
    background-color: #C9362E;
    border-color: #C9362E;
    border-width: 2px;
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase
}
.btn.btn-muddyblue:active,
.btn.btn-muddyblue:hover {
    color: #fff;
    background-color: #e45d56;
    border-color: #e45d56;
    text-decoration: none
}
.btn.btn-muddyblue.glyphicon {
    color: #CE2F2E!important
}
.btn.btn-red {
    color: #fff;
    background-color: #FF2F2F;
    border-color: #FF2F2F;
    border-width: 2px
}
.btn.btn-red:active,
.btn.btn-red:hover {
    color: #fff;
    background-color: #EF1E1E;
    border-color: #ED0004
}
.btn.btn-red-hollow {
    background-color: #fff;
    border-color: #FF2F2F;
    color: #FF2F2F;
    border-width: 2px
}
.btn.btn-red-hollow:active,
.btn.btn-red-hollow:hover {
    background-color: #FF2F2F;
    color: #fff
}
.btn.btn-white-hollow {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-width: 2px
}
.btn.btn-white-hollow:active,
.btn.btn-white-hollow:hover {
    color: #000;
    background-color: #fff
}
.cloudflare {
    width: 324px;
}
@media only screen and (max-width: 992px) {
    .btn.btn-co, .cloudflare {
        margin-top: 1em;
        width: 100%;
    }
}
button,
button:active,
button:focus,
input,
input:active,
input:focus,
input[type=button],
input[type=button]:active,
input[type=button]:focus,
input[type=text],
input[type=text]:active,
input[type=text]:focus {
    outline: 0
}
.button-row {
    margin-top: 40px;
    text-align: center
}
.header-video-button a {
    padding: 23px 32px 9px 36px;
    border-color: #FF2F2F;
    border-color: #00376E;
    border-color: #C9362E;
    color: #FFF;
    background: #C74E48;
    background: #C9362E;
    border-width: 1px;
    font-weight: 300;
    text-transform: uppercase
}
.header-video-button a:active,
.header-video-button a:focus,
.header-video-button a:hover {
    background: #e45d56 !important;
    color: #FFF;
    border-color: #e45d56 !important;
}
.header-video-button a .glyphicon {
    font-size: 20px;
    line-height: 20px;
    top: -5px;
    color: #FFF;
}
.header-video-button a .video-text {
    position: relative;
    top: -8px;
    left: 5px
}
@media only screen and (max-width: 992px) {
    .header-video-button a {
        background: #008ED3;
        color: #FFF;
        /*border-color: #008ED3*/
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .header-video-button .form-group {
        width: 455px
    }
}
.email-capture .email-capture-input {
    outline: 0;
    box-shadow: none;
    border-color: #FF2F2F;
    border-width: 2px
}
@media only screen and (min-width: 768px) {
    .email-capture .email-capture-input {
        border-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}
@media only screen and (min-width: 992px) {
    .email-capture .email-capture-input {
        width: 230px
    }
}
.email-capture .email-capture-input::-webkit-input-placeholder {
    color: #ff767b
}
.email-capture .email-capture-input:-moz-placeholder {
    color: #ff767b
}
.email-capture .email-capture-input::-moz-placeholder {
    color: #ff767b
}
.email-capture .email-capture-input:-ms-input-placeholder {
    color: #ff767b
}
.email-capture .email-capture-button {
    margin: 5px 0 0;
    box-shadow: none
}
@media only screen and (min-width: 768px) {
    .email-capture .email-capture-button {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin: 0 0 0 -3px
    }
}
.email-capture .email-capture-button:focus {
    outline: 0
}
.email-capture .email-thank-you {
    opacity: 0;
    padding: 10px;
    font-size: 20px;
    color: red
}
.email-capture .email-thank-you.on {
    opacity: 1
}
@media only screen and (min-width: 1200px) {
    .email-capture {
        position: relative;
        left: 30px
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .email-capture {
        margin-top: 10px
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .email-capture .form-group {
        margin-top: 10px
    }
}
.cd-section {
    padding: 96px 0 48px;
    font-family: Roboto, sans-serif
}
@media only screen and (max-width: 992px) {
    .cd-section {
        padding: 48px 0
    }
}
.cd-section h2 {
    font-size: 50px;
    font-weight: 100;
    padding: 0;
    margin: 12px 0 48px
}
@media only screen and (max-width: 992px) {
    .cd-section h2 {
        text-align: center;
        font-size: 40px;
        font-weight: 300
    }
}
.cd-section .text-content {
    font-size: 22px;
    line-height: 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
@media only screen and (max-width: 992px) {
    .cd-section .text-content {
        margin: 0 18px;
        text-align: center
    }
}
.cd-section .image-columns {
    text-align: center
}
.cd-section .image-columns img {
    width: 300px
}
@media only screen and (max-width: 992px) {
    .cd-section .image-columns img {
        margin-bottom: 48px;
        width: 250px
    }
}



.cd-section.stats-section {
    /*padding: 40px 0 60px;*/
    text-align: center;
    background-color: #e6e6e6;
    margin-top: -110px;
    margin-top: -50px;
    /*display: none;*/
}
.cd-section.stats-section h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 35px;
    font-weight: 200
}
.cd-section.stats-section .goright {
    text-align: right
}
.cd-section.stats-section .goleft {
    text-align: left
}
.cd-section.stats-section .row {
    line-height: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .cd-section.stats-section img {
        width: 85%
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.stats-section img {
        width: 85%
    }
}
@media only screen and (min-width: 768px) {
    .cd-section.stats-section img {
        width: 60%
    }
}




.cd-section.tryit-section {
    padding: 40px 0 60px;
    text-align: center;
    background-color: #e6e6e6;
    margin-top: 0
}
.cd-section.tryit-section h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #00376E;
    font-size: 35px;
    font-weight: 200
}
.cd-section.tryit-section .goright {
    text-align: right
}
.cd-section.tryit-section .goleft {
    text-align: left
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .cd-section.tryit-section img {
        width: 85%
    }
}
@media only screen and (max-width: 768px) {
    .cd-section.tryit-section img {
        width: 85%
    }
}
@media only screen and (min-width: 768px) {
    .cd-section.tryit-section img {
        width: 60%
    }
}



.cd-section.uses-section {
    padding: 40px 0 30px;
    text-align: center;
    background-color: #B01804;
    background-color: #009AD6;
    background-color: #383741;
    background-color: #008ED3;
    margin-top: 0
}
.cd-section.uses-section h3 {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #FFF;
    font-size: 35px;
    font-weight: 200
}
.cd-section.uses-section a {
    color: #FFF;
    font-weight: 200;
    text-decoration: none
}
.cd-section.uses-section a.btn {
    background-color: #008ED3;
    border-color: #FFFFFF;
}
.cd-section.uses-section a:hover {
    text-decoration: underline;
    background-color: #30a9e4;
    border-color: #FFFFFF;
}
.cd-section.uses-section a.btn:hover {
    text-decoration: none
}
.cd-section.uses-section .goright {
    text-align: right
}
.cd-section.uses-section .goleft {
    text-align: left
}
.popup-video.ngdialog.ngdialog-theme-default {
    padding-top: 100px
}
.popup-video.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    font-size: 40px
}
.popup-video.ngdialog.ngdialog-theme-default .ngdialog-content {
    width: 850px;
    background: 0 0;
    padding: 2.2em 1em
}
.video-wrap {
    background: #000;
    width: 800px;
    height: 450px
}