body {
    font-family: 'Droid Sans', sans-serif;
}

.header-content {
    background: #f8f8f8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGFkYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #C5C6C8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#C5C6C8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#C5C6C8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f8f8 0%,#C5C6C8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#C5C6C8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8f8f8 0%,#C5C6C8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#C5C6C8',GradientType=0 ); /* IE6-8 */
    border-bottom: 5px solid #193059;
}

.blue-line {
    height: 12px;
    background-color: #172d55;
}

#logo {
    margin: 0 0 10px;
}

h1.logo {}

h1.logo a {
    background: url('/images/qphomev2/logoQpro.png') no-repeat scroll 0 0 transparent;
    text-indent: -9999px;
    display: block;
    height: 80px;
    width: 405px;
}

nav ul li {
    display: inline;
}

ul.top-nav {
    background: none repeat scroll 0 0 #172d55;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    margin: -5px 0;

}

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

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

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

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-size: 15px;
    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);
}

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

.social-fb {
    position: relative;
    right: 15px;
    top: 65px;
}

/************* Pricing page ************************/

/* Helpers */

.mr5 {
    margin-right: 5px !important;
}

/* end Helpers */

ul.pricing {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 5px;
    overflow: hidden;
}

ul.pricing li {
    list-style: none;
    padding: 0 5px 0 0;
}

ul.pricing li:last-child {
    margin-right: 0;
}

.p-header {
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    background-color: #E9E9E9;
    -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);
    border-bottom: 1px solid #D7D7D7;
    box-shadow: 0 1px 1px 0 #FFFFFF;
    margin-bottom: 1px;
}

.gs-box {
    background-color: #E9E9E9;
}

