/*
 *
 * Template Name: Andia
 * Template URI: http://azmind.com
 * Description: Andia - Responsive Agency Template
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
    background: #fff;
    text-align: center;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 12px;
}

.violet {
    color: #9d426b;
}

a {
    color: #9d426b;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

a:hover {
    color: #888;
    text-decoration: none;
}

strong {
    font-weight: bold;
}


/* ----- Header ----- */

.header .navbar {
    margin-bottom: 0;
}

.header .navbar-inner {
    background: #fff;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header h1 {
    float: left;
    margin: 0;
    text-align: left;
}

.ptop10 {
    padding-top: 10px;
}

.header a.brand {
    display: inline-block;
    text-indent: -9999px;
    /* width:114px;
    height: 70px; */
    width: 289px;
    height: 87px;
    padding: 7px 0;
    background: url(../img/img_logo.png) 20px center no-repeat;
}

.header ul.nav {
    font-size: 14px;
    text-transform: uppercase;
}

.header ul.nav li a {
    padding: 30px 20px 10px 20px;
    color: #5d5d5d;
    text-shadow: none;
}

.header ul.nav li.current-page {
    padding: 14px 25px;
    line-height: 27px;
    border-top: 5px solid #fac873;
    background: #0060AC;
    color: #fff;
    font-size: 24px;
    text-align: left;
}

.header ul.nav li.current-page span {
    font-size: 14px;
    font-style: italic;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* ----- Slider ----- */

.slider {
    margin: 0 auto;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05) inset,
        0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05) inset,
        0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05) inset,
        0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
}

.flexslider {
    margin-top: 45px;
    margin-bottom: 55px;
    border: 6px solid #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05),
        0 -5px 15px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05),
        0 -5px 15px 0 rgba(0, 0, 0, .05);
    box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05),
        0 -5px 15px 0 rgba(0, 0, 0, .05);
}

.flex-caption {
    position: absolute;
    bottom: 20px;
    max-width: 920px;
    padding: 10px 20px;
    margin: 0;
    background: #1d1d1d;
    /* browsers that don't support rgba */
    background: rgba(0, 0, 0, .7);
    font-size: 14px;
    line-height: 24px;
    color: #eaeaea;
    text-align: left;
    font-style: italic;
}


/* ----- Presentation ----- */

.presentation {
    margin-top: 30px;
}

.presentation h2 {
    font-family: 'Lobster', cursive;
    font-size: 30px;
    color: #5d5d5d;
}

.presentation p {
    font-size: 18px;
    font-style: italic;
}


/* ----- What we do ----- */

.what-we-do {
    margin-top: 50px;
}

.what-we-do .service {
    padding-bottom: 23px;
    background: #f8f8f8;
    border-bottom: 2px solid #9d426b;
}

.what-we-do .service:hover {
    box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05),
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.what-we-do .service .icon-awesome {
    margin-top: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d;
}

.what-we-do .service h4 {
    margin-top: 5px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.what-we-do .service p {
    padding-bottom: 10px;
    line-height: 24px;
}

.what-we-do .service a {
    padding: 5px 22px;
    background: #9d426b;
    color: #fff;
    font-style: italic;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.what-we-do .service a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.what-we-do .service a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}


/* ----- Portfolio ----- */

.portfolio {
    margin-top: 50px;
}

.portfolio-title {
    background: url(../img/line.png) left center repeat-x;
}

.portfolio-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
}

.portfolio .work {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #9d426b;
}

.portfolio .work:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.portfolio .work:hover {
    box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05),
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.portfolio .work .icon-awesome {
    margin-top: 15px;
    font-size: 22px;
    line-height: 22px;
}

.portfolio .work .icon-awesome a {
    display: inline-block;
    padding: 5px 9px;
    background: #9d426b;
    color: #fff;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.portfolio .work .icon-awesome a:hover {
    background: #5d5d5d;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio .work .icon-awesome a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.portfolio .work h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.portfolio .work p {
    line-height: 24px;
    font-style: italic;
}


/* ----- Testimonials ----- */

.testimonials {
    margin-top: 50px;
    padding-bottom: 50px;
}

.testimonials-title {
    background: url(../img/line.png) left center repeat-x;
}

.testimonials-title h3 {
    width: 180px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
}

.testimonial-list {
    margin-top: 30px;
    text-align: left;
}

.testimonial-list img {
    float: left;
    margin: 10px 0 0 60px;
    border: 3px solid #eaeaea;
}

.testimonial-list p {
    padding: 0 60px 0 150px;
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
}

.testimonial-list .nav-tabs {
    width: 200px;
    float: right;
    border: 0;
}

.testimonial-list .nav-tabs li {
    margin-right: 6px;
}

.testimonial-list .nav-tabs li a {
    width: 12px;
    height: 12px;
    padding: 0;
    background: #eaeaea;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonial-list .nav-tabs li a:hover {
    border: 0;
    background: #ddd;
}

.testimonial-list .nav-tabs li.active a {
    background: #9d426b;
}


/* ----- Footer ----- */

footer {
    margin: 20px auto 0;
    padding-bottom: 10px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .05) inset;
}

footer .widget {
    margin-top: 20px;
    text-align: left;
}

footer .widget h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

footer .widget p {
    line-height: 24px;
}

footer .widget i {
    padding-right: 7px;
}

/* Twitter feed */
.show-tweets {
    margin: 0;
    overflow-y: hidden;
}

.tweet_list {
    height: 10em;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    list-style: none;
}

