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

section.partners-logo {
    background: #fff;
    padding-bottom: 20px;
}

section.partners-logo .clients2 .clients2-img-container {
    margin-right: 25px;
}

.blue{
    color: #59a9e0;
}

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

.graphics img,.graphics a {
    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: 5.35em 0.9375em;
}

.btn-side-get {
    border-radius: 5px;
    color:#FFFFFF !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YzVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwN2NjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(100,197,255,1) 0%, rgba(0,124,194,1) 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,197,255,1)), color-stop(99%,rgba(0,124,194,1)));
    background: -webkit-linear-gradient(top, rgba(100,197,255,1) 0%,rgba(0,124,194,1) 99%);
    background: -o-linear-gradient(top, rgba(100,197,255,1) 0%,rgba(0,124,194,1) 99%);
    background: -ms-linear-gradient(top, rgba(100,197,255,1) 0%,rgba(0,124,194,1) 99%);
    background: linear-gradient(to bottom, rgba(100,197,255,1) 0%,rgba(0,124,194,1) 99%);
    background-color: #42ace7 !important;
    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: #64c5ff !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGM1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,124,194,1) 0%, rgba(100,197,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,124,194,1)), color-stop(100%,rgba(100,197,255,1)));
    background: -webkit-linear-gradient(top, rgba(0,124,194,1) 0%,rgba(100,197,255,1) 100%);
    background: -o-linear-gradient(top, rgba(0,124,194,1) 0%,rgba(100,197,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,124,194,1) 0%,rgba(100,197,255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,124,194,1) 0%,rgba(100,197,255,1) 100%);
    -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;
    text-decoration: none;
}

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%;
    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%);
    max-width: 60em;
}

.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;
}

/*.free-ac-button,.pro-plans-button{
    display: block;
}*/

.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{
    /*background: linear-gradient(to bottom, #225481 0%, #142346 100%) repeat scroll 0 0 padding-box rgba(0, 0, 0, 0);
    */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 */
    /*background-color: #7D7F7E;*/
    left: -9.7%;
    padding-bottom: 6%;
    position: absolute;
    /*top: -295px;*/
    top: 288px;
    width: 465px;
}

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

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

.column.slogan > h1 {
    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%;
}

.column.form-billboard.ta-center {
    position: absolute;
    top: -71px;
}

.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 form input[type="submit"] {
    font-weight: bold;
    color: #FFFFFF;
    display: inline;
    font-size: 1.5em;
    padding: 10px;
    width: 33%;
    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;
    box-shadow: 0 2px #494949;
}

.form-billboard form input[type="submit"]: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 );
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6DC7FE', endColorstr='#2A9DDA',GradientType=0 ); *//* IE6-8 */
    background-color: #2A9DDA;
}

.column.slogan > h1, .column.slogan > h2.show-for-small, .form-billboard form input[type="submit"]{
    text-shadow: 0 1px 2px #2D2D2D;
}

.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;
}

.playHead {
    width: 400px;
    height:211px;
    position: absolute;
    background:  url("/images/qphome/v3/playHead.png") no-repeat center;
}

.playHead:hover {
    background:  url("/images/qphome/v3/playHeadOver.png") no-repeat center;
}

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

}


section.sec-2 .responsive-box > div.bill-loggedin .slogan h2.hide-for-small ,
.text-column > div.bill-loggedin .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.bill-loggedin .slogan h2.hide-for-small strong,
.text-column > div.bill-loggedin .slogan h2.hide-for-small strong{
    font-size: 21px;
}


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

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

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

.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: left;
        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;
        /*font-weight: bold;*/
    }


    .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;
    }
}

@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 > h1{
        font-size: 2.2em;
    }
    .slogan > h2.show-for-small{
        font-size: 1.6em;
    }

    .column.slogan{
        top: -270px !important;
    }

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


}

@media only screen and (min-width: 515px) and (max-width: 590px) {
    .column.slogan > h1{
        font-size: 2em;
    }

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

    .column.slogan{
        top: -236px !important;
    }

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


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

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

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

    .bill-loggedin .column.slogan{
        top: -190px;
    }

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

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

    .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 > h1{
        font-size: 1.2em;
    }

    .billboard h1{
        /*font-size: 2em !important;*/
    }

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

    .column.slogan{
        top: -163px !important;
    }


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

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

    .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 (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;
    }
    /*billboard fixes*/
    /*section.sec-2{
        position: relative;
    }*/

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

    section.sec-2 .responsive-box > div.bill-loggedin{
        position: absolute;
        /*top:-356px;*/
        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: 39%;
        margin-right: 5%;
        padding: 15px 20px;
        /*position: absolute;*/
        top: -291px;
        /*z-index: 100;*/
        /* IE */
        /*filter: alpha(opacity=95);*/
        /* Firefox 0.9+, Safari 2.x+, Chrome, Opera 9+, IE 9+ */
        /*opacity: 0.95;
        min-width: 400px;*/
    }

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

    section.sec-2 .responsive-box > div.bill-loggedin .slogan ,
    .text-column > div.bill-loggedin .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.bill-loggedin .slogan,
    .text-column > div.bill-loggedin .slogan{
        color: #FFFFFF;
    }


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

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

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


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



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

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

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


    section.sec-2 .responsive-box > div.bill-loggedin
    {
        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 20px;
    }


    /**** styles form blue form on text-column box *****/
    .text-column > div.bill-loggedin {
        padding: 0 20px 15px;
    }

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

    .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.bill-loggedin .slogan a.learn{
        color: #59a9e0;
        font-size: 15px;
    }

    .billboard.degrad .text-column > div.bill-loggedin .slogan h1 {
        font-size: 39px;
        margin-top: 0;
        margin-bottom: 0.2em;
    }

    .billboard.degrad .text-column > div.bill-loggedin .slogan h2.hide-for-small strong{
        color: #59a9e0;
        font-size: 23px;
    }

    .billboard.degrad .text-column > div.bill-loggedin .slogan h2.hide-for-small {
        margin-bottom: 1.1em;
        margin-top: 1em;
    }

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

    .billboard.degrad .text-column > div.bill-loggedin .slogan ul{
        font-size: 16px;
    }

    .billboard.degrad .text-column > div.bill-loggedin .slogan .line {
        left: -16.2%;
        position: relative;
        width: 112%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 930px){
    .billboard.degrad .text-column > div.bill-loggedin .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;
    }

}

