:root {
    /* Put these in a theme sheet  */
    --button-bg-primary: hsl(120, 55%, 26%);
    --button-bg-primary-hover: hsl(120, 55%, 33%);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

ol, ul {
    list-style-type: none;
    margin: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

strong {
    font-weight: bold;
}

a img {
    border: 0;
}

img {
    max-width: 100%;
    border: 0 none;
    height: auto;
    vertical-align: middle;
}

.display-block {
    display: block;
}

body {
    padding: 0;
    margin: 0px;
    color: #31333f;
    font-family: 'Quicksand', sans-serif;
    background: #fff;
    overflow-x: hidden;
}

.wrapper {
    width: 100%;
}

h1, h2, h3, h4, h5, h6, p {
    clear: both;
    padding: 0;
    margin: 0;
}

p {
    clear: both;
    padding: 0 0 12px 0;
    margin: 0;
    color: #555656;
    font-size: 16px;
    line-height: 24px;
}

.pageQuestionnaire ul {
    line-height: 24px;
}
.pageQuestionnaire img {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}

a {
    color: #000;
}

p a:hover, a, a:hover {
    text-decoration: none;
    color: #4098d3;
}

iframe {
    max-width: 100%;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
    text-transform: capitalize;
}

:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
}

@font-face {
    font-family: 'AbeatbyKai';
    src: url('../fonts/AbeatbyKai.eot?#iefix') format('embedded-opentype'), url('../fonts/AbeatbyKai.otf') format('opentype'), url('../fonts/AbeatbyKai.woff') format('woff'), url('../fonts/AbeatbyKai.ttf') format('truetype'), url('../fonts/AbeatbyKai.svg#AbeatbyKai') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\

         Custom Css Start

\*------------------------------------*/

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.pad0 {
    padding: 0 !important;
}

.mrg-t {
    margin-top: 0 !important;
}

.mrg-b {
    margin-bottom: 0 !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.margin-auto {
    margin: auto;
}

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

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

/*------------------------------------*\

         Custom Css End

\*------------------------------------*/

h1 {
    font-size: 36px;
    font-weight: 700;
    font-family: 'AbeatbyKai', sans-serif;
}

.h1::after {
    content: "";
    width: 60px;
    height: 3px;
    background: #489743;
    margin: 20px auto;
    display: block;
}

.heading {
    color: #24b47e;
    margin-bottom: 2px;
}

.display-table {
    position: absolute;
    display: table;
    vertical-align: middle;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
}

.btn {
    font-size: 1.5rem;
    background-color: var(--button-bg-primary);
    color: #fff;
    height: 3rem;
    line-height: 3rem;
    padding: 0 20px !important;
    border: none;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .1);
    transition: all ease-in-out 0.3s 0s;
    cursor: pointer;
}

.btn:hover {
    background-color: var(--button-bg-primary-hover);
}

.btn-white {
    background: #fff;
    color: #4098d3;
}

.btn-blue {
    background: #4098d3;
    color: #fff;
}

.intro-theme #stripes, .intro-theme .intro {
    min-height: 575px;
}

.yellow-theme header {
    background: #ef9802;
    background: -moz-linear-gradient(left, #ef9802 0%, #fbc803 25%, #e3f230 75%, #c7d822 100%);
    background: -webkit-linear-gradient(left, #ef9802 0%, #fbc803 25%, #e3f230 75%, #c7d822 100%);
    background: linear-gradient(to right, #ef9802 0%, #fbc803 25%, #e3f230 75%, #c7d822 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef9802', endColorstr='#c7d822', GradientType=1);
}

.yellow-theme #stripes {
    background: #ffa100;
    background: -moz-linear-gradient(left, #ffa100 0%, #ffcb00 25%, #e5f433 75%, #cddd33 100%);
    background: -webkit-linear-gradient(left, #ffa100 0%, #ffcb00 25%, #e5f433 75%, #cddd33 100%);
    background: linear-gradient(to right, #ffa100 0%, #ffcb00 25%, #e5f433 75%, #cddd33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa100', endColorstr='#cddd33', GradientType=1);
}

.btn-yellow, .yellow-theme .btn-theme {
    background: #f7c74a;
}

.yellow-theme .slick-arrow:hover {
    background-color: #f7c74a;
}

.red-theme header {
    background: #c10000;
    background: -moz-linear-gradient(left, #c10000 0%, #e2473f 25%, #c20392 75%, #660099 100%);
    background: -webkit-linear-gradient(left, #c10000 0%, #e2473f 25%, #c20392 75%, #660099 100%);
    background: linear-gradient(to right, #c10000 0%, #e2473f 25%, #c20392 75%, #660099 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c10000', endColorstr='#660099', GradientType=1);
}

.red-theme #stripes {
    background: #d93a32;
    background: -moz-linear-gradient(left, #d93a32 0%, #e2473f 25%, #cc0099 75%, #7703b1 100%);
    background: -webkit-linear-gradient(left, #d93a32 0%, #e2473f 25%, #cc0099 75%, #7703b1 100%);
    background: linear-gradient(to right, #d93a32 0%, #e2473f 25%, #cc0099 75%, #7703b1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93a32', endColorstr='#7703b1', GradientType=1);
}

.btn-red, .red-theme .btn-theme {
    background: #d8252d;
}

.red-theme .slick-arrow:hover {
    background-color: #d8252d;
}

.blue-theme header {
    background: #00a1d8;
    background: -moz-linear-gradient(left, #00a1d8 0%, #1ab9f5 25%, #2a96fc 75%, #168dff 100%);
    background: -webkit-linear-gradient(left, #00a1d8 0%, #1ab9f5 25%, #2a96fc 75%, #168dff 100%);
    background: linear-gradient(to right, #00a1d8 0%, #1ab9f5 25%, #2a96fc 75%, #168dff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a1d8', endColorstr='#168dff', GradientType=1);
}

.blue-theme #stripes {
    background: #01aef0;
    background: -moz-linear-gradient(left, #01aef0 0%, #10b4f2 25%, #369bfb 75%, #1584ef 100%);
    background: -webkit-linear-gradient(left, #01aef0 0%, #10b4f2 25%, #369bfb 75%, #1584ef 100%);
    background: linear-gradient(to right, #01aef0 0%, #10b4f2 25%, #369bfb 75%, #1584ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01aef0', endColorstr='#1584ef', GradientType=1);
}

.btn-blue, .blue-theme .btn-theme {
    background: #01aef0;
}

.blue-theme .slick-arrow:hover {
    background-color: #01aef0;
}

.green-theme header {
    background: #5dc004;
    background: -moz-linear-gradient(left, #5dc004 0%, #80da2f 25%, #6ce3b5 75%, #62e4b2 100%);
    background: -webkit-linear-gradient(left, #5dc004 0%, #80da2f 25%, #6ce3b5 75%, #62e4b2 100%);
    background: linear-gradient(to right, #5dc004 0%, #80da2f 25%, #6ce3b5 75%, #62e4b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc004', endColorstr='#62e4b2', GradientType=1);
}

.green-theme #stripes {
    background: #68d36f;
    background: -moz-linear-gradient(left, #68d36f 0%, #83dc33 25%, #71e2b6 75%, #6aecba 100%);
    background: -webkit-linear-gradient(left, #68d36f 0%, #83dc33 25%, #71e2b6 75%, #6aecba 100%);
    background: linear-gradient(to right, #68d36f 0%, #83dc33 25%, #71e2b6 75%, #6aecba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68d36f', endColorstr='#6aecba', GradientType=1);
}

.btn-green, .green-theme .btn-theme {
    background-color: var(--button-bg-primary);
}

.btn-green:hover, .green-theme .btn-theme:hover {
    background-color: var(--button-bg-primary-hover);
    color: #FFFFFF;
}

.green-theme .slick-arrow:hover {
    background-color: #68d36f;
}

.green-dark-theme header {
    background: #089000;
    background: -moz-linear-gradient(left, #089000 0%, #45c156 25%, #c6de6a 75%, #b9cf63 100%);
    background: -webkit-linear-gradient(left, #089000 0%, #45c156 25%, #c6de6a 75%, #b9cf63 100%);
    background: linear-gradient(to right, #089000 0%, #45c156 25%, #c6de6a 75%, #b9cf63 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089000', endColorstr='#b9cf63', GradientType=1);
}

.green-dark-theme #stripes {
    background: #3bab48;
    background: -moz-linear-gradient(left, #3bab48 0%, #3ac94e 25%, #c9df73 75%, #c5db71 100%);
    background: -webkit-linear-gradient(left, #3bab48 0%, #3ac94e 25%, #c9df73 75%, #c5db71 100%);
    background: linear-gradient(to right, #3bab48 0%, #3ac94e 25%, #c9df73 75%, #c5db71 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3bab48', endColorstr='#c5db71', GradientType=1);
}

.btn-green-dark, .green-dark-theme .btn-theme {
    background: #3ab54b;
}

.green-dark-theme .slick-arrow:hover {
    background-color: #3ab54b;
}

.btn-black {
    background: #333;
}

.btn-black:hover {
    background: #000;
    color: #fff;
}

/*Header Start*/

header {
    padding: 25px 0;
    position: relative;
    z-index: 9;
    background: #0506d2;
    background: -moz-linear-gradient(left, #0506d2 0%, #0564f9 25%, #0fadea 75%, #1ed2bf 100%);
    background: -webkit-linear-gradient(left, #0506d2 0%, #0564f9 25%, #0fadea 75%, #1ed2bf 100%);
    background: linear-gradient(to right, #0506d2 0%, #0564f9 25%, #0fadea 75%, #1ed2bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0506d2', endColorstr='#1ed2bf', GradientType=1);
}

.brand img {
    max-height: 56px;
}

.nav-list li a.btn-white {
    color: #4098d3 !important;
    margin: 0 15px;
}

.nav-list li a.btn:hover {
    color: #000000 !important;
}

/*------------------------------------*\

                 Home Page Main CSS Start

\*------------------------------------*/

.loader {
    text-align: center;
    width: 24px;
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: -10px;
}

.loader a {
    display: inline-block;
    width: 12px;
}

.loader img {
    max-height: 50px;
    margin-bottom: 8px;
}

.loader span {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 3px auto;
    background: #fff;
    border-radius: 50px;
    -webkit-animation: loader 0.9s infinite alternate;
    -moz-animation: loader 0.9s infinite alternate;
}

.loader span:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

.loader span:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

@-webkit-keyframes loader {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.9;
        -webkit-transform: translateY(0);
    }
    100% {
        width: 10px;
        height: 10px;
        opacity: 0.1;
        -webkit-transform: translateY(-21px);
    }
}

@-moz-keyframes loader {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.9;
    }
    100% {
        width: 10px;
        height: 10px;
        opacity: 0.1;
    }
}

#stripes {
    width: 100%;
    min-height: 675px;
    position: absolute;
    overflow: hidden;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: #1f1fff;
    background: -moz-linear-gradient(left, #1f1fff 0%, #0a54ff 25%, #2ab6f2 75%, #65eddf 100%);
    background: -webkit-linear-gradient(left, #1f1fff 0%, #0a54ff 25%, #2ab6f2 75%, #65eddf 100%);
    background: linear-gradient(to right, #1f1fff 0%, #0a54ff 25%, #2ab6f2 75%, #65eddf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1fff', endColorstr='#65eddf', GradientType=1);
}

.intro {
    position: relative;
    padding: 67px 0 0 0;
    min-height: 675px;
}

.announcement {
    padding: 6px 10px 6px 10px;
    border-radius: 15px;
    color: #fff !important;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    background: #1fa2ff;
    background: -moz-linear-gradient(left, #1fa2ff 0%, #65eddf 100%);
    background: -webkit-linear-gradient(left, #1fa2ff 0%, #65eddf 100%);
    background: linear-gradient(to right, #1fa2ff 0%, #65eddf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fa2ff', endColorstr='#65eddf', GradientType=1);
}

.announcement .new-pill {
    padding: 0 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    background: #24b47e;
    text-transform: uppercase;
    border-radius: 10px;
}

.message {
    margin: 0 7px 0 6px;
}

.intro h1 {
    margin: 45px 0 15px 0;
    color: #fff;
}

.intro p {
    color: #fff;
}

.intro ul {
    margin: 50px 0 0 0;
}

.intro ul li {
    display: inline-block;
    margin-right: 15px;
}

.intro-business {
    position: relative;
    z-index: 1;
}

.intro-business #stripes:before {
    content: "";
    width: 100%;
    height: 170%;
    background: url(../images/building.jpg) no-repeat 0 0;
    background-size: cover;
    position: absolute;
    transform: skewY(12deg);
    margin-top: -210px;
}

.intro-business-bg h1 {
    color: #24b47e;
    background: url(../images/1.png) no-repeat 0 0;
    padding: 0 0 0 100px;
    transition: all ease-in-out 0.3s 0s;
    margin-bottom: 30px;
    background-size: 80px;
}

.intro-business-bg h1:hover {
    background: url(../images/1-hover.png) no-repeat 0 0;
    transition: all ease-in-out 0.3s 0s;
    background-size: 80px;
}

.line-link {
    position: relative;
    display: inline-block;
    color: #4098d3 !important;
}

.line-link:after {
    background: #4098d3;
    width: 100%;
    height: 1px;
    content: "";
    transition: all ease-in-out 0.3s 0s;
    display: block;
}

.line-link:hover:after {
    width: 0%;
}

.developer-section {
    background: #eaeffa;
    padding: 160px 0 90px 0;
    text-align: center;
    position: relative;
}

.developer-section .container {
    position: relative;
}

.developer-section h1 {
    background: url(../images/2.png) no-repeat center top;
    padding: 100px 0 0 0;
    color: #24b47e;
    webkit-transition: background .3s;
    transition: background .3s;
    background-size: 80px;
}

.developer-section h1:hover {
    background: url(../images/2-hover.png) no-repeat center top;
    padding: 100px 0 0 0;
    webkit-transition: background .3s;
    transition: background .3s;
    background-size: 80px;
}

.half-text {
    max-width: 60%;
    margin: 50px auto;
}

.developer-section::before {
    background: #eaeffa;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -250px;
    content: "";
    display: block;
    left: 0;
}

.tab-right {
    text-align: left;
    padding-left: 50px;
}

.primary-nav, .asside-nav {
    display: none;
    font-size: 16px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    color: #3ecf8e !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    padding: 5px 14px;
    margin-bottom: 10px;
    text-align: left;
}

.primary-nav i, .asside-nav i {
    float: right;
    font-size: 25px;
    color: #24b47e;
}

.tab-right .nav-submenu:before {
    display: none;
}

.tab-right ul {
    border-bottom: 1px solid #dadde6;
    display: inline-block;
    width: 100%;
    padding: 19px 0 10px 0;
    margin-bottom: 15px;
    position: static;
    transform: inherit;
}

.tab-right ul li a {
    color: #4098d3;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    padding: 5px 14px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.tab-right ul li.active, .tab-right ul li.active:hover {
    webkit-transition: background .3s;
    transition: background .3s;
}

.tab-right ul li.active a, .tab-right ul li.active a:hover {

    color: #3ecf8e;
    webkit-transition: background .3s;
    transition: background .3s;
}

.tab-right a i {
    font-size: 13px;
    width: 20px;
}

.tab-right ul li a:hover {
    color: #000;
}

.newsletter {
    float: left;
    width: 100%;
    padding: 50px 0;
    position: relative;
    text-align: center;
}

.newsletter:after {
    content: "";
    display: block;
    bottom: -55px;
    position: absolute;
    width: 100%;
    height: 55px;
}

.newsletter h1 {
    color: #24b47e;
    margin: 30px 0;
}

.search-field {
    display: inline-block;
    width: 70%;
    background: #f4f5f6;
    border: 2px solid #e8e8e8;
    height: 60px;
    padding: 3px 3px 3px 20px;
    margin: 20px 0;
}

.search-field input[type="email"] {
    float: left;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    font-size: 18px;
    color: #7a7a7b;
    padding-right: 160px;
}

.search-field button[type="submit"] {
    width: 150px;
    text-align: center;
    border: none;
    height: 50px;
    background: #6772e5;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    margin-left: -151px;
    cursor: pointer;
}

.social {
    margin: 20px 0;
}

.social a {
    margin: 0 15px;
    color: #e5e5e5;
    transition: all ease-in-out 0.3s 0s;
}

.social a:hover {
    color: #666666;
}

#app-illustrations {
    position: absolute;
    top: 0;
    margin-top: -450px;
    right: -30%;
    z-index: 9;
    transform: rotate(-20deg);
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab-content .line-link {
    display: none;
}

#tab1.active, #tab2.active, #tab3.active, #tab4.active, #tab5.active {
    display: block;
}

.tab-detail {
    float: left;
    width: 100%;
    border-radius: 4px;
    padding: 20px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(50, 50, 93, .1);
    box-shadow: 0 2px 4px rgba(50, 50, 93, .1);
    -webkit-transition: -webkit-box-shadow .15s ease-in-out .15s;
    transition: -webkit-box-shadow .15s ease-in-out .15s;
    transition: box-shadow .15s ease-in-out .15s;
    transition: box-shadow .15s ease-in-out .15s, -webkit-box-shadow .15s ease-in-out .15s;
}

/*footer*/

#footer {
    float: left;
    width: 100%;
    text-align: center;
    padding: 50px 0 80px 0;
    background: #ededed url(../images/ftr-bg.jpg) no-repeat center bottom;
    background-size: contain;
}

#footer p {
    margin: 10px 0;
    color: #515151;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
}

#footer img {
    margin-bottom: 20px;
    max-width: 189px;
}

#footer a {
    font-size: 15px;
    margin: 0 10px;
    display: inline-block;
    color: #31333f;
}

#footer a:hover {
    color: #4098d3 !important;
    transition: all ease-in-out 0.3s 0s;
}

#footer a:after, .side-nav li a:after, .top-text h4 a:after {
    background: #4098d3;
    width: 0%;
    height: 1px;
    content: "";
    transition: all ease-in-out 0.3s 0s;
    display: block;
}

#footer a:hover:after, .side-nav li a:hover:after, .top-text h4 a:hover:after {
    width: 100%;
}

/*footer*/

/*Inner Pages Css*/

.top-text {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.highlighted {
    color: #3ecf8e;
    font-weight: 600;
}

.top-text h4 a {
    color: #3ecf8e;
    position: relative;
    display: inline-block;
}

.top-text h4 a:after {
    background: #3ecf8e;
}

.who-we-are {
    float: left;
    width: 100%;
    background: #168dff;
    position: relative;
}

.who-we-are:before {
    background: #1ab9f5;
    content: "";
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0%;
    top: 0;
}

.who-we-are h2 {
    color: #fff;
    margin: 20px 0;
    font-weight: 700;
}

.who-we-are p, .who-we-are span {
    color: #fff;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px;
}

.who-we-are ul {
    margin: 15px 0 30px 40px;
}

.who-we-are ul li {
    color: #fff;
    border: 2px solid #fff;
    margin: 12px 0;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    width: 100%;
}

.who-we-are ul li a {
    color: #fff;
    padding: 20px;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    width: 100%;
}

.who-we-are ul li i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10px;
    font-size: 36px;
    margin-right: 15px;
}

.case-studies-slider {
    float: left;
    width: 100%;
    text-align: center;
}

.case-studies-slider h1 {
    margin: 50px 0;
}

.express-interest-section {
    float: left;
    width: 100%;
    padding: 100px 0;
    background: url(../images/building.jpg) no-repeat center center;
    background-size: cover;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative;
    text-align: center;
}

.express-interest-section::before {
    background: rgba(255, 255, 255, 0.93);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.express-interest-section h4 {
    margin-bottom: 15px;
    display: inline-block;
    margin-right: 40px;
}

.assessment-products-info {
    float: left;
    width: 100%;
    background: #f4f4f4;
    padding: 50px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.assessment-products {
    background: #fff;
    padding: 25px;
    border: 1px solid #ccc;
}

.side-nav > ul > li {
    float: left;
    width: 100%;
    padding: 6px 0;
}

.side-nav > ul > li > a {
    font-weight: 500;
    color: #4098d3;
}

.side-nav a {
    float: left;
    width: 100%;
}

.side-nav ul ul a {
    color: #333;
}

.side-nav ul ul li a:after {
    background: #333;
}

.psychometric-settings {
    background: #4098d3;
}

.psychometric-settings:before {
    background: #a0cce9;
}

.psychometric-settings h2 {
    margin-bottom: 0;
    color: #000;
}

.psychometric-settings p {
    margin: 0;
    color: #000;
}

.psychometric-settings ol {
    margin-bottom: 20px;
}

.psychometric-settings ol li {
    margin-bottom: 5px;
    font-weight: 500;
}

.assessment-products-maping {
    margin: 50px 0;
}

.icon-refer {
    max-width: 70px;
    display: inline-block;
    border: 3px solid #fff;
    border-radius: 100%;
    margin-right: 30px;
}

.intro h1 span.icon-refer {
    padding: 0;
    float: left;
}

.intro h1 span {
    padding: 20px 0 50px 80px;
    display: block;
}

.feature_works h4 {
    font-weight: 500;
    margin-bottom: 30px;
}

.intro-theme .intro-business {
    min-height: 250px;
}

/*Pricing Page css*/

.intro-business ul {
    float: left;
    width: 100%;
    list-style: disc;
    padding-left: 20px;
}

.intro-business ul li {
    font-weight: bold;
}

.feature_works h2 {
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 27px;
}

.pricing-table table, .calculate-section table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

.pricing-table table tbody th, .pricing-table table tbody td {
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.7);
}

.calculate-section table tbody td, .calculate-section table tbody th {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #fff;
}

.pricing-table table, .calculate-section table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1rem;
    border-radius: 0;
    width: 100%;
}

.pricing-table table tbody tr:nth-child(2n) {
    background-color: #fff;
}

.calculate-section table thead, .calculate-section table tbody tr:nth-child(2n) {
    background: rgba(8, 6, 6, 0.3);
    color: #0a0a0a;
}

.calculate-section table thead {
    border: 1px solid #fff;
}

.calculate-section table thead th {
    padding: 10px;
    font-weight: bold;
    color: #fff;
}

.pricing-table table thead, .pricing-table table tbody, .pricing-table table tfoot {
    border: 3px solid #fff;
    background-color: #4dc076;
}

.calculate-section table tbody {
    background: #1ab9f5;
}

.light-green-theme header {
    background: #4dc076;
    background: -moz-linear-gradient(left, #4dc076 0%, #4dc076 25%, #b3e895 75%, #b3e895 100%);
    background: -webkit-linear-gradient(left, #4dc076 0%, #4dc076 25%, #b3e895 75%, #b3e895 100%);
    background: linear-gradient(to right, #4dc076 0%, #4dc076 25%, #b3e895 75%, #b3e895 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dc076', endColorstr='#b3e895', GradientType=1);
}

.light-green-theme #stripes {
    background: #b3e895;
    background: -moz-linear-gradient(left, #b3e895 0%, #b3e895 25%, #4dc076 75%, #4dc076 100%);
    background: -webkit-linear-gradient(left, #b3e895 0%, #b3e895 25%, #4dc076 75%, #4dc076 100%);
    background: linear-gradient(to right, #b3e895 0%, #b3e895 25%, #4dc076 75%, #4dc076 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e895', endColorstr='#4dc076', GradientType=1);
}

.pricing-table {
    float: left;
    width: 100%;
}

.pricing-table .table-left, .pricing-table .table-right {
    float: left;
    width: 50%;
    padding: 0 15px;
}

.feature_works .pricing-table h4 {
    font-weight: 400;
    font-size: 19px;
    min-height: 69px;
}

.calculate-section {
    float: left;
    width: 100%;
    background: url(../images/calculate-img.jpeg) no-repeat center top;
    background-size: 100%;
    padding: 50px 0;
    text-align: center;
    position: relative;
}

.calculate-section h2 {
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 29px;
    color: #fff;
}

.calculate-section p {
    font-weight: 400;
    font-size: 19px;
    color: #fff;
}

.calculate-section table {
    margin-top: 20px;
}

.calculate-section table tfoot {
    color: #fff;
}

.calculate-section table tfoot {
    background: rgba(248, 248, 248, 0.3);
    color: #0a0a0a;
    border: 1px solid #fff;
}

.calculate-section table tfoot td {
    padding: 10px;
    font-weight: bold;
    color: #fff;
}

.cal-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.calculate-inner {
    position: relative;
    z-index: 2;
}

.calculate-inner input {
    background: none;
    border: 1px solid #fff;
    padding: 6px 10px;
    width: 50%;
    color: #fff;
}

/*Inner Pages Css*/

/*Register Logi SignUp Css*/

.register_login_bg {
    background: url(../images/stardust.png) repeat 0 0;
    display: inline-block;
    width: 100%;
    padding: 70px 0 0 0;
}

.fieldset, .linkBlock {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0;
    background: #daf1fb;
}

.linkBlock {
    margin-bottom: 50px;
}

input[type="submit"] {
    cursor: pointer;
}

.fieldset legend {
    background: #daf1fb;
    padding: 10px;
    text-align: center;
    max-width: 100%;
    border: 1px solid #cacaca;
    font-size: 18px;
}

.user-detail label, .loginForm label, .candidate_form label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
}

.user-detail select, .candidate_form select {
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 0.875rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
    background-size: 9px 6px;
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat;
}

.user-detail [type="text"], .user-detail [type="email"], .user-detail [type="password"], .user-detail textarea, .candidate_form [type="file"],
.loginForm [type="email"], .loginForm textarea, .loginForm [type="text"], .loginForm [type="password"], .loginForm [type="email"], .loginForm textarea,
.candidate_form [type="text"], .candidate_form [type="email"], .candidate_form [type="password"], .candidate_form textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 0;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 14px;
}

.user-detail textarea, .candidate_form textarea {
    height: 120px;
}

.Login_page {
    background: #1f1fff;
    background: -moz-linear-gradient(left, #1f1fff 0%, #0a54ff 25%, #2ab6f2 75%, #65eddf 100%);
    background: -webkit-linear-gradient(left, #1f1fff 0%, #0a54ff 25%, #2ab6f2 75%, #65eddf 100%);
    background: linear-gradient(to right, #1f1fff 0%, #0a54ff 25%, #2ab6f2 75%, #65eddf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1fff', endColorstr='#65eddf', GradientType=1);
}

.Login_page .user-detail {
    max-width: 550px;
    margin: 0 auto;
}

.Login_page .h1.text-center {
    color: #fff;
}

.Login_page .h1::after {
    background: #fff;
}

.margin_auto {
    margin: auto;
}

#contact_details {
    float: left;
    width: 100%;
}

#billing {
    width: 100%;
    float: right;
}

.linkBlock {
    float: left;
    width: 100%;
}

.contact_details .btn {
    cursor: pointer;
}

.top-section-pricing {
    width: 100%;
    float: left;
    padding-top: 50px;
}

.top-section-pricing p {
    font-size: 1.5rem;
    text-align: center;
    line-height: 31px;
    color: #31333f;
}

.top-section-pricing h1 {
    background: none;
    color: #31333f;
    text-align: center;
    margin-bottom: 10px;
    padding-left: 0px;
}

.top-section-pricing h1:hover {
    background: none;
}

.top-section-pricing h1::after {
    content: "";
    width: 60px;
    height: 3px;
    background: #24b47e;
    margin: 20px auto;
    display: block;
}

.intro-business ul {
    padding-top: 35px;
}

.top-section-pricing ul li {
    width: 50%;
    float: left;
}

.intro-static-page {
    padding-top: 50px;
}

/*Register Logi SignUp Css*/

.modal .loginForm #contact_details {
    float: none;
    width: 100%;
    margin: 0px;
}

.modal-open .modal {
    width: 600px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.modal-footer, .modal-header {
    border: none;
}

.modal-header, .modal-footer {
    background: #0fadea;
}

.modal .modal-body {
}

.modal-header {
    padding: 10px;
}

.modal-footer .linkBlock {
    margin: 0px;
    color: #fff;
}

.modal .modal-footer, .modal .modal-body {
    padding: 0px;
}

.modal .fieldset, .modal .linkBlock {
    border: none;
    padding: 10px 15px;
}

.modal .linkBlock a {
    color: #fff;
}

.modal .linkBlock, .modal #contact_details {
    background: none;
}

.modal-header h3 {
    color: #fff;
    font-size: 23px;
}

.form.loginForm {
    background: #fff;
    width: 100%;
}

.modal-header .close {
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    text-shadow: none;
    opacity: 1;
    cursor: pointer;
    line-height: 28px;
    padding: 10px 15px;
}

.modal-footer {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.login-meesage.error {
    color: red;
    font-size: 13px;
    margin: 0 0 0 12px;
}

.login-meesage.success {
    color: green;
    font-size: 13px;
    margin: 0 0 0 12px;
}

.alert-box.alert {
    background: #f87474;
    color: #fff;
}

.contact_details .error.form__error {
    color: #f00;
    padding: 0;
    font-size: 14px;
}

button:focus {
    outline: none;
}

.static-content ul {
    padding-top: 0px !important;
}

/*Change on 24-07-2018*/
.pricing-table .table-left table thead, .pricing-table .table-left table tbody, .pricing-table .table-left table tfoot, .calculate-section .table-left table tbody {
    background: #1ab9f5;
}

.pricing-table .table-right table thead, .pricing-table .table-right table tbody, .pricing-table .table-right table tfoot, .calculate-section table thead, .calculate-section table tbody tr:nth-child(2n) {
    background: #168dff;
}

/*End Change on 24-07-2018*/

/*Account Page*/
.account_page {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

.account_page dl {
    display: inline-block;
    width: 100%;
    margin: 0 0 5px 0;
}

.account_page dl dt {
    width: 50%;
    float: left;
}

.account_page dl dd {
    float: right;
    width: 50%;
    font-style: italic;
}

.account_page h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 8px 0;
}

.account_btn_link .btn {
    margin: 15px 15px 20px 0;
}

.action_link {
    background: #fff;
    display: inline-block;
    margin-bottom: 15px;
}

.action_link li {
    float: left;
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
}

.widget.search_field_das {
    margin: 0 0 20px 0;
}

/*Test Page*/
.Test-table {
    overflow: auto;
}

.Test-table th {
    background: #4098d3;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 21px;
}

.Test-table td {
    vertical-align: middle;
    padding: 10px;
    text-align: center;
}

.table_icon, .assessment-products-info i {
    color: #4098d3;
    font-size: 16px;
    margin: 0 5px;
}

.Test-table tbody tr:nth-child(2n) {
    background: #f1f1f1;
}

.icon1 {
    display: inline-block;
    background: url(../images/1.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.icon1:hover, .icon1.selected {
    background: url(../images/1-hover.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

.icon2 {
    display: inline-block;
    background: url(../images/2.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.icon2:hover, .icon2.selected {
    background: url(../images/2-hover.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

.icon3 {
    display: inline-block;
    background: url(../images/3-hover.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.icon3:hover, .icon3.selected {
    background: url(../images/3.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

.icon4 {
    display: inline-block;
    background: url(../images/4-hover.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.icon4:hover, .icon4.selected {
    background: url(../images/4.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

.icon5 {
    display: inline-block;
    background: url(../images/5-hover.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
}

.icon5:hover, .icon5.selected {
    background: url(../images/5.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
}

.aside-inner {
    padding: 10px 0;
}

.aside-inner h6 {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.aside-inner select, .aside-inner input[type="text"] {
    border: 1px solid #ccc;
    height: 37px;
    float: left;
    width: 70%;
    padding: 0 10px;
    border-radius: 4px;
}

.aside-inner select {
    background-color: #fefefe;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
    background-size: 9px 6px;
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat;
}

.aside-inner .btn {
    padding: 0 12px !important;
}

.gray_box {
    background: #f1f1f1;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 15px;
}

.gray_box p {
    font-size: 13px;
    padding: 0;
    line-height: 19px;
}

.aside-inner ul li a {
    color: #4098d3;
}

.aside-inner ul li:before {
    content: "";
    font-family: FontAwesome;
    color: #4098d3;
    margin-right: 10px;
}

ul.pt-pill {
    width: 100%;
    height: inherit !important;
}

ul.pt-pill li {
    width: 33.33%;
    text-align: center;
    height: 2.4375rem;
    line-height: 38px !important;
    background: #f8f8f8 !important;
}

ul.pt-pill li.selected {
    background: #ccc !important;
}

.client-profile img {
    max-width: 150px;
}

.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: white;
}

.candidate_form table thead, .candidate_form table tfoot,
.pageContent table thead, .pageContent table tfoot,
.unstriped thead, .unstriped tfoot {
    background: #f8f8f8;
    color: #0a0a0a;
}

.candidate_form table thead, .candidate_form table tbody, .candidate_form table tfoot,
.pageContent table thead, .pageContent table tbody, .pageContent table tfoot,
.unstriped thead, .unstriped tbody, .unstriped tfoot {
    border: 1px solid #f1f1f1;
}

.candidate_form table thead th, .candidate_form table thead td, .candidate_form table tfoot th, .candidate_form table tfoot td,
.pageContent table thead th, .pageContent table thead td, .pageContent table tfoot th, .pageContent table tfoot td,
.unstriped thead th, .unstriped thead td, .unstriped tfoot th, .unstriped tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: center;
}

.unstriped tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

.candidate_form table tbody tr:nth-child(2n),
.pageContent table tbody tr:nth-child(2n) {
    background-color: #f1f1f1;
}

.candidate_form {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.candidate_form legend {
    display: inline-block;
    width: auto;
}

.callout.secondary {
    background-color: #ebebeb;
}

.assessment-products .widget {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}

.assessment-products .widget .side-nav__heading {
    margin-bottom: 10px;
}

.assessment-products .widget.account_btn_link .btn {
    margin: 5px 5px 5px 0;
    width: 100%;
}

.assessment-products .widget.account_btn_link p {
    padding: 0;
}

dl {
    word-wrap: break-word;
}

.campaignSummary__list, .pageContent ul {
    list-style-type: disc;
    margin: 20px 0 20px 25px;
}

table.scroll {
    width: 100%;
    overflow-x: auto;
}

.col-sm-4.half-form #billing {
    width: 100%;
}

.table i.fa-info, .table i.fa-user {
    color: #01aef0;
    font-size: 12px;
    margin: 0 5px;
}

.w25 {
    width: 25%;
}

.w40 {
    width: 40%;
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w10 {
    width: 10%;
}

.unstriped {
    width: 100%;
}

table.unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fefefe;
}

.assessment-products-info th, .assessment-products-info td {
    text-align: center;
}

.table {
    margin-top: 15px;
}

/* My Account Page Start */
.candidate_form dl {

    display: inline-block;
    width: 100%;
    padding: 6px;

}

.candidate_form dl:nth-child(2n) {

    background: #eaeaea;

}

.candidate_form dl dt {

    width: 30%;
    margin-right: 20px;
    float: left;

}

.candidate_form dl dd {

    float: left;
    font-weight: 500;

}

/* My Account Page End */

.candidate_form [type="file"] {
    padding: 0;
    border: 0 none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#update_cart_form h4 {
    margin-top: 15px;
}

/* Tool Tip Start */
.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

/* Tool Tip End */

.loginForm .linkBlock {
    margin: 0 0 1.125rem 0;
}

.form__label input[type="checkbox"] {

    margin-right: 15px;

}

.table_icon img {
    max-width: 23px;
}

.calculate-section h2 {
    padding-top: 20px;
}

.calculate-inner {
    padding-bottom: 20px;
}

.skull-images img {
    margin: 3px 0;
    display: inline-block;
}

.accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem;
}

.accordion-title::before {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: -0.85rem;
}

.is-active > .accordion-title::before {
    content: '–';
}

.accordion-title {
    padding: 1rem;
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: 0.75rem;
    color: #2199e8;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}

.is-active > .accordion-title h3 {
    color: #2199e8;
}

.accordion {
    margin: 1rem 0;
}

.accordion {
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6;
    border-bottom-color: rgb(230, 230, 230);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0;
    border-radius: 0;
    margin-left: 0;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6;
}

.accordion-title h3 {
    font-size: 1.125rem;
    font-weight: 500;
}

#captcha {
    width: 140px;
    margin: 14px 0;
    display: inline-block;
    height: 30px;
    margin-left: 15px;
}

.setting-logo {
    max-width: 100px;
    margin: 0 0 15px 0;
}

.accordion table {
    margin: 0;
}

#update_cart_form .secondary.btn.btn-blue {
    margin-top: -5px;
}

.static-wrapper {
    padding: 50px 0;
}

.meta {
    padding-bottom: 15px;
}

.questionnaireForm {
    width: 100%;
}

.surveyTitle {
    text-align: right;
    padding: 15px 0 0 0;
    color: #fff;
}

.questionnaireTopLeft {
    float: left;
}

.questionGroupHeader {
    background: #eee;
    padding: 15px 25px;
    margin: -25px -25px 25px -25px;
    border-bottom: 1px solid #ccc;
}

.questionnaireTopRight {
    float: right;
}

.progressPercent {
    padding: 0;
    font-size: 1.375rem;
}

.progressActual {
    font-size: 13px;
}

.sortableList__item {
    cursor: move;
    border: 1px solid #ddd;
    background-color: #e7e7e7;
    padding: .5rem;
    margin-bottom: .5rem;
}

.sortableList {
    margin-bottom: 2rem;
}

.radio ul,
.checkbox ul {
    list-style: none;
    margin: 20px 0;
}

.questionBar {
    background-color: #01aef0;
    margin-bottom: 1rem;
}

.questionBar__num, .answerOption {
    width: 2.5rem;
    padding: .5rem;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
}

.questionBar__num {
    float: left;
}

.questionBar__text {
    display: block;
    overflow: hidden;
    margin-left: 2.75rem;
    padding: .5rem 1rem;
    background-color: #ffffff;
    min-height: 3rem;
}

.questionBar__title {
    font-size: 1.5em;
}

.questionBar__text > p {
    font-size: 1rem;
    margin: 0;
}

.whiteBG {
    background-color: #fff;
}

.question__image--sjt {
    width: 100%;
}

.questionBar__text--sjt, .questionBar__text--sjt > p {
    background-color: inherit;
    color: inherit;
    margin: 0;
}

.questionBar__text--sjt > p {
    padding: 0;
}

/* Default styling */
.questionBar--sjt {
    color: white;
    background-color: rgb(39,74,166);
}

.col--sjtMost {
    color: white;
    background-color: #68d36f;
    border-left: none;
    font-weight: normal;
}

.col--sjtLeast {
    color: white;
    background-color: #01aef0;
    border-left: 1px solid #e0dfdf;
    font-weight: normal;
}

table.question__table tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

.ASsjt_most2, .ASsjt_most3, .ASsjt_most_least {
    border: 1px solid #fff;
    border-left: none;
}

.answerOption {
    background-color: #01aef0;
    text-align: center;
}

.assessment-products-info .question__table .question__response {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e0dfdf;
    border-right: 1px solid #e0dfdf;
}

.assessment-products-info .question__table tr.question th {
    text-align: center;
    font-weight: bold;
}

.question__response input {
    margin: 0.5rem 0;
}

.assessment-products-info .question__table th, .assessment-products-info .question__table td {
    text-align: left;
}

table.question__table tbody th, table.question__table tbody td, table.questionGroup__table tbody th, table.questionGroup__table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-size: 15px;
}

.questionGroup__navigation {
    margin-top: 30px;
}

.questionGroup__table {
    border-bottom: 1px solid #e0dfdf;
    min-width: 30rem;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

.colEmpty {
    border-bottom: 1px solid #e0dfdf;
}

.no-bullet {
    margin-left: 0;
    list-style: none;
}

.questionGroup__body {
    /* Space for shadow on top form element  */
    padding-top: 3px;
}

ul.questionGroup__key {
    overflow: hidden;
    margin: .5em .5em -1px;
}
.questionGroup__key li {
    float: left;
    font-size: .90rem;
    font-weight: normal;
    margin-right: .5rem;
}

.radioCol {
    width: 35px;
    border: 1px solid #e0dfdf;
    font-size: .75rem;
}

table tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

.question--row, .answer--row {
    border-left: 1px solid #e0dfdf;
}

.question__text {
    text-align: left !important;
}

.question__text p {
    margin: 0.5rem 0;
}

.questionGroup__key.no-bullet {
    list-style-type: none !important;
}

/**/
.question__image--abstract {
    max-height: 300px;
}

.control {
    position: relative;
    display: block;
    cursor: pointer;
}

.control > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: relative;
    top: 2px;
    left: 0;
    text-align: center;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control__indicator--image:after {
    width: 100%;
    height: 100%;
    top: 0;
    border: solid #4098d3;
}

.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ec5840;
}

.form-error.is-visible {
    display: block;
    margin: 5px 0;
}

.question__table {
    width: 100%;
}


/* --------------------
    ICONS
-------------------- */

.icon {
    height: 24px;
}

.icon.secondary {
    background-color: #777;
    color: #fefefe;
}

/* ---------------------
    More hacks due to bad W3Care styling
-------------------- */
.contentBox {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    overflow: auto;
}
.questionnaireWrapper {
    background-color: white;
    padding: 25px;
    border: 1px solid #ccc;
}
.questionGroup__heading {
    margin-bottom: 1rem;
}
.questionGroup__subHeading {
    margin: auto auto 1rem auto;
    font-size: 1rem;
}
.radioHorizontal {
    overflow: hidden;
}
.radioHorizontal > li {
    float: left;
    margin-right: 1rem;
}
label.AStext {
    display: block;
}
ul.radioList {
    margin: 0;
}