.tweet_list li {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style-type: none;
    line-height: 24px;
}

.tweet_list .tweet_avatar {
    float: left;
}

.tweet_list .tweet_avatar img {
    vertical-align: middle;
}

/* Flickr feed */
.flickr-feed {
    margin: 16px 0 0 0;
    overflow: hidden
}

.flickr-feed li {
    float: left;
    padding: 0 4px 4px 0;
    list-style: none;
}

.flickr-feed li img {
    width: 50px;
    border: 2px solid #eaeaea;
}

.flickr-feed a:hover {
    opacity: 0.7;
}


footer .footer-border {
    margin-top: 30px;
    border-top: 1px dashed #ddd;
}

footer .copyright {
    margin-top: 15px;
    text-align: left;
}

footer .social {
    margin-top: 10px;
    text-align: right;
}

footer .social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 0 0 8px;
    vertical-align: middle;
}

footer .social a.twitter {
    background: url(../img/social-icons/twitter.png) left bottom no-repeat;
}

footer .social a.dribbble {
    background: url(../img/social-icons/dribbble.png) left bottom no-repeat;
}

footer .social a.rss {
    background: url(../img/social-icons/rss.png) left bottom no-repeat;
}

footer .social a.pinterest {
    background: url(../img/social-icons/pinterest.png) left bottom no-repeat;
}

footer .social a.flickr {
    background: url(../img/social-icons/flickr.png) left bottom no-repeat;
}

footer .social a.forrst {
    background: url(../img/social-icons/forrst.png) left bottom no-repeat;
}

footer .social a.vimeo {
    background: url(../img/social-icons/vimeo.png) left bottom no-repeat;
}

footer .social a.linkedin {
    background: url(../img/social-icons/linkedin.png) left bottom no-repeat;
}

footer .social a.facebook {
    background: url(../img/social-icons/facebook.png) left bottom no-repeat;
}

footer .social a.email {
    background: url(../img/social-icons/email.png) left bottom no-repeat;
}

footer .social a.github {
    background: url(../img/social-icons/github.png) left bottom no-repeat;
}

footer .social a.behance {
    background: url(../img/social-icons/behance.png) left bottom no-repeat;
}

footer .social a.googleplus {
    background: url(../img/social-icons/googleplus.png) left bottom no-repeat;
}

footer .social a.youtube {
    background: url(../img/social-icons/youtube.png) left bottom no-repeat;
}

footer .social a.skype {
    background: url(../img/social-icons/skype.png) left bottom no-repeat;
}

footer .social a.tumblr {
    background: url(../img/social-icons/tumblr.png) left bottom no-repeat;
}

footer .social a:hover {
    background-position: left top;
}


/* ----- Page title ----- */

.page-title {
    margin: 0 auto;
    padding: 20px 0 20px 0;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05) inset,
        0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05) inset,
        0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05) inset,
        0 -5px 15px 0 rgba(0, 0, 0, .05) inset;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

.page-title h2 {
    display: inline;
    /* margin-left: 10px;*/
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    vertical-align: middle;
}

.page-title p {
    display: inline;
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
}

.page-title-icon {
    margin-left: 20px;
    font-size: 46px;
    color: #ccc;
    vertical-align: middle;
}


/********** ----- ABOUT PAGE ----- **********/

/* ----- About us text ----- */

.about-us {
    margin-top: 20px;
}

.about-us-text {
    padding: 10px 0;
    text-align: left;
}

.about-us-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.about-us-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

/* ----- Meet our team ----- */

.team {
    margin-top: 30px;
}

.team-title {
    background: url(../img/line.png) left center repeat-x;
}

.team-title h3 {
    width: 220px;
    margin: 0 auto;
    background: #fff;
    font-family: 'Lobster', cursive;
    font-size: 24px;
    color: #5d5d5d;
}

.team-text {
    margin-top: 40px;
    padding-bottom: 20px;
    background: #f8f8f8;
    border-bottom: 2px solid #9d426b;
}

