@font-face{
    font-family: 'Fira Sans Regular';
    src: url('/fonts/firasans/eot/FiraSans-Regular.eot');
    src: local('Fira Sans Regular'),
    url('/fonts/firasans/eot/FiraSans-Regular.eot') format('embedded-opentype'),
    url('/fonts/firasans/woff/FiraSans-Regular.woff') format('woff'),
    url('/fonts/firasans/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
.mt4p {
    margin-top: 4%;
}

.mt5p {
    margin-top: 5%;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.backg-sky {
    background: #F6FAFD;
}

.temp-height{
    height: 100px;
}

.margin-top-40 {
    margin-top: 3%;
}

.ml15{
    margin-left: 0.9375em;
}

.bb{
    border-bottom: 1px solid #DADADA;
}

.ml32{
    margin-left: 1.938em;
}

.ta-center{
    text-align: center;
}

.ta-right{
    text-align: right;
}

.ta-left{
    text-align: left;
}

.mb20{
    margin-bottom: 20px;
}

.mb5{
    margin-bottom: 5px;
}

.bb1{
    border-bottom: 1px solid #e7e7e7;
}
/*END HELPERS*/
/* ******** end mobile body sizes******* */
@media only screen and (max-width: 480px) {
    .social .read {
        background-position: -4px -132px !important;
        height: 40px;
        width: 40px;
    }

    .social .read:hover,.social .read:active {
        background-position: -47px -132px !important;
    }

    .social .circle {
        background-position: -4px -230px !important;
        height: 40px;
        width: 40px;
    }

    .social .circle:hover,.social .circle:active {
        background-position: -47px -230px !important;
    }

    .social .follow {
        background-position: -4px -181px !important;
        height: 40px;
        width: 40px;
    }

    .social .follow:hover,.social .follow:active {
        background-position: -47px -180px !important;
    }

    .social .connect {
        background-position: -95px -180px !important;
        height: 40px;
        width: 40px;
    }

    .social .connect:hover,.social .connect:active {
        background-position: -140px -178px !important;
    }

    .social .like {
        background-position: -93px -132px !important;
        height: 40px;
        width: 40px;
    }

    .social .like:hover,.social .like:active {
        background-position: -139px -131px !important;
    }

    .social .watch {
        background-position: -96px -229px !important;
        height: 40px;
        width: 40px;
    }

    .social .watch:hover,.social .watch:active {
        background-position: -143px -228px !important;
    }

    .social .sociallearn {
        background-position: -186px -132px !important;
        height: 40px;
        width: 40px;
    }

    .social .sociallearn:hover,.social .sociallearn:active {
        background-position: -186px -179px !important;
    }

    .read, .read:hover,.read:active,
    .follow, .follow:hover,.follow:active,
    .circle, .circle:hover,.circle:active,
    .connect, .connect:hover,.connect:active,
    .like, .like:hover,.like:active,
    .watch, .watch:hover,.watch:active, .sociallearn, .sociallearn:hover,.sociallearn:active {
        background: url("/images/qphome/v3/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        background-size: 240px 270px !important;
        -webkit-background-size: 240px 270px !important;
        display: inline-block !important;
    }

    .social > span{
        height: 40px !important;
    }

    .small-equal {
        width:14.2% !important;
    }

}

@media only screen and (max-width: 320px) {
    body {
        min-width: 300px;
    }
}

@media only screen and (min-width: 321px) and (max-width: 479px)  {
    body {
        min-width: 320px !important;
    }
}

@media only screen and (width: 480px) {
    body {
        min-width: 460px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px)  {
    body {
        min-width: 460px;
    }
}

@media only screen and (max-width: 767px) {
    .read, .read:hover, .follow, .follow:hover, .circle, .circle:hover, .connect, .connect:hover, .like, .like:hover, .watch, .watch:hover,  .sociallearn, .sociallearn:hover {
        background: url("/images/qphome/v3/sprites.png") no-repeat;
        display: inline-block !important;
    }
    .small-equal {
        width:13.2% !important;
    }
}


/* ******** end mobile body sizes******* */

/*MEDIA QUERY for Ipad porstrait devices for broken footers */
@media only screen and (min-width: 768px) and (max-width: 1023px){
    /*HOME AND SEO*/

    .qp-links > div {
        text-align: center;
        width: 100%;
    }

    .qp-links > div > .links-info .copy-footer > span {
        display: block;
        margin-top: 1em;
    }

    .qp-links > div > .links-info .copy-footer > span {
        margin-top: 2em;
    }

    .qp-log > div {
        text-align: center;
    }

    .qp-links > div .sec-info{
        text-align: center;
    }

    .btn-get-footer span.btn-get-free-link {
        display: block !important;
        margin-top: 2em;
    }

    /*END HOME AND SEO*/

    /* NO HOME OR SEO FOOTER */
    .footer2 > div > div{
        text-align: center;
    }

    .footer2 > div > div > .footerContent{
        text-align: center;
        width: 100%;

    }

    .footer2 > div > div > .footerContent > div{
        display: block;
    }

    .footer2 > div > div > .footerContent > div.liveChat {
        margin-bottom: 1em;
    }

    .footer2 > div > div > .logos{
        width: 100%;
        /* margin-top: */
    }

    /* end NO HOME OR SEO FOOTER */

    /*billboard quote problem*/
    .row.quote-section .column{
        padding-right: 0;
    }
    /*end billboard quote problem*/

    .bbblogo {
        left: 385px !important;
    }
}


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

    .header-content {
        border-bottom: 1px solid #888 !important;
        border-top: 1px solid #888 !important;
        padding-bottom: 4px;
    }

    #logo {
        margin: 15px 0 !important;
        /*text-align: center;*/
    }

    #logo > a > img{
        height: auto !important;
    }
}
@media only screen and (min-width: 768px) {
    .no-padding-for-large{
        padding: 0;
    }

    .no-margin-for-large{
        margin: 0;
    }
}

/**** Header QuestionPro ****/

#logo > a > img{
    height: 70px;
    left: -20px;
}

.resp-menu {
    margin-top: 22px;
}

.logo-responsive a img {
    width: 198px;
}

.open img {
    width: 30px;
}

.hide-submenu {
    display: none;
}

.header-content {
    background: #f1f1f1;

    border-bottom: 1px solid #152446;
}

.blue-line {
    height: 8px;
    background-color: #172d55;
    box-shadow: 0 2px 5px -2px #666666;
    margin-bottom: 5px;
}

#logo {
    margin: 10px 0 30px;
    padding-left: 6px;
}

