html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: center;
    background: transparent
}
body {
    line-height: 1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
nav ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}
del {
    text-decoration: line-through
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
input,
select {
    vertical-align: middle
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.color-base {
    color: #4a4a4a !important
}
.color-text {
    color: #4a4a4a !important
}
.color-text-light {
    color: #c8c8c8 !important
}
.color-title {
    color: #222 !important
}
.color-heading {
    color: #222 !important
}
.color-white {
    color: #fff !important
}
.color-black {
    color: #000 !important
}
.color-blue {
    color: #55bbea !important
}
.color-blue-dark {
    color: #3C86A8 !important
}
.color-green {
    color: #4caf79 !important
}
.color-orange {
    color: #f9ad52 !important
}
.color-red {
    color: #eb5055 !important
}
.color-grey {
    color: #8E8989 !important
}
.color-good {
    color: #4caf79 !important
}
.color-average {
    color: #f9ad52 !important
}
.color-bad {
    color: #eb5055 !important
}
.color-q-answered {
    color: #55bbea !important
}
.color-q-skipped {
    color: #f9ad52 !important
}
.color-q-revise-later {
    color: #737A84 !important
}
.color-q-unattempted {
    color: #adadad !important
}
.color-prog-0p {
    color: #909090 !important
}
.color-prog-25p {
    color: #6abe91 !important
}
.color-prog-50p {
    color: #60ba89 !important
}
.color-prog-75p {
    color: #55b581 !important
}
.color-prog-100p {
    color: #4caf79 !important
}
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/FontAwesome-4.3/fontawesome-webfont.eot?v=4.3.0");
    src: url("../fonts/FontAwesome-4.3/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/FontAwesome-4.3/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/FontAwesome-4.3/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/FontAwesome-4.3/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/FontAwesome-4.3/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571429em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714286em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158"
}
.fa-won:before,
.fa-krw:before {
    content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-genderless:before,
.fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-hotel:before,
.fa-bed:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
body {
    font-family: "Source Sans Pro", sans-serif;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
    color: #4a4a4a
}
.heading {
    color: #222
}
.heading-bordered {
    border-bottom: 3px solid #000;
    padding-bottom: 10px
}
.heading_divider {
    font-weight: 400;
    color: #D8D8D8;
    margin: 0 15px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: normal;
    margin: 0
}
.h1 {
    font-size: 36px;
    line-height: 45px
}
.h2 {
    font-size: 24px;
    line-height: 31px
}
.h3 {
    font-size: 20px;
    line-height: 25px
}
.h4 {
    font-size: 18px;
    line-height: 23px
}
.light {
    font-weight: 300 !important
}
.normal {
    font-weight: 400 !important
}
.semi-bold {
    font-weight: 600 !important
}
.bold {
    font-weight: 700 !important
}
.text-regular {
    font-size: 14px;
    line-height: 18px
}
.text-medium {
    font-size: 16px;
    line-height: 24px
}
a {
    text-decoration: none;
    color: #55bbea
}
input,
select,
textarea {
    font-family: "Source Sans Pro", sans-serif
}
hr {
    border-color: #d8d8d8
}
.hr {
    display: block;
    height: 1px;
    background: #d8d8d8
}
.hr--dark {
    background: #222
}
.hr--light {
    background: #ededed
}
.subHeading {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999
}
.subHeading-light {
    color: #c8c8c8
}
.subHeading-bordered {
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}
.icn {
    display: inline-block;
    background-image: url("http://visionias.in/student/images/menu.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .icn {
        background-image: url("https://www.toppr.com/static/v2/images/web/sprite@2x.png?v=13082015");
        background-size: 282px 262px
    }
}
.icn-accuracy-12 {
    width: 12px;
    height: 12px;
    background-position: -264px -244px
}
.icn-accuracy-14 {
    width: 14px;
    height: 14px;
    background-position: -83px -244px
}
.icn-accuracy-18 {
    width: 18px;
    height: 18px;
    background-position: -258px -225px
}
.icn-accuracy-36 {
    width: 36px;
    height: 36px;
    background-position: 0px -147px
}
.icn-accuracy-48 {
    width: 48px;
    height: 48px;
    background-position: -49px -49px
}
.icn-alertBellWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -50px
}
.icn-archeryBullsEye-24 {
    width: 24px;
    height: 24px;
    background-position: -50px -219px
}
.icn-biology-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -100px
}
.icn-biologyWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -197px -159px
}
.icn-checklist-24 {
    width: 24px;
    height: 24px;
    background-position: -121px -184px
}
.icn-chemistry-24 {
    width: 24px;
    height: 24px;
    background-position: -146px -184px
}
.icn-chemistryWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -171px -184px
}
.icn-cross-12 {
    width: 12px;
    height: 12px;
    background-position: -238px -244px
}
.icn-cross-14 {
    width: 14px;
    height: 14px;
    background-position: -98px -244px
}
.icn-cross-18 {
    width: 18px;
    height: 18px;
    background-position: -167px -127px
}
.icn-currency-24 {
    width: 24px;
    height: 24px;
    background-position: -225px -219px
}
.icn-dashboard-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -25px
}
.icn-dashboardWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -50px
}
.icn-email-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -75px
}
.icn-email-34 {
    width: 34px;
    height: 34px;
    background-position: 0px -184px
}
.icn-fAskIITian-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -125px
}
.icn-fAssessments-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -150px
}
.icn-fReports-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -175px
}
.icn-flag-12 {
    width: 12px;
    height: 12px;
    background-position: -173px -244px
}
.icn-flag-14 {
    width: 14px;
    height: 14px;
    background-position: -38px -244px
}
.icn-flag-24 {
    width: 24px;
    height: 24px;
    background-position: -96px -184px
}
.icn-flag-36 {
    width: 36px;
    height: 36px;
    background-position: -148px -90px
}
.icn-flag-48 {
    width: 48px;
    height: 48px;
    background-position: -148px 0px
}
.icn-greenLight-30x40 {
    width: 30px;
    height: 40px;
    background-position: -197px -118px
}
.icn-greenLight-48 {
    width: 48px;
    height: 48px;
    background-position: -50px 0px
}
.icn-hamburger-24 {
    width: 24px;
    height: 24px;
    background-position: -233px 0px
}
.icn-india-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -25px
}
.icn-lockBlueBg-40 {
    width: 40px;
    height: 40px;
    background-position: -148px -49px
}
.icn-maths-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -75px
}
.icn-mathsWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -100px
}
.icn-mentalAptitude-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -125px
}
.icn-mentalAptitudeWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -150px
}
.icn-pen-18 {
    width: 18px;
    height: 18px;
    background-position: 0px -244px
}
.icn-pen-24 {
    width: 24px;
    height: 24px;
    background-position: 0px -219px
}
.icn-phone-24 {
    width: 24px;
    height: 24px;
    background-position: -25px -219px
}
.icn-phone-34 {
    width: 34px;
    height: 34px;
    background-position: -35px -184px
}
.icn-physics-24 {
    width: 24px;
    height: 24px;
    background-position: -75px -219px
}
.icn-physicsWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -100px -219px
}
.icn-previousPapers-24 {
    width: 24px;
    height: 24px;
    background-position: -125px -219px
}
.icn-previousPapersWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -150px -219px
}
.icn-progress-12 {
    width: 12px;
    height: 12px;
    background-position: -212px -244px
}
.icn-progress-14 {
    width: 14px;
    height: 14px;
    background-position: -53px -244px
}
.icn-progress-18 {
    width: 18px;
    height: 18px;
    background-position: -148px -127px
}
.icn-progress-24 {
    width: 24px;
    height: 24px;
    background-position: -258px 0px
}
.icn-progress-36 {
    width: 36px;
    height: 36px;
    background-position: -37px -147px
}
.icn-progress-48 {
    width: 48px;
    height: 48px;
    background-position: 0px -98px
}
.icn-question-12 {
    width: 12px;
    height: 12px;
    background-position: -225px -244px
}
.icn-question-14 {
    width: 14px;
    height: 14px;
    background-position: -113px -244px
}
.icn-question-36 {
    width: 36px;
    height: 36px;
    background-position: -148px -147px
}
.icn-question-48 {
    width: 48px;
    height: 48px;
    background-position: 0px -49px
}
.icn-redLight-30x40 {
    width: 30px;
    height: 40px;
    background-position: -197px -77px
}
.icn-redLight-48 {
    width: 48px;
    height: 48px;
    background-position: -99px 0px
}
.icn-score-14 {
    width: 14px;
    height: 14px;
    background-position: -68px -244px
}
.icn-score-48 {
    width: 48px;
    height: 48px;
    background-position: -99px -49px
}
.icn-speed-12 {
    width: 12px;
    height: 12px;
    background-position: -251px -244px
}
.icn-speed-14 {
    width: 14px;
    height: 14px;
    background-position: -158px -244px
}
.icn-speed-18 {
    width: 18px;
    height: 18px;
    background-position: -233px -200px
}
.icn-speed-36 {
    width: 36px;
    height: 36px;
    background-position: -74px -147px
}
.icn-speed-48 {
    width: 48px;
    height: 48px;
    background-position: -49px -98px
}
.icn-studyGroup-24 {
    width: 24px;
    height: 24px;
    background-position: -200px -219px
}
.icn-studyGroupWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -175px -219px
}
.icn-testSeries-24 {
    width: 25px;
    height: 25px;
    background-position: -70px -184px
}
.icn-testSeriesWhite-24 {
    width: 24px;
    height: 24px;
    background-position: -233px -175px
}
.icn-testseriesWhite-35 {
    width: 35px;
    height: 35px;
    background-position: -197px 0px
}
.icn-tick-12 {
    width: 12px;
    height: 12px;
    background-position: -199px -244px
}
.icn-tick-14 {
    width: 14px;
    height: 14px;
    background-position: -143px -244px
}
.icn-tick-18 {
    width: 18px;
    height: 18px;
    background-position: -19px -244px
}
.icn-tick-24 {
    width: 24px;
    height: 24px;
    background-position: -258px -200px
}
.icn-time-12 {
    width: 12px;
    height: 12px;
    background-position: -186px -244px
}
.icn-time-14 {
    width: 14px;
    height: 14px;
    background-position: -128px -244px
}
.icn-time-30x40 {
    width: 30px;
    height: 40px;
    background-position: -197px -36px
}
.icn-time-36 {
    width: 36px;
    height: 36px;
    background-position: -111px -147px
}
.icn-time-48 {
    width: 49px;
    height: 48px;
    background-position: 0px 0px
}
.icn-toppr-48 {
    width: 48px;
    height: 48px;
    background-position: -98px -98px
}
.icn-userAdd-24 {
    width: 24px;
    height: 24px;
    background-position: -196px -184px
}
.ct-chart .ct-label {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    text-align: left
}
.ct-chart .ct-label.ct-horizontal {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    text-align: left
}
.ct-chart .ct-label.ct-vertical {
    display: block;
    width: 100%;
    height: 100%;
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    text-align: right
}
.ct-chart .ct-grid {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px
}
.ct-chart .ct-point {
    stroke-width: 10px;
    stroke-linecap: round
}
.ct-chart .ct-line {
    fill: none;
    stroke-width: 4px
}
.ct-chart .ct-area {
    stroke: none;
    fill-opacity: 0.1
}
.ct-chart .ct-bar {
    fill: none;
    stroke-width: 10px
}
.ct-chart .ct-slice.ct-donut {
    fill: none;
    stroke-width: 60px
}
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
    stroke: #d70206
}
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut),
.ct-chart .ct-series.ct-series-a .ct-area {
    fill: #d70206
}
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
    stroke: #F05B4F
}
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut),
.ct-chart .ct-series.ct-series-b .ct-area {
    fill: #F05B4F
}
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-slice.ct-donut {
    stroke: #F4C63D
}
.ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut),
.ct-chart .ct-series.ct-series-c .ct-area {
    fill: #F4C63D
}
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-slice.ct-donut {
    stroke: #453D3F
}
.ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut),
.ct-chart .ct-series.ct-series-d .ct-area {
    fill: #453D3F
}
.ct-chart.ct-square {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
}
.ct-chart.ct-square:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}
.ct-chart.ct-minor-second:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.88889%
}
.ct-chart.ct-major-second:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.33333%
}
.ct-chart.ct-minor-third:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
}
.ct-chart.ct-major-third:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
}
.ct-chart.ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.66667%
}
.ct-chart.ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}
.ct-chart.ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.8047%
}
.ct-chart.ct-golden-section:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
}
.ct-chart.ct-major-sixth:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}
.ct-chart.ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.33333%
}
.ct-chart.ct-major-seventh:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-octave {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
}
.ct-chart.ct-octave:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
}
.ct-chart.ct-major-tenth:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}
.ct-chart.ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.33333%
}
.ct-chart.ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.ct-chart.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}
.ct-chart.ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
}
.ct-chart.ct-double-octave:after {
    content: "";
    display: table;
    clear: both
}
.ct-chart.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}
.select2-container .select2-selection--single {
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    height: 40px;
    padding: 9px 10px;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    background: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    background-color: #eee
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.select2-container .select2-search--inline {
    float: left
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-dropdown {
    background-color: white;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 10101
}
.select2-results {
    display: block
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}
.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}
.select2-results__option[aria-selected] {
    cursor: pointer
}
.select2-container--open .select2-dropdown {
    left: 0
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-search--dropdown {
    display: block;
    padding: 4px
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
    display: none
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}
.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #55bbea;
    outline: 0
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
    padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #55bbea;
    color: white
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}
.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    border: none;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear, to bottom, #fff 50%, #eee 100%;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear, to bottom, #eee 50%, #ccc 100%;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear, to bottom, #fff 0%, #eee 50%;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear, to bottom, #eee 50%, #fff 100%;
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0
}
.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
    border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #55bbea;
    color: white
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
.button {
    display: inline-block;
    overflow: hidden;
    background: transparent;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    line-height: 1;
    border-color: #55bbea;
    color: #55bbea;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none
}
.button-small {
    height: 24px;
    padding: 0 9px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px
}
.button-medium {
    height: 32px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 32px
}
.button-big {
    height: 40px;
    padding: 0 28px;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid
}
.button-blue {
    background-color: #55bbea;
    color: #fff;
    border-color: #28a9e4
}
.button-blue:hover {
    background-color: #3eb2e7
}
.button-green {
    background-color: #4caf79;
    color: #fff;
    border-color: #3d8b60
}
.button-green:hover {
    background-color: #449d6d
}
.button-greenHollow {
    color: #4caf79;
    border: 1px solid #4caf79
}
.button-greenHollow:hover {
    color: #fff;
    background-color: #4caf79
}
.button-orange {
    background-color: #f9ad52;
    color: #fff;
    border-color: #f79621
}
.button-orange:hover {
    background-color: #f8a139
}
.button-grey {
    background-color: #737A84;
    color: #fff;
    border-color: #5b6169
}
.button-grey:hover {
    background-color: #676d76
}
.button-greyLight {
    background-color: #F8F8F8;
    color: #4a4a4a;
    border-color: #dfdfdf
}
.button-greyLight:hover {
    background-color: #ebebeb
}
.button-greyLight2 {
    background-color: #C8C8C8;
    color: #FFF;
    border-color: #afafaf
}
.button-greyLight2:hover {
    background-color: #bbb
}
.button-white {
    background-color: #FFF;
    color: #4a4a4a;
    border-color: #e6e6e6
}
.button-white:hover {
    background-color: #f2f2f2
}
.button-disabled {
    background-color: #737A84;
    color: #fff;
    border-color: #5b6169;
    cursor: default
}
.followBtn {
    display: block;
    min-width: 110px;
    position: relative;
    border: 1px solid #d8d8d8;
    padding: 0 15px;
    color: #4a4a4a;
    background-color: #F8F8F8;
    cursor: pointer
}
.followBtn-small {
    min-width: 82px;
    padding: 0 10px
}
.followBtn:hover {
    background-color: #ebebeb
}
.followBtn_txtFollow {
    display: block
}
.followBtn_txtFollowing {
    display: none
}
.followBtn_txtUnfollow {
    display: none
}
.followBtn.is-followed {
    background-color: #55bbea;
    border-color: #55bbea;
    color: #fff
}
.followBtn.is-followed .followBtn_txtFollowing {
    display: block
}
.followBtn.is-followed .followBtn_txtFollow {
    display: none
}
.followBtn.is-followed.can-unfollow:hover {
    background: #eb5055;
    border-color: #eb5055
}
.followBtn.is-followed.can-unfollow:hover .followBtn_txtFollowing {
    display: none
}
.followBtn.is-followed.can-unfollow:hover .followBtn_txtUnfollow {
    display: block
}
.followBtn-overlay.can-unfollow {
    background: #eb5055
}
.followBtn-overlay.is-followed {
    background: #55bbea
}
@media only screen and (max-width: 767px) {
    .followBtn-overlay.is-followed {
        background: #eb5055
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .followBtn-overlay.is-followed {
        background: #eb5055
    }
}
.followBtn-overlay,
.followBtn .loadingDots {
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0
}
.followBtn-green.is-followed {
    background-color: #4caf79;
    border-color: #4caf79;
    color: #fff
}
.pageContentContainer {
    margin-left: 240px
}
.container {
    width: 970px;
    margin-left: auto;
    margin-right: auto
}
.pCol {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}
.pCol-wider {
    width: 75%
}
.pCol-wide {
    width: 66.66%
}
.pCol-narrow {
    width: 33.34%
}
@media only screen and (min-width: 1366px) {
    .pageContentContainer {
        margin-left: 280px
    }
}
@media only screen and (min-width: 1400px) {
    .container {
        width: 1030px
    }
}
@media only screen and (max-width: 1270px) {
    .container {
        width: 880px
    }
}
@media only screen and (max-width: 1179px) {
    .pageContentContainer {
        margin-left: 0
    }
    .container {
        width: 980px
    }
}
@media only screen and (max-width: 1079px) {
    .container {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }
}
@media only screen and (max-width: 767px) {
    .container {
        width: auto;
        margin-left: 10px;
        margin-right: 10px
    }
    .pCol {
        float: none;
        padding-left: 0;
        padding-right: 0
    }
    .pCol-wider,
    .pCol-wide,
    .pCol-narrow {
        width: auto
    }
}
.grid {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}
.grid-half {
    width: 50%
}
.grid-one-third {
    width: 33.33%
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-grid-full {
        width: 100% !important
    }
}
@media only screen and (max-width: 767px) {
    .phn-grid-full {
        width: 100% !important
    }
}
.alpha {
    margin-left: 0 !important;
    padding-left: 0 !important
}
.omega {
    margin-right: 0 !important;
    padding-right: 0 !important
}
.pTopHeader {
    background: #145d80;
    height: 50px;
    position: relative;
}
.pTopHeader_bcrumb {
    float: left;
    padding: 13px 0
}
.pTopHeader_bcrumb a {
    float: left;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 600
}
.pTopHeader_bcrumb a:hover {
    text-decoration: underline
}
.pTopHeader_bcrumb_sep {
    float: left;
    font-size: 24px;
    line-height: 22px;
    color: #AADDF4;
    margin: 0 10px
}
@media only screen and (max-width: 1079px) {
    .pTopHeader_bcrumb {
        margin-left: 30px
    }
}
.pTopHeader_dropdown {
    position: relative
}
.pTopHeader_dropdown_trigger {
    height: 50px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 101
}
.pTopHeader_dropdown_menu {
    position: absolute;
    top: 47px;
    list-style: none;
    display: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.pTopHeader_dropdown_menu-left {
    left: 0
}
.pTopHeader_dropdown_menu-right {
    right: 0
}
.pTopHeader_dropdown_menu.open {
    display: block
}
.pTopHeader_dropdown_menu li {
    display: block
}
@media only screen and (max-width: 767px) {
    .pTopHeader_dropdown_menu li.demo-link {
        display: none
    }
}
.pTopHeader_dropdown_menu a {
    display: block;
    text-decoration: none;
    cursor: pointer
}
.pTopHeader_userDropdown_thumb {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin-top: 10px;
    overflow: hidden
}
.pTopHeader_userDropdown_name {
    min-width: 80px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-left: 34px
}
.pTopHeader_userDropdown_name:after {
    content: "\f107";
    font-family: "FontAwesome";
    display: block;
    float: right;
    line-height: 20px;
    width: 10px;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px
}
.pTopHeader_userDropdown_menu {
    left: -90px;
    right: 0;
    z-index: 101
}
.pTopHeader_userDropdown_menu:before {
    display: block;
    content: " ";
    position: absolute;
    top: -7px;
    right: 7px;
    height: 0;
    width: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff
}
.pTopHeader_userDropdown_menu li {
    height: 50px;
    border-bottom: 1px solid #ededed
}
.pTopHeader_userDropdown_menu li:last-of-type {
    border: none
}
.pTopHeader_userDropdown_menu a {
    font-size: 14px;
    line-height: 50px;
    padding: 0 20px;
    text-align: left;
    color: #4a4a4a
}
.pTopHeader_userDropdown_menu a:hover {
    background: rgba(0, 0, 0, 0.04)
}
.pTopHeader_btn {
    margin-top: 13px
}
.pTopHeader_appBtn {
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}
.pTopHeader_appBtn:hover {
    background: #fff;
    color: #4a4a4a
}
.page-click-intercept-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101
}
.pHeader {
    background: #55bbea;
    position: relative;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15)
}
.pHeader_content {
    min-height: 90px
}
.pHeader_tabsWrapper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100;
    background: #55bbea
}
.pHeader_tabsWrapper.fixed {
    position: fixed;
    top: 0;
    left: 240px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15)
}
@media only screen and (min-width: 1366px) {
    .pHeader_tabsWrapper.fixed {
        left: 280px
    }
}
@media only screen and (max-width: 1179px) {
    .pHeader_tabsWrapper.fixed {
        left: 0
    }
}
.pHeader_tabsSpacing {
    height: 50px
}
.pHeader_navAnswerkey {
    height: 40px;
    background: #F8F8F8;
    border-bottom: 1px solid #d8d8d8
}
.pHeader_navAnswerkey_tabs {
    left: 0;
    right: 0
}
.pHeader_navAnswerkey .container {
    position: relative
}
.pHeader_navAnswerkey .nav {
    text-align: center
}
.pHeader_navAnswerkey .nav li {
    display: inline-block;
    line-height: 37px
}
.pHeader_navAnswerkey .nav li.active {
    border-bottom: 2px solid #000
}
.pHeader_navAnswerkey .nav li.active a {
    color: #4a4a4a
}
.pHeader_navAnswerkey .nav a {
    font-size: 14px;
    line-height: 37px;
    color: #999;
    margin: 0 60px
}
.pHeader_tabs {
    list-style: none;
    display: block;
    height: 50px
}
.pHeader_tabs li {
    float: left
}
.pHeader_tabs a {
    display: block;
    height: 50px;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    text-decoration: none
}
.pHeader_tabs a:hover {
    color: #fff
}
.pHeader_tabs li.active a {
    border-bottom: 4px solid #3C86A8;
    color: #fff
}
@media only screen and (max-width: 767px) {
    .pHeader_tabs {
        white-space: nowrap;
        overflow-x: scroll
    }
    .pHeader_tabs li {
        float: none;
        display: inline-block
    }
}
.pHeader_cal {
    padding-left: 40px;
    background-position: left center;
    background-image: url("../images/web/icn_calendar_white.png");
    background-repeat: no-repeat;
    -webkit-background-size: 28px 33px;
    background-size: 28px 33px
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .pHeader_cal {
        background-image: url("../images/web/icn_calendar_white@2x.png")
    }
}
.pHeader_cal_title {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.15em
}
.pHeader_cal_date {
    font-size: 18px;
    line-height: 23px;
    color: #fff
}
@media only screen and (max-width: 1079px) {
    .pHeader .pHeader_tabsWrapper {
        -webkit-transition: padding-left 200ms ease-in-out;
        -moz-transition: padding-left 200ms ease-in-out;
        transition: padding-left 200ms ease-in-out
    }
    .pHeader .pHeader_tabsWrapper.fixed {
        padding-left: 30px
    }
}
@media only screen and (max-width: 767px) {
    .pHeader h1 {
        font-size: 26px;
        line-height: 34px
    }
    .pHeader_content {
        min-height: 0
    }
}
.mobileMenu {
    display: none
}
.mobileMenu_fallbackHeader {
    background: #55bbea;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}
.mobileMenu_hamburger {
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    z-index: 110;
    cursor: pointer
}
.mobileMenu_hamburger_icon {
    margin-top: 12px;
    margin-left: 12px
}
.mobileMenu_hamburger:hover {
    background: rgba(0, 0, 0, 0.1)
}
@media only screen and (max-width: 1179px) {
    .mobileMenu {
        display: block
    }
}
.progressMeter_val {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin-bottom: 5px
}
.progressMeter_val-small {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 3px
}
.progressMeter_meter {
    height: 5px;
    background: #EAEAEA
}
.progressMeter_meter-dark {
    background: #D8D8D8
}
.progressMeter_meter_fill {
    border-top: 5px solid
}
label.error {
    position: absolute;
    display: block;
    font-size: 12px;
    margin: 0;
    margin-top: 5px;
    text-align: left;
    color: #eb5055
}
.full-app-banner {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    overflow-y: scroll;
    background: #f8f8f8;
    text-decoration: none
}
.full-app-banner .bg-phone {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    z-index: 0;
    background: url(../images/web/android_app_phone_half.jpg) no-repeat center bottom;
    background-size: 215px auto
}
.full-app-banner .btn-close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    font-size: 20px;
    line-height: 42px;
    color: #ccc;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer
}
.full-app-banner .details-wrapper {
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 1
}
.full-app-banner .download-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4CAF79;
    height: 60px;
    color: #fff;
    font-size: 18px;
    line-height: 62px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}