.team-text:hover img {
    opacity: 0.7;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.team-text:hover {
    box-shadow:
        0 5px 15px 0 rgba(0, 0, 0, .05),
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.team-text .social-links {
    margin-top: 15px;
}

.team-text .social-links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 4px;
    vertical-align: middle;
}

.team-text .social-links a.twitter {
    background: url(../img/social-icons/twitter.png) left top no-repeat;
}

.team-text .social-links a.dribbble {
    background: url(../img/social-icons/dribbble.png) left top no-repeat;
}

.team-text .social-links a.pinterest {
    background: url(../img/social-icons/pinterest.png) left top no-repeat;
}

.team-text .social-links a.flickr {
    background: url(../img/social-icons/flickr.png) left top no-repeat;
}

.team-text .social-links a.forrst {
    background: url(../img/social-icons/forrst.png) left top no-repeat;
}

.team-text .social-links a.vimeo {
    background: url(../img/social-icons/vimeo.png) left top no-repeat;
}

.team-text .social-links a.linkedin {
    background: url(../img/social-icons/linkedin.png) left top no-repeat;
}

.team-text .social-links a.facebook {
    background: url(../img/social-icons/facebook.png) left top no-repeat;
}

.team-text .social-links a.email {
    background: url(../img/social-icons/email.png) left top no-repeat;
}

.team-text .social-links a.behance {
    background: url(../img/social-icons/behance.png) left top no-repeat;
}

.team-text .social-links a.googleplus {
    background: url(../img/social-icons/googleplus.png) left top no-repeat;
}

.team-text .social-links a.youtube {
    background: url(../img/social-icons/youtube.png) left top no-repeat;
}

.team-text .social-links a.skype {
    background: url(../img/social-icons/skype.png) left top no-repeat;
}

.team-text .social-links a.tumblr {
    background: url(../img/social-icons/tumblr.png) left top no-repeat;
}

.team-text .social-links a:hover {
    background-position: left bottom;
}

.team-text h4 {
    margin-top: 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.team-text p {
    line-height: 24px;
    font-style: italic;
}


/********** ----- CONTACT PAGE ----- **********/

/* ----- Form ----- */

.contact-us {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.contact-us h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.contact-us p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

.contact-form {
    padding: 10px 0;
}

.contact-form p {
    margin-top: 15px;
}

.contact-us form {
    margin-top: 25px;
    padding: 0 20px;
}

.contact-us form input,
.contact-us form textarea {
    width: 90%;
    height: 24px;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 13px;
    font-style: italic;
}

.contact-us form input:focus,
.contact-us form textarea:focus {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us form textarea {
    height: 160px;
}

.contact-us form button {
    width: 120px;
    height: 30px;
    margin-top: 15px;
    background: #9d426b;
    border: 0;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #fff;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.contact-us form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us form button:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.contact-us form label {
    margin-top: 10px;
    font-size: 13px;
}

.contact-us form input:-moz-placeholder,
.contact-us form textarea:-moz-placeholder {
    color: #ccc;
}

.contact-us form input:-ms-input-placeholder,
.contact-us form textarea:-ms-input-placeholder {
    color: #ccc;
}

.contact-us form input::-webkit-input-placeholder,
.contact-us form textarea::-webkit-input-placeholder {
    color: #ccc;
}

/* ----- Google maps ----- */

.map {
    margin: 20px 20px 40px 20px;
    height: 300px;
    border: 5px solid #f8f8f8;
}


/********** ----- SERVICES PAGE ----- **********/

/* ----- Services full width text ----- */

.services-full-width {
    margin-top: 20px;
}

.services-full-width-text {
    padding: 10px 0 0 0;
    text-align: left;
}

.services-full-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.services-full-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

/* ----- Services half width text ----- */

.services-half-width {
    margin-top: 20px;
}

.services-half-width-text {
    padding: 10px 0;
    text-align: left;
}

.services-half-width-text h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

.services-half-width-text p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 13px;
}

/* ----- Call to action ----- */

.call-to-action {
    margin-top: 20px;
    padding-bottom: 50px;
}

.call-to-action-text {
    padding: 25px 0 20px 0;
    text-align: left;
    background: #f8f8f8;
    overflow: hidden;
}

.call-to-action-text:hover {
    box-shadow:
        0 3px 10px 0 rgba(0, 0, 0, .05),
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.call-to-action-text .ca-text,
.call-to-action-text .ca-button {
    float: left;
    padding: 0 0 0 35px;
    line-height: 30px;
    font-size: 18px;
    font-style: italic;
}

.call-to-action-text .ca-button {
    float: right;
    padding: 0 35px 0 0;
}

.call-to-action-text .ca-button a {
    padding: 5px 22px;
    background: #9d426b;
    color: #fff;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0, 0, 0, .05) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}

.call-to-action-text .ca-button a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.call-to-action-text .ca-button a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0, 0, 0, .15) inset,
        0 -1px 25px 0 rgba(0, 0, 0, .05) inset;
}


/********** ----- PORTFOLIO PAGE ----- **********/

.portfolio-page {
    margin-top: 20px;
    padding-bottom: 50px;
}

.portfolio-page h4.filter-portfolio {
    margin-top: 35px;
    padding: 0 20px;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}

ul.portfolio-img {
    margin: 0;
    overflow: hidden;
}

ul.portfolio-img li {
    list-style: none;
}

.filter-portfolio a {
    color: #5d5d5d;
    text-decoration: none;
}

.filter-portfolio a:hover {
    color: #9d426b;
    text-decoration: none;
}

.filter-portfolio a#active-imgs {
    color: #9d426b;
}

.filter-portfolio a#active-imgs:hover {
    color: #5d5d5d;
}

.mtop_20 {
    margin-top: 20px !important;
}

.mtop_10 {
    margin-top: 10px;
}

.mleft_20 {
    margin-left: 20px !important;
}

.mleft_4 {
    margin-left: 4px !important;
}

.p_right0 {
    padding-right: 0 !important
}

.questin_no {
    font-size: 14px;
    text-align: left;
}

.questin_no>a {
    margin-bottom: 5px;
}

.box_contents {
    padding: 10px 0;
    margin: 0 15px 15px 0;
    color: #000;
    font-size: 13px;
}

.border_bot {
    border-bottom: #BABCBE solid 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#list_question {
    color: #666;
    margin: 0;
}

#list_question tr.active td {
    font-size: 14px;
    background: #c1edff;
}

#list_question tr a {
    color: #045da1;
}

.t_center {
    text-align: center !important;
}

#list_question tr th {
    background: #0060AC;
    color: #fff;
}

.progress-default .bar,
.progress .bar-default {
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    color: #000;
}

.progress_question {
    font-weight: bold;
    color: #000;
}

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