nav ul li {
    display: inline;
}

ul.top-nav {
    background: none repeat scroll 0 0 #172d55;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: 0;
    margin-right: 5px;
    box-shadow: 0 2px 5px -2px #666666;
}

ul.top-nav li {
    border-left: 1px solid #ffffff;
    padding: 0 10px;
    font-size: 13px;
}

ul.top-nav li:first-child {
    border-left: none;
}

ul.top-nav li a {
    color: #FFF;
    font-size: 13px;
}

ul.top-nav li a:hover,ul.top-nav li a:active{
    color: #33BBFF;
}

ul.main-nav {
    margin-bottom: 5px;
}

ul.main-nav li {

}

ul.main-nav li a {
    border: 1px solid transparent;
    color: #666666;
    font-weight: bold;
    height: auto;
    line-height: normal;
    margin-right: 10px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
}

.header-content ul.main-nav li a.active {
    background: none repeat scroll 0 0 #B8B8B9;
    border-radius: 8px 8px 8px 8px / 9px 9px 9px 9px;
    box-shadow: 0 0 5px 0 #999999 inset;
    color: #FFFFFF !important;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    text-shadow: 0 1px #666666 !important;
}

ul.main-nav li a:hover,ul.main-nav li a:active {
    -webkit-border-radius: 8px/9px;
    -moz-border-radius: 8px/9px;
    border-radius: 8px/9px;
    background: #b8b8b9;
    -webkit-box-shadow: inset 0 0 5px 0 #999;
    -moz-box-shadow: inset 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999 inset;
    padding: 5px 10px;
    color: #1B4464;
    text-shadow: 0 1px #DDD;
    border: 1px solid #BBBBBB;
    margin: 0;
    margin-right: 10px;
    filter: none;
}