.full-app-banner .download-btn i {
    font-size: 26px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: baseline
}
@media only screen and (max-width: 321px) {
    .full-app-banner .logo-wrapper {
        display: none
    }
    .full-app-banner .details-wrapper {
        margin-top: 40px
    }
    .full-app-banner .bg-phone {
        background-size: 210px auto
    }
}
@media only screen and (max-width: 767px) {
    .-asideModal {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 120;
        margin: 0;
        padding: 10px !important;
        background: #fff;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        transition: all 300ms;
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .-asideModal.is-visible {
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }
}
.mainSidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px;
    background: #F8F8F8;
    border-right: 1px solid #d8d8d8
}
.mainSidebar_logoBlock {
    background: #EBEBEB;
    height: 50px;
    padding: 13px 0;
    text-align: center
}
.mainSidebar_logoBlock_logo {
    display: block;
    width: 84px;
    height: 24px;
    margin-left: auto;
    margin-right: auto
}
.mainSidebar_logoBlock_logo img {
    width: 100%;
    height: 100%
}
.mainSidebar_contentBlock {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    overflow-y: scroll
}
.mainSidebar_contentBlock::-webkit-scrollbar {
    width: 6px
}
.mainSidebar_contentBlock::-webkit-scrollbar-track {
    background-color: #F8F8F8;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px
}
.mainSidebar_contentBlock::-webkit-scrollbar-thumb {
    background-color: #dfdfdf;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px
}
.mainSidebar_contentBlock::-webkit-scrollbar-thumb:hover {
    background-color: #d2d2d2
}
.mainSidebar_sHeading {
    color: #C8C8C8;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 3px
}
.mainSidebar_sNav {
    list-style: none;
    display: block
}
.mainSidebar_sNav li {
    display: block;
    margin: 10px 0
}
.mainSidebar_sNav li a {
    display: block;
    height: 40px;
    color: #4A4A4A;
    overflow: hidden;
    line-height: 42px;
    text-decoration: none;
    border-radius: 5px
}
.mainSidebar_sNav .iconWrapper {
    display: block;
    float: left;
    width: 30px;
    height: 40px;
    margin: 0 8px 0 8px
}
.mainSidebar_sNav .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 8px auto
}
.mainSidebar_sNav .arrow {
    display: block;
    float: right;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 20px;
    line-height: 40px;
    color: rgba(74, 74, 74, 0.2)
}
.mainSidebar_sNav .label {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em
}
.mainSidebar_sNav .alertCount {
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    background: #55bbea;
    padding: 0 6px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 4px
}
.mainSidebar_sNav .alertCount-red {
    background: #EB5054
}
.mainSidebar_sNav .alertCount-blue {
    background: #55bbea
}
.mainSidebar_sNav .icon {
    background-image: url("../images/web/sprite.png?v=13082015");
    background-size: 282px 262px
}
.mainSidebar_sNav .icon.physics {
    background-position: -75px -219px
}
.mainSidebar_sNav .icon.chemistry {
    background-position: -146px -184px
}
.mainSidebar_sNav .icon.maths {
    background-position: -233px -75px
}
.mainSidebar_sNav .icon.biology {
    background-position: -258px -100px
}
.mainSidebar_sNav .icon.mental-aptitude {
    background-position: -233px -125px
}
.mainSidebar_sNav .icon.dashboard {
    background-position: -258px -25px
}
.mainSidebar_sNav .icon.studyGroup {
    background-position: -200px -219px
}
.mainSidebar_sNav .icon.testSeries {
    background-position: -70px -184px
}
.mainSidebar_sNav .icon.previousPapers {
    background-position: -125px -219px
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .mainSidebar_sNav .icon {
        background-image: url("http://visionias.in/student/images/menu.png")
    }
}
.mainSidebar_sNav li:hover a {
    background: #ebebeb
}
.mainSidebar_sNav li.active a {
    background: #55bbea;
    color: #fff
}
.mainSidebar_sNav li.active .arrow {
    color: rgba(255, 255, 255, 0.5)
}
.mainSidebar_sNav li.active .icon.physics {
    background-position: -100px -219px
}
.mainSidebar_sNav li.active .icon.chemistry {
    background-position: -171px -184px
}
.mainSidebar_sNav li.active .icon.maths {
    background-position: -233px -100px
}
.mainSidebar_sNav li.active .icon.biology {
    background-position: -197px -159px
}
.mainSidebar_sNav li.active .icon.mental-aptitude {
    background-position: -233px -150px
}
.mainSidebar_sNav li.active .icon.dashboard {
    background-position: -258px -50px
}
.mainSidebar_sNav li.active .icon.studyGroup {
    background-position: -175px -219px
}
.mainSidebar_sNav li.active .icon.testSeries {
    background-position: -233px -175px
}
.mainSidebar_sNav li.active .icon.previousPapers {
    background-position: -150px -219px
}
@media only screen and (min-width: 1366px) {
    .mainSidebar {
        width: 280px
    }
    .mainSidebar_contentBlock {
        padding: 18px
    }
    .mainSidebar_sNav li {
        margin: 13px 0
    }
    .mainSidebar_sNav .iconWrapper {
        margin-left: 10px;
        margin-right: 12px
    }
    .mainSidebar_sNav .arrow {
        margin-left: 10px;
        margin-right: 10px
    }
}
@media only screen and (max-width: 1179px) {
    .mainSidebar {
        left: -240px;
        z-index: 10001;
        -webkit-transition: left ease-in-out 300ms;
        -moz-transition: left ease-in-out 300ms;
        transition: left ease-in-out 300ms
    }
    .mainSidebar.open {
        left: 0
    }
}
.pagination_info {
    float: left;
    font-size: 12px;
    line-height: 26px;
    color: #c8c8c8
}
.pagination_buttons {
    float: right
}
.pagination ul.simple-pagination {
    list-style: none
}
.pagination .simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: right
}
.pagination .simple-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.pagination .simple-pagination li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left
}
.pagination .compact-theme a,
.pagination .compact-theme span {
    float: left;
    height: 26px;
    min-width: 26px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: #55bbea;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-right: none;
    background: #fff
}
.pagination .compact-theme a:hover {
    text-decoration: none;
    background: #d8d8d8
}
.pagination .compact-theme .prev {
    border-radius: 3px 0 0 3px
}
.pagination .compact-theme .next {
    border-right: 1px solid #d8d8d8;
    border-radius: 0 3px 3px 0
}
.pagination .compact-theme .current {
    background: #55bbea;
    color: #fff;
    cursor: default
}
.pagination .compact-theme ul li:first-child .current,
.pagination .compact-theme ul li:last-child .current {
    background: #fff !important;
    color: #d8d8d8
}
.pagination .compact-theme .ellipse {
    background: #fff;
    color: #c8c8c8;
    padding: 0 10px;
    cursor: default
}
@-webkit-keyframes loadingDots-d1 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #6d6d6d
    }
    52% {
        background-color: #dedede
    }
    78% {
        background-color: #dedede
    }
    to {
        background-color: #dedede
    }
}
@-moz-keyframes loadingDots-d1 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #6d6d6d
    }
    52% {
        background-color: #dedede
    }
    78% {
        background-color: #dedede
    }
    to {
        background-color: #dedede
    }
}
@keyframes loadingDots-d1 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #6d6d6d
    }
    52% {
        background-color: #dedede
    }
    78% {
        background-color: #dedede
    }
    to {
        background-color: #dedede
    }
}
@-webkit-keyframes loadingDots-d2 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #dedede
    }
    52% {
        background-color: #6d6d6d
    }
    78% {
        background-color: #dedede
    }
    to {
        background-color: #dedede
    }
}
@-moz-keyframes loadingDots-d2 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #dedede
    }
    52% {
        background-color: #6d6d6d
    }
    78% {
        background-color: #dedede
    }
    to {
        background-color: #dedede
    }
}
@keyframes loadingDots-d2 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #dedede
    }
    52% {
        background-color: #6d6d6d
    }
    78% {
        background-color: #dedede
    }
    to {
        background-color: #dedede
    }
}
@-webkit-keyframes loadingDots-d3 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #dedede
    }
    52% {
        background-color: #dedede
    }
    78% {
        background-color: #6d6d6d
    }
    to {
        background-color: #dedede
    }
}
@-moz-keyframes loadingDots-d3 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #dedede
    }
    52% {
        background-color: #dedede
    }
    78% {
        background-color: #6d6d6d
    }
    to {
        background-color: #dedede
    }
}
@keyframes loadingDots-d3 {
    from {
        background-color: #dedede
    }
    26% {
        background-color: #dedede
    }
    52% {
        background-color: #dedede
    }
    78% {
        background-color: #6d6d6d
    }
    to {
        background-color: #dedede
    }
}
.loadingDots {
    position: relative;
    overflow: hidden
}
.loadingDots_dot {
    display: block;
    float: left;
    background-color: #dedede;
    border-radius: 50%
}
.loadingDots_dot:last-of-type {
    margin-right: 0 !important
}
.loadingDots_dot-d1 {
    -webkit-animation: loadingDots-d1 2s infinite;
    -moz-animation: loadingDots-d1 2s infinite;
    animation: loadingDots-d1 2s infinite
}
.loadingDots_dot-d2 {
    -webkit-animation: loadingDots-d2 2s infinite;
    -moz-animation: loadingDots-d2 2s infinite;
    animation: loadingDots-d2 2s infinite
}
.loadingDots_dot-d3 {
    -webkit-animation: loadingDots-d3 2s infinite;
    -moz-animation: loadingDots-d3 2s infinite;
    animation: loadingDots-d3 2s infinite
}
.loadingDots-h40 {
    width: 150px;
    height: 40px
}
.loadingDots-h40 .loadingDots_dot {
    width: 40px;
    height: 40px;
    margin-right: 15px
}
.loadingDots-h25 {
    width: 95px;
    height: 25px
}
.loadingDots-h25 .loadingDots_dot {
    width: 25px;
    height: 25px;
    margin-right: 10px
}
.loadingDots-h15 {
    width: 60px;
    height: 15px
}
.loadingDots-h15 .loadingDots_dot {
    width: 15px;
    height: 15px;
    margin-right: 7px
}
.loadingDots-h10 {
    width: 40px;
    height: 10px
}
.loadingDots-h10 .loadingDots_dot {
    width: 10px;
    height: 10px;
    margin-right: 5px
}
.loadingDots-h7 {
    width: 30px;
    height: 7px
}
.loadingDots-h7 .loadingDots_dot {
    width: 7px;
    height: 7px;
    margin-right: 4px
}
.loadingDots-h4 {
    width: 20px;
    height: 4px
}
.loadingDots-h4 .loadingDots_dot {
    width: 4px;
    height: 4px;
    margin-right: 4px
}
.icheckbox_minimal,
.iradio_minimal {
    display: block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url("../images/web/icheck_toppr_v3.png") no-repeat;
    border: none;
    cursor: pointer
}
.icheckbox_minimal {
    background-position: 0 0
}
.icheckbox_minimal.hover {
    background-position: -25px 0
}
.icheckbox_minimal.checked {
    background-position: -50px 0
}
.icheckbox_minimal.checked:hover {
    background-position: -75px 0
}
.icheckbox_minimal.disabled {
    background-position: -100px 0;
    cursor: default
}
.icheckbox_minimal.checked.disabled {
    background-position: -125px 0
}
.iradio_minimal {
    background-position: -150px 0
}
.iradio_minimal.hover {
    background-position: -175px 0
}
.iradio_minimal.checked {
    background-position: -200px 0
}
.iradio_minimal.checked:hover {
    background-position: -225px 0
}
.iradio_minimal.disabled {
    background-position: -250px 0;
    cursor: default
}
.iradio_minimal.checked.disabled {
    background-position: -275px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url("../images/web/icheck_toppr_v3@2x.png");
        -webkit-background-size: 295px 20px;
        background-size: 295px 20px
    }
}
.icheckbox_minimal_small,
.iradio_minimal_small {
    display: block;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url("../images/web/icheck_toppr_v3_small.png") no-repeat;
    border: none;
    cursor: pointer
}
.icheckbox_minimal_small {
    background-position: 0 0
}
.icheckbox_minimal_small.hover {
    background-position: -21px 0
}
.icheckbox_minimal_small.checked {
    background-position: -42px 0
}
.icheckbox_minimal_small.checked:hover {
    background-position: -63px 0
}
.icheckbox_minimal_small.disabled {
    background-position: -84px 0;
    cursor: default
}
.icheckbox_minimal_small.checked.disabled {
    background-position: -105px 0
}
.iradio_minimal_small {
    background-position: -126px 0
}
.iradio_minimal_small.hover {
    background-position: -147px 0
}
.iradio_minimal_small.checked {
    background-position: -168px 0
}
.iradio_minimal_small.checked:hover {
    background-position: -189px 0
}
.iradio_minimal_small.disabled {
    background-position: -210px 0;
    cursor: default
}
.iradio_minimal_small.checked.disabled {
    background-position: -231px 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal_small,
    .iradio_minimal_small {
        background-image: url("../images/web/icheck_toppr_v3_small@2x.png");
        -webkit-background-size: 247px 16px;
        background-size: 247px 16px
    }
}
.tile {
    display: block;
    position: relative;
    background: #fff;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.tile-shadowed {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.tile-shadowed.clickable:hover {
    -webkit-transition: box-shadow 200ms ease-out;
    -moz-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3)
}
.tile_goals {
    font-size: 14px;
    line-height: 18px;
    color: #9B9B9B;
    font-weight: 700;
    text-transform: uppercase
}
.tile_goals_cancel {
    text-transform: none !important
}
.tile_status {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase
}
.tile_statusIcon {
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -15px;
    width: 26px;
    height: 26px;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.tile_arrow {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -15px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    color: rgba(74, 74, 74, 0.15)
}
.tile-good {
    background: #e8fff3
}
.tile-bad {
    background: #ffe7ea
}
.tile-focus {
    background: #edf8ff
}
.tile-blue {
    background-color: #55bbea
}
.tile-green {
    background-color: #4caf79
}
.tile-tag {
    margin-left: 2px;
    cursor: default;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .tile_arrow {
        right: 15px
    }
}
.chapterTile_title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    color: #4a4a4a;
    margin-right: 130px
}
.chapterTile:hover {
    -webkit-transition: box-shadow 200ms ease-out;
    -moz-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out
}
.chapterTile_extraInfo {
    color: #c8c8c8;
    font-size: 13px
}
.chapterTile_prog {
    float: right;
    color: #c8c8c8;
    right: 70px;
    margin-left: 20px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -18px
}
.chapterTile_prog_value {
    font-size: 24px;
    color: #afafaf;
    line-height: 24px;
    font-weight: 700
}
.chapterTile_prog_label {
    font-size: 12px;
    color: #afafaf;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase
}
.chapterTile_prog_goals {
    text-align: center;
    line-height: 30px;
    margin-left: -3px
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .chapterTile_title {
        font-size: 24px;
        line-height: 34px
    }
}
@media only screen and (max-width: 767px) {
    .chapterTile_title {
        font-size: 20px;
        line-height: 28px
    }
}
.pYQTile_title {
    font-size: 36px;
    line-height: 46px;
    font-weight: 400;
    color: #4a4a4a
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .pYQTile_title {
        font-size: 24px;
        line-height: 32px
    }
}
@media only screen and (max-width: 767px) {
    .pYQTile_title {
        font-size: 20px;
        line-height: 30px
    }
}
.studyPlan_num {
    font-size: 48px;
    line-height: 48px;
    color: #c8c8c8;
    font-weight: 300
}
.studyPlan_goal_content {
    margin-left: 60px;
    margin-right: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(216, 216, 216, 0.3)
}
.studyPlan_goal_title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #4a4a4a
}
.studyPlan_goal_desc {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #c8c8c8;
    min-height: 15px
}
.studyPlan_goal_statusIcon {
    width: 48px;
    height: 48px;
    float: left;
    font-size: 48px;
    line-height: 48px;
    color: #d8d8d8
}
.goalsList_goal {
    display: block;
    zoom: 1;
    background: transparent
}
.goalsList_goal:before,
.goalsList_goal:after {
    content: "";
    display: table
}
.goalsList_goal:after {
    clear: both
}
.goalsList_goal-greyBG {
    background: #FAFAFA
}
.goalsList_goal-small {
    padding: 10px;
    margin: 0 -10px;
    border: 1px solid transparent
}
.goalsList_goal.active,
.goalsList_goal.is-active {
    border: 1px solid #55bbea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}
.goalsList_goal.improved {
    background: #E0F1E8
}
.goalsList_goal.deteriorated {
    background: #FCE7E8
}
.goalsList_goal-animate {
    -webkit-transition: background 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out, border-color 300ms ease-in-out;
    transition: background 300ms ease-in-out, border-color 300ms ease-in-out
}
.goalsList_goal.inactive,
.goalsList_goal.is-inactive {
    opacity: 0.3
}
.goalsList_goal_content {
    margin: 5px 0 0 56px
}
.goalsList_goal_content-small {
    margin: 2px 0 0 34px
}
.goalsList_goal_num {
    width: 36px;
    height: 36px;
    float: left;
    font-size: 20px;
    line-height: 38px;
    font-weight: 700;
    color: #4a4a4a;
    background: #EAEAEA;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.goalsList_goal_num-small {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px
}
.goalsList_goal_num-easy {
    background-color: #EDFACF
}
.goalsList_goal_num-medium {
    background-color: #F6EDCC
}
.goalsList_goal_num-hard {
    background-color: #EFD0C0
}
.goalsList_goal_num-all {
    background-color: #A9E0D6
}
.goalsList_goal_importantIcon {
    float: right;
    margin-left: 20px;
    font-size: 20px;
    line-height: 25px;
    color: #f9ad52
}
.goalsList_goal_title {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #4a4a4a
}
.goalsList_goal_title-small {
    font-size: 16px;
    line-height: 20px
}
.goalsList_goal_desc {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #c8c8c8
}
.goalsList_goal_desc-medium {
    font-size: 14px;
    line-height: 16px
}
.goalsList_goal_desc-medium-dark {
    color: #898989
}
.goalsList_goal_desc-small {
    font-size: 12px;
    line-height: 15px
}
.goalsList_goal_progress_val {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin: 10px 0 5px;
    -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out
}
.goalsList_goal_progress_val-small {
    font-size: 12px;
    line-height: 12px;
    margin: 10px 0 3px
}
.goalsList_goal_progress_meter {
    height: 5px;
    background: #EAEAEA
}
.goalsList_goal_progress_meter_fill {
    border-top: 5px solid;
    padding-left: 1px;
    -webkit-transition: width 500ms ease-in-out, color 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out, color 500ms ease-in-out;
    transition: width 500ms ease-in-out, color 500ms ease-in-out
}
.goalsList_goal_photos {
    position: relative;
    text-align: center;
    height: 56px;
    width: 72px
}
.goalsList_goal_photos .photo {
    position: absolute;
    border: 1px solid #fff;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.goalsList_goal_photos .photo.img1 {
    left: 0;
    z-index: 3
}
.goalsList_goal_photos .photo.img2 {
    left: 18px;
    z-index: 2
}
.goalsList_goal_photos .photo.img3 {
    left: 36px;
    z-index: 1
}
.goalsList_goal_recommended {
    position: absolute;
    display: inline-block;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 10px;
    margin-left: 10px;
    background-color: #f9ad52;
    top: -10px;
    color: #fff
}
.goalsList_goal_statusTag {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #4caf79;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 0px 0 10px;
    background-color: #4caf79;
    position: absolute;
    left: 76px;
    top: -10px
}
.goalsList_goal_yearText {
    color: #c8c8c8;
    text-transform: uppercase
}
.goalsList_goal_yearTags_tag {
    font-size: 14px;
    color: #777;
    border: 1px solid #777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    margin-top: 3px
}
.goalsList_goal_yearTags_more {
    font-size: 14px;
    color: #777;
    display: inline-block;
    margin: 3px 0 0 10px
}
@media only screen and (max-width: 767px) {
    .goalsList_goal_content {
        margin: 5px 0 0 38px
    }
    .goalsList_goal_num {
        width: 26px;
        height: 26px;
        font-size: 14px;
        line-height: 26px
    }
    .goalsList_goal_title {
        font-size: 16px;
        line-height: 20px
    }
}
.goalsList_colorKey {
    height: 36px;
    background: #F8F8F8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}
.goalsList_colorKey_item {
    display: inline-block
}
.goalsList_colorKey_dot {
    width: 16px;
    height: 16px;
    float: left;
    margin: 10px 5px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.goalsList_colorKey_dot-easy {
    background-color: #D0E0A9
}
.goalsList_colorKey_dot-medium {
    background-color: #ECE2BE
}
.goalsList_colorKey_dot-hard {
    background-color: #ECCEBE
}
.goalsList_colorKey_label {
    font-size: 12px;
    line-height: 36px;
    float: left;
    font-weight: 400;
    color: #222;
    text-transform: uppercase
}
.overviewLinks_container {
    float: left;
    width: 31.33%;
    position: relative;
    padding: 0;
    margin: 0 1%
}
.overviewLinks_container:first-child {
    margin-left: 0;
    margin-right: 2%
}
.overviewLinks_container:last-of-type {
    margin-left: 2%;
    margin-right: 0
}
.overviewLinks_container .block {
    height: 220px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4)
}
.overviewLinks_container .block-blue {
    background: #55bbea
}
.overviewLinks_container .block-orange {
    background: #FF9573
}
.overviewLinks_container .block-pink {
    background: #FF457A
}
.overviewLinks_container .block_test {
    background-image: url("../images/web/overview/weekly_test.png");
    background-repeat: no-repeat;
    -webkit-background-size: 28% auto;
    background-size: 28% auto;
    background-position: 50% 20%
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .overviewLinks_container .block_test {
        background-image: url("../images/web/overview/weekly_test@2x.png")
    }
}
.overviewLinks_container .block_instapractice {
    background-image: url("../images/web/overview/instapractice.png");
    background-repeat: no-repeat;
    -webkit-background-size: 28% auto;
    background-size: 28% auto;
    background-position: 50% 20%
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .overviewLinks_container .block_instapractice {
        background-image: url("../images/web/overview/instapractice@2x.png")
    }
}
.overviewLinks_container .block_concepts {
    background-image: url("../images/web/overview/cheatsheet.png");
    background-repeat: no-repeat;
    -webkit-background-size: 28% auto;
    background-size: 28% auto;
    background-position: 50% 20%
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .overviewLinks_container .block_concepts {
        background-image: url("../images/web/overview/cheatsheet@2x.png")
    }
}
.overviewLinks_container .pants {
    position: absolute;
    width: 101%;
    height: 90px;
    margin-left: -0.5%;
    padding: 15px;
    bottom: 0
}
.overviewLinks_container .pants-blue {
    background: #52B3E0
}
.overviewLinks_container .pants-orange {
    background: #FD8159
}
.overviewLinks_container .pants-pink {
    background: #F5215D
}
.overviewLinks_container .pants .heading {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #fff
}
.overviewLinks_container .pants .text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7)
}
.overviewLinks_container:hover .pants-blue {
    background-color: #27a0d8
}
.overviewLinks_container:hover .pants-orange {
    background-color: #fc5b27
}
.overviewLinks_container:hover .pants-pink {
    background-color: #d90a44
}
.overviewLinks_container:hover .block-blue {
    background-color: #28a9e4
}
.overviewLinks_container:hover .block-orange {
    background-color: #ff6e40
}
.overviewLinks_container:hover .block-pink {
    background-color: #ff1256
}
.progBlock {
    width: 100%;
    background: #4caf79;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25)
}
.progBlock_radial {
    float: left;
    position: relative;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff
}
.progBlock_radial-small {
    width: 36px;
    height: 36px;
    border: none;
    background-color: #EAEAEA
}
.progBlock_radial_overlay {
    position: absolute;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-left: 3px;
    margin-top: 3px;
    background: #4caf79;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.progBlock_radial_overlay-small {
    height: 28px;
    width: 28px;
    border-color: transparent;
    background-color: #FFF;
    margin-left: 4px;
    margin-top: 4px
}
.progBlock_colLeft {
    width: 100%;
    color: #fff
}
.progBlock_colLeft:hover {
    background: #449d6d
}
.progBlock_colLeft:hover .progress-radial_overlay {
    background-color: #449d6d
}
.progBlock_colLeft:hover .progress-radial_overlay-small {
    background-color: #FFF
}
.progBlock_colRight {
    width: 40%;
    background: #4caf79
}
.progBlock_stateIcon {
    font-size: 30px;
    line-height: 48px;
    color: #fff;
    background-color: #449d6d;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding-left: 6px;
    text-align: center;
    float: left
}
.progBlock_stateTitle {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}
.progBlock_stateTitle a {
    color: #fff
}
.progBlock_stateInfo {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7)
}
.progBlock_content {
    margin-left: 68px;
    margin-right: 120px
}
.progBlock_target_heading {
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    padding-bottom: 6px;
    border-bottom: 1px solid #49A774
}
.progBlock_target_item {
    height: 44px;
    padding: 9px 0 10px;
    border-bottom: 1px solid #49A774
}
.progBlock_target_item_title {
    font-size: 14px;
    line-height: 24px;
    float: left;
    text-transform: uppercase;
    font-weight: 700
}
.progBlock_target_item_data {
    float: right;
    width: 60%
}
.progBlock_target_goalStatus {
    width: 24px;
    height: 24px;
    float: left;
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    color: rgba(0, 0, 0, 0.1)
}
.progBlock_target_progress_val {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    margin: 2px 0 3px
}
.progBlock_target_progress_meter {
    height: 5px;
    background: rgba(0, 0, 0, 0.1)
}
.progBlock_target_progress_meter_fill {
    height: 100%;
    background: #fff
}
.progBlock_complete {
    float: right
}
.progBlock_complete_chart {
    width: 38px;
    height: 38px;
    float: left
}
.progBlock_complete_content {
    margin-left: 50px
}
.progBlock_complete_val {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700
}
.progBlock_complete_label {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7)
}
.progBlock_orWrapper_orLine {
    border: 1px solid #eaeaea;
    width: 180px;
    display: inline-block;
    height: 2px;
    margin-left: -70px
}
.progBlock_orWrapper_or {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background-color: #eaeaea;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-left: -110px
}
.progBlock_desc {
    font-size: 15px;
    color: #898989;
    line-height: 20px
}
@media only screen and (max-width: 767px) {
    .progBlock_stateIcon {
        font-size: 12px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        padding-left: 4px
    }
    .progBlock_content {
        margin-left: 45px;
        margin-right: 70px
    }
    .progBlock_stateTitle {
        font-size: 22px;
        line-height: 28px
    }
}
.chapList-past {
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase
}
.chapList-current {
    font-size: 16px;
    margin-bottom: 15px;
    color: #55bbea;
    text-transform: uppercase
}
.chapList-upcoming {
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase
}
.chapList-middot {
    font-size: x-large;
    vertical-align: sub
}
.ques {
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.ques_content {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}
.ques_header {
    font-size: 12px;
    line-height: 20px;
    padding: 12px 20px 0 20px
}
.ques_header_option {
    display: block;
    height: 20px;
    line-height: 22px;
    float: left;
    cursor: pointer;
    color: #9b9b9b
}
.ques_header_option:hover {
    color: #686868
}
.ques_header_num {
    float: left;
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 700
}
.ques_header_id {
    float: left;
    color: #9b9b9b
}
.ques_header_vSeparator {
    margin: 4px 10px;
    border-left: 1px solid #9b9b9b;
    height: 12px
}
.ques_bookmark i {
    width: 12px;
    text-align: center
}
.ques_bookmark_iconBookmark {
    display: inline-block
}
.ques_bookmark_iconSpinner {
    display: none
}
.ques_bookmark.is-active .ques_bookmark_iconBookmark {
    color: #f9ad52
}
.ques_bookmark.is-processing .ques_bookmark_iconBookmark {
    display: none
}
.ques_bookmark.is-processing .ques_bookmark_iconSpinner {
    display: inline-block
}
.ques_text {
    margin: 20px;
    font-size: 17px;
    line-height: 22px;
    font-family: "Alegreya", serif;
    color: #4d4d4d
}
.ques_text table {
    margin-top: 10px;
    margin-bottom: 10px
}
.ques_text table td {
    border: 1px solid #d8d8d8;
    padding: 5px
}
.ques_img {
    display: block;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto
}
.ques_sectionHeading {
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
    color: #4d4d4d
}
.ques_info {
    margin: 0 20px 10px;
    font-size: 12px;
    line-height: 15px;
    color: #999;
    font-weight: 700;
    text-transform: uppercase
}
.ques_option {
    display: block;
    position: relative;
    padding: 20px 18px;
    border-top: 1px solid #d8d8d8;
    -webkit-transition: padding 300ms ease-in-out;
    -moz-transition: padding 300ms ease-in-out;
    transition: padding 300ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ques_option_label {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.ques_option_content {
    margin-left: 42px
}
.ques_option_content_text {
    font-size: 17px;
    line-height: 22px;
    color: #4d4d4d;
    font-family: "Alegreya", serif
}
.ques_option_content_img {
    display: block;
    max-width: 100%
}
.ques_option_result {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 8px;
    height: 24px;
    min-width: 16px;
    text-align: center;
    display: none;
    color: #fff
}
.ques_option_result_iconCorrect,
.ques_option_result_iconWrong {
    float: right;
    margin-top: 6px;
    font-size: 14px;
    line-height: 14px;
    display: none
}
.ques_option_result_text {
    display: none;
    float: left;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase
}
.ques_option.is-clickable:hover {
    background-color: #f8f8f8
}
.ques_option.is-selected {
    background-color: #ebf6fc;
    border-color: #55bbea
}
.ques_option.is-selected:hover {
    background-color: #ebf6fc
}
.ques_option.is-selected .ques_option_label {
    background-color: #55bbea
}
.ques_matrixList {
    float: left;
    width: 50%;
    padding: 0 10px;
    overflow: auto;
    font-family: "Alegreya", serif
}
.ques_matrixList_heading {
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 5px
}
.ques_matrixList table {
    width: 99%
}
.ques_matrixList table td {
    padding: 5px;
    border: 1px solid #d8d8d8
}
.ques_matrixList img {
    max-height: 100px;
    max-width: 100%
}
.ques_matrixOptions table {
    width: 100%
}
.ques_matrixOptions table td {
    text-align: center;
    border-top: 1px solid #ededed
}
.ques_matrixOptions table td:first-of-type {
    width: 60px
}
.ques_matrixOptions_option {
    float: left;
    padding: 20px 0;
    border-left: 1px solid #ededed;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ques_matrixOptions_option.is-clickable {
    cursor: pointer
}
.ques_matrixOptions_option.is-clickable:hover {
    background-color: #f8f8f8
}
.ques_matrixOptions_option.is-selected {
    background-color: #F8FDFF;
    -webkit-box-shadow: inset #55bbea 0 0 0 1px;
    -moz-box-shadow: inset #55bbea 0 0 0 1px;
    box-shadow: inset #55bbea 0 0 0 1px
}
.ques_matrixOptions_option.is-selected:hover {
    background-color: #F8FDFF
}
.ques_matrixOptions_result {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 8px;
    height: 32px;
    min-width: 16px;
    text-align: center;
    display: none
}
.ques_inputBox,
.ques_blankAns {
    padding: 20px;
    width: 100%;
    font-size: 20px;
    border: none;
    border-top: 1px solid #d8d8d8
}
.ques_inputBox {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
.ques_inputBox:focus {
    outline: none
}
.ques_solution {
    margin-top: 20px;
    margin-left: 11px;
    border-left: 2px solid #4caf79;
    padding-left: 30px
}
.ques_solution_title {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #4caf79;
    margin-bottom: 10px
}
.ques_solution_text {
    font-size: 18px;
    line-height: 24px
}
.ques_btnSubmit {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    font-weight: 700;
    color: #808080;
    background-color: #D6D6D6;
    text-align: center;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}
.ques_btnSubmit:hover,
.ques_btnSubmit:focus {
    outline: none
}
.ques_btnSubmit.is-enabled {
    background-color: #55bbea;
    color: #fff;
    cursor: pointer
}
.ques_btnSubmit.is-enabled:hover {
    background-color: #3eb2e7
}
.ques_statusIcon {
    position: absolute;
    top: 8px;
    left: -14px;
    width: 26px;
    height: 26px;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.ques.is-attempted .ques_option .solution_text_container {
    margin: 20px 0 20px 12px;
    padding-left: 30px;
    border-left: 2px solid #4caf79
}
.ques.is-attempted .ques_option .solution_heading {
    color: #4caf79;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase
}
.ques.is-attempted .ques_option .solution_text {
    font-size: 16px;
    line-height: 28px;
    text-align: left
}
.ques.is-attempted .ques_option.is-selected .ques_option_result {
    display: block;
    background: #55bbea
}
.ques.is-attempted .ques_option.is-selected .ques_option_result_text {
    display: block
}
.ques.is-attempted .ques_option.is-correct,
.ques.is-attempted .ques_option.is-wrong {
    padding-bottom: 24px
}
.ques.is-attempted .ques_option.is-correct.is-selected .ques_option_result_text,
.ques.is-attempted .ques_option.is-wrong.is-selected .ques_option_result_text {
    margin-right: 10px
}
.ques.is-attempted .ques_option.is-correct {
    background-color: #d5ece0;
    border-color: #4caf79
}
.ques.is-attempted .ques_option.is-correct .ques_option_label {
    background-color: #4caf79
}
.ques.is-attempted .ques_option.is-correct .ques_option_result {
    display: block;
    background: #4caf79
}
.ques.is-attempted .ques_option.is-correct .ques_option_result_iconCorrect {
    display: block
}
.ques.is-attempted .ques_option.is-wrong {
    background-color: #fad9db;
    border-color: #eb5055
}
.ques.is-attempted .ques_option.is-wrong .ques_option_label {
    background-color: #eb5055
}
.ques.is-attempted .ques_option.is-wrong .ques_option_result {
    display: block;
    background: #eb5055
}
.ques.is-attempted .ques_option.is-wrong .ques_option_result_iconWrong {
    display: block
}
.ques.is-attempted .ques_matrixOptions_option.is-selected .ques_option_result {
    display: block
}
.ques.is-attempted .ques_matrixOptions_option.is-correct {
    box-shadow: inset #4caf79 0 0 0 1px;
    background-color: #d5ece0
}
.ques.is-attempted .ques_matrixOptions_option.is-correct.is-selected .ques_option_result {
    display: block;
    background: #4caf79
}
.ques.is-attempted .ques_matrixOptions_option.is-correct.is-selected .ques_option_result_iconCorrect {
    display: block
}
.ques.is-attempted .ques_matrixOptions_option.is-correct:hover {
    background-color: #d5ece0
}
.ques.is-attempted .ques_matrixOptions_option.is-wrong {
    box-shadow: inset #eb5055 0 0 0 1px;
    background-color: #fad9db
}
.ques.is-attempted .ques_matrixOptions_option.is-wrong.is-selected .ques_option_result {
    display: block;
    background: #eb5055
}
.ques.is-attempted .ques_matrixOptions_option.is-wrong.is-selected .ques_option_result_iconWrong {
    display: block
}
.ques.is-attempted .ques_matrixOptions_option.is-wrong:hover {
    background-color: #fad9db
}
.ques.is-correct .ques_header_num {
    color: #4caf79
}
.ques.is-wrong .ques_header_num {
    color: #eb5055
}
@media only screen and (min-width: 1400px) and (min-height: 800px) {
    .ques_text {
        font-size: 18px;
        margin-left: 60px;
        margin-right: 60px
    }
    .ques_sectionHeading {
        font-size: 18px
    }
    .ques_option {
        padding-top: 36px;
        padding-bottom: 36px
    }
    .ques_option_content_text {
        font-size: 18px
    }
    .ques_matrixList_heading {
        font-size: 18px
    }
    .ques.is-attempted .ques_option.is-correct,
    .ques.is-attempted .ques_option.is-wrong {
        padding-bottom: 36px
    }
}
.filters_section_heading {
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8;
    color: #999;
    font-weight: 700;
    text-transform: uppercase
}
.filters_item {
    display: block;
    margin-top: 15px;
    cursor: pointer
}
.filters_item_field {
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: 15px;
    float: left;
    overflow: hidden
}
.filters_item_field input {
    cursor: pointer
}
.filters_item_field input[disabled] {
    cursor: auto
}
.filters_item_label {
    float: left;
    height: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #959595
}
.filters_item_count {
    float: right;
    font-weight: 700;
    color: #a9a9a9;
    font-size: 14px
}
.filters_item:hover .filters_item_label {
    color: #55bbea
}
.filters_item.active .filters_item_label {
    color: #55bbea
}
.filters_item.disabled {
    cursor: auto
}
.filters_item.disabled .filters_item_label {
    color: #c8c8c8
}
.lboard_item {
    padding: 20px 0;
    border-bottom: 1px solid #ededed
}
.lboard_item-last {
    border-bottom: none
}
.lboard_dotsGap {
    padding: 20px 0;
    border-bottom: 1px solid #ededed
}
.lboard_rankBlock {
    float: left;
    width: 35px
}
.lboard_rankBlock_content {
    float: left;
    text-align: center
}
.lboard_rankBlock_rank {
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a
}
.lboard_rankBlock_change {
    font-size: 26px;
    line-height: 16px
}
.lboard_thumb {
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    overflow: hidden
}
.lboard_thumb img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.lboard_content {
    margin-left: 84px
}
.lboard_name {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #4a4a4a
}
.lboard_stats {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #4a4a4a
}
.lboard_stats_stat {
    min-width: 28%;
    margin-right: 5%;
    float: left;
    border-right: 1px solid #ededed
}
.lboard_stats_stat:last-child {
    border-right: none
}
.lboard_stats-smaller {
    font-size: 13px
}
.lboard_stats_icon {
    float: left;
    margin-right: 6px
}
.btnViewMoreContent {
    display: block;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    color: #222;
    font-weight: 600;
    background: #F8F8F8;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.btnViewMoreContent:hover {
    background: #ebebeb
}
.challengeTile {
    display: block;
    position: relative;
    background: #fff;
    text-decoration: none;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.challengeTile-shadowed {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.challengeTile-shadowed.clickable:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5)
}
.challengeTile-focus {
    background: #F7FCFF
}
.challengeTile_img {
    float: left;
    width: 150px;
    height: 150px;
    background: #D8D8D8
}
.challengeTile_content {
    margin-left: 170px
}
.challengeTile_title {
    font-size: 18px;
    line-height: 23px;
    color: #4a4a4a;
    font-weight: 600;
    margin-bottom: 10px
}
.challengeTile_desc {
    font-size: 14px;
    line-height: 18px;
    color: #c8c8c8;
    margin-bottom: 10px
}
.challengeTile_participantsWrapper {
    position: absolute;
    bottom: 20px
}
.challengeTile_participantsCount {
    font-size: 12px;
    line-height: 24px;
    color: #c8c8c8;
    margin-left: 66px
}
.challengeTile_photos {
    position: relative;
    float: left
}
.challengeTile_photos .photo {
    position: absolute;
    border: 1px solid #fff;
    width: 24px;
    border-radius: 50%
}
.challengeTile_photos .photo.img1 {
    left: 0;
    z-index: 3
}
.challengeTile_photos .photo.img2 {
    left: 16px;
    z-index: 2
}
.challengeTile_photos .photo.img3 {
    left: 32px;
    z-index: 1
}
.challengeTile_fieldset {
    position: absolute;
    left: 0;
    top: -13px;
    width: 190px;
    text-align: center
}
.challengeTile_legend {
    display: inline-block;
    height: 26px;
    font-size: 12px;
    line-height: 24px;
    color: #222222;
    padding: 0 10px;
    font-weight: 600;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #F8F8F8;
    text-transform: uppercase
}
.challengeTile_legend-red {
    background: #eb5055;
    color: #FFF;
    border-color: #eb5055
}
.challengeTile_legend-orange {
    background: #f9ad52;
    color: #FFF;
    border-color: #f9ad52
}
.challengeTile_legend-green {
    background: #4caf79;
    color: #FFF;
    border-color: #4caf79
}
.profilePage_header_thumb {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 15px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.profilePage_header_name {
    line-height: 64px;
    float: left
}
.profilePage_header_stats {
    float: right;
    margin-top: 14px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}
.profilePage_header_stats_label {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.05em
}
@media only screen and (max-width: 767px) {
    .profilePage_header_thumb {
        width: 40px;
        height: 40px
    }
    .profilePage_header_name {
        line-height: 40px !important
    }
}
.profilePage_stats_item {
    padding: 20px 0;
    border-bottom: 1px solid #ededed
}
.profilePage_stats_icon {
    width: 48px;
    height: 48px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #eee
}
.profilePage_stats_content {
    margin-left: 60px
}
.profilePage_stats_value {
    font-size: 32px;
    line-height: 36px;
    color: #4a4a4a
}
.profilePage_stats_label {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    text-transform: uppercase;
    font-weight: 700
}
.profileProgress {
    background: #EEF8FC;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.profileProgress_thumb {
    width: 40px;
    height: 40px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}
.profileProgress_name {
    font-size: 16px;
    line-height: 40px;
    margin-left: 50px;
    color: #4a4a4a;
    font-weight: 600
}
.editProfile_sectionInfo {
    font-size: 16px;
    line-height: 24px;
    color: #222
}
.editProfile_fieldLabel {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    font-weight: 700;
    text-transform: uppercase
}
.editProfile_fieldInfo {
    font-size: 12px;
    line-height: 15px;
    color: #4a4a4a
}
.editProfile_input {
    height: 40px;
    padding: 9px 10px;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    background: #fff;
    border: 1px solid #D2D2D2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.editProfile_input:focus {
    border-color: #55bbea;
    box-shadow: none;
    outline: none
}
.editProfile_input:disabled {
    background: #F8F8F8
}
.editProfile_input.error {
    border-color: #eb5055
}
.editProfile label.error {
    display: block;
    position: absolute;
    margin: 0;
    text-align: left;
    font-size: 12px;
    color: #eb5055;
    font-weight: normal
}
.editProfile_cboxBlock {
    display: block
}
.editProfile_cboxBlock_label {
    display: block;
    float: left
}
.editProfile_cboxBlock_checkbox {
    width: 20px;
    height: 20px;
    float: left
}
.editProfile_cboxBlock_checkbox checkbox {
    margin: 0
}
.editProfile_cboxBlock_text {
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    margin-left: 35px
}
.editProfile_disabledField {
    position: relative
}
.editProfile_disabledField_input {
    padding-right: 35px
}
.editProfile_disabledField_icn {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 14px;
    font-size: 16px;
    margin-top: -8px
}
.editProfile_phone {
    position: relative
}
.editProfile_phone_input {
    padding-left: 75px
}
.editProfile_phone_prefix {
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 18px;
    line-height: 41px;
    color: #222;
    padding-left: 40px;
    background-position: 10px center;
    background-image: url("../images/web/icn_flag_india_15.png");
    background-repeat: no-repeat;
    -webkit-background-size: 21px 15px;
    background-size: 21px 15px
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .editProfile_phone_prefix {
        background-image: url("../images/web/icn_flag_india_15@2x.png")
    }
}
.editProfile_changePhoto {
    background: #F8F8F8;
    padding: 20px
}
.editProfile_changePhoto_thumb {
    width: 160px;
    height: 160px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}
.editProfile_changePhoto_thumb img {
    width: inherit;
    height: inherit
}
.editProfile_changePhoto_thumb_uploadIndicator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: inherit;
    height: inherit;
    background: rgba(255, 255, 255, 0.7);
    display: none
}
.editProfile_changePhoto_thumb_uploadIndicator.is-visible {
    display: block
}
.editProfile_changePhoto form {
    width: 0px;
    height: 0px;
    overflow: hidden
}
.editProfile_changePhoto_btn {
    display: inline-block;
    height: 40px;
    font-size: 16px;
    line-height: 38px;
    font-weight: 700;
    color: #979797;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    border: 1px solid #979797;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.editProfile_changePhoto_btn:hover {
    color: #7e7e7e;
    border-color: #7e7e7e
}
.editProfile_switchCourse_thumb {
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: center
}
.editProfile_switchCourse_thumb.engineering {
    background-image: url("../images/landing/home/engineering.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .editProfile_switchCourse_thumb.engineering {
        background-image: url("../images/landing/home/engineering@2x.png")
    }
}
.editProfile_switchCourse_thumb.medical {
    background-image: url("../images/landing/home/medical.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .editProfile_switchCourse_thumb.medical {
        background-image: url("../images/landing/home/medical@2x.png")
    }
}
.editProfile_switchCourse_thumb.foundation {
    background-image: url("../images/landing/home/foundation.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .editProfile_switchCourse_thumb.foundation {
        background-image: url("../images/landing/home/foundation@2x.png")
    }
}
.editProfile_switchCourse_content {
    margin-left: 90px
}
.editProfile_switchCourse_courseName {
    font-size: 22px;
    line-height: 26px;
    color: #4a4a4a;
    font-weight: 600
}
.activityFeed_item {
    padding: 20px 0;
    border-bottom: 1px solid #ededed
}
.activityFeed_item:last-of-type {
    border-bottom: none
}
.activityFeed_icon {
    width: 24px;
    height: 24px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}
.activityFeed_icon-small {
    width: 18px;
    height: 18px
}
.activityFeed_icon img {
    width: 100%;
    height: 100%
}
.activityFeed_content .clickable-blue:hover {
    color: #55bbea !important
}
.activityFeed_action {
    font-size: 14px;
    line-height: 18px;
    color: #4a4a4a;
    font-weight: 700
}
.activityFeed_actorName {
    font-size: 16px;
    line-height: 32px;
    color: #4a4a4a;
    font-weight: 700;
    overflow: auto
}
.activityFeed_actorName a {
    color: #4a4a4a
}
.activityFeed_title {
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a
}
.activityFeed_desc {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    margin-top: 2px
}
.activityFeed_time {
    font-size: 12px;
    line-height: 15px;
    color: #000;
    margin-top: 15px;
    display: inline-block
}
.activityFeed_thumb {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #ededed;
    overflow: hidden
}
.activityFeed_thumb img {
    width: 100%;
    height: 100%
}
.activityFeed_performance-boxed {
    display: inline-block;
    padding: 10px;
    background: #FCFCFC;
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.activityFeed_performance_item {
    float: left
}
.activityFeed_performance_icon {
    float: left;
    margin-right: 10px
}
.activityFeed_performance_value {
    float: left;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #4a4a4a
}
.activityFeed_performance_sep {
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    height: 16px;
    border-left: 1px solid #ededed
}
@media only screen and (max-width: 767px) {
    .activityFeed_performance_item {
        min-width: 50px
    }
}
@media only screen and (max-width: 767px) {
    .activityFeed_title {
        font-size: 14px;
        line-height: 22px
    }
}
.rankList {
    width: 100%;
    table-layout: fixed
}
.rankList thead tr {
    border-bottom: 1px solid #D8D8D8
}
.rankList thead th {
    font-size: 12px;
    line-height: 15px;
    padding: 0 10px 5px;
    color: #909090;
    font-weight: 700;
    text-transform: uppercase
}
@media only screen and (max-width: 767px) {
    .rankList thead th {
        padding: 5px
    }
}
.rankList thead_iconHeader {
    font-size: 14px;
    width: 14px;
    height: 14px
}
.rankList tbody tr {
    border-bottom: 1px solid #F0F0F0
}
.rankList tbody tr:nth-of-type(2n) {
    background: #FAFAFA
}
.rankList tbody tr.is-self {
    background: #ebf6fc
}
.rankList tbody tr.rankList_dotGapRow {
    background: #FFFFFF
}
.rankList tbody .icon-plus {
    margin-right: 5px;
    font-size: 12px
}
.rankList td {
    font-size: 16px;
    padding: 20px 10px;
    color: #4a4a4a
}
@media only screen and (max-width: 767px) {
    .rankList td {
        padding: 0 5px
    }
}
.rankList_rankCol {
    width: 50px
}
.rankList_completionCol {
    width: 150px
}
.rankList_btnCol {
    width: 140px
}
.rankList_rank_growth {
    float: left;
    text-align: center
}
.rankList_rank_growth .icon {
    font-size: 26px;
    line-height: 36px;
    width: 20px
}
.rankList_user_thumb {
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px
}
.rankList_user_thumb img {
    width: inherit;
    height: inherit;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}
.rankList_user_name {
    color: #4a4a4a;
    line-height: 36px
}
.rankList_dotGap {
    width: 5px;
    height: 5px;
    background: #dedede;
    border-radius: 50%;
    margin: 0 auto 15px
}
.rankList_dotGap:last-of-type {
    margin-bottom: 0
}
.rankList_progress_val {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin: 10px 0 5px
}
.rankList_progress_val-small {
    font-size: 12px;
    line-height: 12px;
    margin: 10px 0 3px
}
.rankList_progress_meter {
    height: 5px;
    background: #EAEAEA
}
.rankList_progress_meter_fill {
    border-top: 5px solid;
    padding-left: 1px
}
.rankList_btnFollow {
    width: 140px;
    display: block
}
.ts_test {
    display: block;
    padding: 20px
}
.ts_test-first {
    padding: 0
}
.ts_test-first_head {
    padding: 20px;
    border-bottom: 1px solid #d8d8d8
}
.ts_test-blue {
    background-color: #F7FCFF
}
.ts_test-red {
    background-color: #FFF1F3
}
.ts_test-green {
    background-color: #F2FFF8
}
.ts_timeLeft {
    float: right;
    margin-top: 3px;
    text-align: right
}
.ts_timeLeft_value {
    font-size: 20px;
    line-height: 26px;
    color: #4a4a4a
}
.ts_calDate {
    width: 40px;
    height: 46px;
    float: left
}
.ts_calDate_head {
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    background-color: #eb5055;
    color: #fff;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -ms-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -ms-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}
.ts_calDate_content {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    border: 1px solid #d8d8d8;
    border-top: none;
    color: #4a4a4a;
    text-align: center;
    background: #FFF;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -ms-border-bottom-left-radius: 3px;
    -o-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -ms-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.ts_name {
    font-size: 36px;
    line-height: 46px;
    text-transform: capitalize;
    margin-left: 60px;
    color: #4a4a4a
}
.ts_arrowRight {
    line-height: 46px;
    width: 14px;
    float: right;
    font-size: 40px;
    color: #4a4a4a;
    opacity: 0.1
}
.ts_lock {
    font-size: 20px;
    line-height: 46px;
    color: #4a4a4a
}
.ts_icon {
    width: 24px;
    height: 24px;
    font-size: 28px;
    color: #4caf79;
    position: absolute;
    left: -12px;
    border-radius: 50%;
    margin-top: 3px
}
.ts_stats {
    float: right;
    text-align: right;
    min-width: 80px
}
.ts_stats_text {
    font-size: 14px;
    line-height: 16px;
    color: #4a4a4a;
    font-weight: 600
}
.ts_stats_text-big {
    font-size: 20px;
    line-height: 26px
}
.ts_stats_vSeperator {
    width: 0;
    margin: -2px 5px;
    border-left: 1px solid #ededed;
    height: 14px
}
.ts_stats_icon {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    font-size: 14px
}
@media only screen and (max-width: 767px) {
    .ts_name {
        font-size: 20px;
        margin-left: 50px
    }
    .ts_stats {
        display: none
    }
    .ts_timeLeft_value {
        font-size: 16px;
        line-height: 20px
    }
}
.tsTest_grid-half {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%
}
.tsTest_syllabus_sName {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    font-weight: 700;
    border-bottom: 1px solid #d8d8d8;
    text-transform: uppercase;
    padding-bottom: 5px
}
.tsTest_syllabus_item {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600
}
.tsTest_syllabus_cNum {
    float: left;
    color: #c8c8c8
}
.tsTest_syllabus_cName {
    color: #4a4a4a;
    margin-left: 26px
}
.tsTest_syllabus_note {
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #9B9B9B
}
.tsTest_paper {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0
}
.tsTest_paper_num {
    float: left;
    color: #c8c8c8
}
.tsTest_paper_name {
    color: #4a4a4a;
    margin-left: 26px
}
.tsTest_paper_status {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 1px
}
.tsTest_info {
    padding: 20px 0;
    border-bottom: 1px solid #d8d8d8
}
.tsTest_info_img {
    float: left;
    width: 48px;
    height: 48px;
    background: #dedede
}
.tsTest_info_img-small {
    width: 30px;
    height: 40px
}
.tsTest_info_body {
    margin-left: 58px
}
.tsTest_info_body-small {
    margin-left: 40px
}
.tsTest_info_content {
    font-size: 32px;
    line-height: 36px;
    color: #4a4a4a
}
.tsTest_info_content-small {
    font-size: 24px;
    line-height: 24px
}
.tsTest_info_label {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c8c8c8
}
@media only screen and (max-width: 767px) {
    .tsTest_info_label {
        font-size: 10px;
        line-height: 12px
    }
}
.suggestionTile {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    overflow: hidden
}
.suggestionTile_head {
    padding: 15px 20px
}
.suggestionTile_thumb {
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.suggestionTile_thumb img {
    width: inherit;
    height: inherit
}
.suggestionTile_name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #4a4a4a
}
.suggestionTile_reason {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8
}
.suggestionTile_footer {
    font-size: 14px;
    line-height: 50px;
    background: #f8f8f8;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    border: none;
    border-top: 1px solid #d8d8d8
}
.suggestionTile_footer .icon-plus {
    font-size: 12px;
    margin-right: 5px
}
.searchBox {
    position: relative
}
.searchBox_input {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    font-size: 12px;
    line-height: 18px;
    padding-left: 15px
}
.searchBox_icon {
    position: absolute;
    line-height: 18px;
    font-size: 10px;
    color: #c8c8c8
}
.suggList_item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8
}
.suggList_thumb {
    width: 36px;
    height: 36px;
    float: left
}
.suggList_thumb img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.suggList_content {
    margin-left: 46px
}
.suggList_name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #4a4a4a
}
.suggList_reason {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8
}
.suggList .icon-plus {
    font-size: 12px;
    margin-right: 5px
}
.mdOverlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms
}
.mdOverlay.is-visible {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    visibility: visible
}
.md {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10001;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
@media only screen and (min-width: 768px) {
    .md {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
    }
}
.md.is-visible {
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1
}
.md_content {
    position: relative;
    height: inherit
}
.md_text {
    font-size: 16px;
    line-height: 20px;
    color: #6D6D6D
}
.md_text-big {
    font-size: 20px;
    line-height: 24px
}
.md_btn {
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    padding: 20px;
    color: #ADADAD;
    background: rgba(0, 0, 0, 0.02);
    cursor: pointer
}
.md_btn-left {
    left: 0
}
.md_btn-right {
    right: 0
}
.md_btn_icon {
    font-size: 18px;
    line-height: 12px
}
.md_btn:hover {
    color: #949494
}
.md_scrollableArea {
    width: 100%;
    overflow-y: auto;
    padding-right: 15px
}
.md_scrollableArea::-webkit-scrollbar {
    width: 6px
}
.md_scrollableArea::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px
}
.md_scrollableArea::-webkit-scrollbar-thumb {
    background-color: rgba(141, 141, 141, 0.3);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px
}
.md_scrollableArea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 141, 141, 0.4)
}
.md_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F8F8F8;
    border-top: 1px solid #d8d8d8
}
@media only screen and (min-width: 768px) {
    .md_footer {
        -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1)
    }
}
.md_loadingOverlay {
    display: none;
    position: absolute;
    z-index: 50;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}
.md_loadingOverlay .loadingDots {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-left: auto;
    margin-right: auto
}
.md_loadingOverlay .loadingDots.loadingDots-h10 {
    margin-top: -5px
}
.md_loadingOverlay .loadingDots.loadingDots-h15 {
    margin-top: -8px
}
.md_loadingOverlay_icn {
    font-size: 40px
}
.md_loadingOverlay_text {
    display: none;
    font-size: 16px;
    line-height: 18px;
    text-align: center
}
.md_loadingOverlay_table {
    width: 100%;
    height: 100%;
    text-align: center
}
.md_loadingOverlay.is-visible {
    display: block
}
.md_phoneNumWrapper {
    font-size: 16px;
    line-height: 20px;
    padding: 20px;
    display: inline-block;
    color: #58595B;
    font-weight: 600;
    border: 1px solid #EDEDED;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #FCFCFC
}
.md_phoneNumWrapper_icon {
    margin-right: 10px;
    font-size: 18px;
    vertical-align: middle
}
.md input,
.md textarea {
    display: block;
    outline: none
}
.md input.error,
.md textarea.error {
    border-color: #eb5055
}
.md input.error:focus,
.md textarea.error:focus {
    border-color: #eb5055
}
.md input:focus,
.md textarea:focus {
    border-color: #55bbea
}
.md label.error {
    position: absolute;
    display: block;
    font-size: 12px;
    margin: 0;
    margin-top: 5px;
    text-align: left;
    color: #eb5055
}
@media only screen and (max-width: 767px) {
    .md {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px
    }
    .md_contentArea {
        height: 100%;
        padding-bottom: 80px
    }
}
.mdDefault {
    width: 750px;
    height: 500px;
    margin-left: -375px;
    margin-top: -250px
}
.isHelpful_prompt {
    float: left;
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
    color: #9b9b9b;
    text-transform: uppercase
}
.isHelpful_option {
    display: block;
    float: left;
    color: #4a4a4a;
    cursor: pointer
}
.isHelpful_option_icon {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 15px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.isHelpful_option_text {
    float: left;
    font-size: 16px;
    line-height: 32px;
    margin-left: 10px
}
.isHelpful_option:hover .isHelpful_option_icon {
    border-color: #bfbfbf
}
.isHelpful_option-up.is-selected .isHelpful_option_icon {
    background: #4caf79;
    border-color: #4caf79;
    color: #fff
}
.isHelpful_option-up.is-selected .isHelpful_option_text {
    color: #4caf79
}
.isHelpful_option-down.is-selected .isHelpful_option_icon {
    background: #eb5055;
    border-color: #eb5055;
    color: #fff
}
.isHelpful_option-down.is-selected .isHelpful_option_text {
    color: #eb5055
}
.mdHint {
    width: 750px;
    height: 500px;
    margin-left: -375px;
    margin-top: -250px
}
.mdHint_scrollableArea {
    height: 370px;
    margin-top: 25px;
    font-family: Alegreya;
    font-size: 16px;
    line-height: 24px;
    color: #6d6d6d
}
.mdHint_scrollableArea img {
    display: block;
    max-width: 90%;
    max-height: 350px;
    margin-left: auto;
    margin-right: auto
}
@media only screen and (max-width: 767px) {
    .mdHint_content {
        display: flex;
        flex-flow: column
    }
    .mdHint_heading {
        flex: 0 1 30px
    }
    .mdHint_scrollableArea {
        flex: 1 1 auto
    }
}
.mdSolution {
    width: 750px;
    height: 500px;
    margin-left: -375px;
    margin-top: -250px
}
.mdSolution_scrollableArea {
    height: 310px;
    margin-top: 25px;
    font-family: Alegreya;
    font-size: 16px;
    line-height: 24px;
    color: #6d6d6d
}
.mdSolution_scrollableArea img {
    display: block;
    max-width: 90%;
    max-height: 350px;
    margin-left: auto;
    margin-right: auto
}
@media only screen and (max-width: 767px) {
    .mdSolution_content {
        display: flex;
        flex-flow: column
    }
    .mdSolution_heading {
        flex: 0 1 30px
    }
    .mdSolution_scrollableArea {
        flex: 1 1 auto;
        margin-bottom: 100px
    }
}
.mdYoutubeVideo {
    width: 642px;
    height: 440px;
    margin-left: -321px;
    margin-top: -220px
}
.mdDoubt {
    width: 750px;
    height: 500px;
    margin-left: -375px;
    margin-top: -250px
}
.mdDoubt_scrollableArea {
    height: 310px;
    margin-top: 25px;
    padding-right: 0
}
.mdDoubt_noDoubtAsked {
    padding-top: 140px;
    font-size: 14px;
    color: #c8c8c8;
    text-align: center
}
.mdDoubt_doubtsCover {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    visibility: hidden;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms
}
.mdDoubt_doubtsCover.is-visible {
    visibility: visible;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7
}
@media only screen and (max-width: 767px) {
    .mdDoubt_doubtsCover {
        top: 50px
    }
}
.mdDoubt_form_textarea {
    width: 510px;
    height: 40px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    outline: none;
    resize: none;
    -webkit-appearance: none
}
.mdDoubt_form_textarea:focus {
    border-color: #55bbea;
    outline: none
}
.mdDoubt_form_textarea.is-focussed {
    height: 120px
}
.mdDoubt_form_anonLabel {
    position: absolute;
    display: block;
    width: 140px;
    right: 40px
}
.mdDoubt_form_anonLabel_checkbox {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px
}
.mdDoubt_form_anonLabel_text {
    font-size: 14px;
    line-height: 20px;
    color: #222
}
.mdDoubt_form_submitBtn {
    width: 140px;
    position: absolute;
    right: 40px;
    bottom: 18px;
    padding-left: 0;
    padding-right: 0
}
.mdDoubt_form_submitBtn-small {
    width: 100px
}
@media only screen and (max-width: 767px) {
    .mdDoubt_content {
        display: flex;
        flex-flow: column
    }
    .mdDoubt_heading {
        flex: 0 1 30px
    }
    .mdDoubt_scrollableArea {
        flex: 1 1 auto
    }
    .mdDoubt_form_textarea {
        width: 100%;
        height: 40px;
        position: relative;
        z-index: 2
    }
    .mdDoubt_form_textarea.is-focussed {
        width: 100%;
        height: 70px;
        z-index: 0;
        margin-bottom: 50px
    }
    .mdDoubt_form_anonLabel {
        left: 10px;
        right: none;
        bottom: 20px;
        z-index: 1
    }
    .mdDoubt_form_submitBtn {
        bottom: 10px;
        right: 10px;
        z-index: 1
    }
}
.mdTestPause {
    width: 750px;
    height: 500px;
    margin-left: -375px;
    margin-top: -250px
}
.mdTestPause_countsList {
    width: 320px;
    margin-left: auto;
    margin-right: auto
}
.mdTestPause_countsList_item {
    padding: 20px 0 18px 0;
    border-bottom: 1px solid #d8d8d8;
    zoom: 1
}
.mdTestPause_countsList_item:before,
.mdTestPause_countsList_item:after {
    content: "";
    display: table
}
.mdTestPause_countsList_item:after {
    clear: both
}
.mdTestPause_countsList_label {
    float: left;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}
.mdTestPause_countsList_label-answered {
    color: #55bbea
}
.mdTestPause_countsList_label-skipped {
    color: #f9ad52
}
.mdTestPause_countsList_label-reviseLater {
    color: #737A84
}
.mdTestPause_countsList_label-unattempted {
    color: #adadad
}
.mdTestPause_countsList_count {
    float: right;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #000
}
.mdTestPause_instruction {
    font-size: 12px;
    line-height: 15px;
    color: #9b9b9b
}
.mdTestPause_timer {
    text-align: left
}
.mdTestPause_timer_title {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #adadad;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 5px
}
.mdTestPause_timer_val {
    font-size: 20px;
    line-height: 20px;
    color: #000
}
.mdReportError {
    width: 600px;
    height: 450px;
    margin-left: -300px;
    margin-top: -225px
}
.mdReportError_heading {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase
}
.mdReportError_inputEmail {
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none
}
.mdReportError_textarea {
    width: 100%;
    height: 150px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    resize: none;
    -webkit-appearance: none
}
.mdSetReminder {
    width: 600px;
    height: 370px;
    margin-left: -300px;
    margin-top: -185px;
    font-size: 16px;
    line-height: 22px;
    color: #7A7A7A
}
.mdVerifyPhone {
    width: 700px;
    height: 450px;
    margin-left: -350px;
    margin-top: -225px;
    font-size: 16px;
    line-height: 22px;
    color: #7A7A7A
}
.mdVerifyPhone_gridHalf {
    width: 50%;
    float: left;
    padding-right: 10px;
    padding-left: 10px
}
.mdVerifyPhone_heading {
    font-size: 16px;
    line-height: 22px;
    color: #222;
    font-weight: 700
}
.mdVerifyPhone_text {
    font-size: 14px;
    line-height: 20px
}
.mdVerifyPhone_inputCode {
    display: inline-block !important;
    width: 130px;
    height: 40px;
    font-size: 20px;
    line-height: 30px;
    padding: 5px;
    margin-right: 20px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}
.mdVerifyPhone_resendCode {
    color: #4a4a4a
}
.mdVerifyPhone_resendCode:hover {
    text-decoration: underline
}
.mdVerifyPhone_orSeparator {
    position: absolute;
    left: 50%
}
.mdVerifyPhone_vr {
    background: #dedede;
    width: 1px;
    height: 130px
}
.mdVerifyPhone_orText {
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 20px;
    margin-left: -12px;
    margin-top: 53px;
    color: #adadad;
    background: #fff;
    text-align: center;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.mdVerifyEmail {
    width: 600px;
    height: 330px;
    margin-left: -300px;
    margin-top: -165px
}
.mdTestInstructions {
    width: 700px;
    height: 550px;
    margin-left: -350px;
    margin-top: -275px
}
.mdTestInstructions_num {
    width: 27px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    padding-right: 10px;
    vertical-align: top
}
.mdTestInstructions_text-big {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600
}
.mdTestInstructions_scrollableArea {
    margin-top: 25px;
    height: 370px;
    padding-right: 0px
}
.mdUpgrade {
    width: 700px;
    height: 410px;
    margin-left: -350px;
    margin-top: -205px
}
.mdUpgrade_icn {
    font-size: 20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #55bbea;
    line-height: 41px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.mdUpgrade_bordered {
    display: inline-block;
    padding: 10px 20px;
    background-color: #FCFCFC;
    border: 1px solid #EDEDED;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.mdUpgrade_bordered_heading {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase
}
.mdUpgrade_text {
    font-size: 14px;
    line-height: 22px;
    color: #9B9B9B
}
.mdUpgrade_text-bold {
    font-weight: 700;
    color: #3B3B3B
}
.mdUpgrade_title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #55bbea
}
.mdUpgrade_subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A
}
.mdUpgrade_desc {
    font-size: 24px;
    line-height: 32px;
    color: #222
}
.mdSwitchCourse {
    width: 750px;
    height: 366px;
    margin-left: -375px;
    margin-top: -183px
}
.mdSwitchCourse_courseCol {
    width: 33.33%;
    float: left
}
.mdSwitchCourse_courseTile {
    height: 220px;
    position: relative
}
.mdSwitchCourse_courseTile.is-active {
    zoom: 1;
    filter: alpha(opacity=35);
    opacity: 0.35
}
.mdSwitchCourse_thumb {
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 30px auto 10px
}
.mdSwitchCourse_thumb.engineering {
    background-image: url("../images/landing/home/engineering.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .mdSwitchCourse_thumb.engineering {
        background-image: url("../images/landing/home/engineering@2x.png")
    }
}
.mdSwitchCourse_thumb.medical {
    background-image: url("../images/landing/home/medical.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .mdSwitchCourse_thumb.medical {
        background-image: url("../images/landing/home/medical@2x.png")
    }
}
.mdSwitchCourse_thumb.foundation {
    background-image: url("../images/landing/home/foundation.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .mdSwitchCourse_thumb.foundation {
        background-image: url("../images/landing/home/foundation@2x.png")
    }
}
.mdSwitchCourse_title {
    font-size: 20px;
    line-height: 24px;
    color: #4a4a4a;
    font-weight: 600;
    text-align: center
}
.mdSwitchCourse_label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    margin: 0 -1px -1px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}
.mdSwitchCourse_label-red {
    background-color: #E04F5F
}
.mdSwitchCourse_label-green {
    background-color: #32BDA5
}
.mdSwitchCourse_label-yellow {
    background-color: #F9BB3D
}
.btnFbLoginSignup {
    background-color: #3B5795;
    padding: 25px 30px
}
.btnFbLoginSignup .fbIconWrapper {
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}
.btnFbLoginSignup .fbIcon {
    font-size: 26px;
    line-height: 50px;
    color: #3B5795
}
.btnFbLoginSignup_heading {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 600
}
.btnFbLoginSignup_text {
    font-size: 14px;
    line-height: 20px;
    color: #c8c8c8;
    margin-top: 2px
}
.btnFbLoginSignup_arrowRight {
    width: 28px;
    height: 20px;
    margin-top: 13px;
    background-image: url("../images/landing/icons/arrow_right_white_big.png");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 28px 20px;
    background-position: center
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .btnFbLoginSignup_arrowRight {
        background-image: url("../images/landing/icons/arrow_right_white_big@2x.png")
    }
}
.btnFbLoginSignup:hover {
    background-color: #344c83
}
@media only screen and (max-width: 767px) {
    .btnFbLoginSignup {
        padding: 10px
    }
    .btnFbLoginSignup .fbIconWrapper {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .btnFbLoginSignup .fbIcon {
        font-size: 22px
    }
    .btnFbLoginSignup_text {
        margin-top: 0
    }
    .btnFbLoginSignup_arrowRight {
        display: none
    }
}
.notOrAlreadyRegistered {
    font-size: 18px;
    line-height: 22px;
    color: #222;
    font-weight: 600
}
.inputText,
.inputTextarea {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none
}
.inputText.error,
.inputTextarea.error {
    border-color: #eb5055
}
.inputText.error:focus,
.inputTextarea.error:focus {
    border-color: #eb5055
}
.inputText:focus,
.inputTextarea:focus {
    border-color: #55bbea
}
.inputTextarea {
    height: 100px
}
.inputLabel {
    display: block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase
}
.mdLogin {
    width: 500px;
    height: 540px;
    margin-left: -250px;
    margin-top: -270px
}
.mdLogin_form {
    width: 360px
}
.mdLogin_forgotPassword {
    font-size: 14px;
    line-height: 18px;
    color: #222
}
.mdLogin_forgotPassword:hover {
    text-decoration: underline
}
.ldg-sectionSignup_wrapper {
    position: relative;
    width: 750px;
    height: 480px;
    overflow: hidden
}
.ldg-sectionSignup_step {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    visibility: hidden;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}
.ldg-sectionSignup_btnBack {
    position: absolute;
    left: 0;
    width: 70px;
    height: 70px;
    background-image: url("../images/landing/icons/arrow_left_black_big.png");
    background-repeat: no-repeat;
    background-size: 28px 20px;
    background-position: center
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionSignup_btnBack {
        background-image: url("../images/landing/icons/arrow_left_black_big@2x.png")
    }
}
.ldg-sectionSignup_coursesWrapper {
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}
.ldg-sectionSignup_course {
    display: block;
    float: left;
    width: 33.33%;
    height: 400px;
    padding: 115px 20px 0;
    border-right: 1px solid #d8d8d8
}
.ldg-sectionSignup_course:last-of-type {
    border-right: none
}
.ldg-sectionSignup_course:hover {
    background-color: #F8F8F8
}
.ldg-sectionSignup_courseName {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding: 5px 0 5px 50px;
    background-size: 40px 40px;
    background-position: left
}
.ldg-sectionSignup_courseName.engineering {
    background-image: url("../images/landing/home/engineering.png");
    background-repeat: no-repeat;
    color: #E04F5F
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionSignup_courseName.engineering {
        background-image: url("../images/landing/home/engineering@2x.png")
    }
}
.ldg-sectionSignup_courseName.medical {
    background-image: url("../images/landing/home/medical.png");
    background-repeat: no-repeat;
    color: #32BDA5
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionSignup_courseName.medical {
        background-image: url("../images/landing/home/medical@2x.png")
    }
}
.ldg-sectionSignup_courseName.foundation {
    background-image: url("../images/landing/home/foundation.png");
    background-repeat: no-repeat;
    color: #F9BB3D
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionSignup_courseName.foundation {
        background-image: url("../images/landing/home/foundation@2x.png")
    }
}
.ldg-sectionSignup_form {
    width: 640px
}
.ldg-sectionSignup_form .inputText {
    width: 300px
}
.ldg-sectionSignup .notOrAlreadyRegistered {
    font-size: 18px;
    line-height: 22px;
    color: #222;
    font-weight: 600
}
.ldg-sectionSignup_alreadyRegistered {
    width: 750px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .ldg-sectionSignup_wrapper {
        width: 100%
    }
}
@media only screen and (max-width: 979px) {
    .ldg-sectionSignup_alreadyRegistered {
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .ldg-sectionSignup_btnBack {
        width: 40px;
        background-size: 25px 18px
    }
    .ldg-sectionSignup_wrapper {
        width: 100%;
        height: 600px
    }
    .ldg-sectionSignup_course {
        float: none;
        width: 100%;
        height: auto;
        padding: 20px;
        border: none;
        border-bottom: 1px solid #d8d8d8
    }
    .ldg-sectionSignup_course:last-of-type {
        border-bottom: none
    }
    .ldg-sectionSignup_course_thumb {
        width: 60px;
        height: 60px;
        background-size: 60px 60px
    }
    .ldg-sectionSignup_form {
        width: 100%
    }
    .ldg-sectionSignup_form .inputText {
        width: 100%
    }
}
.ldg-sectionAvailableCourses {
    background-color: #F8F8F8
}
.ldg-sectionAvailableCourses .l-tile {
    position: relative;
    height: 405px;
    overflow: hidden
}
.ldg-sectionAvailableCourses_courseImage {
    width: 100px;
    height: 100px;
    background-size: 100px 100px
}
.ldg-sectionAvailableCourses_courseImage.engineering {
    background-image: url("../images/landing/home/engineering.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionAvailableCourses_courseImage.engineering {
        background-image: url("../images/landing/home/engineering@2x.png")
    }
}
.ldg-sectionAvailableCourses_courseImage.medical {
    background-image: url("../images/landing/home/medical.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionAvailableCourses_courseImage.medical {
        background-image: url("../images/landing/home/medical@2x.png")
    }
}
.ldg-sectionAvailableCourses_courseImage.foundation {
    background-image: url("../images/landing/home/foundation.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .ldg-sectionAvailableCourses_courseImage.foundation {
        background-image: url("../images/landing/home/foundation@2x.png")
    }
}
.ldg-sectionAvailableCourses .l-pillsWrapper {
    min-height: 121px
}
.ldg-sectionAvailableCourses_classes {
    min-height: 40px;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a
}
.ldg-sectionAvailableCourses_text {
    font-size: 16px;
    line-height: 20px
}
.ldg-sectionAvailableCourses_getStarted {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    letter-spacing: 2px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    margin-left: -1px;
    margin-right: -1px
}
.ldg-sectionAvailableCourses_getStarted-red {
    background-color: #E04F5F
}
.ldg-sectionAvailableCourses_getStarted-red:hover {
    background-color: #dc394b
}
.ldg-sectionAvailableCourses_getStarted-green {
    background-color: #32BDA5
}
.ldg-sectionAvailableCourses_getStarted-green:hover {
    background-color: #2da993
}
.ldg-sectionAvailableCourses_getStarted-yellow {
    background-color: #F9BB3D
}
.ldg-sectionAvailableCourses_getStarted-yellow:hover {
    background-color: #f8b224
}
@media only screen and (max-width: 979px) {
    .ldg-sectionAvailableCourses .l-tile {
        height: inherit
    }
    .ldg-sectionAvailableCourses_classes {
        min-height: inherit
    }
    .ldg-sectionAvailableCourses_getStarted {
        position: inherit
    }
}
.mdSignup {
    width: 750px;
    height: 540px;
    margin-left: -375px;
    margin-top: -270px
}
.mdSignup_btnBack {
    width: 70px;
    height: 70px;
    background-image: url("../images/landing/icons/arrow_left_black_big.png");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 28px 20px;
    background-position: center
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .mdSignup_btnBack {
        background-image: url("../images/landing/icons/arrow_left_black_big@2x.png")
    }
}
.mdPayment {
    width: 600px;
    height: 525px;
    margin-left: -300px;
    margin-top: -262.5px
}
.mdPayment_stepsTable {
    position: relative;
    z-index: 2;
    width: 100%
}
.mdPayment_heading {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}
.mdPayment_step {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 0;
    background: #fff;
    visibility: hidden;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}
.mdPayment_stepNum {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    background: #d8d8d8;
    border-radius: 50%;
    text-align: center;
    font-weight: 600
}
.mdPayment_stepNum.is-complete {
    color: #FFF;
    background-color: #4caf79
}
.mdPayment_stepNum.is-current {
    color: #FFF;
    background-color: #55bbea
}
.mdPayment_progress_wrapper {
    position: relative;
    padding: 20px;
    margin: 0 50px
}
.mdPayment_progress_meter {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 50%;
    margin-top: -2.5px;
    height: 5px;
    background: #d8d8d8;
    z-index: 1
}
.mdPayment_progress_meter_fill {
    border-top: 5px solid;
    padding-left: 1px;
    -webkit-transition: width 500ms ease-in-out, color 500ms ease-in-out;
    -moz-transition: width 500ms ease-in-out, color 500ms ease-in-out;
    transition: width 500ms ease-in-out, color 500ms ease-in-out
}
.mdPayment_courseTile {
    font-size: 16px;
    line-height: 20px;
    padding: 20px;
    display: inline-block;
    color: #58595B;
    font-weight: 600;
    border: 1px solid #EDEDED;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #FCFCFC;
    width: 100%
}
.mdPayment_divHalf {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%
}
.mdPayment_input {
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    color: #222;
    background: #fff;
    border: 1px solid #D2D2D2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.mdPayment_input-textarea {
    height: 95px;
    resize: none
}
.btnSocialLoginSignup {
    float: left;
    width: 50%;
    padding: 20px
}
.btnSocialLoginSignup-fb {
    background-color: #3B5795
}
.btnSocialLoginSignup-fb:hover {
    background-color: #344c83
}
.btnSocialLoginSignup-gp {
    background-color: #d34836
}
.btnSocialLoginSignup-gp:hover {
    background-color: #c43d2b
}
.btnSocialLoginSignup .iconWrapper {
    width: 24px;
    height: 24px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.btnSocialLoginSignup .iconWrapper-fb {
    font-size: 14px;
    color: #3B5795
}
.btnSocialLoginSignup .iconWrapper-gp {
    font-size: 14px;
    color: #d34836
}
.btnSocialLoginSignup .iconWrapper_icon {
    line-height: 24px
}
.btnSocialLoginSignup_heading {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 600
}
.btnSocialLoginSignup_text {
    font-size: 14px;
    line-height: 20px;
    color: #c8c8c8
}
@media only screen and (max-width: 767px) {
    .btnSocialLoginSignup {
        padding: 10px
    }
    .btnSocialLoginSignup .fbIconWrapper {
        width: 40px;
        height: 40px;
        line-height: 40px
    }
    .btnSocialLoginSignup .fbIcon {
        font-size: 22px
    }
    .btnSocialLoginSignup_text {
        margin-top: 0
    }
    .btnSocialLoginSignup_arrowRight {
        display: none
    }
}
.csTile {
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}
.csTile_indicator {
    height: 5px;
    background-color: #55bbea
}
.csTile_header {
    padding: 10px 12px 0 20px;
    font-size: 12px;
    line-height: 20px
}
.csTile_header_vSeperator {
    width: 0;
    margin: 4px 10px;
    border-left: 1px solid #ededed;
    height: 12px
}
.csTile_num {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    float: left
}
.csTile_type {
    color: #55bbea;
    text-transform: uppercase;
    float: left
}
.csTile_bookmark {
    display: block;
    width: 20px;
    text-align: center;
    float: right;
    color: #c8c8c8;
    cursor: pointer
}
.csTile_bookmark i {
    font-size: 12px
}
.csTile_bookmark_iconBookmark {
    display: inline-block
}
.csTile_bookmark_iconSpinner {
    display: none
}
.csTile_bookmark:hover {
    color: #afafaf
}
.csTile_bookmark.is-active .csTile_bookmark_iconBookmark {
    color: #f9ad52
}
.csTile_bookmark.is-processing .csTile_bookmark_iconBookmark {
    display: none
}
.csTile_bookmark.is-processing .csTile_bookmark_iconSpinner {
    display: inline-block
}
.csTile_body {
    padding: 20px 40px;
    font-size: 15px;
    line-height: 20px
}
.csTile_title {
    font-weight: 700
}
.csTile_content_img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%
}
.csTile_content ul,
.csTile_content ol {
    margin-left: 20px
}
.csTile.definition .csTile_type {
    color: #b88bbe
}
.csTile.definition .csTile_indicator {
    background-color: #b88bbe
}
.csTile.formula .csTile_type {
    color: #71cac4
}
.csTile.formula .csTile_indicator {
    background-color: #71cac4
}
.csTile.shortcut .csTile_type {
    color: #f27286
}
.csTile.shortcut .csTile_indicator {
    background-color: #f27286
}
.csTile.result .csTile_type {
    color: #92c4ea
}
.csTile.result .csTile_indicator {
    background-color: #92c4ea
}
.csTile.diagram .csTile_type {
    color: #c8c8c8
}
.csTile.diagram .csTile_indicator {
    background-color: #c8c8c8
}
.csTile.law .csTile_type {
    color: #2490ce
}
.csTile.law .csTile_indicator {
    background-color: #2490ce
}
.csTile.example .csTile_type {
    color: #2490ce
}
.csTile.example .csTile_indicator {
    background-color: #2490ce
}
.csTile table td {
    padding: 5px;
    border: 1px solid #4d4d4d;
    border-collapse: collapse;
    border-spacing: 0
}
.csSectionList {
    list-style: none;
    display: block
}
.csSectionList_num {
    float: left;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #4a4a4a;
    font-weight: 700;
    text-align: center;
    background: #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.csSectionList_name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #4a4a4a;
    margin-left: 34px
}
.csSectionList_item {
    display: block
}
.csSectionList_item.is-disabled {
    cursor: default
}
.csSectionList_item.is-disabled .csSectionList_num,
.csSectionList_item.is-disabled .csSectionList_name {
    color: #c8c8c8
}
.csSectionList li {
    margin-top: 20px
}
.csSectionList li:first-of-type {
    margin-top: 0
}
.report {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.report_scoreDist {
    width: 100%
}
.report_scoreDist td {
    text-align: center
}
.report_scoreDist_score {
    font-size: 32px;
    line-height: 36px
}
.report_scoreDist_max_score {
    font-size: 24px;
    color: #9B9B9B
}
.report_scoreDist_operator {
    font-size: 24px;
    color: #C8C8C8;
    padding: 0 10px 10px 10px
}
.report_scoreDist_bordered {
    padding: 20px 25px;
    width: 160px;
    border: 1px solid #EDEDED;
    background-color: #FCFCFC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
@media only screen and (max-width: 767px) {
    .report_scoreDist_score {
        font-size: 24px;
        line-height: 24px
    }
    .report_scoreDist_max_score {
        font-size: 20px;
        color: #9B9B9B
    }
}
.report_tabs {
    border-bottom: 1px solid #d8d8d8;
    background-color: #F8F8F8
}
.report_tabs_item {
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    float: left;
    width: 33.3%;
    color: #9B9B9B;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    list-style-type: none;
    cursor: pointer
}
.report_tabs_item.is-active {
    color: #222;
    border-bottom: 2px solid #333
}
.report_cWise {
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #FCFCFC
}
.report_cWise_dropdown {
    font-size: 12px;
    line-height: 40px;
    padding: 0px 20px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}
.report_cWise_dropdown_icnDown {
    line-height: 40px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease
}
.report_cWise_body {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease
}
.report_cWise_cItem {
    padding: 0 20px;
    border-top: 1px solid #d8d8d8;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease
}
@media only screen and (max-width: 767px) {
    .report_cWise_cItem {
        padding: 0 10px
    }
}
.report_cWise.is-expanded {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out
}
.report_cWise.is-expanded .report_cWise_dropdown_icnDown {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
.report_cWise.is-expanded .report_cWise_body {
    max-height: 3000px
}
.report_cWise.is-expanded .report_cWise_cItem {
    padding: 20px
}
@media only screen and (max-width: 767px) {
    .report_cWise.is-expanded .report_cWise_cItem {
        padding: 10px
    }
}
.report_cWise_cNum {
    float: left;
    font-size: 20px;
    line-height: 24px;
    color: #c8c8c8;
    font-weight: 600
}
.report_cWise_cName {
    font-size: 20px;
    line-height: 24px;
    margin-right: 120px;
    margin-left: 26px;
    font-weight: 600
}
.report_cWise_dotsWrapper {
    float: right;
    margin-right: -5px;
    margin-top: 5px;
    max-width: 120px
}
.report_cWise_dot {
    float: left;
    margin: 3px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #d8d8d8
}
.report_cWise_dot.correct {
    background-color: #4caf79
}
.report_cWise_dot.wrong {
    background-color: #eb5055
}
.report_activity {
    width: 100%
}
.report_activity_heading {
    color: #8D8D8D;
    text-align: left;
    text-transform: uppercase
}
.report_activity_heading-w20 {
    width: 20%
}
.report_activity_value {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600
}
.report_activity_value-small {
    float: left;
    font-size: 18px;
    line-height: 20px;
    color: #9B9B9B
}
.report_activity_icon {
    float: left;
    margin-right: 10px
}
.report_activity-small .report_activity_value {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600
}
.report_activity-small .report_activity_value-small {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #9B9B9B
}
.report_heading-section {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}
.report_plots_graph {
    margin-top: 20px;
    width: 100%;
    height: 200px;
    margin-bottom: 20px
}
.report_plots_graph.ct-chart .ct-series.ct-series-a .ct-bar {
    stroke: #4caf79
}
.report_plots_graph.ct-chart .ct-series.ct-series-b .ct-bar {
    stroke: #eb5055
}
.report_plots_graph.ct-chart .ct-series.ct-series-c .ct-bar {
    stroke: #d8d8d8
}
.report_plots_graph.ct-chart .ct-series.ct-series-d .ct-bar {
    stroke: transparent
}
.report_plots_graph.ct-chart .ct-series.ct-series-d .ct-bar:hover {
    stroke: #eee
}
.report_plots_graph.ct-chart .ct-series.ct-series-e {
    stroke: transparent
}
.report_plots_graph.ct-bar {
    cursor: pointer;
    stroke-width: 12px
}
.report_plots_graph .ct-label.ct-horizontal {
    text-align: center
}
@media only screen and (max-width: 767px) {
    .report_plots_graph .ct-bar {
        stroke-width: 6px
    }
    .report_plots_graph .ct-label.ct-vertical {
        font-size: 10px
    }
    .report_plots_graph .ct-label.ct-horizontal {
        font-size: 6px
    }
}
.report_plots_key {
    float: left;
    background-color: #d8d8d8;
    width: 14px;
    height: 14px;
    margin-right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.report_plots_key-green {
    background-color: #4caf79
}
.report_plots_key-red {
    background-color: #eb5055
}
.report_plots_label {
    float: left;
    margin-right: 20px
}
.report .testSeries-time_per_question {
    background: #fff;
    height: 250px
}
.report .advance_testSeries-time_per_question {
    background: #fff;
    height: 250px
}
.qDoubts_item {
    border-bottom: 1px solid #d8d8d8
}
.qDoubts_item_thumb {
    width: 36px;
    height: 36px;
    display: block
}
.qDoubts_item_thumb img {
    width: inherit;
    height: inherit;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}
.qDoubts_item_meta {
    margin-left: 46px
}
.qDoubts_item_name {
    font-size: 16px;
    line-height: 18px;
    color: #222
}
.qDoubts_item_icon {
    font-size: 16px;
    line-height: 18px
}
.qDoubts_item_date {
    font-size: 12px;
    line-height: 12px;
    color: #c8c8c8;
    padding-top: 5px
}
.qDoubts_item_text {
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A
}
.qDoubts_item_response {
    position: relative;
    background: #ecf9ff;
    padding: 20px;
    padding-left: 24px;
    margin-top: 20px
}
.qDoubts_item_response:before {
    display: block;
    content: " ";
    position: absolute;
    width: 2px;
    top: 20px;
    bottom: 20px;
    left: 11px;
    background: #d8d8d8
}
.qDoubts_newDoubtLink {
    display: block;
    height: 40px;
    margin: -1px;
    font-size: 14px;
    line-height: 40px;
    color: #6D6D6D;
    text-align: center;
    background: #F2F2F2;
    text-decoration: none;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px
}
.qDoubts_newDoubtLink:hover {
    background: #ebebeb;
    text-decoration: none
}
.qDoubts_doubtForm {
    position: relative
}
.qDoubts_doubtForm_close {
    color: #c8c8c8;
    line-height: 24px
}
.qDoubts_doubtForm_close:hover {
    color: #9B9B9B
}
.qDoubts_doubtForm_label {
    color: #4d4d4d
}
.qDoubts_doubtForm_inputText,
.qDoubts_doubtForm_inputTextArea {
    width: 100%;
    padding: 5px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none
}
.qDoubts_doubtForm_inputText:focus,
.qDoubts_doubtForm_inputTextArea:focus {
    border-color: #55bbea;
    box-shadow: none;
    outline: none
}
.qDoubts_doubtForm_inputText.error,
.qDoubts_doubtForm_inputTextArea.error {
    border-color: #eb5055
}
.qDoubts_doubtForm_inputTextArea {
    height: 100px
}
.qDoubts_doubtForm_anonymousPrompt {
    line-height: 32px
}
.qDoubts_doubtForm_anonymousPrompt_checkboxWrapper {
    margin-top: 7px
}
.qDoubts_doubtForm label.error {
    display: block;
    position: absolute;
    margin: 0;
    text-align: left;
    font-size: 12px;
    color: #eb5055;
    font-weight: normal
}
.qDoubts_doubtForm_response {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}
.qDoubts_doubtForm_response__dotsWrapper {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -5px
}
.testTool {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f8f8f8;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}
.testTool_topBar {
    position: absolute;
    top: 0;
    left: 320px;
    right: 0;
    height: 60px;
    background: #55bbea
}
.testTool_topBar_container {
    width: 970px;
    margin-left: auto;
    margin-right: auto
}
@media only screen and (max-width: 1365px) {
    .testTool_topBar_container {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }
}
.testTool_topBar_title {
    float: left;
    font-size: 20px;
    line-height: 62px;
    font-weight: 700;
    color: #fff
}
.testTool_topBar_stateBtn {
    display: block;
    float: right;
    height: 60px;
    padding: 0 25px;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    outline: none
}
.testTool_topBar_stateBtn:hover {
    background: rgba(0, 0, 0, 0.15)
}
.testTool_topBar_stateBtn i {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 24px;
    line-height: 60px
}
.testTool_topBar_stateBtn_text {
    display: block;
    float: left;
    font-size: 18px;
    line-height: 63px;
    font-weight: 700;
    text-transform: uppercase
}
.testTool_topBar_timer {
    float: right;
    margin-right: 30px;
    text-align: right
}
.testTool_topBar_timer_title {
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 14px;
    margin-bottom: 5px
}
.testTool_topBar_timer_val {
    font-size: 20px;
    line-height: 20px;
    color: #fff
}
.testTool_btmBar {
    position: absolute;
    bottom: 0;
    left: 320px;
    right: 0;
    height: 60px;
    background: #ebebeb
}
.testTool_btmBar_actionBtn {
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: #ebebeb;
    color: #4a4a4a;
    cursor: pointer;
    border: 0;
    border-top: 1px solid #d8d8d8;
    -webkit-appearance: none;
    outline: none
}
.testTool_btmBar_actionBtn:focus {
    -webkit-appearance: none;
    outline: none
}
.testTool_btmBar_actionBtn:hover {
    background: #dedede;
    cursor: pointer
}
.testTool_btmBar_actionBtn_primary {
    width: 650px;
    background: #55bbea;
    color: #fff;
    border-top: 1px solid #55bbea
}
.testTool_btmBar_actionBtn_primary-fullWidth {
    width: 100%
}
.testTool_btmBar_actionBtn_primary:hover {
    background: #3eb2e7
}
.testTool_btmBar_actionBtn_primary.grey {
    background: #808790;
    border-top: 1px solid #737A84
}
.testTool_btmBar_actionBtn_primary.grey:hover {
    background-color: #737A84
}
.testTool_btmBar_loadingView {
    width: 650px;
    margin-left: auto;
    margin-right: auto
}
.testTool_btmBar_loadingView_dots {
    margin-top: 23px
}
.testTool_logoBlock {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 60px;
    background: #ebebeb;
    border-bottom: 1px solid #d8d8d8;
    text-align: center
}
.testTool_logoBlock img {
    height: 24px;
    margin-top: 18px
}
.testTool_contentArea {
    position: absolute;
    top: 60px;
    bottom: 60px;
    left: 320px;
    right: 0;
    overflow-y: scroll;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden
}
.testTool_quesWrapper {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}
.testTool_qSolution {
    padding: 20px
}
.testTool_qSolution_img {
    display: block;
    max-width: 90%;
    margin: 0 auto 15px
}
.testTool_qSolution_text {
    font-size: 18px;
    line-height: 24px;
    color: #4D4D4D;
    font-family: "Alegreya", serif
}
.testTool_qNav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 320px;
    right: 0;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none
}
.testTool_qNav_arrow {
    display: none;
    width: 40px;
    height: 200px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    color: #c8c8c8;
    cursor: pointer;
    text-align: center;
    pointer-events: auto
}
.testTool_qNav_arrow i {
    font-size: 50px;
    line-height: 200px;
    font-weight: bold
}
.testTool_qNav_arrow.is-active {
    display: block
}
.testTool_qNav_arrow.is-active:hover {
    color: #4a4a4a
}
.testTool_qNav_arrow-left {
    left: -50px
}
.testTool_qNav_arrow-right {
    right: -50px
}
.testTool_sideBar {
    position: absolute;
    top: 60px;
    bottom: 60px;
    left: 0;
    width: 320px;
    background: #f8f8f8;
    border-right: 1px solid #d8d8d8;
    overflow-y: scroll
}
.testTool_sideBar-tillBottom {
    bottom: 0
}
.testTool_sideBar_sHeading {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #d8d8d8
}
.testTool_sideBar_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: transparent;
    visibility: hidden;
    -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out
}
.testTool_sideBar_overlay.is-visible {
    visibility: visible
}
.testTool_sideBar_overlay.is-shown {
    background: rgba(0, 0, 0, 0.3)
}
.testTool_qList {
    padding: 20px 0 20px 30px
}
.testTool_qList_item {
    margin-top: 10px;
    cursor: pointer;
    zoom: 1;
    border: 1px solid transparent;
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.testTool_qList_item:before,
.testTool_qList_item:after {
    content: "";
    display: table
}
.testTool_qList_item:after {
    clear: both
}
.testTool_qList_item:hover {
    cursor: pointer;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1
}
.testTool_qList_num {
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #d8d8d8;
    color: #4a4a4a;
    background: #adadad
}
.testTool_qList_text {
    font-size: 12px;
    line-height: 15px;
    color: #4a4a4a;
    margin-left: 34px;
    max-height: 60px;
    overflow: hidden
}
.testTool_qList_item.is-active {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    background: #fff;
    border-color: #AADDF4
}
.testTool_qList_item.is-answered .testTool_qList_num {
    background: #55bbea;
    color: #fff
}
.testTool_qList_item.is-skipped .testTool_qList_num {
    background: transparent;
    border: 1px solid #d8d8d8;
    color: #4a4a4a
}
.testTool_qList_item.is-markedForReview .testTool_qList_num {
    background: #f9ad52;
    color: #fff
}
.testTool_goalList {
    padding: 0 0 20px 30px
}
.testTool_filtersDrawer {
    position: absolute;
    z-index: 1;
    top: 100%;
    bottom: -100%;
    left: 0;
    width: 320px;
    background: #fff;
    overflow-y: scroll;
    border-right: 1px solid #d8d8d8;
    -webkit-transition: top 300ms ease-in-out, bottom 300ms ease-in-out;
    -moz-transition: top 300ms ease-in-out, bottom 300ms ease-in-out;
    transition: top 300ms ease-in-out, bottom 300ms ease-in-out
}
.testTool_filtersDrawer.is-open {
    top: 60px;
    bottom: 60px
}
.testTool_filterBtns {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 320px;
    height: 60px
}
.testTool_filterBtns_btn {
    display: block;
    height: 60px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    outline: none
}
.testTool_filterBtns_btn i {
    float: right;
    height: 60px;
    font-size: 26px;
    line-height: 60px;
    font-weight: bold;
    color: #A5A5A5
}
.testTool_filterBtns_btn-filter {
    background: #fff;
    color: #4a4a4a;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8
}
.testTool_filterBtns_btn-clear,
.testTool_filterBtns_btn-apply {
    width: 50%;
    float: left;
    text-align: center
}
.testTool_filterBtns_btn-clear {
    background: #D8D8D8;
    color: #4a4a4a
}
.testTool_filterBtns_btn-apply {
    background: #4caf79;
    color: #fff
}
.testTool_loadingView {
    position: absolute;
    z-index: 10002;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}
.testTool_loadingView_modal {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
@media only screen and (min-width: 768px) {
    .testTool_loadingView_modal {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
    }
}
@media only screen and (max-width: 1099px) {
    .testTool_topBar,
    .testTool_btmBar,
    .testTool_contentArea,
    .testTool_qNav {
        left: 0
    }
    .testTool_logoBlock,
    .testTool_sideBar {
        display: none
    }
    .testTool_btmBar_loadingView {
        width: auto
    }
}
@media only screen and (max-width: 767px) {
    .testTool_topBar_timer {
        float: left;
        text-align: left;
        margin-right: 10px
    }
    .testTool_topBar_stateBtn {
        padding: 0 15px
    }
    .testTool_topBar_title {
        display: none
    }
    .testTool_quesWrapper {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }
    .testTool_filtersDrawer {
        width: auto;
        right: 0;
        border-right: 0;
        overflow-y: scroll
    }
    .testTool_filterBtns {
        width: 100%;
        margin-left: -100%
    }
    .testTool_filterBtns.is-open {
        margin-left: 0
    }
}
.subjectList_icnHolder {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #d8d8d8
}
.subjectList_icnHolder-physics {
    background: #F8AC43
}
.subjectList_icnHolder-maths {
    background: #64C0E8
}
.subjectList_icnHolder-chemistry {
    background: #EA6167
}
.subjectList_icnHolder-biology {
    background: #60B586
}
.subjectList_icnHolder-mentalAptitude {
    background: #C06D94
}
.subjectList_icn {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    margin-top: 12px
}
.subjectList_subjectStatusIcon {
    display: none
}
.subjectList_item {
    padding: 25px 60px 20px 20px;
    color: #4a4a4a;
    zoom: 1
}
.subjectList_item:before,
.subjectList_item:after {
    content: "";
    display: table
}
.subjectList_item:after {
    clear: both
}
.subjectList_item.completed {
    background-color: #F7FCFF
}
.subjectList_item.completed .subjectList_subjectStatusIcon {
    position: absolute;
    top: 50%;
    left: -15px;
    display: block;
    width: 26px;
    height: 26px;
    font-size: 30px;
    line-height: 26px;
    margin-top: -15px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.subjectList_item.in-progress {
    background-color: #FCFBF8
}
.subjectList_name {
    font-size: 30px;
    line-height: 48px;
    margin-left: 68px;
    font-weight: 600
}
.subjectList_label {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    text-transform: uppercase;
    font-weight: 700
}
.subjectList_text {
    color: #7F7F7F
}
.subjectList_goals {
    font-size: 16px;
    line-height: 20px
}
.subjectList_heading {
    position: relative;
    margin-left: -30px;
    padding-left: 30px
}
.subjectList_arrowRight {
    position: absolute;
    top: 50%;
    right: 20px;
    color: #EDEDED;
    font-size: 44px;
    margin-top: -22px
}
@media only screen and (max-width: 767px) {
    .subjectList_icnHolder {
        width: 40px;
        height: 40px;
        margin-top: 2px
    }
    .subjectList_icn {
        margin-left: 8px;
        margin-top: 8px
    }
    .subjectList_item {
        padding: 15px
    }
    .subjectList_name {
        font-size: 22px;
        line-height: 30px;
        margin-left: 50px;
        margin-top: 10px
    }
    .subjectList_goals {
        font-size: 14px;
        line-height: 18px
    }
    .subjectList_arrowRight {
        display: none
    }
}
.alert {
    padding: 30px 0;
    color: #FFF
}
.alert_subHeading {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.1em
}
.alert_icon {
    float: left;
    font-size: 40px;
    line-height: 40px;
    width: 40px;
    height: 40px
}
.alert_icon-small {
    font-size: 24px;
    line-height: 32px;
    width: 24px;
    height: 24px
}
.alert_title {
    font-size: 20px;
    line-height: 40px;
    margin-left: 60px;
    font-weight: 600
}
.alert_title-small {
    font-size: 16px;
    line-height: 32px;
    margin-left: 44px
}
.alert_button {
    min-width: 32px
}
.alert_time {
    font-size: 20px
}
.alert-good {
    background: #4caf79
}
.alert-good .alert_button {
    color: #4caf79
}
.alert-warning {
    background: #f9ad52
}
.alert-warning .alert_button {
    color: #f9ad52
}
.alert-bad {
    background: #eb5055
}
.alert-bad .alert_button {
    color: #eb5055
}
.alert-small {
    padding: 15px 0
}
.alert_warningHollowButton {
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}
.alert_warningHollowButton:hover {
    background: #fff;
    color: #f9ad52
}
@media only screen and (max-width: 767px) {
    .alert_icon-small {
        font-size: 18px;
        line-height: 18px;
        width: 18px;
        height: 18px
    }
    .alert_button {
        margin-left: 5px
    }
    .alert_title-small {
        font-size: 14px;
        line-height: 20px;
        margin-left: 30px
    }
}
.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 1002
}
.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center
}
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000
}
.tipsy-arrow-n {
    border-bottom-color: #000
}
.tipsy-arrow-s {
    border-top-color: #000
}
.tipsy-arrow-e {
    border-left-color: #000
}
.tipsy-arrow-w {
    border-right-color: #000
}
.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}
.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}
.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}
.upgrade_table {
    width: 100%
}
.upgrade_table tr {
    border-bottom: 1px solid #EDEDED
}
.upgrade_table tr:last-of-type {
    border-bottom: none
}
.upgrade_table th {
    padding: 10px 20px
}
.upgrade_table td {
    padding: 15px 20px
}
.upgrade_columnGap {
    width: 30px
}
.upgrade_package {
    font-size: 16px;
    line-height: 20px;
    width: 170px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}
.upgrade_package-ts {
    color: #f9ad52;
    background: #FFF4E1
}
.upgrade_package-fp {
    color: #55bbea;
    background: #D9F1FB
}
.upgrade_package-pr {
    background: #DDDDDD;
    color: #6b6b6b
}
.upgrade_feature_icn {
    float: left
}
.upgrade_feature_icn-big {
    width: 30px;
    height: 30px
}
.upgrade_feature_content {
    margin-left: 44px
}
.upgrade_feature_title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}
.upgrade_feature_title-big {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}
.upgrade_feature_desc {
    font-size: 14px;
    line-height: 18px;
    color: #C8C8C8
}
.upgrade_checks_icn {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px
}
.upgrade_checks_icn-good {
    color: #4caf79
}
.upgrade_checks_icn-bad {
    color: #eb5055
}
.upgrade_checks-ts {
    background: #FFFDF8
}
.upgrade_checks-fp {
    background: #F8FDFF
}
.upgrade_checks-pr {
    background: #F7F7F7
}
.upgrade_footer_text {
    font-size: 14px;
    line-height: 18px;
    color: #9B9B9B
}
.upgrade_footer_text-bold {
    color: #222;
    font-weight: 700
}
.upgrade_footer_price {
    font-size: 30px;
    line-height: 36px;
    color: #4caf79;
    font-weight: 700
}
.upgrade_input {
    height: 40px;
    width: 400px;
    font-size: 18px;
    line-height: 22px;
    padding: 9px 10px;
    color: #222;
    outline: none;
    background: #fff;
    border: 1px solid #D2D2D2;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.upgrade_input-textarea {
    height: 100px;
    resize: none
}
.upgrade_input.error {
    border-color: #eb5055
}
.upgrade_input.error:focus {
    border-color: #eb5055
}
.upgrade_input:focus {
    border-color: #55bbea
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .upgrade_input {
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .upgrade_input {
        width: 100%
    }
}
.upgrade_fieldLabel {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    font-weight: 700;
    text-transform: uppercase
}
.upgrade_summary {
    width: 100%
}
.upgrade_summary tr {
    border-bottom: 1px solid #F0F0F0
}
.upgrade_summary td {
    padding: 10px
}
.upgrade_summary_title {
    font-size: 18px;
    line-height: 28px;
    color: #333
}
.upgrade_summary_subtitle {
    font-size: 12px;
    color: #999
}
.upgrade_summary_subtitle-highlight {
    color: #333
}
.upgrade_summary_price {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #666;
    text-align: right
}
.upgrade_summary_couponRow {
    background: #F7FCFF
}
.upgrade_summary_totalRow {
    border-top: 1px dashed #d8d8d8;
    padding-top: 20px;
    margin-top: 40px
}
.upgrade_couponEntry {
    display: inline-block;
    height: 40px;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.upgrade_couponEntry.error {
    border-color: #eb5055
}
.upgrade_couponEntry_input {
    width: 120px;
    height: 20px;
    float: left;
    padding: 0 10px;
    margin: 9px 0;
    border: 0;
    border-right: 1px solid #d8d8d8;
    font-size: 18px;
    line-height: 20px;
    color: #222;
    text-transform: uppercase;
    outline: none;
    -webkit-appearance: none
}
.upgrade_couponEntry_input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 16px;
    line-height: 20px;
    text-transform: none
}
.upgrade_couponEntry_input:-moz-placeholder {
    color: #ccc;
    font-size: 16px;
    line-height: 20px;
    text-transform: none
}
.upgrade_couponEntry_input::-moz-placeholder {
    color: #ccc;
    font-size: 16px;
    line-height: 20px;
    text-transform: none
}
.upgrade_couponEntry_input:-ms-input-placeholder {
    color: #ccc;
    font-size: 16px;
    line-height: 20px;
    text-transform: none
}
.upgrade_couponEntry_btn {
    display: block;
    height: 38px;
    float: left;
    padding: 0 12px;
    font-size: 14px;
    line-height: 40px;
    color: #55bbea;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer
}
.upgrade_couponEntry_error {
    position: absolute;
    margin-top: 2px;
    font-size: 12px;
    color: #eb5055
}
.upgrade_couponDisplay {
    position: relative;
    padding: 6px 15px 8px;
    background: #F8F8F8;
    border: 2px solid #E6E6E6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}
.upgrade_couponDisplay_closeIcon {
    position: absolute;
    top: -8px;
    right: -9px;
    font-size: 18px;
    line-height: 16px;
    color: #F00;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.upgrade_couponInput {
    font-size: 18px;
    line-height: 20px;
    padding: 4px 10px;
    width: 150px;
    color: #222;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #D2D2D2;
    padding-right: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none
}
.upgrade_couponInput.error {
    border-color: #eb5055
}
.upgrade_couponInput.error:focus {
    border-color: #eb5055
}
.upgrade_couponInput:focus {
    border-color: #55bbea
}
.upgrade_couponInput_icn {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 10px
}
.upgrade_labelText {
    font-size: 15px;
    line-height: 20px
}
.upgrade_codFaqContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #F8F8F8
}
.upgrade_altTxt {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600
}
.upgrade_heading {
    font-size: 36px;
    line-height: 56px;
    color: #222;
    font-weight: 300;
    padding: 0 25px;
    border-bottom: 1px solid #55bbea;
    display: inline-block
}
.upgrade_secHeading {
    font-size: 24px;
    line-height: 28px;
    color: #666666;
    zoom: 1
}
.upgrade_secHeading:before,
.upgrade_secHeading:after {
    content: "";
    display: table
}
.upgrade_secHeading:after {
    clear: both
}
.upgrade_secHeading_leftBlock {
    float: left
}
.upgrade_secHeading_rightBlock {
    float: right
}
.upgrade_secHeading_num {
    float: left;
    margin-right: 15px;
    font-weight: 600;
    -webkit-transition: margin-top 150ms ease-in-out;
    -moz-transition: margin-top 150ms ease-in-out;
    transition: margin-top 150ms ease-in-out
}
.upgrade_secHeading_title {
    color: #8E93A1
}
.upgrade_secHeading_val {
    color: #4a4a4a
}
.upgrade_secHeading_optionTitle {
    display: none;
    font-size: 12px;
    line-height: 12px;
    color: #8E93A1;
    height: 12px;
    margin-bottom: 4px;
    text-transform: uppercase
}
.upgrade_secHeading_change {
    display: none;
    float: right;
    margin-top: 6px;
    font-size: 13px;
    line-height: 16px;
    color: #55bbea;
    text-transform: uppercase;
    cursor: pointer
}
.upgrade_secHeading-light {
    color: #999999
}
.upgrade_secHeading.can-change .upgrade_secHeading_change {
    display: block
}
@media only screen and (max-width: 767px) {
    .upgrade_secHeading {
        font-size: 18px;
        line-height: 24px
    }
    .upgrade_secHeading_change {
        margin-top: 4px
    }
}
.upgrade_packageName {
    font-size: 24px;
    line-height: 28px;
    color: #666
}
.upgrade_packageYear {
    font-size: 42px;
    line-height: 56px;
    color: #666
}
@media only screen and (max-width: 767px) {
    .upgrade_packageName {
        font-size: 24px;
        line-height: 28px;
        color: #666
    }
    .upgrade_packageYear {
        font-size: 16px;
        line-height: 28px
    }
}
.upgrade_tile {
    position: static;
    background-color: #F8F8F8;
    min-width: 220px;
    cursor: pointer
}
.upgrade_tile-packageGroup {
    display: inline-block;
    padding: 30px 20px 20px
}
.upgrade_tile-packagePlan {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px
}
.upgrade_tile-packagePlan.last {
    margin-right: 0
}
.upgrade_tile-packagePlan_head {
    padding: 20px 10px 40px
}
.upgrade_tile-packagePlan_title {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase
}
.upgrade_tile-packagePlan_listPrice {
    font-size: 30px;
    line-height: 36px;
    color: #999
}
.upgrade_tile-packagePlan_listPrice_val {
    text-decoration: line-through
}
.upgrade_tile-packagePlan_salePrice {
    font-size: 48px;
    line-height: 44px;
    color: #666
}
.upgrade_tile-packagePlan_currencySymbol {
    display: inline-block;
    vertical-align: top;
    font-size: 32px;
    line-height: 40px
}
.upgrade_tile-packagePlan_currencySymbol-listPrice {
    font-size: 24px;
    line-height: 36px
}
.upgrade_tile-packagePlan_validity {
    font-size: 15px;
    color: #666
}
.upgrade_tile-packagePlan_validity_val {
    color: #333
}
.upgrade_tile:hover {
    border-color: rgba(0, 0, 0, 0.25)
}
.upgrade_tile.is-selected {
    border-color: #55bbea
}
.upgrade_tile.is-selected:hover {
    border-color: #55bbea
}
@media only screen and (max-width: 767px) {
    .upgrade_tile-packageGroup {
        padding: 10px;
        min-width: 0
    }
    .upgrade_tile-packagePlan {
        display: block;
        margin: 0 10px 20px
    }
    .upgrade_tile-packagePlan.last {
        margin-bottom: 0;
        margin-right: 10px
    }
    .upgrade_tile-packagePlan_head {
        padding-bottom: 20px
    }
    .upgrade_tile-packagePlan_listPrice {
        font-size: 20px;
        line-height: 24px
    }
    .upgrade_tile-packagePlan_salePrice {
        font-size: 24px;
        line-height: 28px
    }
    .upgrade_tile-packagePlan_currencySymbol {
        vertical-align: auto;
        font-size: 22px;
        line-height: 28px
    }
    .upgrade_tile-packagePlan_currencySymbol-listPrice {
        font-size: 16px;
        line-height: 24px
    }
    .upgrade_tile-packagePlan_detailsWrapper {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 300ms cubic-bezier(0.07, 1.16, 0.88, 1);
        -moz-transition: max-height 300ms cubic-bezier(0.07, 1.16, 0.88, 1);
        transition: max-height 300ms cubic-bezier(0.07, 1.16, 0.88, 1)
    }
    .upgrade_tile-packagePlan.expand .upgrade_tile-packagePlan_detailsWrapper {
        max-height: 1000px;
        -webkit-transition: max-height 300ms ease-in-out;
        -moz-transition: max-height 300ms ease-in-out;
        transition: max-height 300ms ease-in-out
    }
}
.upgrade_text-big {
    font-size: 48px;
    line-height: 56px
}
.upgrade_text-small {
    font-size: 14px;
    line-height: 18px
}
.upgrade_text-dark {
    color: #666666
}
.upgrade_text-light {
    color: #999999
}
.upgrade_rupee {
    font-size: 36px;
    line-height: 44px
}
.upgrade_checklist {
    list-style: none;
    display: block;
    padding: 20px;
    font-size: 15px;
    line-height: 20px;
    text-align: left
}
.upgrade_checklist li {
    display: block;
    padding: 8px 0;
    color: #666
}
.upgrade_checklist li.is-unavailable {
    color: #ccc
}
.upgrade_checklist li.is-unavailable .upgrade_checklist_icon {
    color: #E6E6E6
}
.upgrade_checklist_icon {
    color: #4caf79;
    margin-right: 5px
}
.upgrade_details {
    width: 50%;
    overflow: hidden;
    float: left;
    position: static
}
.upgrade_details_paymentMethodsWrapper {
    width: 35%;
    float: left
}
.upgrade_details_paymentMethod {
    font-size: 18px;
    line-height: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #E6E6E6;
    margin-left: 20px;
    margin-right: 20px;
    display: block;
    min-width: 140px
}
.upgrade_details_paymentMethod:last-of-type {
    border-bottom: none
}
.upgrade_details_paymentMethod.is-selected {
    background-color: #F8F8F8;
    border-top: 1px solid #E6E6E6;
    border-left: 5px solid #4caf79;
    padding-left: 15px;
    padding-right: 20px;
    margin: -1px 0 0 0
}
.upgrade_details_formWrapper {
    width: 65%;
    float: left;
    background-color: #F8F8F8
}
.upgrade_details_form {
    padding: 30px;
    font-size: 16px;
    line-height: 18px
}
.upgrade_details_form label.error {
    margin-top: 3px
}
.upgrade_details_btnPay {
    float: right
}
@media only screen and (max-width: 767px) {
    .upgrade_details {
        width: auto;
        float: none
    }
    .upgrade_details_paymentMethodsWrapper {
        width: auto;
        float: none;
        zoom: 1
    }
    .upgrade_details_paymentMethodsWrapper:before,
    .upgrade_details_paymentMethodsWrapper:after {
        content: "";
        display: table
    }
    .upgrade_details_paymentMethodsWrapper:after {
        clear: both
    }
    .upgrade_details_paymentMethod {
        width: 33.33%;
        min-width: 0;
        float: left;
        margin: 0;
        padding: 10px 5px;
        font-size: 14px;
        line-height: 18px;
        border: none;
        text-align: center
    }
    .upgrade_details_paymentMethod.is-selected {
        padding: 10px 5px;
        margin: 0;
        background-color: transparent;
        border: none;
        border-bottom: 4px solid #55bbea
    }
    .upgrade_details_formWrapper {
        width: auto;
        float: none
    }
    .upgrade_details_form {
        padding: 20px
    }
    .upgrade_details_btnPay {
        float: none;
        width: 100%;
        display: block
    }
}
.upgrade_sec {
    padding: 20px
}
.upgrade_sec_collapsable {
    max-height: 2000px;
    opacity: 1;
    padding: 30px 0 20px;
    -webkit-transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding 300ms ease-in-out;
    -moz-transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding 300ms ease-in-out;
    transition: max-height 300ms ease-in-out, opacity 300ms ease-in-out, padding 300ms ease-in-out
}
.upgrade_sec.collapse {
    cursor: pointer
}
.upgrade_sec.collapse .upgrade_sec_collapsable {
    overflow: hidden;
    padding: 0;
    max-height: 0;
    margin: 0;
    border: none;
    opacity: 0
}
@media only screen and (max-width: 767px) {
    .upgrade_sec {
        padding: 20px 0
    }
}
.contactUs_input {
    height: 40px;
    width: 400px;
    font-size: 18px;
    line-height: 22px;
    padding: 9px 10px;
    color: #222;
    background: #fff;
    border: 1px solid #D2D2D2;
    display: block;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
.contactUs_input-textarea {
    height: 150px;
    resize: none
}
.contactUs_input.error {
    border-color: #eb5055
}
.contactUs_input.error:focus {
    border-color: #eb5055
}
.contactUs_input:focus {
    border-color: #55bbea
}
.contactUs label.error {
    position: absolute;
    display: block;
    font-size: 12px;
    margin: 0;
    margin-top: 5px;
    text-align: left;
    color: #eb5055
}
.contactUs_fieldLabel {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8;
    font-weight: 700;
    text-transform: uppercase
}
.contactUs_sectionInfo {
    font-size: 16px;
    line-height: 24px;
    color: #222
}
.contactUs_text-small {
    font-size: 12px;
    line-height: 15px;
    color: #A4A4A4
}
.contactUs_contactOption {
    border-bottom: 1px solid #d8d8d8
}
.contactUs_contactOption_icn {
    float: left
}
.contactUs_contactOption_icn-small {
    width: 24px;
    height: 24px
}
.contactUs_contactOption_value {
    font-size: 24px;
    line-height: 34px;
    margin-left: 54px
}
.contactUs_contactOption_value-small {
    font-size: 20px;
    line-height: 24px;
    margin-left: 34px
}
.contactUs_contactOption-small:last-of-type {
    border: none
}
.studyMaterial_title {
    font-size: 20px;
    line-height: 24px
}
.studyMaterial_url {
    font-size: 14px;
    line-height: 18px;
    color: #c8c8c8
}
.studyMaterial_desc {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-top: 2px
}
.smVideo {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    display: block
}
.smVideo_wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}
.smVideo_video {
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.smVideo_videoOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7
}
.smVideo_videoOverlay:hover {
    opacity: 0.4
}
.smVideo_btnPlay {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    color: #FFF;
    font-size: 18px;
    cursor: pointer;
    z-index: 2
}
.smVideo_btnPlay:hover+.smVideo_videoOverlay {
    opacity: 0.4
}
.smVideo_title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #222
}
.smVideo_time {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8
}
.smVideo:nth-of-type(odd) {
    padding-left: 0px
}
.smVideo:nth-of-type(even) {
    padding-right: 0px
}
.obrd_body {
    position: fixed;
    background: #FFF;
    top: 0;
    bottom: 64px;
    left: 0;
    right: 0;
    overflow-y: hidden;
    -webkit-transition: margin 300ms ease-in-out;
    -moz-transition: margin 300ms ease-in-out;
    transition: margin 300ms ease-in-out
}
.obrd_body .suggestionTile_head {
    text-align: left
}
.obrd_content {
    position: relative;
    float: left;
    height: 100%;
    overflow-y: auto
}
.obrd_phone_input {
    padding-left: 85px
}
.obrd_phone_input:disabled {
    background-color: #F8F8F8
}
.obrd_inputs_container {
    width: 75%;
    margin: auto
}
.obrd_input_label {
    color: #C8C8C8;
    font-weight: 700
}
.obrd_signup_wrapper {
    height: 550px
}
.obrd_field_info {
    font-size: 12px;
    line-height: 15px;
    position: absolute
}
.obrd_phone_prefix {
    margin-top: 26px;
    margin-left: 1px;
    height: 38px;
    background-color: #F8F8F8;
    border-right: 1px solid #D8D8D8;
    padding-right: 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}
.obrd_sectionSignup-course.selected {
    background-color: #EAEAEA
}
.obrd_label {
    display: inline-block;
    margin-right: 20px
}
.obrd_label_text {
    float: left;
    height: 20px;
    font-size: 14px;
    line-height: 22px
}
.obrd_label_text.small {
    font-size: 12px
}
.obrd_label_field {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px
}
.obrd_imgHolder {
    height: 360px;
    background: #55bbea;
    background-position: center;
    background-size: auto 90%
}
.obrd_imgHolder.welcome {
    background-image: url("../images/onboarding/welcome.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgHolder.welcome {
        background-image: url("../images/onboarding/welcome@2x.png")
    }
}
.obrd_imgHolder.learning {
    background-image: url("../images/onboarding/learning.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgHolder.learning {
        background-image: url("../images/onboarding/learning@2x.png")
    }
}
.obrd_imgHolder_structured_learning {
    position: absolute;
    top: 50px;
    left: 14.5%;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 700
}
.obrd_students_corner {
    position: relative
}
.obrd_overlay_wrapper {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8
}
.obrd_overlay_loading {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute
}
.obrd_imgSection {
    position: relative;
    float: left;
    width: 100%;
    height: 100%
}
.obrd_imgSection_text {
    position: absolute;
    margin: auto;
    padding: 0 20px;
    left: 0;
    right: 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    top: 255px;
    color: #fff;
    text-align: center
}
.obrd_imgSection-blue {
    background-color: #55bbea
}
.obrd_imgSection-blue .obrd_imgSection_dashedLine {
    border-color: #28a9e4
}
.obrd_imgSection-blue .obrd_imgSection_arrowNext {
    background-color: #55bbea
}
.obrd_imgSection-blue .obrd_imgSection_imgBorder {
    border-color: #4BA8D3;
    background-color: #55bbea
}
.obrd_imgSection-blue .obrd_imgSection_imgNum {
    background-color: #28a9e4
}
.obrd_imgSection-red {
    background-color: #E04F5F
}
.obrd_imgSection-red .obrd_imgSection_dashedLine {
    border-color: #CA2D3E
}
.obrd_imgSection-red .obrd_imgSection_arrowNext {
    background-color: #E04F5F
}
.obrd_imgSection-red .obrd_imgSection_imgBorder {
    border-color: #CA2D3E;
    background-color: #E04F5F
}
.obrd_imgSection-red .obrd_imgSection_imgNum {
    background-color: #CA2D3E
}
.obrd_imgSection-orange {
    background-color: #FABC3D
}
.obrd_imgSection-orange .obrd_imgSection_dashedLine {
    border-color: #f79621
}
.obrd_imgSection-orange .obrd_imgSection_arrowNext {
    background-color: #FABC3D
}
.obrd_imgSection-orange .obrd_imgSection_imgBorder {
    border-color: #ED9F00;
    background-color: #FABC3D
}
.obrd_imgSection-orange .obrd_imgSection_imgNum {
    background-color: #ED9F00
}
.obrd_imgSection-green {
    background-color: #32BEA6
}
.obrd_imgSection-green .obrd_imgSection_dashedLine {
    border-color: #3d8b60
}
.obrd_imgSection-green .obrd_imgSection_arrowNext {
    background-color: #32BEA6
}
.obrd_imgSection-green .obrd_imgSection_imgBorder {
    border-color: #00A084;
    background-color: #32BEA6
}
.obrd_imgSection-green .obrd_imgSection_imgNum {
    background-color: #00A084
}
.obrd_imgSection-launched {
    background-image: url("../images/onboarding/upcoming.png");
    background-repeat: no-repeat;
    background-position: center
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-launched {
        background-image: url("../images/onboarding/upcoming@2x.png")
    }
}
.obrd_imgSection-coming_soon {
    background-image: url("../images/onboarding/upcoming.png");
    background-repeat: no-repeat;
    background-position: center
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-coming_soon {
        background-image: url("../images/onboarding/upcoming@2x.png")
    }
}
.obrd_imgSection-upcoming {
    background-image: url("../images/onboarding/upcoming.png");
    background-repeat: no-repeat;
    background-position: center
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-upcoming {
        background-image: url("../images/onboarding/upcoming@2x.png")
    }
}
.obrd_imgSection-bg {
    width: 100%;
    height: 100%;
    margin-top: -10px;
    background-size: 50% 50%;
    background-position: center
}
.obrd_imgSection-bg-goals {
    background-image: url("../images/onboarding/goals.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-goals {
        background-image: url("../images/onboarding/goals@2x.png")
    }
}
.obrd_imgSection-bg-progress {
    background-image: url("../images/onboarding/progress.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-progress {
        background-image: url("../images/onboarding/progress@2x.png")
    }
}
.obrd_imgSection-bg-practice {
    background-image: url("../images/onboarding/practice.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-practice {
        background-image: url("../images/onboarding/practice@2x.png")
    }
}
.obrd_imgSection-bg-assessment {
    background-image: url("../images/onboarding/take_assessment.png");
    background-repeat: no-repeat;
    background-size: 47% 50%
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-assessment {
        background-image: url("../images/onboarding/take_assessment@2x.png")
    }
}
.obrd_imgSection-bg-india {
    background-image: url("../images/onboarding/india.png");
    background-repeat: no-repeat;
    background-position: 62% 64%;
    background-size: 55%
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-india {
        background-image: url("../images/onboarding/india@2x.png")
    }
}
.obrd_imgSection-bg-doubts {
    background-image: url("../images/onboarding/ask.png");
    background-repeat: no-repeat;
    background-position: center;
    background-position: 50% 65%
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-doubts {
        background-image: url("../images/onboarding/ask@2x.png")
    }
}
.obrd_imgSection-bg-study_together {
    background-image: url("../images/onboarding/study_together.png");
    background-repeat: no-repeat;
    background-position: 50% 55%;
    background-size: 120px auto
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection-bg-study_together {
        background-image: url("../images/onboarding/study_together@2x.png")
    }
}
.obrd_imgSection-oneThird {
    width: 33.33%
}
.obrd_imgSection-oneFourth {
    width: 25%
}
.obrd_imgSection_dashedLine {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    border: 2px dashed;
    z-index: 2
}
.obrd_imgSection_arrowNext {
    position: absolute;
    top: 45%;
    right: -20px;
    width: 40px;
    height: 40px;
    margin-top: -19px;
    background-image: url("../images/onboarding/onboarding_arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 3
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .obrd_imgSection_arrowNext {
        background-image: url("../images/onboarding/onboarding_arrow@2x.png")
    }
}
.obrd_imgSection_imgBorder {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    border: 3px solid
}
.obrd_imgSection_imgBorder-big {
    top: 40%;
    margin-top: -85px;
    margin-left: -85px;
    width: 170px;
    height: 170px;
    border: 4px solid
}
.obrd_imgSection_imgNum {
    position: relative;
    left: 50%;
    margin-left: -10px;
    color: #fff;
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-top: -10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.obrd_imgSection:first-of-type .obrd_imgSection_dashedLine {
    left: 50%
}
.obrd_imgSection:last-of-type .obrd_imgSection_dashedLine {
    right: 50%
}
@media only screen and (max-width: 767px) {
    .obrd_imgSection-phoneFull {
        width: 100%
    }
    .obrd_imgSection-phoneHalf {
        width: 50%
    }
    .obrd_imgSection-phoneOneThird {
        width: 33.3%
    }
    .obrd_imgSection_text {
        top: 75%;
        font-size: 12px;
        line-height: 20px
    }
    .obrd_imgSection_imgBorder {
        margin-top: -50px;
        margin-left: -50px;
        width: 100px;
        height: 100px
    }
}
.obrd_error {
    position: absolute;
    top: 0;
    font-size: 14px;
    font-weight: 400;
    width: 30%;
    left: 0;
    right: 0;
    line-height: 64px
}
.obrd_input_error {
    left: 0;
    right: 0;
    margin-top: 10px !important
}
.obrd_container {
    position: relative;
    width: 962px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px
}
.obrd_inputs_container {
    width: 75%;
    margin: auto
}
.obrd_title {
    border-bottom: 1px solid #55bbea;
    display: inline-block
}
.obrd_title_text {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 10px;
    color: #222222;
    padding: 0 25px;
    font-weight: 300
}
.obrd_text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    font-weight: 400;
    color: #9B9B9B;
    text-align: center
}
.obrd_footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 60px;
    background: #FFF;
    text-align: center;
    border-top: 1px solid #d8d8d8
}
.obrd_actnBtn {
    font-size: 16px;
    line-height: 62px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 25%;
    height: inherit;
    cursor: pointer
}
.obrd_actnBtn-prev {
    border-right: 1px solid #d8d8d8
}
.obrd_actnBtn-next {
    border-left: 1px solid #d8d8d8;
    color: #FFF;
    background: #4caf79
}
.obrd_actnBtn-next:hover {
    background: #449d6d
}
.obrd_dotsWrapper {
    position: relative;
    height: 100%;
    overflow: auto
}
.obrd_dots {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -4px;
    text-align: center
}
.obrd_dots_overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 2;
    display: block
}
.obrd_dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #d8d8d8;
    margin: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.obrd_dot.is-active {
    background: #55bbea
}
.obrd_input_entryChoice {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0
}
.obrd_form {
    width: 100%
}
.obrd_form .table-cell:first-of-type {
    padding-right: 10px
}
.obrd_form .table-cell:last-of-type {
    padding-left: 10px
}
.obrd_form_info {
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    margin-top: 5px;
    color: #222
}
.obrd_input_wrapper {
    position: relative;
    width: 40%;
    vertical-align: top;
    text-align: left
}
.obrd_input_wrapper-email {
    width: 50%
}
.obrd_input_wrapper_inline {
    display: inline-block
}
.obrd_input_wrapper.alpha {
    padding-left: 0
}
.obrd_input_wrapper.omega {
    padding-right: 0
}
@media only screen and (max-width: 979px) {
    .obrd_container {
        width: 95%
    }
    .obrd_actnBtn {
        width: 30%
    }
}
@media only screen and (max-width: 767px) {
    .obrd_body {
        bottom: 80px
    }
    .obrd_text {
        font-size: 12px;
        line-height: 20px;
        font-weight: 400
    }
    .obrd_error {
        top: -30px;
        width: 100%;
        line-height: 16px
    }
    .obrd_imgHolder {
        height: 200px;
        background-size: 90% auto
    }
    .obrd_imgHolder.welcome {
        background-image: url("../images/onboarding/welcome.png");
        background-repeat: no-repeat
    }
}
@media only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 5 / 4),
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (max-width: 767px) and (min-resolution: 120dpi),
only screen and (max-width: 767px) and (min-resolution: 2dppx) {
    .obrd_imgHolder.welcome {
        background-image: url("../images/onboarding/welcome@2x.png")
    }
}
@media only screen and (max-width: 767px) {
    .obrd_imgHolder.learning {
        background-image: url("../images/onboarding/learning.png");
        background-repeat: no-repeat
    }
}
@media only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 5 / 4),
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (max-width: 767px) and (min-resolution: 120dpi),
only screen and (max-width: 767px) and (min-resolution: 2dppx) {
    .obrd_imgHolder.learning {
        background-image: url("../images/onboarding/learning@2x.png")
    }
}
@media only screen and (max-width: 767px) {
    .obrd_dotsWrapper {
        margin-top: -20px;
        position: initial
    }
    .obrd_dots {
        margin-top: -50px
    }
    .obrd_dots_overlay {
        top: -26px;
        bottom: 54px
    }
    .obrd_actnBtn {
        font-size: 14px;
        line-height: 16px;
        width: 50%
    }
    .obrd_actnBtn_text {
        font-size: 12px;
        line-height: 54px
    }
    .obrd_signup_wrapper {
        height: 750px
    }
    .obrd_input_wrapper {
        width: 90%
    }
    .obrd_title_text {
        font-size: 26px;
        line-height: 33px
    }
    .obrd_footer {
        height: 54px
    }
}
.suggestionTile {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    overflow: hidden
}
.suggestionTile_head {
    padding: 15px 20px
}
.suggestionTile_thumb {
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
.suggestionTile_thumb img {
    width: inherit;
    height: inherit
}
.suggestionTile_name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #4a4a4a
}
.suggestionTile_reason {
    font-size: 12px;
    line-height: 15px;
    color: #c8c8c8
}
.suggestionTile_footer {
    font-size: 14px;
    line-height: 50px;
    background: #f8f8f8;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    border: none;
    border-top: 1px solid #d8d8d8
}
.suggestionTile_footer .icon-plus {
    font-size: 12px;
    margin-right: 5px
}
.disableOverlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 2;
    display: none
}
.disableOverlay.is-visible {
    display: block
}
.disableOverlay_transparent {
    background-color: transparent
}
.payment_tabs {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 30px;
    margin-right: 20px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #f0f0f0
}
.payment_tabs:hover {
    background: #f7f7f7
}
.payment_tabs.is-sel {
    background: #FFF;
    cursor: default;
    border-bottom: 1px solid #FFF
}
.payment_tabs:first-of-type {
    margin-left: 10px
}
@media only screen and (max-width: 767px) {
    .payment_tabs {
        margin-right: 10px
    }
}
.payment_tabsWrapper {
    border-bottom: 1px solid #d8d8d8;
    height: 42px;
    text-align: center
}
.payment_divHalf {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%
}
.payment_termsWrapper {
    height: 45px
}
.paymentStatus_statusIcon {
    font-size: 40px
}
.paymentStatus_title {
    font-size: 36px;
    line-height: 40px
}
.paymentStatus_desc {
    font-size: 18px;
    line-height: 24px
}
.paymentStatus_contact {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 0 20px 20px;
    background: #efefef;
    border-top: 1px solid #d8d8d8
}
.paymentStatus_contactOption {
    border-bottom: 1px solid #d8d8d8
}
.paymentStatus_contactOption_icn {
    width: 32px;
    height: 32px;
    background: #d8d8d8;
    float: left
}
.paymentStatus_contactOption_icn-small {
    width: 24px;
    height: 24px
}
.paymentStatus_contactOption_value {
    font-size: 24px;
    line-height: 32px;
    margin-left: 42px
}
.paymentStatus_contactOption_value-small {
    font-size: 20px;
    line-height: 24px;
    margin-left: 34px
}
.paymentStatus_contactOption-small:last-of-type {
    border: none
}
.paymentStatus_faq_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 200px;
    overflow-y: auto;
    padding: 20px 0px 20px 20px
}
.paymentStatus_faq_item {
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 20px 20px 0
}
.paymentStatus_faq_question {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}
.paymentStatus_faq_answer {
    font-size: 12px;
    line-height: 15px;
    color: #888
}
.paymentStatus_tile {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}
.paymentStatus_tile_footer {
    background: #f8f8f8;
    border-top: 1px solid #e8e8e8;
    padding: 20px
}
.paymentStatus_courseName {
    font-size: 16px;
    line-height: 24px;
    color: #222;
    font-weight: 700
}
.paymentStatus_price {
    font-size: 20px;
    line-height: 30px;
    color: #4caf79;
    font-weight: 700
}
.paymentStatus_footer {
    padding: 20px;
    background: #f8f8f8;
    border-top: 1px solid #e8e8e8
}
.paymentStatus_footer_text {
    border-bottom: 1px solid #d8d8d8;
    display: inline-block;
    padding-bottom: 15px
}
.socialIcon {
    height: 30px;
    width: 30px;
    background-size: contain;
    background-position: center;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8
}
.socialIcon-facebook {
    background-image: url("../images/landing/icons/facebook.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .socialIcon-facebook {
        background-image: url("../images/landing/icons/facebook@2x.png")
    }
}
.socialIcon-twitter {
    background-image: url("../images/landing/icons/twitter.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .socialIcon-twitter {
        background-image: url("../images/landing/icons/twitter@2x.png")
    }
}
.socialIcon-pinterest {
    background-image: url("../images/landing/icons/pinterest.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .socialIcon-pinterest {
        background-image: url("../images/landing/icons/pinterest@2x.png")
    }
}
.socialIcon-email {
    background-image: url("../images/landing/icons/email.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .socialIcon-email {
        background-image: url("../images/landing/icons/email@2x.png")
    }
}
.socialIcon:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1
}
#nprogress {
    pointer-events: none
}
#nprogress .bar {
    background: #3C86A8;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #3C86A8, 0 0 5px #3C86A8;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 20px;
    right: 15px
}
#nprogress .spinner-icon {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #3C86A8;
    border-left-color: #3C86A8;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}