li.p-gray .p-header a {
    background-color: #9d9d9d;
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    background-image: -webkit-linear-gradient(bottom, #666, #909090);
    background-image: -moz-linear-gradient(bottom, #666, #909090);
    background-image: -o-linear-gradient(bottom, #666, #909090);
    background-image: -ms-linear-gradient(bottom, #666, #909090);
    background-image: linear-gradient(to top, #666, #909090);
}

li.p-gray .p-header a:hover,
li.p-gray .p-header a:active {
    background-image: -moz-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -webkit-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -moz-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -o-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -ms-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: linear-gradient(to top, #8F8F8F,#676767);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#676767,endColorStr=#8F8F8F);
    background-color: #676767;
}

li.p-gray .gs-box {}

.p-gray,
.bullet-gray,
li.p-gray .gs-box p {
    color: #9d9d9d;
}

li.p-blue .p-header a {
    background-color: #326499;
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    background-image: -webkit-linear-gradient(bottom, #204167, #2b5687);
    background-image: -moz-linear-gradient(bottom, #204167, #2b5687);
    background-image: -o-linear-gradient(bottom, #204167, #2b5687);
    background-image: -ms-linear-gradient(bottom, #204167, #2b5687);
    background-image: linear-gradient(to top, #204167, #2b5687);
}

li.p-blue .p-header a:hover,
li.p-blue .p-header a:active {
    background-image: -moz-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -webkit-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -moz-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -o-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -ms-linear-gradient(bottom, #244771, #1F3F65);
    background-image: linear-gradient(to top, #244771,#1F3F65);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1F3F65,endColorStr=#244771);
    background-color: #1F3F65;
}

li.p-blue .gs-box {}

.p-blue,
.bullet-blue,
li.p-blue .gs-box p {
    color: #326499;
}

li.p-lblue .p-header a {
    background-color: #56b6e8;
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    background-image: -webkit-linear-gradient(bottom, #3780b9, #469acf);
    background-image: -moz-linear-gradient(bottom, #3780b9, #469acf);
    background-image: -o-linear-gradient(bottom, #3780b9, #469acf);
    background-image: -ms-linear-gradient(bottom, #3780b9, #469acf);
    background-image: linear-gradient(to top, #3780b9, #469acf);
}

li.p-lblue .p-header a:hover,
li.p-lblue .p-header a:active {
    background-image: -moz-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -webkit-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -moz-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -o-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -ms-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: linear-gradient(to top, #4699CF,#3681BA);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#3681BA,endColorStr=#4699CF);
    background-color: #3681BA;
}

li.p-lblue .gs-box {}

.p-lblue,
.bullet-lblue,
li.p-lblue .gs-box p {
    color: #56b6e8;
}

li.p-green .p-header a {
    background-color: #a4c14d;
    -webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 0 2px rgba(255,255,255,.2); box-shadow: inset 0 0 2px rgba(255,255,255,.2);
    background-image: -webkit-linear-gradient(bottom, #7a9039, #a4c04d);
    background-image: -moz-linear-gradient(bottom, #7a9039, #a4c04d);
    background-image: -o-linear-gradient(bottom, #7a9039, #a4c04d);
    background-image: -ms-linear-gradient(bottom, #7a9039, #a4c04d);
    background-image: linear-gradient(to top, #7a9039, #a4c04d);
}

li.p-green .p-header a:hover,
li.p-green .p-header a:active {
    background-image: -moz-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -webkit-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -moz-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -o-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -ms-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: linear-gradient(to top, #A1BF4D,#7A9139);
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7A9139,endColorStr=#A1BF4D);
    background-color: #A1BF4D;
}

li.p-green .gs-box {}

.p-green,
.bullet-green,
li.p-green .gs-box p {
    color: #a4c14d;
}

/* Licence Title Link */

.p-header > a {
    color: #FFF;
    display: block;
    padding: 20px;
}

.p-header > a:hover {
    text-decoration: none;
}

.p-gray .p-header > a:hover {}
.p-blue .p-header > a:hover {}
.p-lblue .p-header > a:hover {}
.p-green .p-header > a:hover {}

.gs-box {
    color: #FFF;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 165px;
}

.gs-box p {
    margin: 0;
    font-size: 20px;
    line-height: 1.3em;
}

.gs-box p.small {
    font-family: 'Droid Serif', serif;
    font-size: 12px;
    font-style: italic;
}

.gs-box p.small a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}

.gs-box p.small a:hover,
.gs-box p.small a:active {
    text-decoration: none;
}

.p-body {
    text-align: center;
}

.p-body,
.features,
.p-link {
    background: #E9E9E9;
}

.p-body p {
    color: #4C4C4C;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.p-line {
    height: 1px;
    background-color: #d7d7d7;
    -webkit-box-shadow: 0 1px #fff;
    -moz-box-shadow: 0 1px #fff;
    box-shadow: 0 1px #fff;
}

.p-line:first-child {
    margin-bottom: 15px;
}

.p-line:last-child {
    margin-top: 15px;
}

.features {
    text-align: center;
    border-top: 1px solid #FFF;
    padding: 10px 0;
    min-height: 454px;
}

.features h4 {
    margin: 10px 0 5px;
    text-transform: uppercase;
    font-size: 100%;
    padding: 0 1em;
}

.features p {}

.features .superscript {
    vertical-align: super;
    font-size: 0.8em;
}

.features ul {
    padding-left: 1.25em;
    margin-left: 0.5em;
    text-align: left;
}

.features ul li {
    font-size: 10px;
    margin: 10px 0;
    list-style: disc outside none;
}

.features ul li span {
    color: #666;
    font-size: 13px;
    line-height: 20px;
}

.p-link {
    text-align: center;
    padding: 25px 0;
}

.p-link a {
    color: #1a76bb;
    font-size: 1em;
    text-decoration: underline;
    font-weight: bold;
}

.p-link a:hover,
.p-link a:active {
    text-decoration: none;
}

div.other {
    border-top: 2px solid #F2F2F2;
    margin-top: 10px;
    margin-bottom: 30px;
}

div.other p {
    float: right;
    color: #555;
    margin: 10px 0;
}

div.other a {
    color: #1a76bb;
    text-decoration: underline;
}

div.other a:hover,
div.other a:active {
    text-decoration: none;
}

h5.logo-inc500 {
    background: url('/images/qphomev2/logo-inc500.gif') no-repeat scroll 0 0 transparent;
    display: block;
    width: 158px;
    height: 75px;
}

/* Clients */

.clients {
    display: inline-block;
    margin: 25px auto;
}

.clients_inc500 {
    float: left;
}

.line-clientes {
    border-right: 1px solid #CCCCCC;
    box-shadow: 4px 0 5px #EEE;
    -webkit-box-shadow: 4px 0 5px #EEE;
    -moz-box-shadow: 4px 0 5px #EEE;
    float: left;
    height: 66px;
    position: relative;
    top: 3px;
    width: 5px;
    z-index: 1;
}

.clients .large-10.column img {
    display: inline;
    margin-left: 4%;
    position: relative;
    top:4px;
    width: 15%;
}

.clients .large-10.column p {
    color: #B6B6B6;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding-left: 4.4%;
    padding-top: 5px;
}

.r4_clients {
    float: left;
    width: 780px;
}

.r4_clients p {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding-left: 50px;
    position: relative;
    bottom: 10px;
}

.slides_clients {
    width: 780px;
    height: 70px;
}

/* Buttons */

.get-started {
    background: url('/images/qphomev2/sprites/sprites-btnfree.png') no-repeat;
    display: block;
}

.get-started {
    background-position: 0 -73px;
    width: 279px;
    height: 53px;
}

.get-started:hover,
.get-started:active {
    background-position: 0 -123px;
}

.get-started-b-1,
.get-started-b-2,
.get-started-b-3,
.get-started-b-4 {
    display: inline-block;
    margin-top: 15px;
    color:#FFF !important;
    border: solid 1px #AAA;
    border-radius: 30px 30px 30px 30px;
    padding: 5px 35px;
}

.get-started-b-1:hover,
.get-started-b-2:hover,
.get-started-b-3:hover,
.get-started-b-4:hover,
.get-started-b-1:active,
.get-started-b-2:active,
.get-started-b-3:active,
.get-started-b-4:active {
    color:#fff;
}

.get-started-b-1 {
    background-image: -moz-linear-gradient(bottom, #676767, #8F8F8F);
    background-image: -webkit-linear-gradient(bottom, #676767, #8F8F8F);
    background-image: -moz-linear-gradient(bottom, #676767, #8F8F8F);
    background-image: -o-linear-gradient(bottom, #676767, #8F8F8F);
    background-image: -ms-linear-gradient(bottom, #676767, #8F8F8F);
    background-image: linear-gradient(to top, #676767,#8F8F8F);
    background-color: #8F8F8F;
}

.get-started-b-1:hover,
.get-started-b-1:active {
    background-image: -moz-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -webkit-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -moz-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -o-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: -ms-linear-gradient(bottom, #8F8F8F, #676767);
    background-image: linear-gradient(to top, #8F8F8F,#676767);
    background-color: #676767;
}

.get-started-b-2 {
    background-image: -moz-linear-gradient(bottom, #1F3F65, #244771);
    background-image: -webkit-linear-gradient(bottom, #1F3F65, #244771);
    background-image: -moz-linear-gradient(bottom, #1F3F65, #244771);
    background-image: -o-linear-gradient(bottom, #1F3F65, #244771);
    background-image: -ms-linear-gradient(bottom, #1F3F65, #244771);
    background-image: linear-gradient(to top, #1F3F65,#244771);
    background-color: #244771;
    margin-top: 26px;
}

.get-started-b-2:hover,
.get-started-b-2:active {
    background-image: -moz-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -webkit-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -moz-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -o-linear-gradient(bottom, #244771, #1F3F65);
    background-image: -ms-linear-gradient(bottom, #244771, #1F3F65);
    background-image: linear-gradient(to top, #244771,#1F3F65);
    background-color: #1F3F65;
}

.get-started-b-3 {
    background-image: -moz-linear-gradient(bottom, #3681BA, #4699CF);
    background-image: -webkit-linear-gradient(bottom, #3681BA, #4699CF);
    background-image: -moz-linear-gradient(bottom, #3681BA, #4699CF);
    background-image: -o-linear-gradient(bottom, #3681BA, #4699CF);
    background-image: -ms-linear-gradient(bottom, #3681BA, #4699CF);
    background-image: linear-gradient(to top, #3681BA,#4699CF);
    background-color: #4699CF;
    margin-top: 26px;
}

.get-started-b-3:hover,
.get-started-b-3:active {
    background-image: -moz-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -webkit-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -moz-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -o-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: -ms-linear-gradient(bottom, #4699CF, #3681BA);
    background-image: linear-gradient(to top, #4699CF,#3681BA);
    background-color: #3681BA;
}

.get-started-b-4 {
    background-image: -moz-linear-gradient(bottom, #7A9139, #A1BF4D);
    background-image: -webkit-linear-gradient(bottom, #7A9139, #A1BF4D);
    background-image: -moz-linear-gradient(bottom, #7A9139, #A1BF4D);
    background-image: -o-linear-gradient(bottom, #7A9139, #A1BF4D);
    background-image: -ms-linear-gradient(bottom, #7A9139, #A1BF4D);
    background-image: linear-gradient(to top, #7A9139,#A1BF4D);
    background-color: #7A9139;
}

.get-started-b-4:hover,
.get-started-b-4:active {
    background-image: -moz-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -webkit-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -moz-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -o-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: -ms-linear-gradient(bottom, #A1BF4D, #7A9139);
    background-image: linear-gradient(to top, #A1BF4D,#7A9139);
    background-color: #A1BF4D;
}

/* Get started for free*/

.get-st-footer {
    background: #F6F9FC;
    margin: 30px 0 10px;
    padding: 35px 0;
}

.btn-col p {
    font-size: 16px;
    color: #464646;
    font-weight: 600;
    margin: 20px 10px;
}

.btn-col p a {
    color: #1a76bb;
    text-decoration: underline;
}

.btn-col p a:hover,.btn-col p a:active {
    text-decoration: none;
}

.get-st-footer .features-col h3 {
    font-size: 18px;
    font-weight: 600;
    color: #464646;
    margin: 0;
}

.features-col ul {
    margin-bottom: 0;
}

.features-col ul li {
    list-style: none;
}

.features-col ul li a {
    color: #464646;
    line-height: 25px;
    font-size: 14px;
}

.features-col ul li a:hover,
.features-col ul li a:active {
    text-decoration: underline;
}

.not-sure-wrap {
    color: #666;
    font-size: 14px;
    padding: 20px 0;
}

.other-licences {
    text-align: center;
    font-size: 16px;
    color: #666;
    padding: 25px 0;
}

.other-licences a {
    color: #1A76BB;
    text-decoration: underline;
    font-weight: 600;
}

.ie7-clients {
    display: none;
}

/******* Fixed width no responsive *******/

.features-col {
    width: 160px !important;
    float: left !important;
}

.btn-col {
    width: 340px !important;
    float: left !important;
}

.no-rpsv {}

/* IE7-compat style for Clients section */

.ie8compat .simply-scroll,
.ie8compat ul#scroller,
.lt-ie9 .simply-scroll,
.lt-ie9 ul#scroller {
    display: none;
}

.ie8compat .ie7-clients,
.lt-ie9 .ie7-clients {
    display: block;
    margin-left: 20px;
}

.ie8compat .get-started-b-1,
.ie8compat .get-started-b-2,
.ie8compat .get-started-b-3,
.ie8compat .get-started-b-4 {
    display: block;
    margin: 10px auto 0;
}


/* NEW CHANGES FOR A RESPONSIVE VERSION! */

h1.h1-title {
    margin: 1em 0 0;
}

.features-link {
    color: #1A76BB;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline;
}

.feat-link-content {
    text-align: center;
}

/* Arrow up */

.features-link.active .blue-arrow {
    border-top: 0;
    border-bottom: 7px solid #1A76BB;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
}

/* Arrow down */

.features-link .blue-arrow {
    border-bottom: 0;
    border-top: 7px solid #1A76BB;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
    margin-left: 4px;
}

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

    ul.pricing > li > div.p-header {
        font-size: 23px;
        padding: 10px;
    }

    ul.pricing > li > div.gs-box {
        height: 141px;
    }

    .get-started-b-4, .get-started-b-1 {
        position: relative;
        top: 0;
    }
}

@media only screen and (max-width: 767px)  {
    ul.pricing > li.large-3 {
        padding: 0;


    }

    ul.pricing > li.large-3.small-12 {
        width: 95%;
        margin: 4.25% 2.5% 0;
        box-shadow: 0 0 3px 1px #888888;
    }

    ul.pricing.no-rpsv {
        margin-top: 0;
        margin-bottom: 0;
    }

    ul.pricing > li.large-3 div.features {
        height: auto;
        min-height: 20px;
    }

    ul.pricing.no-rpsv > li:last-child {
        margin-bottom: 2.5%;
    }

    .cols .large-12.columns {
        padding: 0;
    }
}

/*START CHAT SECTION*/
.chatBox {
    position:fixed;
    bottom: 0;
    right:5px;
    width:305px;
    border:1px solid #182e55;
    background:#eeeeee;
    z-index:4000;
}

.chatBoxO {
    width:325px;
    border:1px solid #182e55;
    background:#eeeeee;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){
    .chatBox {
        width:305px;
    }
}

@media only screen and (max-width: 1000px)  {
    #lightboxBodyDiv {
        left:35% !important;
    }
}

@media only screen and (max-width: 800px)  {
    #lightboxBodyDiv {
        left:30% !important;
        top:100px !important;
    }
}

@media only screen and (max-width: 700px)  {
    #lightboxBodyDiv {
        left:27% !important;
        top:60px !important;
    }
}

@media only screen and (max-width: 420px)  {
    #lightboxBodyDiv {
        left:12% !important;
        top:60px !important;
    }
}

@media only screen and (max-width: 360px)  {
    #lightboxBodyDiv {
        left:2% !important;
        top:30px !important;
    }
}

.chatBoxHeader {
    background:#162E52 url(/images/chatbox/downarrow.png) 280px center no-repeat;
    padding:6px 10px;
    cursor:pointer;
    font-size:14px !important;
    border:1px solid #345082;
    border-bottom: none;
}

.chatBoxHeaderO {
    background:#162E52;
    padding:6px 10px;
    cursor:pointer;
    font-size:14px !important;
    border:1px solid #345082;
    border-bottom: none;
}

.chatBoxHeader.expand {
    background:#162E52 url(/images/chatbox/toparrow.png) 280px center no-repeat;
}

.chatBoxTitle {
    color:#ffffff;
    margin: 0;
    display:inline;
}

.chatActive {
    background:#53b338;
    border-radius:50%;
    width:11px;
    height:11px;
    display:inline-block;
    margin-right:5px;
}

.agentSection {
    padding:10px;
    background:#e3e3e3;
    display:flex;
}

.agentSectionPop {
    padding:10px;
    background:#e3e3e3;
    text-align: left;
}

.chatAgent {
    width:50px;
    height:50px;
    display:inline-block;
}

.chatAgentInfo {
    display:inline-block;
    position:relative;
    top:9px;
}

.chatAgentName {
    color:#1c2e56;
    font-size:15px;
    padding:2px 0 2px 10px;
    text-transform: capitalize;
}

.bold {
    font-weight:bold;
}

.chatAgentRole {
    color:#676767;
    font-size:13px;
    padding:2px 0 2px 10px;
}

.chatAgentMsgBlock {
    padding:20px 0 30px 0;
    text-align: left;
}

.chatAgentMsgBlockO {
    padding:20px 0;
    height:80px;
}

.chatAgentMsg {
    color:#666;
    padding:3px 10px 0 10px;
    font-size:12px;
    text-align:left;
    line-height:15px;
}

.chatInputContainer {
    background:#f6f6f6;
    border-top:1px solid #d6d6d6;
    padding:10px;
}

.chatInput {
    font-size:12px !important;
    height:50px !important;
    margin: 0 !important;
    resize: none;
    box-shadow: none;
}

::-webkit-input-placeholder { color:#666; }
::-moz-placeholder { color:#666; } /* firefox 19+ */
:-ms-input-placeholder { color:#666; } /* ie */
input:-moz-placeholder { color:#666; }

#alertMsg, #alertMsgPopup  {
    font-size:12px !important;
    color:#ff0000;
    padding-top: 5px;
    text-align:left;
}

.startChat {
    background-color: #42ace7 !important;
    -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 !important;
    background-image: -webkit-linear-gradient(bottom, #007cc2, #64c5ff) !important;
    background-image: -moz-linear-gradient(bottom, #007cc2, #64c5ff) !important;
    background-image: -o-linear-gradient(bottom, #007cc2, #64c5ff) !important;
    background-image: -ms-linear-gradient(bottom, #007cc2, #64c5ff) !important;
    background-image: linear-gradient(to top, #007cc2, #64c5ff) !important ;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c5ff', endColorstr='#007cc2',GradientType=0 ); /* IE6-8 */
    cursor:pointer;
    color: #fff !important;
    font-weight: bold !important;
    padding:5px 10px !important;
    text-transform: none !important;
    position: relative;
    top:9px;
    margin: 0 !important;
    text-align: right;
    border-radius:3px;
}

.startChat:hover,.startChat: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 */
}