.btn, .btn:visited {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px rgba(28,115,196,.75);
    text-transform: uppercase;
    position: relative;
    bottom: 15px;
}

.free-account {
    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, #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='#64c5ff', endColorstr='#007cc2',GradientType=0 ); /* IE6-8 */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6DC7FE', endColorstr='#2A9DDA',GradientType=0 );*/
    position: relative;
    /*top: 100px;*/
    right: 7px;
    top: 104px;
    z-index: 1;
}

.free-account:hover,.free-account:active {
    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='#007cc2', endColorstr='#64c5ff',GradientType=0 ); /* IE6-8 */
}

.social-fb,.phone-flags {
    border: 1px solid #8A8A8A;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    position: relative;
    right: 21px;
    top: 51px;
    width: 210px;
    background: linear-gradient(to bottom, #F8F8F8 0%, #C5C6C8 100%) repeat scroll 0 0 #DEDFE1;
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#c5c6c8',GradientType=0 );*/
    /*progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A9DDA', endColorstr='#6DC7FE',GradientType=0 );*/
    /*background: #C5C6C8;*/
    background-color: #DEDFE1;
}

.social-fb:hover,.social-flags:active,
.phone-flags > span:hover,.phone-flags:active > span{
    background-color: #eee;
    border-radius: 5px 0 0 5px;
    background: linear-gradient(to bottom, #C5C6C8 0%, #F8F8F8 100%) repeat scroll 0 0 #DEDFE1;
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c6c8', endColorstr='#f8f8f8',GradientType=0 );*/
}

.phone-flags.right > span {
    border-right: 1px solid #8A8A8A;
    display: inline-block;
    height: 28px;
    padding: 0 0.5em;
}

.phone-flags .flags-link:before{
    color: rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    /*height: 20px;*/
    /*left: -2em;*/
    position: relative;
    /*top: -1em;*/
    /*width: 30px;*/
}

.phone-flags .flags-link:after{
    background: url("/images/qphome/v3/arrow-down.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 7px;
    position: relative;
    width: 9px;
    top: -2px;
}

.phone-flags.flag-aust .flags-link:before,
.aust .list-flag{
    background: url("/images/qphome/v3/Flag-Australia.png") no-repeat transparent;
    width: 24px;
    height: 19px;
    display: inline-block;
    /**/
}
.phone-flags.flag-usa .flags-link:before,
.usa .list-flag{
    background: url("/images/qphome/v3/Flag-US.png") no-repeat transparent;
    width: 24px;
    height: 19px;
    display: inline-block;
    /**/
}
.phone-flags.flag-UK .flags-link:before,
.UK .list-flag{
    background: url("/images/qphome/v3/Flag- UK.png") no-repeat transparent;
    width: 24px;
    height: 19px;
    display: inline-block;
    /**/
}
.phone-flags.flag-india .flags-link:before,
.india .list-flag{
    background: url("/images/qphome/v3/Flag-india.png") no-repeat transparent;
    width: 24px;
    height: 19px;
    display: inline-block;
    /**/
}
.phone-flags.flag-fax .flags-link:before,
.fax .list-flag{
    background: url("/images/qphome/v3/fax-icon.png") no-repeat transparent;
    height: 19px;
    width: 22px;
    display: inline-block;
    /**/
}
.phone-flags.flag-global .flags-link:before,
.global .list-flag{
    background: url("/images/qphome/v3/global-icon.png") no-repeat transparent;
    height: 19px;
    width: 22px;
    display: inline-block;
    /**/
}

.phone-flags.flag-aust .flags-link:before,
.phone-flags.flag-usa .flags-link:before,
.phone-flags.flag-UK .flags-link:before,
.phone-flags.flag-india .flags-link:before{
    top:5px;
}

.phone-flags.flag-fax .flags-link:before,
.phone-flags.flag-global .flags-link:before{
    top: 5px;
}

.phone-flags.flag-fax .flags-link:after,
.phone-flags.flag-global .flags-link:after{
    top:-1px;
}

.phone-flags.flag-global i.phone-number:before,
.phone-flags.flag-fax i.phone-number:before{
    position: relative;
    top: -3px;
}

.phone-flags i.phone-number {
    color: #5D5D5D;
    font-size: 0.9em;
    font-weight: 700;
    margin-left: 0.7em;
    cursor: text;
    font-style:normal;
}


#drop-flag.f-dropdown:before,
#drop-flag.f-dropdown:after{
    display: none;
}

#drop-flag.f-dropdown {
    left: -9999px !important;
}

#drop-flag.f-dropdown {
    background: none repeat scroll 0 0 #DEDFE1;
    border: 1px solid #8A8A8A;
    border-radius: 10px 10px 10px 10px;

    width: 85%;
}