.progress_box {
    padding: 20px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.font_12 {
    font-size: 12px !important;
}

.font_14 {
    font-size: 14px;
    line-height: 28px;
}

.font14 {
    font-size: 14px;
}

.font_famliy {
    font-family: inherit !important;
}

.small_text {
    font-size: 11px;
    text-align: left;
    color: #ff0000;
}

#new_report .control-label,
#new_report .controls {
    color: #000;
    font-size: 13px;
}

#new_report .controls label.error {
    margin-left: -30px;
    /*margin-top: 4px;*/
    margin-top: 0px;
    margin-bottom: 0px;
}

.token_num label {
    color: #000;
}

.bot_border {
    border-bottom: 5px solid #0060AA;
}

#new_report .control-label em {
    color: #F00;
}

#new_report .control-label span {
    font-size: 12px
}

.top_links {
    background: url(../img/bg_heading_bottom.jpg) repeat-x bottom;
    margin-bottom: 10px;
    text-align: left;
}

.top_links a:first-child {
    margin-left: 0;
}

.top_links a {
    margin: 0 3px;
    padding-top: 3px;
    color: #000;
}

.top_links a.active {
    border-top: #d09422 solid 2px;
    color: #d09422;
}

.top_links a.visited {
    color: #888;
}

.thanx_u {
    padding: 0 20px 20px;
}

/*#quiz_ans{ width:78%;}*/

/* Text hide css */
.form-horizontal .controls {
    margin-left: 215px !important;
}

.grid {
    border: #0060ac solid 1px;
    padding: 0;
}

.grid h2 {
    background: #0060ac;
    height: 30px;
    font-family: inherit;
    padding: 0;
    margin: 0;
    line-height: 30px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 12px;
}

.grid h2 span {
    font-size: 11px;
    font-weight: normal;
}

.grid h3 {
    font-size: 14px;
    padding-left: 10px;
    line-height: normal;
}

.grid .control-group em {
    color: #F00;
}

.grid .control-group .control-label {
    font-size: 14px;
}

.grid form input[type=text] {
    margin-right: 10px;
}

.blue_text {
    color: #0160a8;
    font-style: normal !important;
    padding-left: 4px;
}

.field_text {
    margin-top: 4px;
    font-size: 15px;
}

.btn_group {
    padding: 0 20px;
}

.error {
    color: #FF0000 !important;
    margin-left: 10px;
}

/* Added By Dpk on 201015 */
.token-form .form-horizontal .control-group {
    margin-bottom: 16px;
}

.psychprofiler_content h5,
.home_txt h5 {
    border-top: 1px dashed #ddd;
    padding-top: 20px;
    margin: 0 -40px;
    padding-left: 40px;
    padding-right: 40px;
}


/*  Added : 08.5.2021   */
.token_form input[type="text"] {
    height: 36px !important;
    padding-left: 15px;
}

.token_form button.btn {
    padding: 7px 14px;
    font-weight: 600;
    font-size: 13px;
    /*background: #4472c4;*/
    border: #2b57a4 1px solid;
    outline: none;
    margin-left: -15px;
}

.token_form button.btn span {
    font-size: 11px;
    display: inline-block;
    margin-left: 3px;
}

/* .token_form button.btn.btn-small:hover {background: #2b57a4;} */
.multi-use-box {
    font-size: 13px;
    padding-bottom: 0;
}

.multi-use-box a {
    color: #3b8fca;
    text-decoration: underline;
}

.multi-use-box a:hover {
    text-decoration: none;
}

.psychprofiler_content h5,
.home_txt h5 {
    border-top: 2px dashed #398dca;
}

.globaltokendetail-box {
    padding: 30px 0 0 !important;
}

.privacy-data-box {
    width: auto;
  /*  top: -55px;
    float: right;
    margin-right: 30px;
    position: relative;*/
    font-size: 14px;
    color: #000;
}

.privacy-data-box a {
    color: #2382c6;
    text-decoration: underline;
}

/* .userdetails_form .control-group .control-label {width: 190px!important;}
.userdetails_form .control-group .controls {margin-left: 235px!important;} */
.privacy-data-box .controls {
    float: none;
    display: inline-block;
    margin-left: 30px !important;
}

.announcement-box {
    margin: 0;
    padding: 20px 0px 0 !important;
    line-height: 16px;
}

.announcement-box p {
    padding: 0 40px;
    margin: auto;
    display: inline-block;
    font-style: normal;
    font-size: 13px;
}

.announcement-box strong {
    padding: 0px;
    margin: auto;
}

.quiz_radio {
    height: 50px !important;
    color: #000000 !important;
    text-align: left;
    width: 100%;
}

.valid_responses {
    margin-left: 82% !important;
}

.announcment-box {
    text-align: left;
    color: #000;
    margin-bottom: 10px;
    font-size: 14px;
}

.announcment-box p {
    font-size: 13px;
}

span.psy_title {
    font-size: 16px;
    font-weight: bold;
    font-style: italic
}

#rapidentrydiv {width: calc(100% - 3%)!important;}

.token_form span.error {margin-left: -160px;}

.userdetails_form {padding: 0 30px;}
.userdetails_form .control-group .control-label {float: left; width: 45%; margin-right: 5%;}
.userdetails_form .control-group .controls  {float: left; width: 50%; margin: 0!important;}
.userdetails_form .control-group .controls input[type='text'], .userdetails_form .control-group .controls select {float: left; width: 50%; left: 0!important; width: 100%;}
.assessment-block .control-label {float: left; width: 265px; margin-right: 25px;}
.assessment-block .controls {float: left; width: calc(100% - 325px); margin: 0!important;}
.assessment-block .controls select {left: 0!important}
.assessment-block .control-label .controls input[type='text'], .assessment-block .control-label .controls select {float: left; width: 50%; left: 0!important; width: 100%;}
.userdetails_form .controls label.error, .assessment-block .controls label.error {margin-left: 0!important}