@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.bill-loggedin .slogan h1,
    .text-column > div.bill-loggedin .slogan h1{
        font-size: 23px;
    }

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


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


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

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

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

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

    img[alt="KNOVATION"] {
        vertical-align: top;
        width: 100px;

    }

}

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

/* patch img SECONDPRISM */
/*img[alt="SecondPrism"] {
    margin-top: 14px;
}*/


/* new billboard css  start */

.nb-sec .row.billboard.ta-center.hide-for-small.degrad.nb-no-b {
    background: none !important;
}

.sec-2.nb-sec .nb-back {
    background: #e7f2f7;
    box-shadow: 0 1px 1px 0 #ededed;
}

h1.hide-for-small.nw-b-t {
    color: #1A2B57 !important;
    text-shadow: none !important;
    font-family: "Fira Sans",sans-serif !important;
    font-style: normal !important;
    line-height: 1.1em !important;
}

/*.sec-2 .row.billboard.hide-for-medium-up.degrad-mobile.nb-mobile,*/
.sec-2 .billboard.show-for-small {
    background: #EBEBEB !important;
}

.sec-2 .row.billboard.hide-for-medium-up.degrad-mobile.nb-mobile {
    background: #e7f2f7 !important;
}

.nb-sec .nb-tl strong, .nb-tl strong span {
    color: #0071CF !important;
}

.nb-sec .hide-for-small.ta-left.nb-tl {
    color: #1A2B57 !important;
    font-weight: bold !important;
    font-size: 18px !important ;
}

.nb-tl strong {
    font-size: 18px !important;
}

.nb-sec .hide-for-small.ta-left.nb-news {
    color: #1A2553;
    /*padding-right: 60px !important;*/
    font-size: 15px !important;
    width: 79%;
}

.nb-sec .nb-box h4, .nb-box p {
    color: #1A2B57 !important;
}

.nb-sec .nb-box a {
    display: block;
}

.nb-sec .box-bb.nb-box {
    width: 100% !important;
}

.nb-sec .box-bb.nb-box p {
    display: block !important;
}

.nb-sec .clients2 p {
    color: #8d8e8e;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 14px;
    display: inline-block;
    width: calc(100% - 9px);
    vertical-align: middle;
}
.shadow{
    border-right: 1px solid #CCCCCC;
    box-shadow: 2px 0 4px #DDDDDD;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 4px;
}

.nb-sec .degrad.billboard .devices-column .devices-home-logged {
    margin-bottom: 0 !important;
}

.nb-sec .degrad.billboard {
    padding-top: 40px;
    padding-bottom: 35px;
}

.nb-sec .hide-for-small.ta-left.nb-tl {
    margin-bottom: 0.7em !important;
}

.nb-sec .column.slogan.no-padding-for-large.no-paddingR-small h1 {
    color: #1A2B57 !important;
    text-shadow: none !important;
}

.nb-sec .column.slogan.no-padding-for-large.no-paddingR-small h4, .nb-sec .column.slogan.no-padding-for-large.no-paddingR-small p {
    color: #172d53 !important
}

.cent-img-nb {
    height: 335px;
    display: table;
    float:right;
}

.inner-contbox {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.nb-sec .billboard.degrad-mobile {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #A3A3A3;
}

.mob-tit h1 {
    color: #172d53;
    margin-top: 35px;
}

.bottom-cont h4, .bottom-cont p {
    color: #172d53;
}

.bottom-cont h4 {
    margin-bottom: 0;
}

.bottom-cont p {
    margin-bottom: 20px;
}

.nb-sec .billboard.show-for-small h2 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
}

ul.gr-new {
    color: #434343 !important;
    font-weight: normal !important;
    text-align: left;
}

.nb-sec .billboard.show-for-small ul li {
    margin-bottom: 12px;
}

.nb-sec .billboard.show-for-small ul li a {
    color: #0274CD !important;
}

.nb-sec .billboard.degrad-mobile img {
    padding-top: 5px;
    width:90%;
}

.playHead1 {
    width: 325px;
    height:180px;
    position: absolute;
    margin: auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:  url("/images/qphome/v3/playHead.png") no-repeat center;
}

.playHead1:hover {
    background:  url("/images/qphome/v3/playHeadOver.png") no-repeat center;
}


@media only screen and (max-width: 825px) {
    .nb-sec .hide-for-small.ta-left.nb-news {
        width: 99%;
    }
}

.wauto {
    max-width:none !important;
}

/* new billboard css ends */