#drop-flag.f-dropdown.open{
    left: -1px !important;
    top: 26px !important;
}

/* probandp z-index*/

div.phones{
    position: relative;
    height: 0;

}

div.phones .social-fb,div.phones .phone-flags{
    position: absolute;
    top: -103px;
}

/* end probandp z-index*/


#drop-flag.f-dropdown > li{
    border-bottom: 1px solid #8A8A8A;
}

#drop-flag.f-dropdown > li:last-child{
    border-bottom: 0;
}

#drop-flag.f-dropdown > li:last-child:hover{
    border-radius: 0 0 10px 10px;
}

#drop-flag.f-dropdown > li:first-child:hover{
    border-radius: 10px 10px 0 0;
}

#drop-flag.f-dropdown li {
    font-size: 0.75em;
    font-weight: 700;
    /*top: -5px;*/
}

.list-flag {
    position: relative;
    top: 4px;
    margin-right: 0.5em;
}

#drop-flag.f-dropdown li a {
    padding-bottom: 0.5em;
    padding-left: 1em;
}

.header-content .blog-header,.header-content .blog-header:hover,
.header-content .goo-header,.header-content .goo-header:hover,
.header-content .tw-header,.header-content .tw-header:hover,
.header-content .ln-header,.header-content .ln-header:hover,
.header-content .fb-header,.header-content .fb-header:hover,
.header-content .yt-header,.header-content .yt-header:hover{
    background: url("/images/qphome/v3/sprite-social icons.png") no-repeat transparent;
    height: 18px;
    width: 18px;
    display: inline-block;
    top: 4px;
    position: relative;
}

.blog-header{
    background-position: -3px -2px !important;
}
.blog-header:hover{
    background-position: -3px -30px !important;
}

.goo-header{
    background-position: -3px -57px !important;
}
.goo-header:hover{
    background-position: -3px -85px !important;
}

.tw-header{
    background-position: -3px -114px !important;
}
.tw-header:hover{
    background-position: -3px -142px !important;
}

.ln-header{
    background-position: -3px -170px !important;
}
.ln-header:hover{
    background-position: -3px -198px !important;
}

.fb-header{
    background-position: -3px -226px !important;
}
.fb-header:hover{
    background-position: -3px -254px !important;
}

.yt-header{
    background-position: -3px -282px !important;
}
.yt-header:hover{
    background-position: -3px -310px !important;
}


/* Pages Slide */

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;

    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px 0;

    /* These styles are optional, and describe how the pageslide will look */
    background-color: #E9E9E9;
    color: #666;
    box-shadow: none;
    overflow-y: auto;
    font-family: 'Fira Sans Regular',sans-serif !important;
}

#pageslide ul li {
    list-style: none;
    margin-bottom: 8px;
}

#pageslide ul.main-nav li a, #pageslide ul.main-nav li a.active, #pageslide ul.main-nav li a:hover {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #666666;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 25px;
    text-shadow: none;
    display: block;
    font-weight:normal !important;
    font-size:1em !important;
}