/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {

    .flex-caption {
        max-width: 700px;
    }

    .what-we-do .service p,
    .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .token_form {
        max-width: 460px;
        margin: auto;
        text-align: center;
    }

    .token_form .span5,
    .token_form .span3 {
        display: block;
        width: 100%;
        margin: 0;
    }

    .token_form .span3 button.btn {
        margin: 0;
        margin-top: 15px;
    }

    .multi-use-box {
        padding: 10px 0 !important;
        text-align: left;
    }

    .exisiting-token {
        text-align: left;
    }

    .globaltokendetail-section table td:nth-child(1) {
        width: 24%;
    }

    .globaltokendetail-box h5 {
        margin-bottom: 10px;
    }

    #final_comment .control-group input[type='button'],
    #final_comment .control-group input[type='submit'] {
        margin-top: 10px;
    }

    .rapid_quiz_form ul {display: inline-block; width: 100%; padding: 20px 0 10px 25px; margin: 0; box-sizing: border-box;}
    .rapid_quiz_form ul li {width: calc(100%/12);}
    .valid_responses {margin-left: 25px!important;}

    .token_form span.error {margin-left: 0px;}

    /* #rapidentrydiv {width: calc(100% - 0%)!important;} */
}

@media (max-width: 1026px) {
    .assessment-block .control-label {width: 211px;}
    .assessment-block .controls {width: calc(100% - 265px);}
}

