/****  LO SUYO ESTÁ EN LA LÍNEA 528 AMIGO, ARREGLE ESE BILLBOARD****/

/*END BILLBOARD SECTION*/
section.sec-2 {
    padding: 0;
}

.blue{
    color: #59a9e0;
}

.line{
    display:block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #192F47;
    border-bottom: 1px solid #557290;
}

.graphics img {
    display: block;
    margin: 0 auto;
}

h3.how-it {
    color: #1a2a55;
    font-size: 32px;
    line-height: 18.27px;
}

a.how-it-links {
    color: #0073c9;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: underline;
}

a.how-it-links:hover ,a.how-it-links:active{
    text-decoration: none;
}

.line-how-it {
    height: 1px; 
    background-color: #d7d7d7; 
    -webkit-box-shadow: 0 -2px 5px 0 #BBBBBB; 
    -moz-box-shadow: 0 -2px 5px 0 #BBBBBB; 
    box-shadow: 0 -2px 5px 0 #BBBBBB;
}

.btn-get-footer {
    text-align: center;
    padding-top:5.35em ;
    padding-left:0.9375em;
    padding-right: 0.9375em;
    padding-bottom: 5.35em;
    padding-bottom: 40px\0 !important;
}

.btn-side-get {
    border-radius: 5px;
    color:#FFFFFF !important;
    background-image: -webkit-linear-gradient(bottom, #007cc2, #64c5ff); 
    background-image: -moz-linear-gradient(bottom, #007cc2, #64c5ff); 
    background-image: -o-linear-gradient(bottom, #007cc2, #64c5ff); 
    background-image: -ms-linear-gradient(bottom, #007cc2, #64c5ff); 
    background-image: linear-gradient(to top, #007cc2, #64c5ff);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cc2', endColorstr='#64c5ff',GradientType=0 ); /* IE6-8 */
    background-color: #42ace7;
    font-weight: bold;
    -webkit-box-shadow: 0 1px rgba(0,69,127,.75), inset 0 1px 1px #fff; 
    -moz-box-shadow: 0 1px rgba(0,69,127,.75), inset 0 1px 1px #fff; 
    box-shadow: 0 1px rgba(0,69,127,.75), inset 0 1px 1px #fff; 
    border: solid 1px #0095e2;
    font-size: 1.1em;
    padding: 0.6em 1.2em;
    margin: 0 auto;
    text-align: center;
    text-shadow: 1px 1px 1px #3D3D3D;
}

.btn-side-get:hover,.btn-side-get:active,.btn-side-get:visited {
    color:#fff;
    background-color: #42ace7; 
    -webkit-box-shadow: 0 1px rgba(0,69,127,.75), inset 0 1px 1px #fff; 
    -moz-box-shadow: 0 1px rgba(0,69,127,.75), inset 0 1px 1px #fff; 
    box-shadow: 0 1px rgba(0,69,127,.75), inset 0 1px 1px #fff; 
    border: solid 1px #0095e2; 
    background-image: -webkit-linear-gradient(bottom, #64c5ff,   #007cc2); 
    background-image: -moz-linear-gradient(bottom, #64c5ff,   #007cc2); 
    background-image: -o-linear-gradient(bottom, #64c5ff,   #007cc2); 
    background-image: -ms-linear-gradient(bottom, #64c5ff,   #007cc2); 
    background-image: linear-gradient(to top, #64c5ff,   #007cc2);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c5ff', endColorstr='#007cc2',GradientType=0 ); /* IE6-8 */
}

span.btn-get-free-link {
    color: #464646;
    font-weight: bold;
    margin-left: 1em;
    vertical-align: middle;
    display: inline !important;
}

span.btn-get-free-link a {
    color: #0073C9;
    padding-left: 5px;
    text-decoration: underline;
}


span.btn-get-free-link a:hover {
    text-decoration: none;
}

/*clients styles*/

.row.billboard.ta-center.hide-for-small {
    margin-bottom: 0.4%;
}

.row.billboard.ta-center.hide-for-small.customlogout {
    margin-bottom: 0.4%;
    background-color: #1B3C64 !important;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNTQ4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDIzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(34,84,129,1) 0%, rgba(20,35,70,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,84,129,1)), color-stop(100%,rgba(20,35,70,1)));
        background: -webkit-linear-gradient(top, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
        background: -o-linear-gradient(top, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
        background: -ms-linear-gradient(top, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
        background: linear-gradient(to bottom, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
}

.web-box .push-6 .large-6{
    padding: 0 8%;
}

.web-box h1{
    color: #FFFFFF;
    font-family: 'Droid Serif';
    font-size: 28px;
    font-style: italic;
    text-align: center;
    text-shadow: 1px 1px #000000;
    padding-top: 4px;
}

.web-box .column.large-6 {
    color: #999999;
}

.web-box .push-6 .column.large-6:first-child{
    padding-left: 10%;
    padding-right: 7%;
    border-right: 1px solid #848889;
}

.web-box .push-6 .column.large-6:first-child > span,.web-box .push-6 .column.large-6:last-child > span{
    display: block;
    margin-bottom: 8%;
}

.web-box .push-6 .column.large-6:last-child {
    padding-left: 7%;
    padding-right: 8%;
}

.web-box .free-ac-button{
    border: 2px solid #FFB82A;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 0.4em 1em;
    text-shadow: 1px 1px #000000;
    background-image: -webkit-linear-gradient(bottom, #FC7500, #FF9900); 
    background-image: -moz-linear-gradient(bottom, #FC7500, #FF9900); 
    background-image: -o-linear-gradient(bottom, #FC7500, #FF9900); 
    background-image: -ms-linear-gradient(bottom, #FC7500, #FF9900); 
    background-image: linear-gradient(to top, #FC7500, #FF9900);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC7500', endColorstr='#FF9900',GradientType=0 ); /* IE6-8 */
    background-color: #FF9900;
    font-weight: bold;
}

.lt-ie9 .web-box .free-ac-button{
    display: inline-block;
    margin-top: 10px;
    padding-left: 0.4em 0.5em !important;
}

.web-box .free-ac-button:hover{
    color:#fff;
    background-image: -webkit-linear-gradient(bottom, #FF9900, #FC7500); 
    background-image: -moz-linear-gradient(bottom, #FF9900, #FC7500); 
    background-image: -o-linear-gradient(bottom, #FF9900, #FC7500); 
    background-image: -ms-linear-gradient(bottom, #FF9900, #FC7500); 
    background-image: linear-gradient(to top, #FF9900, #FC7500);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#FC7500',GradientType=0 ); /* IE6-8 */
    background-color: #FC7500;
}

.web-box .pro-plans-button{
    border: 2px solid #A09E91;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 0.4em 1em;
    text-shadow: 1px 1px #000000;
    background-image: -webkit-linear-gradient(bottom, #7D7F7E, #BBB7B6); 
    background-image: -moz-linear-gradient(bottom, #7D7F7E, #BBB7B6); 
    background-image: -o-linear-gradient(bottom, #7D7F7E, #BBB7B6); 
    background-image: -ms-linear-gradient(bottom, #7D7F7E, #BBB7B6); 
    background-image: linear-gradient(to top, #7D7F7E, #BBB7B6);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D7F7E', endColorstr='#BBB7B6',GradientType=0 ); /* IE6-8 */
    background-color: #BBB7B6;
    font-weight: bold;
    
}

.lt-ie9 .web-box .pro-plans-button{
    display: inline-block;
    margin-top: 10px;
    padding-left: 0.4em 0.5em !important;
}

.web-box .pro-plans-button:hover{
    color:#fff;
    background-image: -webkit-linear-gradient(bottom, #BBB7B6, #7D7F7E); 
    background-image: -moz-linear-gradient(bottom, #BBB7B6, #7D7F7E); 
    background-image: -o-linear-gradient(bottom, #BBB7B6, #7D7F7E); 
    background-image: -ms-linear-gradient(bottom, #BBB7B6, #7D7F7E); 
    background-image: linear-gradient(to top, #BBB7B6, #7D7F7E);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBB7B6', endColorstr='#7D7F7E',GradientType=0 ); /* IE6-8 */
    background-color: #7D7F7E;
}

.blue-box{
    border: 1px solid #0C2039;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px #10213F inset;
    background-image: -webkit-linear-gradient(bottom, #142346, #225481); 
    background-image: -moz-linear-gradient(bottom, #142346, #225481); 
    background-image: -o-linear-gradient(bottom, #142346, #225481); 
    background-image: -ms-linear-gradient(bottom, #142346, #225481); 
    background-image: linear-gradient(to top, #142346, #225481);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142346', endColorstr='#225481',GradientType=0 ); /* IE6-8 */
    left: -9.7%;
    padding-bottom: 6%;
    position: absolute;
    top: -295px;
    width: 465px;
}

.column.slogan {
    left: 45%;
    position: absolute;
    top: -298px;
    width: 55%;
}

.row.responsive-box{
    position: relative;
}

.column.slogan > h1, .column.slogan > h3 {
    color: #FFFFFF;
    font-size: 2.7em;
    margin-top: 0;
    margin-bottom: 0.05em;
}

.slogan > h2.show-for-small {
    color: #FFFFFF;
    font-size: 1.9em;
    font-weight: normal;
    margin-top: 0;
    padding-left: 1%;
}

.slogan > h2 {
    color: #FFFFFF;
    font-size: 1.9em;
    font-weight: normal;
    margin-top: 0;
    padding-left: 1%;
}

.column.form-billboard.ta-center {
    position: absolute;
    top: -55px;
    width:55%;
    left:45%;
    text-align: left;
}

.form-billboard form {
    display: inline-block;
    width: 89%;
}

.form-billboard form input[type="text"] {
    display: inline;
    font-size: 1.5em;
    padding: 11px;
    width: 54.7%;
    border-radius: 7px;
    height: auto;
}

.form-billboard input[type="button"] {
    font-weight: bold;
    color: #FFFFFF;
    display: inline;
    font-size: 1.5em;
    padding: 10px;
    width: auto;
    margin-left: 1%;
    border-radius: 7px;
    border: 1px solid #0792E7;
    background-image: -webkit-linear-gradient(bottom, #2A9DDA, #6DC7FE); 
    background-image: -moz-linear-gradient(bottom, #2A9DDA, #6DC7FE); 
    background-image: -o-linear-gradient(bottom, #2A9DDA, #6DC7FE); 
    background-image: -ms-linear-gradient(bottom, #2A9DDA, #6DC7FE); 
    background-image: linear-gradient(to top, #2A9DDA, #6DC7FE);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6DC7FE', endColorstr='#2A9DDA',GradientType=0 ); /* IE6-8 */
    background-color: #6DC7FE;
}

.form-billboard input[type="button"]:hover {
    background-image: -webkit-linear-gradient(bottom, #6DC7FE, #2A9DDA); 
    background-image: -moz-linear-gradient(bottom, #6DC7FE, #2A9DDA); 
    background-image: -o-linear-gradient(bottom, #6DC7FE, #2A9DDA); 
    background-image: -ms-linear-gradient(bottom, #6DC7FE, #2A9DDA); 
    background-image: linear-gradient(to top, #6DC7FE, #2A9DDA);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A9DDA', endColorstr='#6DC7FE',GradientType=0 );
    background-color: #2A9DDA;
}

.quote-section p.quote {
    color: #1A2A55;
    display: inline-block;
    font-family: 'Droid Serif';
    font-size: 2.25em;
    font-style: italic;
    line-height: 1em;
    margin-bottom: 0.75em;
}

.quote-section .column {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 3.5%;
}

.quote-section p.author > span{
    display: block;
}

.quote-section p.author {
    font-size: 1.75em;
    line-height: 1.3em;
    margin-bottom: 1.9em;
}

section.sec-gray {
    background: url("/images/qphome/v3/texture.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 50px 0;
}

.home-blue-columns h6{
    font-size: 16px;
    color: #1A2A55;
}

.home-blue-columns .icon-box {
    height: 51px;
    margin-bottom: 1em;
}

.blue-columns{
    margin-top: 65px;
}

section.sec-2 .responsive-box > div.blue-form .slogan .line,
.text-column > div.blue-form .slogan .line{
    margin-bottom: 15px;
    margin-top: 5px;
}

section.sec-2 .responsive-box > div.blue-form .slogan h2.hide-for-small ,
.text-column > div.blue-form .slogan h2.hide-for-small {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 19px;
    padding: 0;
    margin-bottom: 0.4em;
}

section.sec-2 .responsive-box > div.blue-form .slogan h2.hide-for-small strong,
.text-column > div.blue-form .slogan h2.hide-for-small strong{
    font-size: 21px;
}

section.sec-2 .responsive-box > div.blue-form .slogan a.learn, a.learn,
.text-column > div.blue-form .slogan a.learn, a.learn{
    text-decoration: underline;
    color: #25a9df;
    font-size: 14px;
}

section.sec-2 .responsive-box > div.blue-form .slogan a.learn:hover, a.learn:hover,
.text-column > div.blue-form .slogan a.learn:hover, a.learn:hover{
    text-decoration: none;
}

.slogan p,.degrad.billboard .devices-column p,
.degrad-mobile .slogan h4{
    display: inline;
}

.slogan p,.degrad.billboard .devices-column p{
    margin-top: 1em;
}

.degrad.billboard h4{
    display: inline;
}

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

    .no-paddingR-small{
        padding-right: 0 !important;
    } 
    .billboard.show-for-small h1, .billboard.show-for-small  h2, .billboard.show-for-small ul{
        color:  #172d53;
    }

    .billboard.show-for-small{
        background: #EDEDED;
        padding: 20px 0 10px;
    }

    .billboard.show-for-small h1, .billboard.show-for-small  h2{
        text-align: center;
        margin: 0;
    }

     .billboard.show-for-small  h2{
        font-weight: normal;
        font-size: 1.5em;
     }

    .billboard.show-for-small ul{
        list-style: none;
        font-weight: 600;
        margin-top: 25px;
    }
    
    .billboard.show-for-small ul li a{
        font-weight: normal;
    }
    .billboard.show-for-small ul li{
        margin-bottom: 20px;
    }

      .billboard.show-for-small ul li:last-child{
        margin-bottom: 0;
    }

    .block{
        display: block;
    }

    .mt20{
        margin-top: 20px;
    }


    span.btn-get-free-link.hide-for-small{
        display: none !important;
    }

    footer.home-footer .home-social .large-6{
        text-align: left;
    }

    footer.home-footer .qp-log > .small-12, footer.home-footer .qp-links > .small-12{
        text-align: center;
    }

    .sec-2 .btn-get-footer {
        background: none repeat scroll 0 0 #E5E5E5;
        border-top: 1px solid #CCCCCC;
        margin-top: 2em;
        padding: 2.35em 0.9375em 0;
        text-align: center;
    }    
    
    footer.home-footer .row span.footer-txt{
        font-family: 'Droid Sans',sans-serif;
        font-weight: normal;
        padding-left: 16%;
        padding-right: 16%;
        font-size: 20px;
    }

    footer.home-footer .footer-txt > span{
        font-family: 'Droid Sans',sans-serif;
        color: #00305b;
    }

    .copy-footer > span {
        display: block;
        margin-top: 2em;
    }

    .copy-footer > span > a{
        margin: 0 !important;
        font-size: 1.2em !important;
    }
    
    .billboard.degrad-mobile{
        margin-bottom: 0.4%;
        background-color: #1B3C64 !important;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNTQ4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNDIzNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(34,84,129,1) 0%, rgba(20,35,70,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,84,129,1)), color-stop(100%,rgba(20,35,70,1)));
        background: -webkit-linear-gradient(top, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
        background: -o-linear-gradient(top, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
        background: -ms-linear-gradient(top, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
        background: linear-gradient(to bottom, rgba(34,84,129,1) 0%,rgba(20,35,70,1) 100%);
    }

    .billboard.degrad-mobile img {
        padding-top: 26px;
    }

    .slogan p,.slogan h4{
        color: #59a9e0;
        margin: 0;
        font-size: 0.85em;
    }

    .slogan a.learn{
        color: #59a9e0;
        font-size: 15px;
    }
    
    .billboard.degrad-mobile .slogan.column {
        position: static;
        width: 100%;
        padding: 13% 20% 13% 0 !important;
    }

    .billboard.degrad-mobile .slogan h1{
        margin-bottom: 10px;
    }

    .column.slogan > h3{
        font-size: 2.5em;
    }
    .column.slogan > h1{
        font-size: 2.2em;
    }
    .slogan > h2{
        font-size: 1.6em;
    }

    .column.slogan{
        top: -320px;
    }

    .column.form-billboard.ta-center {
        top:-65px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    .web-box .blue-box{
        left: -28%;
        top: -260px;
    }

    .quote-section .column{
        left: 37% !important;
        top: -100px !important;
    }

    .quote-section p.author{
        font-size: 0.8em !important;
    }

}

@media only screen and (min-width: 591px) and (max-width: 680px) {
    .column.slogan > h3{
        font-size: 2.2em;
    }

    .column.slogan > h1{
        font-size: 2.0em;
    }

    .slogan > h2,.slogan > h2.show-for-small{
        font-size: 1.4em;
    }
    
    .column.slogan{
        top: -320px;
    }

    .form-billboard form input[type="text"],.form-billboard input[type="button"]{
        font-size: 1.3em;
        padding: 10px;
    }

    .emailError {
        color:#FF0000 !important;
        font-weight:bold;
        font-style:italic;
        font-size:13px;
        top:-12px;
        width:200px;
    }
}

@media only screen and (max-width: 590px) {
    .column.slogan > h3{
        font-size: 2.2em;
    }

    .column.slogan > h1{
        font-size: 2em;
    }

    .slogan > h2.show-for-small{
        font-size: 1.3em;
    }

    .column.slogan{
        top: -310px;
    }

    .form-billboard form input[type="text"],.form-billboard input[type="button"]{
        font-size: 1.1em;
        padding: 8px;
    }

    .column.form-billboard.ta-center{
        top: -50px;
    }

    .emailError {
        color:#FF0000 !important;
        font-weight:bold;
        font-style:italic;
        font-size:13px;
        top:-12px;
        width:200px;
    }

}

@media only screen and (max-width: 514px) {
    .column.slogan > h1{
        font-size: 1.5em;
    }

    .column.slogan > h1{
        font-size: 2em;
    }

    .slogan > h2{
        font-size: 1.3em;
    }

    .column.slogan{
        top: -310px;
    }

    .form-billboard form input[type="text"],.form-billboard input[type="button"]{
        font-size: 1.1em;
        padding: 8px;
    }

    .column.form-billboard.ta-center{
        top: -50px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 514px) {
    .column.slogan > h3{
        font-size: 1.7em;
    }

    .slogan > h2,.slogan > h2.show-for-small{
        font-size: 1em;
    }

    .column.slogan > h1{
        font-size: 1.5em;
    }

    .slogan > h2{
        font-size: 1em;
    }

    .column.slogan{
        top: -240px;
    }

    .form-billboard form input[type="text"],.form-billboard input[type="button"]{
        font-size: 0.95em;
        padding: 6px;
    }

    .column.form-billboard.ta-center{
        top: -65px;
    }

    .emailError {
        color:#FF0000 !important;
        font-weight:bold;
        font-style:italic;
        font-size:13px;
        top:-12px;
        width:200px;
    }

    .quote-section p.quote{
        font-size: 2em;
    }

    .quote-section p.author{
        font-size: 1.25em;
    }

    h3.how-it{
        font-size: 1.5em;
    }

    .btn-side-get{
        font-size: 1em;
    }
}


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

    .billboard.show-for-small h1{
        font-size: 2em !important;
    }

}

@media only screen and (max-width: 399px) {
    .column.slogan > h3{
        font-size: 1.4em;
    }

    .column.slogan > h1{
        font-size: 1.2em;
    }

    .slogan > h2,.slogan > h2.show-for-small{
        font-size: 0.8em;
    }

    .column.slogan{
        top: -193px;
    }


    .form-billboard form input[type="text"],.form-billboard input[type="button"]{
        font-size: 0.8em;
        padding: 5px;
    }

    .emailError {
        color:#FF0000 !important;
        font-weight:bold;
        font-style:italic;
        font-size:11px;
        top:-9px;
        width:156px;
        left:4px;
    }


    .column.form-billboard.ta-center{
        top: -35px;
        left:45%;
        width:55%;
        text-align: left;
    }

    .quote-section p.quote{
        font-size: 1.5em;
    }
    .quote-section p.author{
        font-size: 1em; 
    }

    h3.how-it{
        font-size: 1.3em;
    }

    h5.sub-title{
        font-size: 1em;
    }

    .btn-side-get{
        font-size: 0.9em;
    }
}

@media only screen and (max-width: 330px) {
    .column.slogan > h3{
        font-size: 1.1em;
    }

    .column.slogan > h1{
        font-size: 1.0em;
    }

    .slogan > h2{
        font-size: 0.7em;
    }

    .column.slogan{
        top: -165px;
    }

    .column.form-billboard.ta-center{
        top: -39px;
        left:45%;
        width:55%;
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    /*quote styles for desktop version*/
    .row.quote-section {
        position: relative;
    }

    .quote-section .column{
        left: 42%;
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 3.5%;
        position: absolute;
        top: -135px;
        width: 54%;
    }

    .quote-section p.quote {
        font-weight: bold;
        margin-bottom: 0.3em;
        color:#fff;
        font-size: 1.1em;
        line-height: 1.3em;
    }

 
    
    .quote-section p.author{
        color:#999 !important; 
        font-size: 0.9em;
        width: 70%;
        display: inline-block;
    }

    img[alt="KNOVATION"] {
        vertical-align: top;
        display: inline-block !important;
    }

    section.sec-2 .responsive-box{
        position: relative;
    }

    section.sec-2 .responsive-box > div.blue-form{
        position: absolute;
        background: none repeat scroll 0 0 #172D54;
        background: -moz-linear-gradient(top, #225481, #142346);
        background: linear-gradient(to bottom, #225481 0%, #142346 100%) repeat scroll 0 0 padding-box transparent;
        background-image: -webkit-gradient(linear, center top, center bottom, from(#225481), to(#142346));
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#225481,endColorStr=#142346);
        border: 1px solid #0C2039;
        
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        
        box-shadow: 0 0 10px #10213F inset;
        -webkit-box-shadow: 0 0 10px #10213F inset;
        -moz-box-shadow: 0 0 10px #10213F inset;
        left: 42.0%;
        width:52.1%;
        padding: 15px 32px;
        top: -310px;
    }

    section.sec-2 .responsive-box > div.blue-form form,
    .text-column > div.blue-form form{
        margin: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan ,
    .text-column > div.blue-form .slogan {
        position: relative;
        width: 100%;
        float: none;
        top: 0;
        left: 0;
    }

    section.sec-2 .responsive-box .form-billboard.ta-center {
        position: relative;
        float: none;
        top: 0;
        left: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan,
    .text-column > div.blue-form .slogan{
        color: #FFFFFF;
    }


    section.sec-2 .responsive-box > div.blue-form .slogan ul,
    .text-column > div.blue-form .slogan ul{
        list-style: none;
        font-size: 15px;
        margin: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan ul li,
    .text-column > div.blue-form .slogan ul li{
        margin-bottom: 10px;
    }

      section.sec-2 .responsive-box > div.blue-form .slogan ul li:last-child,
      .text-column > div.blue-form .slogan ul li:last-child{
        margin-bottom: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan h3 ,
    .text-column > div.blue-form .slogan h3 {
        color: #FFFFFF;
        font-family: 'Droid Serif';
        font-size: 28px;
        font-style: italic;
        text-align: left;
        text-shadow: 1px 1px #000000;
        margin: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan h1 ,
    .text-column > div.blue-form .slogan h1 {
        color: #FFFFFF;
        font-family: 'Droid Serif';
        font-size: 25px;
        font-style: italic;
        padding-bottom: 5px;
        text-align: left;
        text-shadow: 1px 1px #000000;
        margin: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan h2 {
        color: #999999;
        font-size: 18px;
        text-shadow: 0 0 0;
        padding: 0 0 12px 0;
        line-height: 1;
        margin: 0;
    }

    section.sec-2 .responsive-box > div.blue-form .form-billboard,
    .text-column > div.blue-form .form-billboard{
        text-align: left;
        width: 100%;
    }

    section.sec-2 .responsive-box > div.blue-form .form-billboard input[type="text"] ,
    .text-column > div.blue-form .form-billboard input[type="text"] {
        border-radius: 4px 4px 4px 4px;
        color: #999999 !important;
        display: inline-block;
        font-size: inherit;
        /*height: 25px;*/
        margin: 0;
        padding: 4px 5px;
        width: auto;
    }

    section.sec-2 .responsive-box > div.blue-form .form-billboard input[type="button"] ,
    .text-column > div.blue-form .form-billboard input[type="button"] {
        padding: 3px 5px;
        font-size: 1em;
        width: auto;
        border-radius: 4px;
        margin-left: 0;
    }

    section.sec-2 .responsive-box > div.blue-form {
        background: none repeat scroll 0 0 #172D54;
        background: -moz-linear-gradient(top, #225481, #142346);
        background: linear-gradient(to bottom, #225481 0%, #142346 100%) repeat scroll 0 0 padding-box transparent;
        background-image: -webkit-gradient(linear, center top, center bottom, from(#225481), to(#142346));
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#225481,endColorStr=#142346);
        border: 1px solid #0C2039;

        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        
        box-shadow: 0 0 10px #10213F inset;
        -webkit-box-shadow: 0 0 10px #10213F inset;
        -moz-box-shadow: 0 0 10px #10213F inset;
        padding: 15px 32px;
        left: 42.0%;
        top: -310px;
    }

    .emailError {
          color:#ffffff !important;
          font-weight:bold;
          font-style:italic;
          font-size:13px;
          top:3px;
          width:205px;
    }

    /**** styles form blue form on text-column box *****/
    .text-column > div.blue-form {
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
    }

    .degrad.billboard{
        padding-top: 26px;
        padding-bottom: 30px;
    }

    .degrad.billboard .devices-column .devices-home-logged {
        margin-bottom: -30px;
    }

    .degrad.billboard .devices-column h4,.degrad.billboard .devices-column p{
        color: #59a9e0;
        margin: 0;
        font-size: 0.85em;
    }

    .billboard.degrad a.learn,.billboard.degrad .text-column > div.blue-form .slogan a.learn{
        color: #59a9e0;
        font-size: 15px;
    }

    .billboard.degrad .text-column > div.blue-form .slogan h1 {
        font-size: 32px;
        margin-top: 0.2em;
        margin-bottom: 0.7em;
    }

    .billboard.degrad .text-column > div.blue-form .slogan h2.hide-for-small strong{
        color: #59a9e0;
        font-size: 23px;
    }
    
    .billboard.degrad .text-column > div.blue-form .slogan h2.hide-for-small {
        margin-bottom: 1.1em;
        margin-top: 2em;
    }

    .billboard.degrad .text-column > div.blue-form .slogan h2.hide-for-small{
        font-size: 21px;
    }

    .billboard.degrad .text-column > div.blue-form .slogan ul{
        font-size: 16px;
    }
    
    .billboard.degrad .text-column > div.blue-form .slogan .line {
        left: -16.2%;
        position: relative;
        width: 119.5%;
    }

}
@media only screen and (min-width: 768px) and (max-width: 930px){
    .billboard.degrad .text-column > div.blue-form .slogan .line {
        left: -14.2%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 900px){
    .quote-section p.quote {
        font-size: 0.9em;
        line-height: 1.1em;
    }

    body section.sec-2 .responsive-box > div.blue-form,
    .text-column > div.blue-form{
        top: -330px;
        width:65%;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan h3,
    .text-column > div.blue-form .slogan h3{
        line-height: normal;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan h2 {
        font-size:17px;
    }
}

@media only screen and (min-width: 901px) and (max-width: 960px){
    .quote-section p.quote{
        font-size: 1em;
        font-weight: 1.2em;
    }

    .quote-section .column{
        top: -120px;

    }
}

@media only screen and (min-width: 768px) and (max-width: 960px){
    section.sec-2 .responsive-box > div.blue-form .slogan h1,
    .text-column > div.blue-form .slogan h1{
        font-size: 23px;
    }

    section.sec-2 .responsive-box > div.blue-form .slogan h2.hide-for-small strong,
    .text-column > div.blue-form .slogan h2.hide-for-small strong{
        font-size: 20px;
    }


    section.sec-2 .responsive-box > div.blue-form .slogan h2.hide-for-small,
    .text-column > div.blue-form .slogan h2.hide-for-small{
        font-size: 18px;
    }


    section.sec-2 .responsive-box > div.blue-form .slogan ul,
    .text-column > div.blue-form .slogan ul{
        font-size: 14px;
    }

     section.sec-2 .responsive-box > div.blue-form .slogan ul li a,
     .text-column > div.blue-form .slogan ul li a{
        font-size: 13px;
    }

    section.sec-2 .responsive-box > div.blue-form .form-billboard input[type="text"],
    .text-column > div.blue-form .form-billboard input[type="text"]{
        font-size: 0.7em;
    }

    section.sec-2 .responsive-box > div.blue-form .form-billboard input[type="button"],
    .text-column > div.blue-form .form-billboard input[type="button"]{
        font-size: 0.7em;
    }

    section.sec-2 .responsive-box > div.blue-form,
    .text-column > div.blue-form{
        top: -260px;
    }
    
    img[alt="KNOVATION"] {
        vertical-align: top;
        width: 100px;
    }

}

@media only screen and (min-width: 768px){
    .box-bb {
        width: 77%;
        display: inline-block;
    }
}

/* patch img SECONDPRISM */
.sliderDiv {
	height: 345px;
	width: 960px;
}

.emailError div > span{
    top: 0 !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .sliderDiv {
        height:275px;
        width:768px;
    }

body section.sec-2 .responsive-box > div.blue-form,
    .text-column > div.blue-form{
        top: -250px;
        left:255px;
    }

 }

.simply-scroll-container{position:relative;}
.simply-scroll-clip{position:relative;overflow:hidden;}
.simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none;}
.simply-scroll-list li{padding:0;margin:0;list-style:none;}
.simply-scroll-list li img{border:none;display:block;}
.simply-scroll{width:780px;height:40px;}
.simply-scroll .simply-scroll-clip{width:780px;height:40px;left: 0;z-index:2;top:6px;}
.simply-scroll .simply-scroll-list li{float:left;height:40px;padding-right:40px;}

@media only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    img.show-in-retina-display {
        display: inline;
    }

    img.hide-in-retina-display {
        display: none !important;
    }
}