body #pageslide ul.main-nav li a.active{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #2CABE0 !important;
    text-shadow: none !important;
}
body #pageslide  ul.main-nav li a:hover:after {
    color: #A3A7B2;
    content: "Press";
    float: right;
    font-size: 12px;
    margin-top: 4px;
    text-transform: uppercase;
}

body #pageslide ul.main-nav li a.active:hover {
    background: none repeat scroll 0 0 #F1F1F1;
}

body #pageslide ul.main-nav li a:hover{
    background: none repeat scroll 0 0 #F1F1F1;
    text-shadow: none;
    color:#2CABE0;
}

#pageslide li.hide-submenu {
    display: block;
    margin-left: 0;
    /*margin-right: 20px;
    padding-left: 20px;*/
}

#pageslide li.hide-submenu a {
    font-weight: 400;
}

#pageslide li.first-sub {
    border-top: 1px solid #CECECE;
    padding-top: 15px;
    margin-top: 15px;
}

#pageslide li.cname {
    border-bottom: 1px solid #CECECE;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
}

#pageslide li.cname img {
    width: 65%;
    padding: 5px;
}

/******* logo retina style ******/
.retina{
    display: none;
}

/* end Header*/

/* Main Styles */
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Droid Sans', sans-serif;
}

.bg-gray {
    border-top: 3px solid #1A2A55;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px rgba(0,0,0,.2);
    box-shadow: 0 1px rgba(0,0,0,.2);
    background-image: -webkit-linear-gradient(bottom, rgba(105,105,105,.12), rgba(255,255,255,.12));
    background-image: -moz-linear-gradient(bottom, rgba(105,105,105,.12), rgba(255,255,255,.12));
    background-image: -o-linear-gradient(bottom, rgba(105,105,105,.12), rgba(255,255,255,.12));
    background-image: -ms-linear-gradient(bottom, rgba(105,105,105,.12), rgba(255,255,255,.12));
    background-image: linear-gradient(to top, rgba(105,105,105,.12), rgba(255,255,255,.12));
}

h3.h3-title, h1.h1-title{
    color: #1a2a55;
    line-height: 40.77px;
    text-shadow: 0 1px #fff;
    padding: 3px 20px;
    font-size: 26px;
    margin-top: 0;
}