@media (min-width: 768px) and (max-width: 979px) {

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i,
    .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p,
    .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .outer .header {
        margin: auto !important
    }

    .page-title {
        width: 100%;
    }

    .outer .row {
        margin-left: 0 !important
    }

    /* Text hide css */
    .form-horizontal .controls {
        margin-left: 42px !important;
    }

    .form-horizontal .control-label {
        float: left;
        width: 160px;
        padding-top: 5px;
        text-align: left !important;
        padding-left: 13px !important;
    }

    .token_form {
        max-width: 460px;
        margin: auto;
        text-align: center;
    }

    .token_form .span5,
    .token_form .span3 {
        display: block;
        width: 100%;
        margin: 0;
    }

    .token_form .span3 button.btn {
        margin: 0;
        margin-top: 15px;
    }

    .multi-use-box {
        padding: 10px 0 !important;
        text-align: left;
    }

    .exisiting-token-box .span6 {
        width: 100%;
    }

    .exisiting-token {
        text-align: left;
    }

    .exisiting-token button {
        margin-top: 10px;
        float: none !important;
        margin-left: 0 !important;
    }

    .globaltokendetail-section table td:nth-child(1) {
        width: 32% !important;
    }

    .globaltokendetail-box h5 {
        margin-bottom: 10px;
    }

    #final_comment .control-group input[type='button'],
    #final_comment .control-group input[type='submit'] {margin-top: 10px;}

    .token-form #new_report .control-label {width: 100%!important;}

    .privacy-data-box {float: none; width: auto; position: relative; top: 0; margin-right: 0; margin-left: 15px;}
    .radio_change {padding: 0 0px 0 0!important; font-size: 12px;}
    .quiz_radio {padding-bottom: 15px; height: auto!important;}
    .quiz_radio input[type="radio"] {margin-right: 5px; margin-top: 0;}

    #test_wrapper .test_question {width: 30%!important;}
    #test_wrapper .test_radio_button:nth-child(5) {width: 12%!important;}
    #test_wrapper .test_radio_button:nth-child(6) {width: 11%!important;}
    #test_wrapper .test_radio_button:nth-child(9) {width: 10%!important;}
    #test_wrapper .test_radio_button {width: 8%!important;}

    .rapid_quiz_form ul {display: inline-block; width: 100%; padding: 20px 0 10px 25px; margin: 0; box-sizing: border-box;}
    .rapid_quiz_form ul li {width: calc(100%/12.3);}
    .rapid_quiz_form ul li .serial_no {font-size: 11px!important;}
    .valid_responses {margin-left: 25px!important;}
    #rapidentrydiv {margin-left: 0!important;}
    #rapidentrydiv {width: calc(100% - 0%)!important;} 

    .token_form span.error {margin-left: 0px;}

    .userdetails_form .control-group .controls {width: 100%;}
    .assessment-block {padding: 0 20px;}
    .assessment-block .controls {margin-left: 10px!important;}
    .assessment-block .controls select {left: 0;}
    .userdetails_form .control-group .control-label {padding-left: 0!important;}

    .userdetails_form .control-group.check-blk {position: relative;}
    .userdetails_form .control-group.check-blk .controls {position: absolute; right: 0; top: 0; width: auto;}

    .assessment-block .controls {margin-left: 10px!important; width: calc(100% - 20px);}
}

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .slider,
    .what-we-do,
    .portfolio {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i,
    .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        display: none;
    }

    .presentation,
    footer,
    .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p,
    .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }

    .widhtsavelicence {
        width: auto !important;
    }

    .page-title .span11 {
        left: -30px !important;
        position: relative;
        padding: 0 20px;
    }

    .page-title button[type='submit'] {
        margin: 20px 0 0;
    }

    .widhtsavelicence input#savelicense {
        float: left;
    }

    .widhtsavelicence p {
        width: 90%;
        margin-left: 0;
    }

    .header .navbar-inner div {
        top: 15px !important;
    }

    .form-horizontal .control-group {
        margin: 0 15px;
        width: calc(100% - 30px) !important;
    }

    .form-horizontal .controls .span11 {
        left: 0 !important;
        width: 100% !important;
    }

    .form-horizontal .control-group .manualchkbox1 {
        width: 100% !important
    }

    .top_links {
        padding: 10px;
    }

    .form-horizontal .controls .control-group {
        margin: 0 0 20px;
        width: 100% !important;
    }

    .grid h2 {
        font-size: 14px;
    }

    .psychprofiler_content {
        padding: 20px 0px !important;
    }

    .page-title .home_txt {
        padding: 0px !important;
    }

    .psychprofiler_content h5,
    .home_txt h5 {
        margin: 0 -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Text hide css */
    .form-horizontal .controls {
        margin-left: 0px !important;
    }

    .token_form {
        text-align: center;
    }

    .token_form .span5 {
        width: calc(100%);
    }

    .token_form .span3 {
        margin-top: 12px;
    }

    .token_form .span3 button {
        margin-top: 3px;
    }

    .token_form .span5.widhtsavelicence label {
        float: left;
    }

    .token_form .span5.widhtsavelicence label input#savelicense {
        height: auto;
    }

    .token_form .span5.widhtsavelicence p {
        width: 90%;
        margin-left: 20px;
        text-align: left;
    }

    .multi-use-box {
        text-align: left;
    }

    .announcement-box strong {
        padding: 0 0px;
    }


    .postid-1497 header .HeaderTitle.has-bg {
        height: 300px;
        background: transparent;
        background-size: 100% 100%;
    }

    .HeaderTitle.has-bg>.container {
        height: 100%;
    }

    .HeaderTitle.has-bg>.container>.PageTitle {
        padding-top: 0;
        font-size: 48px;
        color: #002d72;
        text-shadow: none;
        width: 520px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .globaltokendetail-section table td:nth-child(1) {
        width: 60% !important;
    }

    .exisiting-token strong {
        text-align: left;
        display: block;
        margin-bottom: 10px;
        line-height: 18px;
    }

    .exisiting-token button {
        float: left !important;
        margin-top: 10px !important;
    }

    .globaltokendetail-box h5 {
        margin-bottom: 10px;
    }

    #final_comment .control-group input[type='button'],
    #final_comment .control-group input[type='submit'] {
        margin-top: 10px;
    }

    #final_comment .control-group p {
        margin-left: 0;
    }

    .top_links {
        margin-top: 0;
        margin-bottom: 0;
    }

    .report-box button {
        display: block;
        margin: 10px auto 0;
        width: 180px;
    }

    .table-view-box {
        overflow: scroll;
    }

    .table-view-box table {
        width: 600px !important;
    }

    .table-view-box2 {
        overflow: scroll;
    }

    .table-view-box2 table {
        width: 1000px !important;
    }

    .table-view-box3 {
        overflow: scroll;
    }

    .table-view-box3 table {
        width: 900px !important;
    }

    .table-view-box3 table th br {
        display: none;
    }

    .privacy-data-box {
        float: none;
        width: 95%;
        position: relative;
        top: 0;
        font-size: 12px;
        color: #000;
        margin-left: 15px;
        margin-right: 0;
    }

    .privacy-data-box .controls {margin-left: 10px!important;}
    #new_report .control-label, #new_report .controls {display: inline;}

    .quiz_radio {height: auto!important; margin: 0; padding-left: 10px!important; box-sizing: border-box;}
    .method-box {display: block!important;}
    .radio_change span {display: block; font-size: 12px!important;}

    .test_section {overflow: scroll;}
    #test_wrapper {width: 800px;}

    .rapid_quiz_form ul {display: inline-block; width: 100%; padding: 20px 15px 10px; margin: 0; box-sizing: border-box; text-align: center;}
    .rapid_quiz_form ul li {width: calc(100%/5); margin-bottom: 15px;}
    .rapid_quiz_form ul li .serial_no {font-size: 11px!important;}
    .valid_responses {margin-left: 25px!important;}
    #rapidentrydiv {margin-left: 0!important;} 

    .announcment-box {font-size: 13px; padding: 0 13px;}

    #rapidentrydiv {width: calc(100% - 0%)!important;}

    .token_form span.error {margin-left: 0px;}

    .announcement-box p {padding: 0 0px; margin: auto; margin-left: 0!important;}

    .userdetails_form {padding: 0px;}
    .userdetails_form .control-group .control-label, .userdetails_form .control-group .controls {width: 100%;}

    .userdetails_form .control-group.check-blk {position: relative;}
    .userdetails_form .control-group.check-blk .controls {position: absolute; right: 0; top: -6px; width: auto;}

    .assessment-block .control-label {width: 100%; margin-right: 0;}
    .assessment-block .controls {width: calc(100%);}
}

@media (max-width: 480px) {

    .tweet_list {
        height: 10em;
    }


}