.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.footer {
    font-size: 12px;
    padding-top: 20px;
    border-top: 1px solid #d8d8d8
}
.footer ul {
    list-style: none
}
.footer ul li {
    display: inline-block;
    float: left;
    color: #2d2d2d;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px
}
.footer ul a {
    cursor: pointer;
    color: #4a4a4a;
    font-weight: normal
}
.footer_dot {
    float: left;
    margin: 0 6px;
    line-height: 20px;
    display: inline-block
}
.pageError {
    padding: 100px 0;
    text-align: center
}
.pageError_title {
    font-size: 56px;
    line-height: 60px;
    font-weight: 700
}
.pageError_msg {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px
}
.pageError_text {
    margin-top: 10px;
    font-size: 14px
}
.upgradeBanner li {
    position: relative;
    list-style-type: none;
    margin-left: 10px
}
.upgradeBanner li:before {
    content: "-";
    position: absolute;
    left: -10px
}
.upgradeBanner_text {
    color: #222;
    font-size: 14px;
    line-height: 18px
}
.upgradeBanner_text-small {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #999
}
.upgradeBanner_price {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700
}
.upgradeBanner-small_name {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}
.upgradeBanner-small_text-light {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #c8c8c8
}
.upgradeBanner-small_price {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #222
}
.upgradeBanner-small_arrow {
    display: block;
    float: right;
    font-size: 20px;
    line-height: 40px;
    color: rgba(74, 74, 74, 0.2)
}
.delayedImgLoader {
    display: block
}
.delayedImgLoader img {
    display: none !important
}
.delayedImgLoader_placeholder {
    margin-top: 20px;
    margin-bottom: 20px
}
.delayedImgLoader.loaded img {
    display: inherit !important
}
.delayedImgLoader.loaded .delayedImgLoader_placeholder {
    display: none
}
.speakToUs_label {
    font-size: 24px;
    line-height: 32px;
    color: #4a4a4a;
    font-weight: 600
}
.speakToUs_icn {
    font-size: 26px;
    line-height: 36px;
    width: 26px;
    height: 26px;
    color: #55bbea
}
.speakToUs_phnNum {
    font-size: 24px;
    line-height: 32px;
    color: #55bbea
}
.speakToUs_time {
    font-size: 14px;
    line-height: 18px;
    color: #c8c8c8
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .speakToUs_phnNum {
        font-size: 20px;
        line-height: 24px
    }
    .speakToUs_icn {
        font-size: 20px;
        line-height: 28px
    }
}
@media only screen and (max-width: 767px) {
    .speakToUs_label {
        font-size: 18px;
        line-height: 22px
    }
    .speakToUs_icn {
        font-size: 18px;
        line-height: 22px
    }
    .speakToUs_phnNum {
        font-size: 18px;
        line-height: 22px
    }
}
.l-tile {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}
.l-tile_content {
    padding: 20px
}
.l-tile-grey {
    border: 1px solid #d8d8d8
}
.l-tile-orange {
    border: 1px solid #fba617
}
.l-tile-blue {
    border: 1px solid #55bbea
}
.bg-orange-dark {
    background-color: #FFECC9
}
.bg-grey-dark {
    background-color: #DDDDDD
}
.bg-blue-dark {
    background-color: #D9F1FB
}
.mentoring_session-booked {
    text-align: center;
    border: 1px solid #d8d8d8;
    padding: 30px 10px;
    border-radius: 5px
}
.mentoring_check {
    background-color: #4CAF79;
    padding: 5px;
    font-size: 30px;
    border-radius: 50%;
    color: #fff
}
.mentoring_dateBooked {
    border: 1px solid #d8d8d8;
    border-radius: 5px
}
.mentoring_dateBooked_month {
    color: #fff;
    background-color: #55BBEA;
    padding: 5px 15px;
    font-size: 18px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.mentoring_dateBooked_date {
    font-size: 24px;
    text-align: center;
    padding: 5px 15px
}
.mentoring_timeBooked {
    font-size: 20px
}
.mentoring_studentContact {
    background-color: #fCfCfC;
    border: 1px solid #EDEDED;
    padding: 10px 15px;
    line-height: 30px;
    border-radius: 3px;
    width: 180px
}
.mentoring_studentContact .phoneNum {
    font-size: 15px
}
.mentoring_studentContact_phoneIcon {
    padding: 10px;
    background-size: 20px;
    background-image: url("../images/web/icons/ic_phone.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .mentoring_studentContact_phoneIcon {
        background-image: url("../images/web/icons/ic_phone@2x.png")
    }
}
.mentoring_confirmed-heading {
    font-size: 28px
}
.mentoring_booking-info {
    width: 180px
}
.mentoring_description {
    font-size: 14px
}
.mentoring-faq {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a
}
.mentoring-faq-ans {
    font-size: 12px;
    color: #888;
    margin-top: 5px
}
.mentoring_phone-icon {
    font-size: 24px;
    margin-left: 5px;
    margin-top: 8px
}
@media only screen and (max-width: 767px) {
    .mentoring_timeBookedWrapper {
        float: none;
        display: inline-block
    }
}
.feedbackBlock {
    text-align: center;
    width: 320px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: #8E93A1;
    background-color: #F9FDFF;
    margin: 10px;
    border: 1px solid #E4E6E4;
    border-radius: 3px
}
.feedbackBlock textarea {
    resize: none
}
.feedbackBlock_profileImg {
    line-height: 42px;
    width: 50px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #8E93A1
}
.feedbackBlock_feedbackHead {
    font-size: 15px
}
.feedbackBlock_name {
    font-size: 20px
}
.feedbackBlock_ratingDetails {
    background-color: #FFFBF3;
    border-top: 1px solid #d8d8d8;
    text-align: center
}
.feedbackBlock_ratingDetails_head {
    font-size: 15px
}
.feedbackBlock_ratingDetails .rating {
    position: relative;
    left: 28%
}
.feedbackBlock_ratingDetails .rating_star {
    font-size: 30px;
    color: #FFB132;
    position: relative
}
.feedbackBlock_ratingDetails .rating_star:before {
    left: 0px
}
.feedbackBlock_ratingDetails .ratingEdit>span:hover:before {
    content: "\2605";
    position: absolute
}
.feedbackBlock_ratingDetails .ratingEdit {
    unicode-bidi: bidi-override;
    direction: rtl
}
.feedbackBlock_ratingDetails .ratingEdit>span:hover:before,
.feedbackBlock_ratingDetails .ratingEdit>span:hover ~ span:before,
.feedbackBlock_ratingDetails .rating>span.selected:before,
.feedbackBlock_ratingDetails .rating>span.selected ~ span:before {
    content: "\2605";
    position: absolute
}
.feedbackBlock_ratingDetails_feedbackInput {
    width: 85%;
    min-height: 90px;
    padding: 8px
}
.feedbackBlock_ratingDetails_feedbackInput:focus {
    outline: none
}
.feedbackBlock_ratingDetails_btn-submit {
    font-size: 18px;
    cursor: pointer
}
.slotBookingDetailsBlock {
    border: 1px solid #d8d8d8;
    border-radius: 5px
}
.slotBookingDetailsBlock .head {
    padding: 20px 0px 0px 30px
}
.slotBookingDetailsBlock .heading {
    font-size: 20px
}
.slotBookingDetailsBlock .fa {
    color: #fff
}
.slotBookingDetailsBlock_dataSelected {
    font-size: 20px
}
.slotBookingDetailsBlock_selectDateBlock {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.slotBookingDetailsBlock_calenderWrapper {
    width: 350px
}
@media only screen and (max-width: 767px) {
    .slotBookingDetailsBlock_calenderWrapper {
        width: 95%
    }
}
.slotBookingDetailsBlock_selectTimeBlock {
    position: relative;
    border-bottom: 1px solid #d8d8d8
}
.slotBookingDetailsBlock_selectTimeBlock_slotBlock {
    border: 1px solid;
    border-radius: 3px;
    padding: 4px 7px
}
.slotBookingDetailsBlock_selectTimeBlock_slotBlock:hover {
    cursor: pointer
}
.slotBookingDetailsBlock_selectTimeBlock_slot-section {
    border-bottom: 1px solid #d8d8d8;
    margin-right: 30px
}
.slotBookingDetailsBlock_confirmBookingBlock {
    position: relative;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}
.slotBookingDetailsBlock_confirmBookingBlock_dateBooked {
    border: 1px solid #d8d8d8;
    border-radius: 5px
}
.slotBookingDetailsBlock_confirmBookingBlock_dateBooked .month {
    color: #fff;
    background-color: #55BBEA;
    padding: 5px 15px;
    font-size: 18px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.slotBookingDetailsBlock_confirmBookingBlock_dateBooked .date {
    font-size: 24px;
    text-align: center;
    padding: 5px 15px
}
@media only screen and (max-width: 767px) {
    .slotBookingDetailsBlock_confirmBookingBlock_dateBooked {
        float: none !important;
        display: inline-block
    }
}
.slotBookingDetailsBlock_confirmBookingBlock_timeBooked {
    font-size: 20px
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact {
    background-color: #fCfCfC;
    border: 1px solid #EDEDED;
    padding: 10px 15px;
    border-radius: 3px;
    width: 211px
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact:hover {
    cursor: pointer !important
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact_phoneIcon {
    padding: 10px;
    width: 26px;
    height: 25px;
    background-size: 25px;
    background-image: url("../images/web/icons/ic_phone.png");
    background-repeat: no-repeat
}
@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 2dppx) {
    .slotBookingDetailsBlock_confirmBookingBlock .studentContact_phoneIcon {
        background-image: url("../images/web/icons/ic_phone@2x.png")
    }
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact_details .phoneNum {
    font-size: 15px;
    background-color: transparent;
    border: none
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact_details .phoneNum-code {
    width: 25px !important;
    background-color: transparent;
    border: none;
    font-size: 15px
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact_details .phoneNum:focus {
    border: 1px solid #d8d8d8;
    background-color: #fff;
    outline: none
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact_details .edit {
    width: 100px;
    height: 25px
}
.slotBookingDetailsBlock_confirmBookingBlock .studentContact_changeNumber {
    font-size: 12px;
    color: #aaa
}
@media only screen and (max-width: 767px) {
    .slotBookingDetailsBlock_confirmBookingBlock .studentContact {
        float: none;
        clear: both;
        margin-top: 20px
    }
}
@media only screen and (max-width: 767px) {
    .slotBookingDetailsBlock_confirmBookingBlock_timeBookedWrapper {
        float: none !important;
        display: inline-block
    }
}
.slotBookingDetailsBlock .button-medium {
    width: 180px
}
.slotBookingDetailsBlock_description {
    font-size: 16px
}
.slotBookingDetailsBlock_icon-scroll {
    margin-right: 20px;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.1) !important
}
.slotBookingDetailsBlock .closed {
    background-color: #F8F8F8;
    padding-bottom: 0
}
.slotBookingDetailsBlock .closed .bookingStepsIcon {
    background-color: #9A9A9A
}
.slotBookingDetailsBlock .closed .head {
    padding: 20px 0 20px 30px;
    cursor: default
}
.slotBookingDetailsBlock .closed .heading {
    color: #9A9A9A !important
}
.slotBookingDetailsBlock .selectedBlock {
    background-color: #F5FBF8 !important;
    padding-bottom: 0px
}
.slotBookingDetailsBlock .selectedBlock .bookingStepsIcon {
    background-color: #4CAF79 !important
}
.slotBookingDetailsBlock .selectedBlock .head {
    padding: 20px 0 20px 30px;
    cursor: pointer
}
.slotBookingDetailsBlock .selectedBlock .heading {
    color: #4CAF79 !important
}
.slotBookingDetailsBlock .selected {
    color: #fff;
    background-color: #55BBEA;
    border: 1px solid #55BBEA !important
}
.slotBookingDetailsBlock .disabled {
    background-color: #9A9A9A !important
}
.slotBookingDetailsBlock .bookingStepsIcon {
    background-color: #55BBEA;
    padding: 10px;
    border-radius: 50%;
    font-size: 15px;
    position: absolute;
    left: -17px;
    top: 15px
}
@media only screen and (max-width: 767px) {
    .slotBookingDetailsBlock .bookingStepsIcon {
        height: 24px;
        width: 24px;
        left: -12px;
        padding: 6px;
        font-size: 12px
    }
}
@media only screen and (max-width: 767px) {
    .slotBookingDetailsBlock_dataSelected {
        font-size: 14px;
        line-height: 16px;
        float: none !important;
        display: block;
        clear: both
    }
}
.getStarted_item {
    padding: 20px 0;
    border-bottom: 1px solid #ededed
}
.getStarted_item.is-completed .getStarted_strikeTrough {
    text-decoration: line-through
}
.getStarted_item.is-completed .getStarted_hint {
    display: none
}
.getStarted_item.is-completed .getStarted_icn {
    display: block
}
.getStarted_num {
    font-size: 16px;
    line-height: 18px;
    float: left;
    color: #ccc
}
.getStarted_text {
    font-size: 16px;
    line-height: 18px;
    color: #4a4a4a;
    margin-left: 20px;
    margin-right: 40px
}
.getStarted_subtext {
    font-size: 12px;
    line-height: 16px;
    color: #999999
}
.getStarted_icn {
    display: none;
    color: #4caf79;
    font-size: 30px;
    float: right
}
.getStarted_hint {
    background-color: #999999;
    width: 30px;
    height: 30px;
    float: right;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    cursor: pointer
}
.getStarted_overlay {
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.8;
    background-color: #fff
}
.getStarted_greetings {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.getStarted_greetings-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 20px;
    text-align: center;
    margin-top: -6%
}
.getStarted_btnClose {
    position: absolute;
    top: 0%;
    font-size: 18px;
    color: #5D5D5D;
    right: 0%;
    cursor: pointer
}
.getStarted_dismiss {
    font-size: 12px;
    cursor: pointer;
    color: #444;
    display: inline-block
}
.getStarted_dismiss:hover {
    text-decoration: underline
}
.tipsy-inner {
    font-size: 12px;
    max-width: 280px;
    font-style: solid
}
@keyframes _tab_highlight {
    0% {
        box-shadow: none
    }
    50% {
        box-shadow: 0px 0px 8px #55bbea
    }
    100% {
        box-shadow: none
    }
}
@-webkit-keyframes _tab_highlight {
    0% {
        box-shadow: none
    }
    50% {
        box-shadow: 0px 0px 8px #55bbea
    }
    100% {
        box-shadow: none
    }
}
.glow_shadow {
    -webkit-animation: _tab_highlight ease-in-out 1s infinite;
    -moz-animation: _tab_highlight ease-in-out 1s infinite;
    animation: _tab_highlight ease-in-out 1s infinite
}
.walkthrough {
    position: fixed;
    display: block;
    width: 25%;
    min-width: 250px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2000;
    background-color: white;
    box-shadow: -3px 0px 13px grey
}
.walkthrough_pullBar {
    position: relative;
    height: 100%;
    left: 0;
    right: 0
}
.walkthrough_sidePane {
    padding: 25px;
    text-align: center
}
.walkthrough_faceImage {
    height: 100px;
    border-radius: 50%
}
.walkthrough_demoText {
    margin: 10px 10px;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    color: grey
}
.walkthrough_demoButton {
    margin: 10px 0px;
    text-align: center;
    background-color: #55BBEA;
    border-radius: 6px;
    padding: 5px;
    color: white;
    font-weight: bold
}
.walkthrough_demoRejection {
    float: right;
    font-size: 12px;
    font-style: italic;
    position: absolute;
    bottom: 10px;
    right: 35px;
    color: rgba(211, 211, 211, 0.9)
}
.walkthrough_stageChecks {
    position: absolute;
    bottom: 25px;
    margin: 0 25px 3px 0
}
.walkthrough_stageChecks .demo_text {
    margin: 10px 0px
}
.walkthrough_checkBar {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    margin: 3px 0 3px 0
}
.walkthrough_checkText {
    float: left;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
    color: #808080
}
.walkthrough_checkText-gray {
    color: #D3D3D3
}
.walkthrough_checkImg {
    height: 14px;
    float: right
}
.walkthrough_stageText {
    padding-top: 20px;
    font-size: 15px
}
.walkthrough_stageImage {
    text-align: center
}
.demo_overlay {
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.1)
}
.tab_overlay {
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1011
}
.tab_overlay.fixed {
    position: fixed;
    height: 50px
}
.strip_overlay {
    top: 0px;
    left: 0;
    right: 0;
    height: 50px;
    position: fixed;
    z-index: 1010;
    background-color: rgba(0, 0, 0, 0.1)
}
.perfStats_item {
    padding-bottom: 25px;
    width: 50%;
    float: left
}
.perfStats_content {
    margin-left: 48px
}
.perfStats_value {
    font-size: 18px;
    line-height: 22px;
    color: #4a4a4a
}
.perfStats_label {
    font-size: 10px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c8c8c8
}
.blocktag {
    position: absolute;
    display: inline-block;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 6px;
    top: -10px;
    color: #fff
}
.blocktag-chapter {
    background-color: #f9ad52;
    text-transform: uppercase;
    font-weight: 700;
    left: 76px
}
.blocktag-subject {
    cursor: default;
    text-transform: uppercase;
    font-weight: 500
}
.blocktag-subject-blue {
    background-color: #55bbea
}
.blocktag-subject-green {
    background-color: #4caf79
}
.blocktag-subject-orange {
    background-color: #f9ad52
}
.blocktag-star {
    color: #4caf79;
    font-size: 23px;
    margin-top: -7px
}
.estimation {
    padding: 20px 0
}
.estimation_body {
    margin-left: 58px
}
.estimation_content {
    font-size: 24px;
    line-height: 30px;
    color: #4a4a4a
}
.estimation_label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c8c8c8
}
.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border: 1px solid #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}
.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}
.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none
}
.xdsoft_datetimepicker button {
    border: none !important
}
.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}
.xdsoft_noselect::selection {
    background: transparent
}
.xdsoft_noselect::-moz-selection {
    background: transparent
}
.xdsoft_datetimepicker.xdsoft_inline {
    width: 100%;
    display: inline-block;
    position: static;
    box-shadow: none
}
.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}
.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100%;
    float: left
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
    background: #F8F8F8;
    width: 100%;
    display: inline-block;
    padding: 5px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #eee
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}
.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: none;
    width: 9px;
    height: 20px;
    vertical-align: middle
}
.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}
.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}
.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    font: normal normal normal 14px/1 FontAwesome;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    background-image: none
}
.xdsoft_datetimepicker .xdsoft_next:before {
    content: "\f105";
    color: #000;
    font-size: 24px;
    margin-left: -24px
}
.xdsoft_datetimepicker .xdsoft_prev:before {
    content: "\f104";
    color: #000;
    font-size: 24px;
    margin-left: -12px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #f8f8f8;
    float: left;
    width: 182px;
    text-align: left;
    cursor: pointer
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    text-align: center;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}
.xdsoft_datetimepicker .xdsoft_month {
    margin-left: 20%;
    width: 100px;
    text-align: right
}
@media only screen and (max-width: 767px) {
    .xdsoft_datetimepicker .xdsoft_month {
        margin-left: 15%
    }
}
.xdsoft_datetimepicker .xdsoft_calendar {
    padding: 10px;
    clear: both
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}
.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}
.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    color: #666;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}
.xdsoft_datetimepicker .xdsoft_calendar td div,
.xdsoft_datetimepicker .xdsoft_calendar th div {
    width: 30px;
    padding: 5px;
    margin: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    text-align: center;
    color: #fff;
    font-weight: 700
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current div {
    background-color: #55bbea;
    width: 30px;
    padding: 5px;
    margin: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled div {
    background-color: transparent !important;
    color: #626562 !important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    visibility: hidden
}
.xdsoft_datetimepicker .xdsoft_calendar td>div:hover {
    background: #f8f8f8
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current>div:hover,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today>div:hover {
    background-color: #55bbea
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
    text-transform: uppercase;
    font-size: 10px
}
.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}
.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}
.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}
.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}
.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}
.xdsoft_scroller_box {
    position: relative
}
.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}
.xdsoft_today_button {
    display: none !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #999
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000 !important;
    background: #007fff !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}
.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}
.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}
.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    background: linear, to bottom, #fff 0%, #f4f8fa 73%;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0)
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    background: linear, to bottom, #f4f8fa 0%, #FFF 73%;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0)
}
.p-0 {
    padding: 0px
}
.p-1 {
    padding: 1px
}
.p-2 {
    padding: 2px
}
.p-3 {
    padding: 3px
}
.p-4 {
    padding: 4px
}
.p-5 {
    padding: 5px
}
.p-10 {
    padding: 10px
}
.p-15 {
    padding: 15px
}
.p-20 {
    padding: 20px
}
.p-25 {
    padding: 25px
}
.p-30 {
    padding: 30px
}
.p-35 {
    padding: 35px
}
.p-40 {
    padding: 40px
}
.p-45 {
    padding: 45px
}
.p-50 {
    padding: 50px
}
.p-60 {
    padding: 60px
}
.p-80 {
    padding: 80px
}
.p-100 {
    padding: 100px
}
.pt-0,
.pv-0 {
    padding-top: 0px
}
.pb-0,
.pv-0 {
    padding-bottom: 0px
}
.pt-1,
.pv-1 {
    padding-top: 1px
}
.pb-1,
.pv-1 {
    padding-bottom: 1px
}
.pt-2,
.pv-2 {
    padding-top: 2px
}
.pb-2,
.pv-2 {
    padding-bottom: 2px
}
.pt-3,
.pv-3 {
    padding-top: 3px
}
.pb-3,
.pv-3 {
    padding-bottom: 3px
}
.pt-4,
.pv-4 {
    padding-top: 4px
}
.pb-4,
.pv-4 {
    padding-bottom: 4px
}
.pt-5,
.pv-5 {
    padding-top: 5px
}
.pb-5,
.pv-5 {
    padding-bottom: 5px
}
.pt-10,
.pv-10 {
    padding-top: 10px
}
.pb-10,
.pv-10 {
    padding-bottom: 10px
}
.pt-15,
.pv-15 {
    padding-top: 15px
}
.pb-15,
.pv-15 {
    padding-bottom: 15px
}
.pt-20,
.pv-20 {
    padding-top: 20px
}
.pb-20,
.pv-20 {
    padding-bottom: 20px
}
.pt-25,
.pv-25 {
    padding-top: 25px
}
.pb-25,
.pv-25 {
    padding-bottom: 25px
}
.pt-30,
.pv-30 {
    padding-top: 30px
}
.pb-30,
.pv-30 {
    padding-bottom: 30px
}
.pt-35,
.pv-35 {
    padding-top: 35px
}
.pb-35,
.pv-35 {
    padding-bottom: 35px
}
.pt-40,
.pv-40 {
    padding-top: 40px
}
.pb-40,
.pv-40 {
    padding-bottom: 40px
}
.pt-45,
.pv-45 {
    padding-top: 45px
}
.pb-45,
.pv-45 {
    padding-bottom: 45px
}
.pt-50,
.pv-50 {
    padding-top: 50px
}
.pb-50,
.pv-50 {
    padding-bottom: 50px
}
.pt-60,
.pv-60 {
    padding-top: 60px
}
.pb-60,
.pv-60 {
    padding-bottom: 60px
}
.pt-80,
.pv-80 {
    padding-top: 80px
}
.pb-80,
.pv-80 {
    padding-bottom: 80px
}
.pt-100,
.pv-100 {
    padding-top: 100px
}
.pb-100,
.pv-100 {
    padding-bottom: 100px
}
.pl-0,
.ph-0 {
    padding-left: 0px
}
.pr-0,
.ph-0 {
    padding-right: 0px
}
.pl-1,
.ph-1 {
    padding-left: 1px
}
.pr-1,
.ph-1 {
    padding-right: 1px
}
.pl-2,
.ph-2 {
    padding-left: 2px
}
.pr-2,
.ph-2 {
    padding-right: 2px
}
.pl-3,
.ph-3 {
    padding-left: 3px
}
.pr-3,
.ph-3 {
    padding-right: 3px
}
.pl-4,
.ph-4 {
    padding-left: 4px
}
.pr-4,
.ph-4 {
    padding-right: 4px
}
.pl-5,
.ph-5 {
    padding-left: 5px
}
.pr-5,
.ph-5 {
    padding-right: 5px
}
.pl-10,
.ph-10 {
    padding-left: 10px
}
.pr-10,
.ph-10 {
    padding-right: 10px
}
.pl-15,
.ph-15 {
    padding-left: 15px
}
.pr-15,
.ph-15 {
    padding-right: 15px
}
.pl-20,
.ph-20 {
    padding-left: 20px
}
.pr-20,
.ph-20 {
    padding-right: 20px
}
.pl-25,
.ph-25 {
    padding-left: 25px
}
.pr-25,
.ph-25 {
    padding-right: 25px
}
.pl-30,
.ph-30 {
    padding-left: 30px
}
.pr-30,
.ph-30 {
    padding-right: 30px
}
.pl-35,
.ph-35 {
    padding-left: 35px
}
.pr-35,
.ph-35 {
    padding-right: 35px
}
.pl-40,
.ph-40 {
    padding-left: 40px
}
.pr-40,
.ph-40 {
    padding-right: 40px
}
.pl-45,
.ph-45 {
    padding-left: 45px
}
.pr-45,
.ph-45 {
    padding-right: 45px
}
.pl-50,
.ph-50 {
    padding-left: 50px
}
.pr-50,
.ph-50 {
    padding-right: 50px
}
.pl-60,
.ph-60 {
    padding-left: 60px
}
.pr-60,
.ph-60 {
    padding-right: 60px
}
.pl-80,
.ph-80 {
    padding-left: 80px
}
.pr-80,
.ph-80 {
    padding-right: 80px
}
.pl-100,
.ph-100 {
    padding-left: 100px
}
.pr-100,
.ph-100 {
    padding-right: 100px
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-p-0 {
        padding: 0px
    }
    .tab-p-1 {
        padding: 1px
    }
    .tab-p-2 {
        padding: 2px
    }
    .tab-p-3 {
        padding: 3px
    }
    .tab-p-4 {
        padding: 4px
    }
    .tab-p-5 {
        padding: 5px
    }
    .tab-p-10 {
        padding: 10px
    }
    .tab-p-15 {
        padding: 15px
    }
    .tab-p-20 {
        padding: 20px
    }
    .tab-p-25 {
        padding: 25px
    }
    .tab-p-30 {
        padding: 30px
    }
    .tab-p-35 {
        padding: 35px
    }
    .tab-p-40 {
        padding: 40px
    }
    .tab-p-45 {
        padding: 45px
    }
    .tab-p-50 {
        padding: 50px
    }
    .tab-p-60 {
        padding: 60px
    }
    .tab-p-80 {
        padding: 80px
    }
    .tab-p-100 {
        padding: 100px
    }
    .tab-pt-0,
    .tab-pv-0 {
        padding-top: 0px
    }
    .tab-pb-0,
    .tab-pv-0 {
        padding-bottom: 0px
    }
    .tab-pt-1,
    .tab-pv-1 {
        padding-top: 1px
    }
    .tab-pb-1,
    .tab-pv-1 {
        padding-bottom: 1px
    }
    .tab-pt-2,
    .tab-pv-2 {
        padding-top: 2px
    }
    .tab-pb-2,
    .tab-pv-2 {
        padding-bottom: 2px
    }
    .tab-pt-3,
    .tab-pv-3 {
        padding-top: 3px
    }
    .tab-pb-3,
    .tab-pv-3 {
        padding-bottom: 3px
    }
    .tab-pt-4,
    .tab-pv-4 {
        padding-top: 4px
    }
    .tab-pb-4,
    .tab-pv-4 {
        padding-bottom: 4px
    }
    .tab-pt-5,
    .tab-pv-5 {
        padding-top: 5px
    }
    .tab-pb-5,
    .tab-pv-5 {
        padding-bottom: 5px
    }
    .tab-pt-10,
    .tab-pv-10 {
        padding-top: 10px
    }
    .tab-pb-10,
    .tab-pv-10 {
        padding-bottom: 10px
    }
    .tab-pt-15,
    .tab-pv-15 {
        padding-top: 15px
    }
    .tab-pb-15,
    .tab-pv-15 {
        padding-bottom: 15px
    }
    .tab-pt-20,
    .tab-pv-20 {
        padding-top: 20px
    }
    .tab-pb-20,
    .tab-pv-20 {
        padding-bottom: 20px
    }
    .tab-pt-25,
    .tab-pv-25 {
        padding-top: 25px
    }
    .tab-pb-25,
    .tab-pv-25 {
        padding-bottom: 25px
    }
    .tab-pt-30,
    .tab-pv-30 {
        padding-top: 30px
    }
    .tab-pb-30,
    .tab-pv-30 {
        padding-bottom: 30px
    }
    .tab-pt-35,
    .tab-pv-35 {
        padding-top: 35px
    }
    .tab-pb-35,
    .tab-pv-35 {
        padding-bottom: 35px
    }
    .tab-pt-40,
    .tab-pv-40 {
        padding-top: 40px
    }
    .tab-pb-40,
    .tab-pv-40 {
        padding-bottom: 40px
    }
    .tab-pt-45,
    .tab-pv-45 {
        padding-top: 45px
    }
    .tab-pb-45,
    .tab-pv-45 {
        padding-bottom: 45px
    }
    .tab-pt-50,
    .tab-pv-50 {
        padding-top: 50px
    }
    .tab-pb-50,
    .tab-pv-50 {
        padding-bottom: 50px
    }
    .tab-pt-60,
    .tab-pv-60 {
        padding-top: 60px
    }
    .tab-pb-60,
    .tab-pv-60 {
        padding-bottom: 60px
    }
    .tab-pt-80,
    .tab-pv-80 {
        padding-top: 80px
    }
    .tab-pb-80,
    .tab-pv-80 {
        padding-bottom: 80px
    }
    .tab-pt-100,
    .tab-pv-100 {
        padding-top: 100px
    }
    .tab-pb-100,
    .tab-pv-100 {
        padding-bottom: 100px
    }
    .tab-pl-0,
    .tab-ph-0 {
        padding-left: 0px
    }
    .tab-pr-0,
    .tab-ph-0 {
        padding-right: 0px
    }
    .tab-pl-1,
    .tab-ph-1 {
        padding-left: 1px
    }
    .tab-pr-1,
    .tab-ph-1 {
        padding-right: 1px
    }
    .tab-pl-2,
    .tab-ph-2 {
        padding-left: 2px
    }
    .tab-pr-2,
    .tab-ph-2 {
        padding-right: 2px
    }
    .tab-pl-3,
    .tab-ph-3 {
        padding-left: 3px
    }
    .tab-pr-3,
    .tab-ph-3 {
        padding-right: 3px
    }
    .tab-pl-4,
    .tab-ph-4 {
        padding-left: 4px
    }
    .tab-pr-4,
    .tab-ph-4 {
        padding-right: 4px
    }
    .tab-pl-5,
    .tab-ph-5 {
        padding-left: 5px
    }
    .tab-pr-5,
    .tab-ph-5 {
        padding-right: 5px
    }
    .tab-pl-10,
    .tab-ph-10 {
        padding-left: 10px
    }
    .tab-pr-10,
    .tab-ph-10 {
        padding-right: 10px
    }
    .tab-pl-15,
    .tab-ph-15 {
        padding-left: 15px
    }
    .tab-pr-15,
    .tab-ph-15 {
        padding-right: 15px
    }
    .tab-pl-20,
    .tab-ph-20 {
        padding-left: 20px
    }
    .tab-pr-20,
    .tab-ph-20 {
        padding-right: 20px
    }
    .tab-pl-25,
    .tab-ph-25 {
        padding-left: 25px
    }
    .tab-pr-25,
    .tab-ph-25 {
        padding-right: 25px
    }
    .tab-pl-30,
    .tab-ph-30 {
        padding-left: 30px
    }
    .tab-pr-30,
    .tab-ph-30 {
        padding-right: 30px
    }
    .tab-pl-35,
    .tab-ph-35 {
        padding-left: 35px
    }
    .tab-pr-35,
    .tab-ph-35 {
        padding-right: 35px
    }
    .tab-pl-40,
    .tab-ph-40 {
        padding-left: 40px
    }
    .tab-pr-40,
    .tab-ph-40 {
        padding-right: 40px
    }
    .tab-pl-45,
    .tab-ph-45 {
        padding-left: 45px
    }
    .tab-pr-45,
    .tab-ph-45 {
        padding-right: 45px
    }
    .tab-pl-50,
    .tab-ph-50 {
        padding-left: 50px
    }
    .tab-pr-50,
    .tab-ph-50 {
        padding-right: 50px
    }
    .tab-pl-60,
    .tab-ph-60 {
        padding-left: 60px
    }
    .tab-pr-60,
    .tab-ph-60 {
        padding-right: 60px
    }
    .tab-pl-80,
    .tab-ph-80 {
        padding-left: 80px
    }
    .tab-pr-80,
    .tab-ph-80 {
        padding-right: 80px
    }
    .tab-pl-100,
    .tab-ph-100 {
        padding-left: 100px
    }
    .tab-pr-100,
    .tab-ph-100 {
        padding-right: 100px
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-p-0 {
        padding: 0px
    }
    .phn-tab-p-1 {
        padding: 1px
    }
    .phn-tab-p-2 {
        padding: 2px
    }
    .phn-tab-p-3 {
        padding: 3px
    }
    .phn-tab-p-4 {
        padding: 4px
    }
    .phn-tab-p-5 {
        padding: 5px
    }
    .phn-tab-p-10 {
        padding: 10px
    }
    .phn-tab-p-15 {
        padding: 15px
    }
    .phn-tab-p-20 {
        padding: 20px
    }
    .phn-tab-p-25 {
        padding: 25px
    }
    .phn-tab-p-30 {
        padding: 30px
    }
    .phn-tab-p-35 {
        padding: 35px
    }
    .phn-tab-p-40 {
        padding: 40px
    }
    .phn-tab-p-45 {
        padding: 45px
    }
    .phn-tab-p-50 {
        padding: 50px
    }
    .phn-tab-p-60 {
        padding: 60px
    }
    .phn-tab-p-80 {
        padding: 80px
    }
    .phn-tab-p-100 {
        padding: 100px
    }
    .phn-tab-pt-0,
    .phn-tab-pv-0 {
        padding-top: 0px
    }
    .phn-tab-pb-0,
    .phn-tab-pv-0 {
        padding-bottom: 0px
    }
    .phn-tab-pt-1,
    .phn-tab-pv-1 {
        padding-top: 1px
    }
    .phn-tab-pb-1,
    .phn-tab-pv-1 {
        padding-bottom: 1px
    }
    .phn-tab-pt-2,
    .phn-tab-pv-2 {
        padding-top: 2px
    }
    .phn-tab-pb-2,
    .phn-tab-pv-2 {
        padding-bottom: 2px
    }
    .phn-tab-pt-3,
    .phn-tab-pv-3 {
        padding-top: 3px
    }
    .phn-tab-pb-3,
    .phn-tab-pv-3 {
        padding-bottom: 3px
    }
    .phn-tab-pt-4,
    .phn-tab-pv-4 {
        padding-top: 4px
    }
    .phn-tab-pb-4,
    .phn-tab-pv-4 {
        padding-bottom: 4px
    }
    .phn-tab-pt-5,
    .phn-tab-pv-5 {
        padding-top: 5px
    }
    .phn-tab-pb-5,
    .phn-tab-pv-5 {
        padding-bottom: 5px
    }
    .phn-tab-pt-10,
    .phn-tab-pv-10 {
        padding-top: 10px
    }
    .phn-tab-pb-10,
    .phn-tab-pv-10 {
        padding-bottom: 10px
    }
    .phn-tab-pt-15,
    .phn-tab-pv-15 {
        padding-top: 15px
    }
    .phn-tab-pb-15,
    .phn-tab-pv-15 {
        padding-bottom: 15px
    }
    .phn-tab-pt-20,
    .phn-tab-pv-20 {
        padding-top: 20px
    }
    .phn-tab-pb-20,
    .phn-tab-pv-20 {
        padding-bottom: 20px
    }
    .phn-tab-pt-25,
    .phn-tab-pv-25 {
        padding-top: 25px
    }
    .phn-tab-pb-25,
    .phn-tab-pv-25 {
        padding-bottom: 25px
    }
    .phn-tab-pt-30,
    .phn-tab-pv-30 {
        padding-top: 30px
    }
    .phn-tab-pb-30,
    .phn-tab-pv-30 {
        padding-bottom: 30px
    }
    .phn-tab-pt-35,
    .phn-tab-pv-35 {
        padding-top: 35px
    }
    .phn-tab-pb-35,
    .phn-tab-pv-35 {
        padding-bottom: 35px
    }
    .phn-tab-pt-40,
    .phn-tab-pv-40 {
        padding-top: 40px
    }
    .phn-tab-pb-40,
    .phn-tab-pv-40 {
        padding-bottom: 40px
    }
    .phn-tab-pt-45,
    .phn-tab-pv-45 {
        padding-top: 45px
    }
    .phn-tab-pb-45,
    .phn-tab-pv-45 {
        padding-bottom: 45px
    }
    .phn-tab-pt-50,
    .phn-tab-pv-50 {
        padding-top: 50px
    }
    .phn-tab-pb-50,
    .phn-tab-pv-50 {
        padding-bottom: 50px
    }
    .phn-tab-pt-60,
    .phn-tab-pv-60 {
        padding-top: 60px
    }
    .phn-tab-pb-60,
    .phn-tab-pv-60 {
        padding-bottom: 60px
    }
    .phn-tab-pt-80,
    .phn-tab-pv-80 {
        padding-top: 80px
    }
    .phn-tab-pb-80,
    .phn-tab-pv-80 {
        padding-bottom: 80px
    }
    .phn-tab-pt-100,
    .phn-tab-pv-100 {
        padding-top: 100px
    }
    .phn-tab-pb-100,
    .phn-tab-pv-100 {
        padding-bottom: 100px
    }
    .phn-tab-pl-0,
    .phn-tab-ph-0 {
        padding-left: 0px
    }
    .phn-tab-pr-0,
    .phn-tab-ph-0 {
        padding-right: 0px
    }
    .phn-tab-pl-1,
    .phn-tab-ph-1 {
        padding-left: 1px
    }
    .phn-tab-pr-1,
    .phn-tab-ph-1 {
        padding-right: 1px
    }
    .phn-tab-pl-2,
    .phn-tab-ph-2 {
        padding-left: 2px
    }
    .phn-tab-pr-2,
    .phn-tab-ph-2 {
        padding-right: 2px
    }
    .phn-tab-pl-3,
    .phn-tab-ph-3 {
        padding-left: 3px
    }
    .phn-tab-pr-3,
    .phn-tab-ph-3 {
        padding-right: 3px
    }
    .phn-tab-pl-4,
    .phn-tab-ph-4 {
        padding-left: 4px
    }
    .phn-tab-pr-4,
    .phn-tab-ph-4 {
        padding-right: 4px
    }
    .phn-tab-pl-5,
    .phn-tab-ph-5 {
        padding-left: 5px
    }
    .phn-tab-pr-5,
    .phn-tab-ph-5 {
        padding-right: 5px
    }
    .phn-tab-pl-10,
    .phn-tab-ph-10 {
        padding-left: 10px
    }
    .phn-tab-pr-10,
    .phn-tab-ph-10 {
        padding-right: 10px
    }
    .phn-tab-pl-15,
    .phn-tab-ph-15 {
        padding-left: 15px
    }
    .phn-tab-pr-15,
    .phn-tab-ph-15 {
        padding-right: 15px
    }
    .phn-tab-pl-20,
    .phn-tab-ph-20 {
        padding-left: 20px
    }
    .phn-tab-pr-20,
    .phn-tab-ph-20 {
        padding-right: 20px
    }
    .phn-tab-pl-25,
    .phn-tab-ph-25 {
        padding-left: 25px
    }
    .phn-tab-pr-25,
    .phn-tab-ph-25 {
        padding-right: 25px
    }
    .phn-tab-pl-30,
    .phn-tab-ph-30 {
        padding-left: 30px
    }
    .phn-tab-pr-30,
    .phn-tab-ph-30 {
        padding-right: 30px
    }
    .phn-tab-pl-35,
    .phn-tab-ph-35 {
        padding-left: 35px
    }
    .phn-tab-pr-35,
    .phn-tab-ph-35 {
        padding-right: 35px
    }
    .phn-tab-pl-40,
    .phn-tab-ph-40 {
        padding-left: 40px
    }
    .phn-tab-pr-40,
    .phn-tab-ph-40 {
        padding-right: 40px
    }
    .phn-tab-pl-45,
    .phn-tab-ph-45 {
        padding-left: 45px
    }
    .phn-tab-pr-45,
    .phn-tab-ph-45 {
        padding-right: 45px
    }
    .phn-tab-pl-50,
    .phn-tab-ph-50 {
        padding-left: 50px
    }
    .phn-tab-pr-50,
    .phn-tab-ph-50 {
        padding-right: 50px
    }
    .phn-tab-pl-60,
    .phn-tab-ph-60 {
        padding-left: 60px
    }
    .phn-tab-pr-60,
    .phn-tab-ph-60 {
        padding-right: 60px
    }
    .phn-tab-pl-80,
    .phn-tab-ph-80 {
        padding-left: 80px
    }
    .phn-tab-pr-80,
    .phn-tab-ph-80 {
        padding-right: 80px
    }
    .phn-tab-pl-100,
    .phn-tab-ph-100 {
        padding-left: 100px
    }
    .phn-tab-pr-100,
    .phn-tab-ph-100 {
        padding-right: 100px
    }
}
@media only screen and (max-width: 767px) {
    .phn-p-0 {
        padding: 0px
    }
    .phn-p-1 {
        padding: 1px
    }
    .phn-p-2 {
        padding: 2px
    }
    .phn-p-3 {
        padding: 3px
    }
    .phn-p-4 {
        padding: 4px
    }
    .phn-p-5 {
        padding: 5px
    }
    .phn-p-10 {
        padding: 10px
    }
    .phn-p-15 {
        padding: 15px
    }
    .phn-p-20 {
        padding: 20px
    }
    .phn-p-25 {
        padding: 25px
    }
    .phn-p-30 {
        padding: 30px
    }
    .phn-p-35 {
        padding: 35px
    }
    .phn-p-40 {
        padding: 40px
    }
    .phn-p-45 {
        padding: 45px
    }
    .phn-p-50 {
        padding: 50px
    }
    .phn-p-60 {
        padding: 60px
    }
    .phn-p-80 {
        padding: 80px
    }
    .phn-p-100 {
        padding: 100px
    }
    .phn-pt-0,
    .phn-pv-0 {
        padding-top: 0px
    }
    .phn-pb-0,
    .phn-pv-0 {
        padding-bottom: 0px
    }
    .phn-pt-1,
    .phn-pv-1 {
        padding-top: 1px
    }
    .phn-pb-1,
    .phn-pv-1 {
        padding-bottom: 1px
    }
    .phn-pt-2,
    .phn-pv-2 {
        padding-top: 2px
    }
    .phn-pb-2,
    .phn-pv-2 {
        padding-bottom: 2px
    }
    .phn-pt-3,
    .phn-pv-3 {
        padding-top: 3px
    }
    .phn-pb-3,
    .phn-pv-3 {
        padding-bottom: 3px
    }
    .phn-pt-4,
    .phn-pv-4 {
        padding-top: 4px
    }
    .phn-pb-4,
    .phn-pv-4 {
        padding-bottom: 4px
    }
    .phn-pt-5,
    .phn-pv-5 {
        padding-top: 5px
    }
    .phn-pb-5,
    .phn-pv-5 {
        padding-bottom: 5px
    }
    .phn-pt-10,
    .phn-pv-10 {
        padding-top: 10px
    }
    .phn-pb-10,
    .phn-pv-10 {
        padding-bottom: 10px
    }
    .phn-pt-15,
    .phn-pv-15 {
        padding-top: 15px
    }
    .phn-pb-15,
    .phn-pv-15 {
        padding-bottom: 15px
    }
    .phn-pt-20,
    .phn-pv-20 {
        padding-top: 20px
    }
    .phn-pb-20,
    .phn-pv-20 {
        padding-bottom: 20px
    }
    .phn-pt-25,
    .phn-pv-25 {
        padding-top: 25px
    }
    .phn-pb-25,
    .phn-pv-25 {
        padding-bottom: 25px
    }
    .phn-pt-30,
    .phn-pv-30 {
        padding-top: 30px
    }
    .phn-pb-30,
    .phn-pv-30 {
        padding-bottom: 30px
    }
    .phn-pt-35,
    .phn-pv-35 {
        padding-top: 35px
    }
    .phn-pb-35,
    .phn-pv-35 {
        padding-bottom: 35px
    }
    .phn-pt-40,
    .phn-pv-40 {
        padding-top: 40px
    }
    .phn-pb-40,
    .phn-pv-40 {
        padding-bottom: 40px
    }
    .phn-pt-45,
    .phn-pv-45 {
        padding-top: 45px
    }
    .phn-pb-45,
    .phn-pv-45 {
        padding-bottom: 45px
    }
    .phn-pt-50,
    .phn-pv-50 {
        padding-top: 50px
    }
    .phn-pb-50,
    .phn-pv-50 {
        padding-bottom: 50px
    }
    .phn-pt-60,
    .phn-pv-60 {
        padding-top: 60px
    }
    .phn-pb-60,
    .phn-pv-60 {
        padding-bottom: 60px
    }
    .phn-pt-80,
    .phn-pv-80 {
        padding-top: 80px
    }
    .phn-pb-80,
    .phn-pv-80 {
        padding-bottom: 80px
    }
    .phn-pt-100,
    .phn-pv-100 {
        padding-top: 100px
    }
    .phn-pb-100,
    .phn-pv-100 {
        padding-bottom: 100px
    }
    .phn-pl-0,
    .phn-ph-0 {
        padding-left: 0px
    }
    .phn-pr-0,
    .phn-ph-0 {
        padding-right: 0px
    }
    .phn-pl-1,
    .phn-ph-1 {
        padding-left: 1px
    }
    .phn-pr-1,
    .phn-ph-1 {
        padding-right: 1px
    }
    .phn-pl-2,
    .phn-ph-2 {
        padding-left: 2px
    }
    .phn-pr-2,
    .phn-ph-2 {
        padding-right: 2px
    }
    .phn-pl-3,
    .phn-ph-3 {
        padding-left: 3px
    }
    .phn-pr-3,
    .phn-ph-3 {
        padding-right: 3px
    }
    .phn-pl-4,
    .phn-ph-4 {
        padding-left: 4px
    }
    .phn-pr-4,
    .phn-ph-4 {
        padding-right: 4px
    }
    .phn-pl-5,
    .phn-ph-5 {
        padding-left: 5px
    }
    .phn-pr-5,
    .phn-ph-5 {
        padding-right: 5px
    }
    .phn-pl-10,
    .phn-ph-10 {
        padding-left: 10px
    }
    .phn-pr-10,
    .phn-ph-10 {
        padding-right: 10px
    }
    .phn-pl-15,
    .phn-ph-15 {
        padding-left: 15px
    }
    .phn-pr-15,
    .phn-ph-15 {
        padding-right: 15px
    }
    .phn-pl-20,
    .phn-ph-20 {
        padding-left: 20px
    }
    .phn-pr-20,
    .phn-ph-20 {
        padding-right: 20px
    }
    .phn-pl-25,
    .phn-ph-25 {
        padding-left: 25px
    }
    .phn-pr-25,
    .phn-ph-25 {
        padding-right: 25px
    }
    .phn-pl-30,
    .phn-ph-30 {
        padding-left: 30px
    }
    .phn-pr-30,
    .phn-ph-30 {
        padding-right: 30px
    }
    .phn-pl-35,
    .phn-ph-35 {
        padding-left: 35px
    }
    .phn-pr-35,
    .phn-ph-35 {
        padding-right: 35px
    }
    .phn-pl-40,
    .phn-ph-40 {
        padding-left: 40px
    }
    .phn-pr-40,
    .phn-ph-40 {
        padding-right: 40px
    }
    .phn-pl-45,
    .phn-ph-45 {
        padding-left: 45px
    }
    .phn-pr-45,
    .phn-ph-45 {
        padding-right: 45px
    }
    .phn-pl-50,
    .phn-ph-50 {
        padding-left: 50px
    }
    .phn-pr-50,
    .phn-ph-50 {
        padding-right: 50px
    }
    .phn-pl-60,
    .phn-ph-60 {
        padding-left: 60px
    }
    .phn-pr-60,
    .phn-ph-60 {
        padding-right: 60px
    }
    .phn-pl-80,
    .phn-ph-80 {
        padding-left: 80px
    }
    .phn-pr-80,
    .phn-ph-80 {
        padding-right: 80px
    }
    .phn-pl-100,
    .phn-ph-100 {
        padding-left: 100px
    }
    .phn-pr-100,
    .phn-ph-100 {
        padding-right: 100px
    }
}
.ma {
    margin-left: auto;
    margin-right: auto
}
.ml-a,
.mla {
    margin-left: auto
}
.mr-a,
.mra {
    margin-right: auto
}
.m-0 {
    margin: 0px
}
.m-1 {
    margin: 1px
}
.m-2 {
    margin: 2px
}
.m-3 {
    margin: 3px
}
.m-4 {
    margin: 4px
}
.m-5 {
    margin: 5px
}
.m-6 {
    margin: 6px
}
.m-7 {
    margin: 7px
}
.m-8 {
    margin: 8px
}
.m-9 {
    margin: 9px
}
.m-10 {
    margin: 10px
}
.m-15 {
    margin: 15px
}
.m-20 {
    margin: 20px
}
.m-25 {
    margin: 25px
}
.m-30 {
    margin: 30px
}
.m-35 {
    margin: 35px
}
.m-40 {
    margin: 40px
}
.m-45 {
    margin: 45px
}
.m-50 {
    margin: 50px
}
.m-60 {
    margin: 60px
}
.m-80 {
    margin: 80px
}
.m-100 {
    margin: 100px
}
.m-150 {
    margin: 150px
}
.mt-0,
.mv-0 {
    margin-top: 0px
}
.mb-0,
.mv-0 {
    margin-bottom: 0px
}
.mt-1,
.mv-1 {
    margin-top: 1px
}
.mb-1,
.mv-1 {
    margin-bottom: 1px
}
.mt-2,
.mv-2 {
    margin-top: 2px
}
.mb-2,
.mv-2 {
    margin-bottom: 2px
}
.mt-3,
.mv-3 {
    margin-top: 3px
}
.mb-3,
.mv-3 {
    margin-bottom: 3px
}
.mt-4,
.mv-4 {
    margin-top: 4px
}
.mb-4,
.mv-4 {
    margin-bottom: 4px
}
.mt-5,
.mv-5 {
    margin-top: 5px
}
.mb-5,
.mv-5 {
    margin-bottom: 5px
}
.mt-6,
.mv-6 {
    margin-top: 6px
}
.mb-6,
.mv-6 {
    margin-bottom: 6px
}
.mt-7,
.mv-7 {
    margin-top: 7px
}
.mb-7,
.mv-7 {
    margin-bottom: 7px
}
.mt-8,
.mv-8 {
    margin-top: 8px
}
.mb-8,
.mv-8 {
    margin-bottom: 8px
}
.mt-9,
.mv-9 {
    margin-top: 9px
}
.mb-9,
.mv-9 {
    margin-bottom: 9px
}
.mt-10,
.mv-10 {
    margin-top: 10px
}
.mb-10,
.mv-10 {
    margin-bottom: 10px
}
.mt-15,
.mv-15 {
    margin-top: 15px
}
.mb-15,
.mv-15 {
    margin-bottom: 15px
}
.mt-20,
.mv-20 {
    margin-top: 20px
}
.mb-20,
.mv-20 {
    margin-bottom: 20px
}
.mt-25,
.mv-25 {
    margin-top: 25px
}
.mb-25,
.mv-25 {
    margin-bottom: 25px
}
.mt-30,
.mv-30 {
    margin-top: 30px
}
.mb-30,
.mv-30 {
    margin-bottom: 30px
}
.mt-35,
.mv-35 {
    margin-top: 35px
}
.mb-35,
.mv-35 {
    margin-bottom: 35px
}
.mt-40,
.mv-40 {
    margin-top: 40px
}
.mb-40,
.mv-40 {
    margin-bottom: 40px
}
.mt-45,
.mv-45 {
    margin-top: 45px
}
.mb-45,
.mv-45 {
    margin-bottom: 45px
}
.mt-50,
.mv-50 {
    margin-top: 50px
}
.mb-50,
.mv-50 {
    margin-bottom: 50px
}
.mt-60,
.mv-60 {
    margin-top: 60px
}
.mb-60,
.mv-60 {
    margin-bottom: 60px
}
.mt-80,
.mv-80 {
    margin-top: 80px
}
.mb-80,
.mv-80 {
    margin-bottom: 80px
}
.mt-100,
.mv-100 {
    margin-top: 100px
}
.mb-100,
.mv-100 {
    margin-bottom: 100px
}
.mt-150,
.mv-150 {
    margin-top: 150px
}
.mb-150,
.mv-150 {
    margin-bottom: 150px
}
.ml-0,
.mh-0 {
    margin-left: 0px
}
.mr-0,
.mh-0 {
    margin-right: 0px
}
.ml-1,
.mh-1 {
    margin-left: 1px
}
.mr-1,
.mh-1 {
    margin-right: 1px
}
.ml-2,
.mh-2 {
    margin-left: 2px
}
.mr-2,
.mh-2 {
    margin-right: 2px
}
.ml-3,
.mh-3 {
    margin-left: 3px
}
.mr-3,
.mh-3 {
    margin-right: 3px
}
.ml-4,
.mh-4 {
    margin-left: 4px
}
.mr-4,
.mh-4 {
    margin-right: 4px
}
.ml-5,
.mh-5 {
    margin-left: 5px
}
.mr-5,
.mh-5 {
    margin-right: 5px
}
.ml-6,
.mh-6 {
    margin-left: 6px
}
.mr-6,
.mh-6 {
    margin-right: 6px
}
.ml-7,
.mh-7 {
    margin-left: 7px
}
.mr-7,
.mh-7 {
    margin-right: 7px
}
.ml-8,
.mh-8 {
    margin-left: 8px
}
.mr-8,
.mh-8 {
    margin-right: 8px
}
.ml-9,
.mh-9 {
    margin-left: 9px
}
.mr-9,
.mh-9 {
    margin-right: 9px
}
.ml-10,
.mh-10 {
    margin-left: 10px
}
.mr-10,
.mh-10 {
    margin-right: 10px
}
.ml-15,
.mh-15 {
    margin-left: 15px
}
.mr-15,
.mh-15 {
    margin-right: 15px
}
.ml-20,
.mh-20 {
    margin-left: 20px
}
.mr-20,
.mh-20 {
    margin-right: 20px
}
.ml-25,
.mh-25 {
    margin-left: 25px
}
.mr-25,
.mh-25 {
    margin-right: 25px
}
.ml-30,
.mh-30 {
    margin-left: 30px
}
.mr-30,
.mh-30 {
    margin-right: 30px
}
.ml-35,
.mh-35 {
    margin-left: 35px
}
.mr-35,
.mh-35 {
    margin-right: 35px
}
.ml-40,
.mh-40 {
    margin-left: 40px
}
.mr-40,
.mh-40 {
    margin-right: 40px
}
.ml-45,
.mh-45 {
    margin-left: 45px
}
.mr-45,
.mh-45 {
    margin-right: 45px
}
.ml-50,
.mh-50 {
    margin-left: 50px
}
.mr-50,
.mh-50 {
    margin-right: 50px
}
.ml-60,
.mh-60 {
    margin-left: 60px
}
.mr-60,
.mh-60 {
    margin-right: 60px
}
.ml-80,
.mh-80 {
    margin-left: 80px
}
.mr-80,
.mh-80 {
    margin-right: 80px
}
.ml-100,
.mh-100 {
    margin-left: 100px
}
.mr-100,
.mh-100 {
    margin-right: 100px
}
.ml-150,
.mh-150 {
    margin-left: 150px
}
.mr-150,
.mh-150 {
    margin-right: 150px
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-ma {
        margin-left: auto;
        margin-right: auto
    }
    .tab-ml-a,
    .tab-mla {
        margin-left: auto
    }
    .tab-mr-a,
    .tab-mra {
        margin-right: auto
    }
    .tab-m-0 {
        margin: 0px
    }
    .tab-m-1 {
        margin: 1px
    }
    .tab-m-2 {
        margin: 2px
    }
    .tab-m-3 {
        margin: 3px
    }
    .tab-m-4 {
        margin: 4px
    }
    .tab-m-5 {
        margin: 5px
    }
    .tab-m-6 {
        margin: 6px
    }
    .tab-m-7 {
        margin: 7px
    }
    .tab-m-8 {
        margin: 8px
    }
    .tab-m-9 {
        margin: 9px
    }
    .tab-m-10 {
        margin: 10px
    }
    .tab-m-15 {
        margin: 15px
    }
    .tab-m-20 {
        margin: 20px
    }
    .tab-m-25 {
        margin: 25px
    }
    .tab-m-30 {
        margin: 30px
    }
    .tab-m-35 {
        margin: 35px
    }
    .tab-m-40 {
        margin: 40px
    }
    .tab-m-45 {
        margin: 45px
    }
    .tab-m-50 {
        margin: 50px
    }
    .tab-m-60 {
        margin: 60px
    }
    .tab-m-80 {
        margin: 80px
    }
    .tab-m-100 {
        margin: 100px
    }
    .tab-m-150 {
        margin: 150px
    }
    .tab-mt-0,
    .tab-mv-0 {
        margin-top: 0px
    }
    .tab-mb-0,
    .tab-mv-0 {
        margin-bottom: 0px
    }
    .tab-mt-1,
    .tab-mv-1 {
        margin-top: 1px
    }
    .tab-mb-1,
    .tab-mv-1 {
        margin-bottom: 1px
    }
    .tab-mt-2,
    .tab-mv-2 {
        margin-top: 2px
    }
    .tab-mb-2,
    .tab-mv-2 {
        margin-bottom: 2px
    }
    .tab-mt-3,
    .tab-mv-3 {
        margin-top: 3px
    }
    .tab-mb-3,
    .tab-mv-3 {
        margin-bottom: 3px
    }
    .tab-mt-4,
    .tab-mv-4 {
        margin-top: 4px
    }
    .tab-mb-4,
    .tab-mv-4 {
        margin-bottom: 4px
    }
    .tab-mt-5,
    .tab-mv-5 {
        margin-top: 5px
    }
    .tab-mb-5,
    .tab-mv-5 {
        margin-bottom: 5px
    }
    .tab-mt-6,
    .tab-mv-6 {
        margin-top: 6px
    }
    .tab-mb-6,
    .tab-mv-6 {
        margin-bottom: 6px
    }
    .tab-mt-7,
    .tab-mv-7 {
        margin-top: 7px
    }
    .tab-mb-7,
    .tab-mv-7 {
        margin-bottom: 7px
    }
    .tab-mt-8,
    .tab-mv-8 {
        margin-top: 8px
    }
    .tab-mb-8,
    .tab-mv-8 {
        margin-bottom: 8px
    }
    .tab-mt-9,
    .tab-mv-9 {
        margin-top: 9px
    }
    .tab-mb-9,
    .tab-mv-9 {
        margin-bottom: 9px
    }
    .tab-mt-10,
    .tab-mv-10 {
        margin-top: 10px
    }
    .tab-mb-10,
    .tab-mv-10 {
        margin-bottom: 10px
    }
    .tab-mt-15,
    .tab-mv-15 {
        margin-top: 15px
    }
    .tab-mb-15,
    .tab-mv-15 {
        margin-bottom: 15px
    }
    .tab-mt-20,
    .tab-mv-20 {
        margin-top: 20px
    }
    .tab-mb-20,
    .tab-mv-20 {
        margin-bottom: 20px
    }
    .tab-mt-25,
    .tab-mv-25 {
        margin-top: 25px
    }
    .tab-mb-25,
    .tab-mv-25 {
        margin-bottom: 25px
    }
    .tab-mt-30,
    .tab-mv-30 {
        margin-top: 30px
    }
    .tab-mb-30,
    .tab-mv-30 {
        margin-bottom: 30px
    }
    .tab-mt-35,
    .tab-mv-35 {
        margin-top: 35px
    }
    .tab-mb-35,
    .tab-mv-35 {
        margin-bottom: 35px
    }
    .tab-mt-40,
    .tab-mv-40 {
        margin-top: 40px
    }
    .tab-mb-40,
    .tab-mv-40 {
        margin-bottom: 40px
    }
    .tab-mt-45,
    .tab-mv-45 {
        margin-top: 45px
    }
    .tab-mb-45,
    .tab-mv-45 {
        margin-bottom: 45px
    }
    .tab-mt-50,
    .tab-mv-50 {
        margin-top: 50px
    }
    .tab-mb-50,
    .tab-mv-50 {
        margin-bottom: 50px
    }
    .tab-mt-60,
    .tab-mv-60 {
        margin-top: 60px
    }
    .tab-mb-60,
    .tab-mv-60 {
        margin-bottom: 60px
    }
    .tab-mt-80,
    .tab-mv-80 {
        margin-top: 80px
    }
    .tab-mb-80,
    .tab-mv-80 {
        margin-bottom: 80px
    }
    .tab-mt-100,
    .tab-mv-100 {
        margin-top: 100px
    }
    .tab-mb-100,
    .tab-mv-100 {
        margin-bottom: 100px
    }
    .tab-mt-150,
    .tab-mv-150 {
        margin-top: 150px
    }
    .tab-mb-150,
    .tab-mv-150 {
        margin-bottom: 150px
    }
    .tab-ml-0,
    .tab-mh-0 {
        margin-left: 0px
    }
    .tab-mr-0,
    .tab-mh-0 {
        margin-right: 0px
    }
    .tab-ml-1,
    .tab-mh-1 {
        margin-left: 1px
    }
    .tab-mr-1,
    .tab-mh-1 {
        margin-right: 1px
    }
    .tab-ml-2,
    .tab-mh-2 {
        margin-left: 2px
    }
    .tab-mr-2,
    .tab-mh-2 {
        margin-right: 2px
    }
    .tab-ml-3,
    .tab-mh-3 {
        margin-left: 3px
    }
    .tab-mr-3,
    .tab-mh-3 {
        margin-right: 3px
    }
    .tab-ml-4,
    .tab-mh-4 {
        margin-left: 4px
    }
    .tab-mr-4,
    .tab-mh-4 {
        margin-right: 4px
    }
    .tab-ml-5,
    .tab-mh-5 {
        margin-left: 5px
    }
    .tab-mr-5,
    .tab-mh-5 {
        margin-right: 5px
    }
    .tab-ml-6,
    .tab-mh-6 {
        margin-left: 6px
    }
    .tab-mr-6,
    .tab-mh-6 {
        margin-right: 6px
    }
    .tab-ml-7,
    .tab-mh-7 {
        margin-left: 7px
    }
    .tab-mr-7,
    .tab-mh-7 {
        margin-right: 7px
    }
    .tab-ml-8,
    .tab-mh-8 {
        margin-left: 8px
    }
    .tab-mr-8,
    .tab-mh-8 {
        margin-right: 8px
    }
    .tab-ml-9,
    .tab-mh-9 {
        margin-left: 9px
    }
    .tab-mr-9,
    .tab-mh-9 {
        margin-right: 9px
    }
    .tab-ml-10,
    .tab-mh-10 {
        margin-left: 10px
    }
    .tab-mr-10,
    .tab-mh-10 {
        margin-right: 10px
    }
    .tab-ml-15,
    .tab-mh-15 {
        margin-left: 15px
    }
    .tab-mr-15,
    .tab-mh-15 {
        margin-right: 15px
    }
    .tab-ml-20,
    .tab-mh-20 {
        margin-left: 20px
    }
    .tab-mr-20,
    .tab-mh-20 {
        margin-right: 20px
    }
    .tab-ml-25,
    .tab-mh-25 {
        margin-left: 25px
    }
    .tab-mr-25,
    .tab-mh-25 {
        margin-right: 25px
    }
    .tab-ml-30,
    .tab-mh-30 {
        margin-left: 30px
    }
    .tab-mr-30,
    .tab-mh-30 {
        margin-right: 30px
    }
    .tab-ml-35,
    .tab-mh-35 {
        margin-left: 35px
    }
    .tab-mr-35,
    .tab-mh-35 {
        margin-right: 35px
    }
    .tab-ml-40,
    .tab-mh-40 {
        margin-left: 40px
    }
    .tab-mr-40,
    .tab-mh-40 {
        margin-right: 40px
    }
    .tab-ml-45,
    .tab-mh-45 {
        margin-left: 45px
    }
    .tab-mr-45,
    .tab-mh-45 {
        margin-right: 45px
    }
    .tab-ml-50,
    .tab-mh-50 {
        margin-left: 50px
    }
    .tab-mr-50,
    .tab-mh-50 {
        margin-right: 50px
    }
    .tab-ml-60,
    .tab-mh-60 {
        margin-left: 60px
    }
    .tab-mr-60,
    .tab-mh-60 {
        margin-right: 60px
    }
    .tab-ml-80,
    .tab-mh-80 {
        margin-left: 80px
    }
    .tab-mr-80,
    .tab-mh-80 {
        margin-right: 80px
    }
    .tab-ml-100,
    .tab-mh-100 {
        margin-left: 100px
    }
    .tab-mr-100,
    .tab-mh-100 {
        margin-right: 100px
    }
    .tab-ml-150,
    .tab-mh-150 {
        margin-left: 150px
    }
    .tab-mr-150,
    .tab-mh-150 {
        margin-right: 150px
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-ma {
        margin-left: auto;
        margin-right: auto
    }
    .phn-tab-ml-a,
    .phn-tab-mla {
        margin-left: auto
    }
    .phn-tab-mr-a,
    .phn-tab-mra {
        margin-right: auto
    }
    .phn-tab-m-0 {
        margin: 0px
    }
    .phn-tab-m-1 {
        margin: 1px
    }
    .phn-tab-m-2 {
        margin: 2px
    }
    .phn-tab-m-3 {
        margin: 3px
    }
    .phn-tab-m-4 {
        margin: 4px
    }
    .phn-tab-m-5 {
        margin: 5px
    }
    .phn-tab-m-6 {
        margin: 6px
    }
    .phn-tab-m-7 {
        margin: 7px
    }
    .phn-tab-m-8 {
        margin: 8px
    }
    .phn-tab-m-9 {
        margin: 9px
    }
    .phn-tab-m-10 {
        margin: 10px
    }
    .phn-tab-m-15 {
        margin: 15px
    }
    .phn-tab-m-20 {
        margin: 20px
    }
    .phn-tab-m-25 {
        margin: 25px
    }
    .phn-tab-m-30 {
        margin: 30px
    }
    .phn-tab-m-35 {
        margin: 35px
    }
    .phn-tab-m-40 {
        margin: 40px
    }
    .phn-tab-m-45 {
        margin: 45px
    }
    .phn-tab-m-50 {
        margin: 50px
    }
    .phn-tab-m-60 {
        margin: 60px
    }
    .phn-tab-m-80 {
        margin: 80px
    }
    .phn-tab-m-100 {
        margin: 100px
    }
    .phn-tab-m-150 {
        margin: 150px
    }
    .phn-tab-mt-0,
    .phn-tab-mv-0 {
        margin-top: 0px
    }
    .phn-tab-mb-0,
    .phn-tab-mv-0 {
        margin-bottom: 0px
    }
    .phn-tab-mt-1,
    .phn-tab-mv-1 {
        margin-top: 1px
    }
    .phn-tab-mb-1,
    .phn-tab-mv-1 {
        margin-bottom: 1px
    }
    .phn-tab-mt-2,
    .phn-tab-mv-2 {
        margin-top: 2px
    }
    .phn-tab-mb-2,
    .phn-tab-mv-2 {
        margin-bottom: 2px
    }
    .phn-tab-mt-3,
    .phn-tab-mv-3 {
        margin-top: 3px
    }
    .phn-tab-mb-3,
    .phn-tab-mv-3 {
        margin-bottom: 3px
    }
    .phn-tab-mt-4,
    .phn-tab-mv-4 {
        margin-top: 4px
    }
    .phn-tab-mb-4,
    .phn-tab-mv-4 {
        margin-bottom: 4px
    }
    .phn-tab-mt-5,
    .phn-tab-mv-5 {
        margin-top: 5px
    }
    .phn-tab-mb-5,
    .phn-tab-mv-5 {
        margin-bottom: 5px
    }
    .phn-tab-mt-6,
    .phn-tab-mv-6 {
        margin-top: 6px
    }
    .phn-tab-mb-6,
    .phn-tab-mv-6 {
        margin-bottom: 6px
    }
    .phn-tab-mt-7,
    .phn-tab-mv-7 {
        margin-top: 7px
    }
    .phn-tab-mb-7,
    .phn-tab-mv-7 {
        margin-bottom: 7px
    }
    .phn-tab-mt-8,
    .phn-tab-mv-8 {
        margin-top: 8px
    }
    .phn-tab-mb-8,
    .phn-tab-mv-8 {
        margin-bottom: 8px
    }
    .phn-tab-mt-9,
    .phn-tab-mv-9 {
        margin-top: 9px
    }
    .phn-tab-mb-9,
    .phn-tab-mv-9 {
        margin-bottom: 9px
    }
    .phn-tab-mt-10,
    .phn-tab-mv-10 {
        margin-top: 10px
    }
    .phn-tab-mb-10,
    .phn-tab-mv-10 {
        margin-bottom: 10px
    }
    .phn-tab-mt-15,
    .phn-tab-mv-15 {
        margin-top: 15px
    }
    .phn-tab-mb-15,
    .phn-tab-mv-15 {
        margin-bottom: 15px
    }
    .phn-tab-mt-20,
    .phn-tab-mv-20 {
        margin-top: 20px
    }
    .phn-tab-mb-20,
    .phn-tab-mv-20 {
        margin-bottom: 20px
    }
    .phn-tab-mt-25,
    .phn-tab-mv-25 {
        margin-top: 25px
    }
    .phn-tab-mb-25,
    .phn-tab-mv-25 {
        margin-bottom: 25px
    }
    .phn-tab-mt-30,
    .phn-tab-mv-30 {
        margin-top: 30px
    }
    .phn-tab-mb-30,
    .phn-tab-mv-30 {
        margin-bottom: 30px
    }
    .phn-tab-mt-35,
    .phn-tab-mv-35 {
        margin-top: 35px
    }
    .phn-tab-mb-35,
    .phn-tab-mv-35 {
        margin-bottom: 35px
    }
    .phn-tab-mt-40,
    .phn-tab-mv-40 {
        margin-top: 40px
    }
    .phn-tab-mb-40,
    .phn-tab-mv-40 {
        margin-bottom: 40px
    }
    .phn-tab-mt-45,
    .phn-tab-mv-45 {
        margin-top: 45px
    }
    .phn-tab-mb-45,
    .phn-tab-mv-45 {
        margin-bottom: 45px
    }
    .phn-tab-mt-50,
    .phn-tab-mv-50 {
        margin-top: 50px
    }
    .phn-tab-mb-50,
    .phn-tab-mv-50 {
        margin-bottom: 50px
    }
    .phn-tab-mt-60,
    .phn-tab-mv-60 {
        margin-top: 60px
    }
    .phn-tab-mb-60,
    .phn-tab-mv-60 {
        margin-bottom: 60px
    }
    .phn-tab-mt-80,
    .phn-tab-mv-80 {
        margin-top: 80px
    }
    .phn-tab-mb-80,
    .phn-tab-mv-80 {
        margin-bottom: 80px
    }
    .phn-tab-mt-100,
    .phn-tab-mv-100 {
        margin-top: 100px
    }
    .phn-tab-mb-100,
    .phn-tab-mv-100 {
        margin-bottom: 100px
    }
    .phn-tab-mt-150,
    .phn-tab-mv-150 {
        margin-top: 150px
    }
    .phn-tab-mb-150,
    .phn-tab-mv-150 {
        margin-bottom: 150px
    }
    .phn-tab-ml-0,
    .phn-tab-mh-0 {
        margin-left: 0px
    }
    .phn-tab-mr-0,
    .phn-tab-mh-0 {
        margin-right: 0px
    }
    .phn-tab-ml-1,
    .phn-tab-mh-1 {
        margin-left: 1px
    }
    .phn-tab-mr-1,
    .phn-tab-mh-1 {
        margin-right: 1px
    }
    .phn-tab-ml-2,
    .phn-tab-mh-2 {
        margin-left: 2px
    }
    .phn-tab-mr-2,
    .phn-tab-mh-2 {
        margin-right: 2px
    }
    .phn-tab-ml-3,
    .phn-tab-mh-3 {
        margin-left: 3px
    }
    .phn-tab-mr-3,
    .phn-tab-mh-3 {
        margin-right: 3px
    }
    .phn-tab-ml-4,
    .phn-tab-mh-4 {
        margin-left: 4px
    }
    .phn-tab-mr-4,
    .phn-tab-mh-4 {
        margin-right: 4px
    }
    .phn-tab-ml-5,
    .phn-tab-mh-5 {
        margin-left: 5px
    }
    .phn-tab-mr-5,
    .phn-tab-mh-5 {
        margin-right: 5px
    }
    .phn-tab-ml-6,
    .phn-tab-mh-6 {
        margin-left: 6px
    }
    .phn-tab-mr-6,
    .phn-tab-mh-6 {
        margin-right: 6px
    }
    .phn-tab-ml-7,
    .phn-tab-mh-7 {
        margin-left: 7px
    }
    .phn-tab-mr-7,
    .phn-tab-mh-7 {
        margin-right: 7px
    }
    .phn-tab-ml-8,
    .phn-tab-mh-8 {
        margin-left: 8px
    }
    .phn-tab-mr-8,
    .phn-tab-mh-8 {
        margin-right: 8px
    }
    .phn-tab-ml-9,
    .phn-tab-mh-9 {
        margin-left: 9px
    }
    .phn-tab-mr-9,
    .phn-tab-mh-9 {
        margin-right: 9px
    }
    .phn-tab-ml-10,
    .phn-tab-mh-10 {
        margin-left: 10px
    }
    .phn-tab-mr-10,
    .phn-tab-mh-10 {
        margin-right: 10px
    }
    .phn-tab-ml-15,
    .phn-tab-mh-15 {
        margin-left: 15px
    }
    .phn-tab-mr-15,
    .phn-tab-mh-15 {
        margin-right: 15px
    }
    .phn-tab-ml-20,
    .phn-tab-mh-20 {
        margin-left: 20px
    }
    .phn-tab-mr-20,
    .phn-tab-mh-20 {
        margin-right: 20px
    }
    .phn-tab-ml-25,
    .phn-tab-mh-25 {
        margin-left: 25px
    }
    .phn-tab-mr-25,
    .phn-tab-mh-25 {
        margin-right: 25px
    }
    .phn-tab-ml-30,
    .phn-tab-mh-30 {
        margin-left: 30px
    }
    .phn-tab-mr-30,
    .phn-tab-mh-30 {
        margin-right: 30px
    }
    .phn-tab-ml-35,
    .phn-tab-mh-35 {
        margin-left: 35px
    }
    .phn-tab-mr-35,
    .phn-tab-mh-35 {
        margin-right: 35px
    }
    .phn-tab-ml-40,
    .phn-tab-mh-40 {
        margin-left: 40px
    }
    .phn-tab-mr-40,
    .phn-tab-mh-40 {
        margin-right: 40px
    }
    .phn-tab-ml-45,
    .phn-tab-mh-45 {
        margin-left: 45px
    }
    .phn-tab-mr-45,
    .phn-tab-mh-45 {
        margin-right: 45px
    }
    .phn-tab-ml-50,
    .phn-tab-mh-50 {
        margin-left: 50px
    }
    .phn-tab-mr-50,
    .phn-tab-mh-50 {
        margin-right: 50px
    }
    .phn-tab-ml-60,
    .phn-tab-mh-60 {
        margin-left: 60px
    }
    .phn-tab-mr-60,
    .phn-tab-mh-60 {
        margin-right: 60px
    }
    .phn-tab-ml-80,
    .phn-tab-mh-80 {
        margin-left: 80px
    }
    .phn-tab-mr-80,
    .phn-tab-mh-80 {
        margin-right: 80px
    }
    .phn-tab-ml-100,
    .phn-tab-mh-100 {
        margin-left: 100px
    }
    .phn-tab-mr-100,
    .phn-tab-mh-100 {
        margin-right: 100px
    }
    .phn-tab-ml-150,
    .phn-tab-mh-150 {
        margin-left: 150px
    }
    .phn-tab-mr-150,
    .phn-tab-mh-150 {
        margin-right: 150px
    }
}
@media only screen and (max-width: 767px) {
    .phn-ma {
        margin-left: auto;
        margin-right: auto
    }
    .phn-ml-a,
    .phn-mla {
        margin-left: auto
    }
    .phn-mr-a,
    .phn-mra {
        margin-right: auto
    }
    .phn-m-0 {
        margin: 0px
    }
    .phn-m-1 {
        margin: 1px
    }
    .phn-m-2 {
        margin: 2px
    }
    .phn-m-3 {
        margin: 3px
    }
    .phn-m-4 {
        margin: 4px
    }
    .phn-m-5 {
        margin: 5px
    }
    .phn-m-6 {
        margin: 6px
    }
    .phn-m-7 {
        margin: 7px
    }
    .phn-m-8 {
        margin: 8px
    }
    .phn-m-9 {
        margin: 9px
    }
    .phn-m-10 {
        margin: 10px
    }
    .phn-m-15 {
        margin: 15px
    }
    .phn-m-20 {
        margin: 20px
    }
    .phn-m-25 {
        margin: 25px
    }
    .phn-m-30 {
        margin: 30px
    }
    .phn-m-35 {
        margin: 35px
    }
    .phn-m-40 {
        margin: 40px
    }
    .phn-m-45 {
        margin: 45px
    }
    .phn-m-50 {
        margin: 50px
    }
    .phn-m-60 {
        margin: 60px
    }
    .phn-m-80 {
        margin: 80px
    }
    .phn-m-100 {
        margin: 100px
    }
    .phn-m-150 {
        margin: 150px
    }
    .phn-mt-0,
    .phn-mv-0 {
        margin-top: 0px
    }
    .phn-mb-0,
    .phn-mv-0 {
        margin-bottom: 0px
    }
    .phn-mt-1,
    .phn-mv-1 {
        margin-top: 1px
    }
    .phn-mb-1,
    .phn-mv-1 {
        margin-bottom: 1px
    }
    .phn-mt-2,
    .phn-mv-2 {
        margin-top: 2px
    }
    .phn-mb-2,
    .phn-mv-2 {
        margin-bottom: 2px
    }
    .phn-mt-3,
    .phn-mv-3 {
        margin-top: 3px
    }
    .phn-mb-3,
    .phn-mv-3 {
        margin-bottom: 3px
    }
    .phn-mt-4,
    .phn-mv-4 {
        margin-top: 4px
    }
    .phn-mb-4,
    .phn-mv-4 {
        margin-bottom: 4px
    }
    .phn-mt-5,
    .phn-mv-5 {
        margin-top: 5px
    }
    .phn-mb-5,
    .phn-mv-5 {
        margin-bottom: 5px
    }
    .phn-mt-6,
    .phn-mv-6 {
        margin-top: 6px
    }
    .phn-mb-6,
    .phn-mv-6 {
        margin-bottom: 6px
    }
    .phn-mt-7,
    .phn-mv-7 {
        margin-top: 7px
    }
    .phn-mb-7,
    .phn-mv-7 {
        margin-bottom: 7px
    }
    .phn-mt-8,
    .phn-mv-8 {
        margin-top: 8px
    }
    .phn-mb-8,
    .phn-mv-8 {
        margin-bottom: 8px
    }
    .phn-mt-9,
    .phn-mv-9 {
        margin-top: 9px
    }
    .phn-mb-9,
    .phn-mv-9 {
        margin-bottom: 9px
    }
    .phn-mt-10,
    .phn-mv-10 {
        margin-top: 10px
    }
    .phn-mb-10,
    .phn-mv-10 {
        margin-bottom: 10px
    }
    .phn-mt-15,
    .phn-mv-15 {
        margin-top: 15px
    }
    .phn-mb-15,
    .phn-mv-15 {
        margin-bottom: 15px
    }
    .phn-mt-20,
    .phn-mv-20 {
        margin-top: 20px
    }
    .phn-mb-20,
    .phn-mv-20 {
        margin-bottom: 20px
    }
    .phn-mt-25,
    .phn-mv-25 {
        margin-top: 25px
    }
    .phn-mb-25,
    .phn-mv-25 {
        margin-bottom: 25px
    }
    .phn-mt-30,
    .phn-mv-30 {
        margin-top: 30px
    }
    .phn-mb-30,
    .phn-mv-30 {
        margin-bottom: 30px
    }
    .phn-mt-35,
    .phn-mv-35 {
        margin-top: 35px
    }
    .phn-mb-35,
    .phn-mv-35 {
        margin-bottom: 35px
    }
    .phn-mt-40,
    .phn-mv-40 {
        margin-top: 40px
    }
    .phn-mb-40,
    .phn-mv-40 {
        margin-bottom: 40px
    }
    .phn-mt-45,
    .phn-mv-45 {
        margin-top: 45px
    }
    .phn-mb-45,
    .phn-mv-45 {
        margin-bottom: 45px
    }
    .phn-mt-50,
    .phn-mv-50 {
        margin-top: 50px
    }
    .phn-mb-50,
    .phn-mv-50 {
        margin-bottom: 50px
    }
    .phn-mt-60,
    .phn-mv-60 {
        margin-top: 60px
    }
    .phn-mb-60,
    .phn-mv-60 {
        margin-bottom: 60px
    }
    .phn-mt-80,
    .phn-mv-80 {
        margin-top: 80px
    }
    .phn-mb-80,
    .phn-mv-80 {
        margin-bottom: 80px
    }
    .phn-mt-100,
    .phn-mv-100 {
        margin-top: 100px
    }
    .phn-mb-100,
    .phn-mv-100 {
        margin-bottom: 100px
    }
    .phn-mt-150,
    .phn-mv-150 {
        margin-top: 150px
    }
    .phn-mb-150,
    .phn-mv-150 {
        margin-bottom: 150px
    }
    .phn-ml-0,
    .phn-mh-0 {
        margin-left: 0px
    }
    .phn-mr-0,
    .phn-mh-0 {
        margin-right: 0px
    }
    .phn-ml-1,
    .phn-mh-1 {
        margin-left: 1px
    }
    .phn-mr-1,
    .phn-mh-1 {
        margin-right: 1px
    }
    .phn-ml-2,
    .phn-mh-2 {
        margin-left: 2px
    }
    .phn-mr-2,
    .phn-mh-2 {
        margin-right: 2px
    }
    .phn-ml-3,
    .phn-mh-3 {
        margin-left: 3px
    }
    .phn-mr-3,
    .phn-mh-3 {
        margin-right: 3px
    }
    .phn-ml-4,
    .phn-mh-4 {
        margin-left: 4px
    }
    .phn-mr-4,
    .phn-mh-4 {
        margin-right: 4px
    }
    .phn-ml-5,
    .phn-mh-5 {
        margin-left: 5px
    }
    .phn-mr-5,
    .phn-mh-5 {
        margin-right: 5px
    }
    .phn-ml-6,
    .phn-mh-6 {
        margin-left: 6px
    }
    .phn-mr-6,
    .phn-mh-6 {
        margin-right: 6px
    }
    .phn-ml-7,
    .phn-mh-7 {
        margin-left: 7px
    }
    .phn-mr-7,
    .phn-mh-7 {
        margin-right: 7px
    }
    .phn-ml-8,
    .phn-mh-8 {
        margin-left: 8px
    }
    .phn-mr-8,
    .phn-mh-8 {
        margin-right: 8px
    }
    .phn-ml-9,
    .phn-mh-9 {
        margin-left: 9px
    }
    .phn-mr-9,
    .phn-mh-9 {
        margin-right: 9px
    }
    .phn-ml-10,
    .phn-mh-10 {
        margin-left: 10px
    }
    .phn-mr-10,
    .phn-mh-10 {
        margin-right: 10px
    }
    .phn-ml-15,
    .phn-mh-15 {
        margin-left: 15px
    }
    .phn-mr-15,
    .phn-mh-15 {
        margin-right: 15px
    }
    .phn-ml-20,
    .phn-mh-20 {
        margin-left: 20px
    }
    .phn-mr-20,
    .phn-mh-20 {
        margin-right: 20px
    }
    .phn-ml-25,
    .phn-mh-25 {
        margin-left: 25px
    }
    .phn-mr-25,
    .phn-mh-25 {
        margin-right: 25px
    }
    .phn-ml-30,
    .phn-mh-30 {
        margin-left: 30px
    }
    .phn-mr-30,
    .phn-mh-30 {
        margin-right: 30px
    }
    .phn-ml-35,
    .phn-mh-35 {
        margin-left: 35px
    }
    .phn-mr-35,
    .phn-mh-35 {
        margin-right: 35px
    }
    .phn-ml-40,
    .phn-mh-40 {
        margin-left: 40px
    }
    .phn-mr-40,
    .phn-mh-40 {
        margin-right: 40px
    }
    .phn-ml-45,
    .phn-mh-45 {
        margin-left: 45px
    }
    .phn-mr-45,
    .phn-mh-45 {
        margin-right: 45px
    }
    .phn-ml-50,
    .phn-mh-50 {
        margin-left: 50px
    }
    .phn-mr-50,
    .phn-mh-50 {
        margin-right: 50px
    }
    .phn-ml-60,
    .phn-mh-60 {
        margin-left: 60px
    }
    .phn-mr-60,
    .phn-mh-60 {
        margin-right: 60px
    }
    .phn-ml-80,
    .phn-mh-80 {
        margin-left: 80px
    }
    .phn-mr-80,
    .phn-mh-80 {
        margin-right: 80px
    }
    .phn-ml-100,
    .phn-mh-100 {
        margin-left: 100px
    }
    .phn-mr-100,
    .phn-mh-100 {
        margin-right: 100px
    }
    .phn-ml-150,
    .phn-mh-150 {
        margin-left: 150px
    }
    .phn-mr-150,
    .phn-mh-150 {
        margin-right: 150px
    }
}
.pos-rel {
    position: relative
}
.pos-abs {
    position: absolute
}
.pos-fxd {
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-pos-rel {
        position: relative
    }
    .tab-pos-abs {
        position: absolute
    }
    .tab-pos-fxd {
        position: fixed;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-pos-rel {
        position: relative
    }
    .phn-tab-pos-abs {
        position: absolute
    }
    .phn-tab-pos-fxd {
        position: fixed;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
@media only screen and (max-width: 767px) {
    .phn-pos-rel {
        position: relative
    }
    .phn-pos-abs {
        position: absolute
    }
    .phn-pos-fxd {
        position: fixed;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
.clickable,
.is-clickable {
    cursor: pointer
}
.clickable-blue,
.is-clickable-blue {
    cursor: pointer
}
.clickable-blue:hover,
.is-clickable-blue:hover {
    color: #55bbea;
    text-decoration: underline
}
.link-block {
    display: block;
    text-decoration: none
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-clickable,
    .tab-is-clickable {
        cursor: pointer
    }
    .tab-link-block {
        display: block;
        text-decoration: none
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-clickable,
    .phn-tab-is-clickable {
        cursor: pointer
    }
    .phn-tab-link-block {
        display: block;
        text-decoration: none
    }
}
@media only screen and (max-width: 767px) {
    .phn-clickable,
    .phn-is-clickable {
        cursor: pointer
    }
    .phn-link-block {
        display: block;
        text-decoration: none
    }
}
.italic {
    font-style: italic
}
.line-through {
    text-decoration: line-through
}
.break-text {
    word-wrap: break-word
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-normal {
        font-weight: normal
    }
    .tab-bold {
        font-weight: bold
    }
    .tab-italic {
        font-style: italic
    }
    .tab-line-through {
        text-decoration: line-through
    }
    .tab-break-text {
        word-wrap: break-word
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-normal {
        font-weight: normal
    }
    .phn-tab-bold {
        font-weight: bold
    }
    .phn-tab-italic {
        font-style: italic
    }
    .phn-tab-line-through {
        text-decoration: line-through
    }
    .phn-tab-break-text {
        word-wrap: break-word
    }
}
@media only screen and (max-width: 767px) {
    .phn-normal {
        font-weight: normal
    }
    .phn-bold {
        font-weight: bold
    }
    .phn-italic {
        font-style: italic
    }
    .phn-line-through {
        text-decoration: line-through
    }
    .phn-break-text {
        word-wrap: break-word
    }
}
.width-auto {
    width: auto
}
.width-fill {
    width: auto;
    display: block;
    overflow: hidden
}
.width-full {
    width: 100%
}
.width-full-alt {
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-width-auto {
        width: auto
    }
    .tab-width-fill {
        width: auto;
        display: block;
        overflow: hidden
    }
    .tab-width-full {
        width: 100%
    }
    .tab-width-full-alt {
        width: 100%;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-width-auto {
        width: auto
    }
    .phn-tab-width-fill {
        width: auto;
        display: block;
        overflow: hidden
    }
    .phn-tab-width-full {
        width: 100%
    }
    .phn-tab-width-full-alt {
        width: 100%;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media only screen and (max-width: 767px) {
    .phn-width-auto {
        width: auto
    }
    .phn-width-fill {
        width: auto;
        display: block;
        overflow: hidden
    }
    .phn-width-full {
        width: 100%
    }
    .phn-width-full-alt {
        width: 100%;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}
.fl {
    float: left
}
.fr {
    float: right
}
.fn {
    float: none
}
.clr,
.clear {
    clear: both
}
.cf,
.clearfix {
    zoom: 1
}
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.cf:after,
.clearfix:after {
    clear: both
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-fl {
        float: left
    }
    .tab-fr {
        float: right
    }
    .tab-fn {
        float: none
    }
    .tab-clr,
    .tab-clear {
        clear: both
    }
    .tab-cf,
    .tab-clearfix {
        zoom: 1
    }
    .tab-cf:before,
    .tab-cf:after,
    .tab-clearfix:before,
    .tab-clearfix:after {
        content: " ";
        display: table
    }
    .tab-cf:after,
    .tab-clearfix:after {
        clear: both
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-fl {
        float: left
    }
    .phn-tab-fr {
        float: right
    }
    .phn-tab-fn {
        float: none
    }
    .phn-tab-clr,
    .phn-tab-clear {
        clear: both
    }
    .phn-tab-cf,
    .phn-tab-clearfix {
        zoom: 1
    }
    .phn-tab-cf:before,
    .phn-tab-cf:after,
    .phn-tab-clearfix:before,
    .phn-tab-clearfix:after {
        content: " ";
        display: table
    }
    .phn-tab-cf:after,
    .phn-tab-clearfix:after {
        clear: both
    }
}
@media only screen and (max-width: 767px) {
    .phn-fl {
        float: left
    }
    .phn-fr {
        float: right
    }
    .phn-fn {
        float: none
    }
    .phn-clr,
    .phn-clear {
        clear: both
    }
    .phn-cf,
    .phn-clearfix {
        zoom: 1
    }
    .phn-cf:before,
    .phn-cf:after,
    .phn-clearfix:before,
    .phn-clearfix:after {
        content: " ";
        display: table
    }
    .phn-cf:after,
    .phn-clearfix:after {
        clear: both
    }
}
.ta-c,
.ac {
    text-align: center
}
.ta-l,
.al {
    text-align: left
}
.ta-r,
.ar {
    text-align: right
}
.va-top,
.at {
    vertical-align: top
}
.va-middle,
.am {
    vertical-align: middle
}
.va-bottom,
.ab {
    vertical-align: bottom
}
.va-baseline,
.abl {
    vertical-align: baseline
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-ta-c,
    .tab-ac {
        text-align: center
    }
    .tab-ta-l,
    .tab-al {
        text-align: left
    }
    .tab-ta-r,
    .tab-ar {
        text-align: right
    }
    .tab-va-top,
    .tab-at {
        vertical-align: top
    }
    .tab-va-middle,
    .tab-am {
        vertical-align: middle
    }
    .tab-va-bottom,
    .tab-ab {
        vertical-align: bottom
    }
    .tab-va-baseline,
    .tab-abl {
        vertical-align: baseline
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-ta-c,
    .phn-tab-ac {
        text-align: center
    }
    .phn-tab-ta-l,
    .phn-tab-al {
        text-align: left
    }
    .phn-tab-ta-r,
    .phn-tab-ar {
        text-align: right
    }
    .phn-tab-va-top,
    .phn-tab-at {
        vertical-align: top
    }
    .phn-tab-va-middle,
    .phn-tab-am {
        vertical-align: middle
    }
    .phn-tab-va-bottom,
    .phn-tab-ab {
        vertical-align: bottom
    }
    .phn-tab-va-baseline,
    .phn-tab-abl {
        vertical-align: baseline
    }
}
@media only screen and (max-width: 767px) {
    .phn-ta-c,
    .phn-ac {
        text-align: center
    }
    .phn-ta-l,
    .phn-al {
        text-align: left
    }
    .phn-ta-r,
    .phn-ar {
        text-align: right
    }
    .phn-va-top,
    .phn-at {
        vertical-align: top
    }
    .phn-va-middle,
    .phn-am {
        vertical-align: middle
    }
    .phn-va-bottom,
    .phn-ab {
        vertical-align: bottom
    }
    .phn-va-baseline,
    .phn-abl {
        vertical-align: baseline
    }
}
.hide,
.hidden {
    display: none
}
.invisible {
    visibility: hidden
}
.visible {
    visibility: visible
}
.transparent {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}
.opaque {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1
}
.inline {
    display: inline
}
.block {
    display: block
}
.inline-block {
    display: inline-block;
    max-width: 100%
}
.table {
    display: table
}
.table-cell {
    display: table-cell
}
.table-row {
    display: table-row
}
.border-box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.hide-text {
    display: block;
    overflow: hidden;
    text-indent: -9999px
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.non-selectable,
.disable-text-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.uc {
    text-transform: uppercase
}
.lc {
    text-transform: lowercase
}
.inherit-color {
    color: inherit
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tab-hide,
    .tab-hidden {
        display: none
    }
    .tab-invisible {
        visibility: hidden
    }
    .tab-transparent {
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0
    }
    .tab-opaque {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }
    .tab-inline {
        display: inline
    }
    .tab-block {
        display: block
    }
    .tab-inline-block {
        display: inline-block;
        max-width: 100%
    }
    .tab-table {
        display: table
    }
    .tab-table-cell {
        display: table-cell
    }
    .tab-table-row {
        display: table-row
    }
    .tab-border-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .tab-hide-text {
        display: block;
        overflow: hidden;
        text-indent: -9999px
    }
    .tab-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .tab-non-selectable,
    .tab-disable-text-select {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .tab-uc {
        text-transform: uppercase
    }
    .tab-lc {
        text-transform: lowercase
    }
    .tab-inherit-color {
        color: inherit
    }
}
@media only screen and (max-width: 979px) {
    .phn-tab-hide,
    .phn-tab-hidden {
        display: none
    }
    .phn-tab-invisible {
        visibility: hidden
    }
    .phn-tab-transparent {
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0
    }
    .phn-tab-opaque {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }
    .phn-tab-inline {
        display: inline
    }
    .phn-tab-block {
        display: block
    }
    .phn-tab-inline-block {
        display: inline-block;
        max-width: 100%
    }
    .phn-tab-table {
        display: table
    }
    .phn-tab-table-cell {
        display: table-cell
    }
    .phn-tab-table-row {
        display: table-row
    }
    .phn-tab-border-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .phn-tab-hide-text {
        display: block;
        overflow: hidden;
        text-indent: -9999px
    }
    .phn-tab-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .phn-tab-non-selectable,
    .phn-tab-disable-text-select {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .phn-tab-uc {
        text-transform: uppercase
    }
    .phn-tab-lc {
        text-transform: lowercase
    }
    .tab-inherit-color {
        color: inherit
    }
}
@media only screen and (max-width: 767px) {
    .phn-hide,
    .phn-hidden {
        display: none
    }
    .phn-invisible {
        visibility: hidden
    }
    .phn-transparent {
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0
    }
    .phn-opaque {
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }
    .phn-inline {
        display: inline
    }
    .phn-block {
        display: block
    }
    .phn-inline-block {
        display: inline-block;
        max-width: 100%
    }
    .phn-table {
        display: table
    }
    .phn-table-cell {
        display: table-cell
    }
    .phn-table-row {
        display: table-row
    }
    .phn-border-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .phn-hide-text {
        display: block;
        overflow: hidden;
        text-indent: -9999px
    }
    .phn-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
    .phn-non-selectable,
    .phn-disable-text-select {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .phn-uc {
        text-transform: uppercase
    }
    .phn-lc {
        text-transform: lowercase
    }
    .phn-inherit-color {
        color: inherit
    }
}
.fade-in,
.fade-out {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}
.fade-out {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}
.fade-in {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1
}
.move-left {
    -webkit-transform: translateX(-100px) translateY(0);
    -moz-transform: translateX(-100px) translateY(0);
    -ms-transform: translateX(-100px) translateY(0);
    -o-transform: translateX(-100px) translateY(0);
    transform: translateX(-100px) translateY(0)
}
.move-right {
    -webkit-transform: translateX(100px) translateY(0);
    -moz-transform: translateX(100px) translateY(0);
    -ms-transform: translateX(100px) translateY(0);
    -o-transform: translateX(100px) translateY(0);
    transform: translateX(100px) translateY(0)
}
.mainSidebar_logoBlock {
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 50px;
    width: 240px
}
.mainSidebar_logoBlock_logo {
    position: absolute;
}
.mainSidebar_logoBlock_logo {
    display: block;
    width: 200px;
    height: 40px;
    margin-left: 15px;
    margin-right: auto;
    margin-top: -7px;
}
?
/*# sourceMappingURL=web.css.map */