.mt15 {
    margin-top: 15px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

h5.sub-title {
    color: #1a2a55;
    margin-bottom: 5px;
    line-height: 24px;
}

section p {
    color: #464646;
    font-size: 14px;
    line-height: 24px;
}

h4.blue-title {
    color: #1a2a55;
    font-size: 24px;
    line-height: 40.77px;
}

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

img.hide-in-retina-display{
    display: inline;
}

/*************** ALL THIS CAN BE DELETED IF THE GENERAL SITE'S FOOTER CHANGES ***************/

/************ Section Social **************/

section.sec-3 {
    background: #EDEDED;
    padding: 20px 0;
}

.ico-social {
    padding-left: 20px;
    display: block;
}

.ico-blog {
    background: url('/images/qphomev2/blog.png') no-repeat scroll 0 0 transparent;
}

.ico-tw {
    background: url('/images/qphomev2/twitter.png') no-repeat scroll 0 0 transparent;
}

.ico-fb {
    background: url('/images/qphomev2/facebook.png') no-repeat scroll 0 0 transparent;
}

.ico-gplus {
    background: url('/images/qphomev2/google+.png') no-repeat scroll 0 0 transparent;
}

.sec-3 a {
    font-size: 13px;
    color: #444;
}

.sec-3 a:hover ,.sec-3 a:active{
    text-decoration: underline;
}

/****** Section footer-nav ***********/
section.footer-nav {
    background: #DEDEDE;
    padding: 10px 0;
}

nav.foo-menu {

}

nav.foo-menu ul {
    margin: 0;
}

nav.foo-menu ul li a {
    padding: 0 45px;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

nav.foo-menu ul li a:hover,nav.foo-menu ul li a:active {
    text-decoration: underline;
}

span.foo-div-line {
    display: inline-block;
    width: 1px;
    height: 25px;
    background-color: #d3d3d3;
    -webkit-box-shadow: 1px 0 rgba(255,255,255,.75);
    -moz-box-shadow: 1px 0 rgba(255,255,255,.75);
    box-shadow: 1px 0 rgba(255,255,255,.75);
    vertical-align: middle;
}

.foo-menu-ico {
    background-color: #DEDEDE;
    font-weight: 600;
    height: 40px;
    color: #4d4d4d;
}

.foo-menu-ico a {
    border-left: 1px solid #999;
    float: right;
    margin-top: 8px;
    padding: 4px 30px;
}

.foo-menu-ico span {
    float: left;
    padding: 10px;
    margin-top: 4px;
}

nav.foo-mobile-menu, .foo-mob-nav {
    display: none;
}

.foo-mobile-menu li {
    list-style: none;
}

.foo-mobile-menu li a {
    background: none repeat scroll 0 0 #EDEDED;
    border-top: 1px solid #DEDEDE;
    color: #444444;
    display: block;
    padding: 20px;
    text-align: center;
    width: 100%;
}

span.ico-social {
    margin: 10px 0;
}

.r_livechat {
    position:fixed!important;
    z-index:10;
    top:80%;
    right:-2px;
}

.r_livechat > a > div.number {
    color:#7D7D7D;
    font-size: 14px;
    font-weight:bold;
    padding: 9px 0 0 53px;
    text-shadow: 1px 1px 1px #fff;
}

.r_livechat > a > div.text {
    color:#fff;
    font-size: 13px;
    padding: 10px 0 0 12px;
    text-shadow: 1px 1px 1px #333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#lightboxBodyDiv div {
    position: relative;
}

/****************************GENERAL FOOTER STYLE*********************************************************/

footer.footerSD{
    margin-top: 40px;
}

footer section.semiFooter{
    background: #E5E5E5;
}

footer section.footer2{
    background: #172D54;
    color: #466081;
    padding: 18px 0 15px;
}
.no-paddingL{
    padding-left: 0 !important;
}

.no-paddingR{
    padding-right: 0;
}

.no-paddingRyL{
    padding-right: 0;
    padding-left: 0;
}
.logos{
    float: right;
}

.lt-ie9 .logos{
    float: none;
}

.logos.hide-for-small img {
    padding-left: 11px;
}


.footerContent a{
    color: #45657E;
    padding-right: 10px;
    font-size: 12px;
    text-decoration: underline;
}

.footerContent a:hover{
    text-decoration: none;
}


.footerContent span{
    display: inline-block;
    font-size: 12px;
    padding: 16px 0;
}



.footerContent .liveChat a{

    color: #ffffff;
    padding: 3px 9px;
    text-decoration: none;
    font-size: 13px;
    border: 1px #8CCCF8 solid;
    border-radius: 8px;
    margin-left: 5px;


    background-image: -webkit-linear-gradient(bottom, #40A1D4,#70C0E5);
    /*background-image: -webkit-linear-gradient(bottom, oscuro, claro ); */
    background-image: -moz-linear-gradient(bottom, #40A1D4,#70C0E5);
    background-image: -o-linear-gradient(bottom, #40A1D4,#70C0E5);
    background-image: -ms-linear-gradient(bottom, #40A1D4,#70C0E5);
    background-image: linear-gradient(to top, #40A1D4,#70C0E5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70C0E5', endColorstr='#40A1D4',GradientType=0 ); /* IE6-8 */
    background-color: #70C0E5;
}

.footerContent .liveChat a:hover{
    background-image: -webkit-linear-gradient(bottom,#70C0E5, #40A1D4);
    /*background-image: -webkit-linear-gradient(bottom, oscuro, claro ); */
    background-image: -moz-linear-gradient(bottom, #70C0E5, #40A1D4);
    background-image: -o-linear-gradient(bottom, #70C0E5, #40A1D4);
    background-image: -ms-linear-gradient(bottom, #70C0E5, #40A1D4);
    background-image: linear-gradient(to top, #70C0E5, #40A1D4);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40A1D4', endColorstr='#70C0E5',GradientType=0 ); /* IE6-8 */
    background-color: #40A1D4;

}

.boxL ul{
    font-size: 14px;
    list-style: none;
    color: #464646;
}

.boxL ul li{
    line-height: 20px;
}

.boxL ul li a{
    font-size: 14px;
    color:  #464646;
}
.boxL ul li:first-child{
    font-weight: bold;
}

.boxL ul li a:hover{
    text-decoration: underline;
}


.no-margin-bottom{
    margin-bottom: 0

}

/*IPAD Y MOBILE*/
@media only screen and (max-width: 767px) {
    /*search styles*/

    .no-mb-small{
        margin-bottom: 0 !important;
    }



    .search-top .search > div{
        padding: 0;
        border-radius: 0 20px 20px 0;
    }

    .search-top .search > div > input[type="submit"]{
        font-size: 20px;
        padding: 0.4em 0 0.45em;
        width: 100%;
    }

    .search-top .search input[type="text"]{
        font-size: 20px;
    }

    h1.h1-title{
        margin-bottom: 4%;
    }

    .row.search-top {
        margin-bottom: 4%;
    }
    /*end search styles*/

    .center{
        text-align: center;
    }


    .no-paddingL-small{
        padding-left: 0 !important;
    }

    .social .small-2.column{
        text-align: center;
    }


    .read{
        background-position: -8px -165px;
        width: 50px;
        height: 50px;
    }

    .read:hover{
        background-position: -67px -165px;
    }

    .follow{
        background-position: -9px -226px ;
        width: 50px;
        height: 50px;
    }

    .follow:hover{
        background-position: -68px -225px ;
    }

    .circle{
        background-position: -9px -287px ;
        width: 50px;
        height: 50px;
    }

    .circle:hover{
        background-position: -69px -287px ;
    }

    .connect{
        background-position: -134px -225px ;
        width: 50px;
        height: 50px;
    }

    .connect:hover{
        background-position: -197px -223px ;
    }

    .like{
        background-position: -132px -165px ;
        width: 50px;
        height: 50px;
    }

    .like:hover{
        background-position: -195px -164px ;
    }

    .watch{
        background-position: -135px -286px ;
        width: 50px;
        height: 50px;
    }

    .watch:hover{
        background-position: -200px -285px ;
    }

    .sociallearn{
        background-position: -260px -164px ;
        width: 50px;
        height: 50px;
    }

    .sociallearn:hover{
        background-position: -260px -223px ;
    }

    .social span{
        height: 50px;
    }

    .social, .freeAccount{
        padding: 40px 0;
    }

    .semiFooter .boxR .social{
        border-top: 2px #b2b2b2 solid;
    }

    .no-paddingRyL-small{
        padding-left: 0;
        padding-right: 0;
    }


    .freeAccount a{
        display: none !important;
    }


    .freeAccount p.hide-for-medium-up{
        margin: 13px 0 0;
        font-size: 17px;


    }

    .freeAccount p.hide-for-medium-up span{

        color: hsl(224, 53%, 22%);
    }

    .freeAccount .bottom{
        background-position: 0 0;
        cursor: pointer;
        height: 40px;
        width: 300px;
        display: inline-block;
    }
    .freeAccount .bottom:hover{
        background-position: -1px -41px;
    }
}

/*WEB IPAD*/
@media only screen and (min-width: 768px) {
    .footer2 .columns .footerContent span.hide-for-small{
        display: inline !important;
    }

    .no-paddingL-large{
        padding-left: 0;
    }

    .semiFooter .boxR{
        border-right: 1px #D3D3D3 solid;
        height: 235px;
    }

    .watch, .watch:hover,.sociallearn, .sociallearn:hover,.read, .read:hover,.circle, .circle:hover,.follow, .follow:hover,.connect, .connect:hover,.like, .like:hover{
        height: 24px;
        width: 24px;
        display: inline-block !important;
    }

    .watch, .watch:hover{
        background: url("/images/qphome/v3/Footer/spriteYouTube.png");

    }

    .sociallearn, .sociallearn:hover{
        background: url("/images/qphome/v3/Footer/spriteSocialLearn.png");

    }

    .read, .read:hover{
        background: url("/images/qphome/v3/Footer/spriteBlog.png");

    }

    .follow, .follow:hover{
        background: url("/images/qphome/v3/Footer/spriteTw.png");

    }

    .circle, .circle:hover{
        background: url("/images/qphome/v3/Footer/spriteGoogle.png");

    }

    .connect, .connect:hover{
        background: url("/images/qphome/v3/Footer/spriteLinkedin.png");

    }

    .like, .like:hover{
        background: url("/images/qphome/v3/Footer/spriteFace.png");

    }

    .watch, .sociallearn, .read, .follow, .circle, .connect, .like:hover{
        background-position: 0 -50px ;
    }

    .watch:hover, .sociallearn:hover, .read:hover, .follow:hover, .circle:hover, .connect:hover, .like{
        background-position: 0 0;
    }




    .semiFooter .boxL{
        border-left: 1px #F8F8F8 solid;

    }


    .social span a.hide-for-small{
        color: hsl(0, 0%, 27%);
        font-size: 14px;
        display: inline-block!important;
        vertical-align: 7px;
        margin-left: 3px;
    }

    .social span a.hide-for-small:hover{
        text-decoration: underline;
    }


    .social span{
        height: 24px;
        display: block;
    }


    .social{
        margin-top: 10px;

    }

    .semiFooter .social {
        margin-top: 22px;
    }

    .semiFooter .social .large-6 {
        margin-bottom: 25px;
    }

    .liveChat{
        display: inline;
    }

    footer section.semiFooter{
        padding: 23px  0;
    }

    .freeAccount .bottom{
        background-position: -6px -125px;
        cursor: pointer;
        height: 29px;
        width: 129px;
        display: inline-block;
        margin-left: -13px;
    }

    .lt-ie9 .freeAccount .bottom{
        margin-left: 0;
    }

    .freeAccount .bottom:hover{
        background-position: -148px -125px;
    }

    .boxR  .freeAccount a{
        display: inline-block;
        color: #0073C9;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        vertical-align: 8px;
        margin-left: 13px;
    }

    .lt-ie9 .boxR  .freeAccount a{
        margin-left: 13px !important;
    }

    .boxR  .freeAccount a:hover{
        text-decoration: none;
    }


    .footerContent > div{
        display: inline-block;
    }

    .tourPadding {
        padding-top: 10px;
    }
}

/* media page css */

.bg-headerTitle {
    padding: 20px;
}

.bg-headerTitleMedia {
    background: url("//static.questionpro.com/images/mediakit/questionpro/header-mediaKit.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 155px;
    padding: 20px;
}

.bg-headerTitle h1 {
    color: #FFFFFF;
    font: 40px/43px 'Geogrotesque-Medium';
    margin: 0 0 20px;
    padding: 0;
}

.pushTop10 {
    margin-top: 10px;
}

.fLeft {
    float: left;
}
.mediaKitLast {
    background-color: #F7F7F7;
    background-image: linear-gradient(to top, rgba(105, 105, 105, 0.12), rgba(255, 255, 255, 0.12));
}
.colContent {
    padding: 20px;
}

.fLeft h3 {
    font-size: 1.17em;
    margin: 0.5em 0;
}

.fLeft h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

.fLeft h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

.colContent p {
    color: #464646;
    font-size: 14px;
    line-height: 24px;
}

.loader {
    width: 44px;
    height: 44px;
    background: url('/images/qphome/decide/fancybox/fancybox_loading.gif') center center no-repeat;
    margin: 0 auto;
}

.txtBlue {
    color: #00305B;
}

.txtLightGrey {
    color: #464646;
}

.txtItalic {
    font-style: italic;
}

.txtBold {
    font-weight: bold;
}

.txtWrap {
    word-wrap:break-word
}

.txtRight{
    text-align: right;
}

.txtLeft{
    text-align: left;
}

.font12{
    font-size:12px ;
}

.font13{
    font-size:13px ;
}

.font14{
    font-size:14px ;
}

.font15{
    font-size:15px ;
}

.font25{
    font-size:25px ;
}