@media only screen and (max-width: 320px) {
    .p_20_mobile {
        padding: 20px;
    }

    .mleft_20,
    .mleft_4 {
        margin-left: 0px !important;
    }

    .mtop_20 {
        margin-top: 20px;
    }

    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        border: 1px solid #ccc;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    td:nth-of-type(1):before {
        content: "#";
    }

    td:nth-of-type(2):before {
        content: "";
    }

    td:nth-of-type(3):before {
        content: "Never";
    }

    td:nth-of-type(4):before {
        content: "Rarely";
    }

    td:nth-of-type(5):before {
        content: "Sometimes";
    }

    td:nth-of-type(6):before {
        content: "Regularly";
    }

    td:nth-of-type(7):before {
        content: "Often";
    }

    td:nth-of-type(8):before {
        content: "Very Often";
    }

    td:nth-of-type(9):before {
        content: "No Response";
    }

    .grid h2 {
        font-size: 12px;
    }
}

.header {
    position: relative;
}

.header .logout {
    position: absolute;
    bottom: 8px;
    right: 2px;
}

.success {
    color: green;
}

/*
210613
*/
#new_report select,
#new_report input {
    line-height: normal;
    min-height: auto;
}

#token_form input {
    line-height: normal;
    min-height: auto;
    height: 30px;
}

.page-title.analysis_report p {
    font-style: normal;
    padding: 5px 0;
    margin: 0;
    display: inline-block;
}

.page-title.analysis_report h3 {
    margin: 5px 0;
    padding: 5px 0;
    padding-left: 5px;
    background: #fff;
    border: solid 1px #0060AC;
    color: #0060AC;
}

.analysis_container {
    padding: 10px;
    padding-top: 0;
}

.analysis_container .table th {
    background: #0060AC !important;
    color: #fff;
}

.analysis_container .well {
    font-size: 14px;
}

.analysis_container .well em {
    color: #0060AC;
}

.icon_pdf {
    float: right;
    padding-top: 3px;
    height: 22px;
}

.icon_rtf {
    float: right;
    padding-top: 4px;
    height: 20px;
}

.icon_email {
    float: right;
    padding-top: 4px;
    height: 22px;
}

.datepicker {
    background-color: #FFFFFF !important;
}

.listQA a {
    color: #800000 !important;
}

.slider-wrapper-custom {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin: 0 0 0 10px;
    height: 100%;
}

.slider-wrapper-custom #slider-vertical {
    margin: 55px 0 0 0;
    border: none;
    background: transparent;
}

/* //quiz */
#test_wrapper {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
}

#test_wrapper #test_header {
    background: #0060ac;
    color: #fff;
    border-radius: 5px 5px 0 0;
    height: 70px;
}

#test_header dl {
    overflow: hidden !important;
    margin: 0 !important;
    height: 70px !important;
}

#test_wrapper dl {
    overflow: hidden;
    margin: 0;
    height: 50px;
}

#test_wrapper dl>* {
    float: left;
    text-align: center;
    margin: 0;
    height: 100%;
    overflow: hidden;
}

#test_wrapper dl .test_content {
    padding: 5px;
    height: 100%;
}

#test_wrapper #test_header dt~dt .test_content {
    padding: 5px;
    height: 100%;
    border-left: 1px solid #fff;
}

#test_wrapper dt~dd .test_content {
    border-left: 1px solid #ddd;
}

#test_body {
    height: 250px;
    overflow: hidden;
}

#test_body li~li {
    border-top: 1px solid #ddd;
}

#test_body li.active_question {
    background: #c1edff;
}

#test_wrapper .test_serial_number {
    width: 4%;
}

#test_wrapper .test_question {
    width: 43%;
    text-align: left;
}

#test_wrapper .test_radio_button {
    width: 8%;
}

#test_wrapper a {
    color: #045da1;
}

#test_wrapper ul {
    margin: 0;
    list-style: none;
    position: relative;
}

.ui-slider-handle {
    margin: -4px 0 0 -4px !important;
}

#quiz_form_slider+form {
    overflow: hidden;
}

#quiz_form_slider {
    float: right;
}

.slider-wrapper-custom {
    width: 10px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: pointer;
}

.mtop_30 {
    margin-top: 30px;
}


.btn-disable-q {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #908F91;
    *background-color: #908F91;
    background-image: -moz-linear-gradient(top, #CBCCCF, #908F91);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CBCCCF), to(#908F91));
    background-image: -webkit-linear-gradient(top, #CBCCCF, #908F91);
    background-image: -o-linear-gradient(top, #CBCCCF, #908F91);
    background-image: linear-gradient(to bottom, #CBCCCF, #908F91);
    background-repeat: repeat-x;
    border-color: #908F91;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBCCCF', endColorstr='#908F91', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-disable-q:hover,
.btn-disable-q:active,
.btn-disable-q.active,
.btn-disable-q.disabled,
.btn-disable-q[disabled] {
    color: #FFFFFF;
    background-color: #908F91;
    *background-color: #003bb3;
}

.mLl5 {
    margin-left: 15px !important;
}

.mRl5 {
    margin-right: 15px !important;
}

.ModalMainContainer {
    text-align: left;
    font-size: 14px !important;
}

.newmodal {
    width: 850px !important;
    left: 37% !important;
    top: 40% !important;
}

.min_height {
    min-height: 335px;
}

#WaitOverLayMessage {
    position: fixed;
    top: 45%;
    left: 40%;
    display: none;
    align: center;
    z-index: 999;
}
#PlzWaitOverLayMessage {
    position: fixed;
    top: 45%;
    left: 40%;
    align: center;
    z-index: 10000;
}

#WaitOverLayMessage .wait-message, #PlzWaitOverLayMessage .wait-message {
    background-color: #ffffff;
    color: #000000;
    border: 4px solid #D09422;
    padding: 15px;
    font-size: 14px;
}
.fontS18 {
    font-size: 18px !important;
}

.thanksmessage {
    font-size: 13px;
    color: #000000;
    font-style: normal;
}

.home_txt {
    color: #000000;
    font-size: 13px;
    margin-bottom: 5px;
}
.psychprofiler_content p {
    margin-left: 0 !important;
}
.psychprofiler_content {
    line-height: 22px;
    margin: 0;
    padding: 20px 40px;
}

.multi-use-box strong span {
    font-weight: normal;
    font-style: normal;
}

.psychprofiler_content span.psy_title {
    font-size: 16px;
    font-weight: bold;
}

.psychprofiler_content span {
    font-style: italic;
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #FDC957;
    background-image: linear-gradient(to bottom, #FDC957, #FCBB27);
}

.progress .bar {
    color: #000;
}

.btn-danger {
    background-color: #FDC957;
    background-image: linear-gradient(to bottom, #FDC957, #FCBB27);
    color: #000;
}

.bck_lgold {
    background-color: #FCF8E3 !important;
}

.txt_center {
    text-align: center !important;
}

.padd_td {
    padding: 8px 2px !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #FCBB27;
    color: #000;
}

.btn-orange-primary {
    background-color: #FF8C00;
    background-image: linear-gradient(to bottom, #FFA500, #FF7F00);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #FF7F00;
}

.btn-orange-primary:hover,
.btn-orange-primary:focus,
.btn-orange-primary:active,
.btn-orange-primary.active,
.btn-orange-primary.disabled,
.btn-orange-primary[disabled] {
    background-color: #FF7F00;
    color: #ffffff;
}

#test_wrapper dl .test_content.single_txt_padd,
#test_wrapper #test_header dt~dt .test_content.single_txt_padd {
    padding-top: 25px;
}

#test_wrapper dl .test_content.double_txt_padd {
    padding-top: 6px;
}

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

.full-page {
    padding: 20px;
}

.addstyletotable {
    background-color: #ededed !important;
    text-align: center !important;
    font-weight: bold;
}

.align-center {
    text-align: center !important;
}

.align-center_btn {
    text-align: center !important;
    margin-left: 39% !important;
}

.text-black {
    color: #000000 !important;
    font-size: 112% !important;
}

.text-black-only {
    color: #000000 !important;
}

.align {
    color: #000000 !important;
}

.ordered_list {
    margin-left: 40px;
}

.bg_none {
    background: none !important;
}



.label_quiz {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

.radio_change {
    vertical-align: middle !important;
    padding: 6px;
    margin: 0px;
    display: inline;
}

.serial_no {
    vertical-align: top !important;
    padding: 0px;
    margin: -8px;
    display: inline;
    font-size: 12px !important;
}

.input_width {
    height: 10px !important;
    width: 8px !important;
    margin-left: 4px;

}

.rapid_quest {
    list-style: none outside none;
    float: left;
}


.t_center_rapid {
    float: left;
    margin-top: 5%;
    width: 100%;
    background-color: #F6F6F6;
    height: 50px !important;
}

.margin3 {
    margin-left: 3% !important;
}

.margin-top12 {
    margin-top: 12px !important;
}

.width2 {
    width: 12px !important;
}

.rapid {
    width: 60px;
    margin-left: 6px;
}

.height620 {
    height: 620px;
}

.rapidHeader {
    font-weight: bold;
    height: 30px !important;
    font-size: 10px;
    float: left;
    width: 66px;
}

.manuallabel {
    width: 173px !important;
}

.manuallabelconfirm {
    width: 173px !important;
}

.manualchkbox {
    width: 265px !important;
    margin-left: 8px;
    vertical-align: middle;
    text-align: left!important;

}

.manualchkbox1 {
    margin-left: 4px;
    text-align: left !important;
    width: 300px !important;
}

.manuallabelconfirmtoken {
    width: 179px !important;
    margin-left: 0px;
    vertical-align: middle;
}

.samechkbox {
    width: 265px !important;
}

.messagediv {
    height: 340px;
    text-align: center;
}

.messageinnerdiv {
    height: 340px;
    text-align: center;
}

.messagedivmargin {
    margin-top: 10%;
}

.counter {
    float: right;
    margin-top: -3%;
}

.oldassessmenttoken {
    margin-left: 62% !important;
    margin-top: -12%;
    width: 275px !important;
}

.nooldassessmenttoken {
    margin-left: 54% !important;
    margin-top: -12%;
    width: 288px !important;
}

.widhtsavelicence {
    width: 468px;
}

.exisiting-token button {
    margin-top: 10px;
    float: right;
}

/* Added By Dpk on 201015 */
.token-form #new_report select,
#new_report input {
    line-height: inherit;
    min-height: 30px;
}

.token-form #new_report select,
#new_report input[type='checkbox'] {
    line-height: inherit;
    min-height: auto;
}

.token-form #new_report .control-label {
    line-height: 14px;
}

.token-form #new_report .control-label>span {
    display: block;
}

.page-title .span11 {
    width: 100%;
    position: relative;
    left: -30px;
}

.page-title .home_txt {
    padding: 0 40px;
}



/* @media (max-width: 999px) {
    .outer .header {margin: auto!important}
} */
@media (max-width: 991px){
	li.rapid_quest:nth-last-child(-n+2) > div {
		float: left;
	}
}

@media (max-width: 767px){
	#quiz_form_slider+form {
		overflow: hidden;
		overflow-x: auto;
	}
}