button {
    border: 1px solid #fff
}

.modal-backdrop {
    z-index: 0 !important
}

.remove img {
    position: absolute;
    top: -17px;
    right: -18px
}

.mfp-content {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .4);
    margin: 5% auto !important;
    padding: 26px 30px 42px;
    background-color: #fff;
    width: 50% !important;
    padding: 50px
}

.mfp-content h3 {
    width: 100%;
    float: left;
    font-family: MyriadPro-Regular
}

.mfp-content button {
    float: left;
    margin-top: -20px !important;
    font-family: inherit
}

.mfp-content .full-name {
    width: 50%;
    float: left;
    margin: 20px 0 0
}

.mfp-content .full-name p {
    margin-bottom: 8px
}

.mfp-content input {
    border: 1px solid #e1e1e1;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 48px;
    padding: 0 15px;
    width: 90%
}

.help-block {
    color: red !important
}

mfp-content .sign-in-btn {
    background: #ffd200 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #020005;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 16px 50px;
    text-transform: uppercase;
    width: 200px;
    float: left !important
}

.mfp-content .forgot-pass {
    display: inline-block;
    padding: 10px 0;
    width: 100%
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #8d7e7e !important;
    font-size: 18px;
    line-height: 150%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    height: auto !important
}

.topnav {
    background-color: #f8f8f8;
    font-size: 15px
}

.cersquiznav p:hover {
    color: #fec400;
    text-decoration: none
}

.topnav p {
    padding-top: 2px;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 2px;
    font-size: 15px
}

.topnav p i {
    font-size: 15px !important
}

.mainNav nav {
    min-height: 75px;
    border-radius: 0;
    background: #fff;
    margin-bottom: 0
}

.mainNav nav .navbar-brand {
    height: 70px;
    padding: 18px 0 0 13px
}

.mainNav nav .navbar-brand img {
    width: 152px
}

.mainNav .nav.navbar-nav {
    padding: 10px
}

.mainNav .nav.navbar-nav li {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.mainNav .nav.navbar-nav li a {
    color: #fec400;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 10px
}

.mainNav .nav.navbar-nav li a:hover,
.mainNav .nav.navbar-nav li.active a:hover {
    color: #fec400;
    text-decoration: none;
    background: #f2f2f2
}

.mainNav .nav.navbar-nav li.active a {
    background: 0 0
}

.mainNav .nav.navbar-nav .dropdown .dropdown-menu {
    padding: 0;
    width: 600px;
    left: -139px
}

.mainNav .nav.navbar-nav .dropdown:hover .dropdown-menu {
    display: block
}

.navbar-form {
    margin-right: 0;
    margin-left: 20px !important;
    border: 0;
    box-shadow: none;
    margin-top: 18px !important;
    margin-bottom: 11px !important;
    position: relative
}

form.navbar-form input {
    background-color: #f5f5f5;
    border: 1px solid #e6e9ed;
    border-radius: 0;
    width: 200px !important;
    transition: .8s !important
}

form.navbar-form button {
    border: 0;
    position: absolute;
    top: 1px;
    right: 11px;
    color: #cfced0;
    background: 0 0;
    transition: .8s !important
}

.breadback {
    background: #282f37
}

.breadback .breadcrumb {
    margin-bottom: 0;
}

.breadback .breadcrumb li a {
    font-size: 14px;
    color: #fff
}

.breadcrumb>.active {
    font-size: 14px;
}

.bannersettings {
    background-image: url(../img/new-practice-tests-1920x880.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 27px
}

.bannersettings .textadj {
    color: #fff
}

.bannersettings .textadj h1 {
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em
}

.bannersettings .textadj h3 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em
}

.vendorsarea a {
    background: #fec400;
    color: #fff;
    border: 1px;
    padding: 15px 29px;
    border-style: solid;
    border-color: #fff;
    margin-bottom: 10px;
    transition: .8s;
    font-weight: 700
}

.vendorsarea a:hover {
    background: #fec400;
    color: #fff !important
}

.bannersettings .textadj h3:nth-child(3) {
    margin-top: 29px
}

.watchvideo {
    margin: 10px;
    background-color: #fec400;
    border-radius: 20px;
    padding: 1px 10px !important;
    color: #fff;
    display: table;
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px
}

.videoarea {
    background: #fff
}

.videoarea h4 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85;
    margin-top: 0
}

.videoarea p {
    font-size: 17px
}

.videoarea {
    padding: 40px 0
}

iframe.embed-responsive-item {
    width: 100%;
    height: 314px
}

.prductspreview {
    background: #fff;
    padding: 0 0 20px
}

.img1 {
    padding-top: 20px
}

.prductspreview img {
    padding-top: 20px;
    height: 250px
}

.prductspreview h3 {
    font-size: 30px;
    line-height: 150%;
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85
}

.prductspreview p {
    margin-top: 20px;
    padding-bottom: 20px !important;
    font-style: italic;
    margin-bottom: 0 !important;
    font-size: 18px;
    font-family: roboto;
    border-bottom: 1px solid #ccc
}

.mobiledevie {
    background: #fff;
    padding: 0 20px 60px
}

.stores img {
    float: left;
    height: 40px;
    margin-right: 14px
}

.stores {
    margin-top: 40px
}

.testimonialarea {
    background: url(../img/certification-questions-review.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.testimonialarea .text-center h3 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85
}

.testimonialarea .text-center p {
    font-size: 22px;
    line-height: 150%;
    margin-bottom: 39px
}

.testitext h4 {
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 0
}

.testitext h5 {
    margin-top: 5px;
    line-height: 160%;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    color: gray
}

.testitext p {
    font-size: 14px;
    line-height: 1.5
}

.testitext {
    margin-bottom: 50px
}

footer {
    font-size: 14px;
    line-height: 22px
}

footer a {
    color: #c4bdbd
}

footer a:hover {
    color: #fff
}

.fstfooter a {
    padding-top: 15px;
    padding-bottom: 20px;
    display: block
}

.secfooter {
    background-color: #fec400;
    padding: 40px 0 60px
}

a:hover {
    color: #fec400;
    text-decoration: none !important
}

.btn-whiterounded {
    background-color: #fff !important;
    color: #fec400 !important;
    padding: 10px;
    border-radius: 20px
}

.secfooter a {
    color: #fff
}

.secfooter i {
    color: #fff
}

.secfooter p {
    color: #26241a
}

.subscribe {
    position: relative
}

.subscribe input {
    background: rgba(255, 255, 255, .15);
    padding-right: 100px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #fff !important;
    border-radius: 50px;
    height: 40px
}

.subscribe button {
    position: absolute;
    top: 1px;
    right: -2px;
    margin-top: 3px;
    margin-right: 5px;
    color: #fff !important;
    line-height: 1;
    border-radius: 50px;
    padding: 10px 11px
}

.finalfooter li {
    display: inline-block;
}

.finalfooter li:before {
    display: inline-block;
    content: " ";
    padding-right: 8px
}

.finalfooter ul {
    list-style: none;
    padding-left: 0
}

.finalfooter ul li:nth-child(1):before {
    content: "";
    padding-left: 0
}

.finalfooter .container .col-sm-3 {
    padding-right: 0
}

.finalfooter {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 13px;
    background-color: #343434
}

.sidelines.text-center span,
.text-center .sidelines span {
    padding: 0 .5em
}

ul {
    list-style: none;
    position: relative;
    padding-left: 22px
}

ul.venderpageul {
    text-align: left
}

.sidelines {
    position: relative;
    line-height: 100%;
    border-bottom: 1px solid #ced7e0;
    margin-top: -.35em;
    margin-bottom: 1.5em;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85;
    font-size: 25px
}

.sidelines span {
    position: relative;
    top: .5em;
    background: #fff;
    padding: 0 .5em 0 0
}

.mainContentvendorpage {
    background: #fff;
    font-family: roboto;
    padding-bottom: 80px
}

.title-blue-light {
    text-align: center;
    color: #fec400;
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px
}

.inner-top-xs {
    padding-top: 40px;
    font-size: 22px;
    line-height: 150%
}

p a {
    color: #fec400;
    text-decoration: none;
    font-size: 15px
}

.mainContentvendorpage a {
    color: #c4bdbd
}

.bannersettings .textadj h4 {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 25px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em
}

.exampagecontent {
    background: #fff
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none
}

.rating-stars ul>li.star {
    display: inline-block
}

.rating-stars ul>li.star>i.fa {
    font-size: 1em;
    color: #ccc
}

.rating-stars ul>li.star.hover>i.fa {
    color: #ffcc36
}

.rating-stars ul>li.star.selected>i.fa {
    color: #ff912c
}

.green {
    color: #fec400 !important
}

.examleftsidebar .storeimg {
    padding: 5px 10px
}

.content {
    padding: 10px 15px
}

.rating {
    border: none;
    float: left;
    min-width: 155px
}

.rating>input {
    display: none
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ddd;
    float: right;
    cursor: pointer
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {
    color: gold
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label,
.vote.rating>label:hover,
.vote.rating>label:hover~label {
    color: orange
}

.voting .vote.count {
    text-align: center;
    clear: both;
    font-size: 13px;
    line-height: 0;
    color: #807e7e
}

.no-access {
    pointer-events: none
}

fieldset.vote.rating:hover+.vote .count {
    display: none
}

fieldset.vote.rating:hover+.vote .buy.count {
    visibility: hidden;
    display: inline
}

@media(min-width:1024px) {
    .yamm .dropdown-menu11 {
        top: 72px
    }
}

@media(max-width:1200px) {
    .owl-buttons {
        display: block
    }
}

@media(max-width:1024px) {
    .navbar .container {
        padding: 0 20px
    }

    .navbar-header {
        padding: 10px 0
    }

    .yamm .collapse,
    .yamm .dropdown,
    .yamm .dropup,
    .yamm .nav {
        margin: 0;
        padding: 0
    }

    .navbar-nav .dropdown+.dropdown {
        border-top: 1px solid #e6e9ed
    }

    .cq_logo_mobile {
        height: 100%
    }

    #testinmalsec br {
        display: block
    }
}

@media(max-width:992px) {
    #portfolio figure img {
        height: 350px;
        width: auto;
        margin: auto;
        display: table
    }

    .certificateslider .left {
        left: 0
    }

    .certificateslider .right {
        right: 10px
    }
}

@media(max-width:768px) {
    .soonavb1 img {
        width: 300px;
        height: 300px;
        margin: auto;
        display: table
    }

    .inner-top-xs {
        padding-top: 10px
    }

    #prodsec .prdsec1 img {
        margin: 20px auto;
        height: 150px
    }

    #prodsec .prdsec2>div {
        margin: 20px auto
    }

    .certificateslider .left {
        left: 0
    }

    .certificateslider .right {
        right: 0
    }

    .soonavlimg {
        display: table;
        margin: auto
    }

    #portfolio ul {
        margin: 20px 10px 30px
    }

    #portfolio .innerportdescr {
        padding: 0 30px;
        display: table
    }
}

@media(max-width:500px) {
    h1 {
        font-size: 1.5em
    }

    .ratinguser span {
        display: block
    }

    .sponser>div {
        width: 49%;
        margin: 10px auto
    }

    .certificateslider .left {
        left: 10px
    }

    .certificateslider .right {
        right: 15px
    }
}

@media(max-width:400px) {
    .soonavb1 img {
        width: 250px;
        height: 250px
    }

    #portfolio figure img {
        height: 250px
    }

    #prodsec .prdsec2 img {
        width: 80px !important
    }

    .soonavlimg img {
        margin: 5px auto;
        display: table
    }

    .certificateslider .playbtndiv {
        height: 20px;
        width: 20px;
        margin-left: -20px;
        margin-top: -24px
    }

    #topheader ul {
        padding: 0;
        text-align: center;
        float: none !important
    }

    #topheader ul a {
        font-size: 12px
    }

    .soonavlimg>div {
        display: table;
        margin: 10px auto
    }
}

.modal-dialog-center {
    margin-left: 19%
}

@media(max-width:320px) {
    .sec2b>div {
        display: table;
        margin: 10px auto
    }
}

main {
    padding-bottom: 1px
}

.my-list-bullet {
    list-style-type: disc
}

.img-responsive {
    margin: 0 auto
}

.verticle-center {
    display: inline-block;
    vertical-align: middle;
    float: none
}

#purchase,
#secure-payment .row div div {
    border-top: 3px solid #f5f5f5;
    padding-top: 15px;
    position: relative
}

#secure-payment .row div div {
    border: none
}

#signup .form-group {
    margin: 0 -15px 5px;
    color: #95a5a6;
    font-size: 15px
}

#signup label {
    margin: 0;
    font-weight: 100
}

#signup .form-control {
    margin: 0
}

#signup {
    border: none;
    padding: 0
}

#payment {
    padding-top: 15px
}

.social-media {
    width: 120px;
    background-color: red;
    color: #fff;
    border: none;
    margin: 15px 0
}

.social-media-buttons button {
    width: 100%;
    display: block;
    height: 44px
}

.verticle-line {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 0 auto;
    padding-top: 12px
}

.gray-bg .left-container {
    margin: 0;
    padding: 0;
    background: #fff
}

@media(min-width:992px) {
    .flex-container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .udemy-bundle-left.flex-height {
        position: absolute;
        bottom: 0;
        max-height: 544px
    }

    .udemy .slider {
        max-height: 244px
    }
}

@media(max-width:767px) {
    .verticle-line {
        display: none
    }

    .verticle-center {
        display: block
    }

    .verticle-text {
        text-align: center
    }

    .social-media-buttons {
        text-align: center
    }
}

.bs-wizard {
    margin-top: 0
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 0
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #fbe8aa;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #fbbd19;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px
}

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0;
    height: 8px;
    box-shadow: none;
    margin: 15px 0
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0;
    box-shadow: none;
    background: #fbe8aa
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #f5f5f5
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none
}

.subscription-popup .close {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 5px;
    color: #18334a;
    opacity: .5
}

.subscription-popup .close:hover {
    opacity: 1;
    cursor: pointer
}

.subscription-popup .description {
    margin: 0 27px;
    padding: 5px 0 15px;
    border-bottom: 1px solid #ccc;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 17px;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: center
}

.subscription-popup .user-subscribed {
    padding: 0 23px;
    display: table;
    height: 302px
}

.subscription-popup .user-subscribed .description {
    border: none
}

.subscription-popup .description .spam {
    font-size: 13px
}

.description .close-text {
    color: #0cbaf1
}

.description .close-text:hover {
    color: #3ed3ec;
    cursor: pointer
}

.checkout-bullet {
    margin: 0 auto;
    width: 80%;
    height: 100px;
    padding: 25px 0
}

.checkout-bullets .star::before {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 13px;
    padding: 0 10px 0 0
}

.cart-details {
    background: #f7f8f9;
    border: 1px solid #cfd9e2;
    border-radius: 6px;
    padding: 10px
}

.productMainTitle {
    display: table-row
}

.productMainTitle .dark-blue {
    float: none;
    display: table-cell;
    color: #13547d;
    text-align: right;
    line-height: 35px
}

.payment-button {
    text-align: center;
    padding: 20px 0
}

.payment-button button {
    width: 100%
}

#billingAddress label span {
    color: red;
    font-size: 14px;
    padding-right: 5px;
    vertical-align: super
}

.license {
    padding: 0;
    height: 45px;
    line-height: 40px
}

#billingAddress .radio-label {
    font-size: 21px;
    position: absolute;
    color: #c4bdbd;
    top: 9px;
    left: 41px;
    font-weight: 100
}

.radio-box {
    display: inline;
    width: 20px;
    box-shadow: none
}

.radio-box:focus {
    box-shadow: none
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: -3px;
    left: -16px;
    height: 22px;
    width: 22px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    font-weight: 700
}

.radio-container:hover input~.checkmark {
    background-color: #ccc
}

.radio-container:hover input:checked~.checkmark {
    background-color: #fff
}

.radio-container input:checked~.checkmark {
    border: 4px solid #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.radio-container input:checked~.checkmark:after {
    display: block
}

.radio-container .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2196f3;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.field-tip {
    position: relative;
    cursor: help;
    padding: 37px 0 0;
    text-decoration: underline;
    color: #70b2e0
}

.field-tip .tip-content {
    position: absolute;
    top: 25px;
    right: 9999px;
    width: 350px;
    margin-right: -220px;
    padding: 0;
    color: #000;
    background: #fff;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out
}

.field-tip .tip-content:before {
    content: ' ';
    position: absolute;
    top: 26px;
    left: -16px;
    width: 0;
    height: 0;
    margin-top: -8px;
    border: 8px solid transparent;
    border-right-color: #333
}

.field-tip:hover .tip-content {
    left: 65px;
    opacity: 1
}

.tip-content .tip-container {
    height: 200px;
    overflow: auto;
    display: block;
    margin: 0;
    padding: 10px
}

.tip-content .tip-block {
    padding: 1px 4px;
    display: block;
    text-align: justify
}

.tip-content .tip-block.tip-head {
    color: #3ea6da;
    background-color: #f1f1f1;
    border-radius: 5px
}

#billingAddress .btn,
#signup .btn {
    background-color: #70b2e0
}

#billingAddress .btn:hover,
#signup .btn:hover {
    background-color: #5293c1
}

button.social-media.facebook {
    background-color: #3b5998
}

button.social-media.facebook:hover {
    background-color: #324b80
}

button.social-media.google {
    background-color: red
}

button.social-media.google:hover {
    background-color: #e60303
}

@media(max-width:991px) {

    #billingAddress label,
    #billingAddress label .radio-label {
        font-size: 16px
    }
}

@media(max-width:400px) {

    #billingAddress label,
    #billingAddress label .radio-label {
        font-size: 13px
    }
}

@media(max-width:1199px) {
    h4.productMainTitle {
        font-size: 15px
    }
}

@media(max-width:345px) {
    h4.productMainTitle {
        font-size: 13px
    }
}

.simulator {
    background: #e0e4e8
}

.simulator .sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #364453;
    padding: 10px !important;
    padding-top: 0 !important;
    text-align: center;
    color: #fff;
    overflow-y: auto
}

.relative {
    position: relative
}

.simulator .clock {
    margin-top: 25px
}

.simulator .clock-icon {
    background-image: url(../images/icons/06.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto
}

.simulator .category-title {
    padding: 10px 0;
    background: #465767;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-sizing: border-box;
    word-wrap: break-word
}

.simulator .category-title h1.panel-title {
    color: #fff;
    text-transform: none;
    font-size: 18px;
    min-height: 42px;
    font-weight: 500;
    letter-spacing: normal
}

.simulator .sub-title {
    padding: 10px;
    font-size: 16px;
    margin-top: 80px;
    word-wrap: break-word
}

.simulator .control-button {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 38px;
    height: 38px;
    display: inline-block;
    margin: 7px auto;
    cursor: pointer
}

.simulator .control-buttons .play {
    background-image: url(../images/icons/01_1.png)
}

.simulator .control-buttons .play.active {
    background-image: url(../images/icons/01_2.png);
    cursor: not-allowed
}

.simulator .control-buttons .pause {
    background-image: url(../images/icons/02_1.png)
}

.simulator .control-buttons .pause.active {
    background-image: url(../images/icons/02_2.png);
    cursor: not-allowed
}

.simulator .control-buttons .restart {
    background-image: url(../images/icons/03_1.png)
}

.simulator .control-buttons .restart.yellow {
    background-color: #f49e0c;
    border-radius: 19px
}

.simulator .control-buttons .restart.disabled {
    background-image: url(../images/icons/03_02.png);
    cursor: not-allowed
}

.simulator .pause[disabled],
.simulator .play[disabled],
.simulator .restart[disabled] {
    cursor: not-allowed
}

.simulator .marked-questions {
    background: #465767;
    min-height: 350px
}

.simulator .marked-question {
    background: #9f4444;
    border-radius: 16px;
    width: 31px;
    margin: 10px 2px;
    display: inline-block
}

.simulator .marked-question a {
    vertical-align: middle;
    line-height: 30px
}

.simulator .marked-question a:hover {
    color: #f49e0c
}

.simulator #navigation-bar {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px
}

#navigation-bar .row {
    padding-top: 0;
    background: #fff
}

@media(min-width:768px) {
    .simulator .sidebar {
        width: 150px
    }

    .simulator .sidebar-offset {
        margin-left: 150px;
        width: calc(100% - 150px)
    }
}

@media(max-width:767px) {
    .simulator .sidebar {
        margin-top: 0
    }

    .simulator #navigation-bar,
    .simulator #questionary,
    .simulator #results,
    .simulator .footer {
        padding-left: 0;
        padding-right: 0;
        margin-right: -20px
    }
}

.progress-bar {
    background: -moz-linear-gradient(left, #19a58a 0, #38d9ba 100%);
    background: -webkit-linear-gradient(left, #19a58a 0, #38d9ba 100%);
    background: linear-gradient(to right, #19a58a 0, #38d9ba 100%)
}

.yellow .progress-bar {
    background: -moz-linear-gradient(left, #e1a250 0, #f49e0c 100%);
    background: -webkit-linear-gradient(left, #e1a250 0, #f49e0c 100%);
    background: linear-gradient(to right, #e1a250 0, #f49e0c 100%)
}

.page-navigate {
    padding: 0;
    padding-top: 2px
}

.page-navigate a,
.page-navigate button {
    display: inline-block;
    border-radius: 22px;
    width: 43px;
    padding: 6px
}

.icon-left-1:before {
    content: '\f104';
    font-family: FontAwesome;
    font-size: 30px;
    color: #fff;
    width: 100%;
    padding-right: 4px
}

.icon-right-1:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 30px;
    color: #fff;
    width: 100%;
    padding-left: 4px
}

.simulator .font.small {
    font-size: 23px
}

.simulator .font.large {
    font-size: 37px
}

.mark-block {
    padding-left: 10px;
    padding-right: 1px;
    padding-top: 2px
}

.mark-check {
    background: #1f2730;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.mark-check:hover {
    background: #1f2730bd
}

.mark-check.disabled {
    background: #1f2730d1;
    cursor: not-allowed
}

.mark-check.disabled:hover {
    background: #1f2730e6
}

.mark-check input[type=checkbox] {
    top: 0;
    right: 0;
    position: absolute;
    opacity: 0;
    height: 100%;
    margin: 0;
    cursor: pointer
}

.mark-check input[type=checkbox][disabled] {
    cursor: not-allowed
}

.mark-check input[type=checkbox]+label::before {
    background-image: url(../images/icons/01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 20px;
    vertical-align: bottom
}

.mark-check input[type=checkbox]+label::after {
    width: 12px;
    content: '';
    height: 12px;
    border: 1px solid #fff;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
    border-radius: 8px
}

.mark-check input[type=checkbox]:checked+label::after {
    background-color: #19a58a
}

.simulator .footer .row {
    background: #fff;
    padding: 10px 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15)
}

.simulator .clock .clock-time {
    color: #fff
}

@media(max-width:498px) {
    .simulator .clock .clock-time {
        font-size: 10px
    }
}

.simulator .clock-time,
.simulator .panel-title {
    color: #4a5a6c
}

.footer .clock-time {
    font-size: 34px;
    margin-top: 10px
}

.footer .btn.solution {
    border-radius: 22px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0
}

.footer .page-navigate {
    padding-top: 5px
}

.footer .end-test .btn {
    margin: 0;
    border-radius: 34px;
    padding-right: 46px;
    padding-top: 8px;
    padding-bottom: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none
}

.header-buttons {
    color: #a1a1a3;
    font-family: Glyphicons Halflings;
    position: relative
}

.btn-collapse:after {
    content: "\e260"
}

.collapsed.btn-collapse:after {
    content: "\e259"
}

.btn-expand:after {
    content: "\e096";
    margin-right: -.5vw
}

.expand.btn-expand:after {
    content: "\e097"
}

.expanded {
    height: 67.6vh !important
}

.header-buttons input[type=checkbox] {
    position: absolute;
    width: 16px;
    height: 20px;
    opacity: 0
}

.header-buttons input[type=checkbox]:hover+.btn-check:after {
    color: #fec400
}

.btn-check:after {
    content: "\e157"
}

.header-buttons input[type=checkbox]:checked+.btn-check:after {
    content: "\e067";
    color: #fec400
}

.btn-close:after {
    content: "\e014"
}

#result-body ul li {
    float: left;
    padding-left: 10px
}

.result .text {
    padding-left: 33px;
    margin-top: 6px
}

.wrong-answers {
    clear: both;
    padding-top: 15px;
    padding-bottom: 29px
}

.result .smiley {
    width: 31px
}

.result .correct,
.result .pass {
    color: #fec400
}

.result .correct a:hover {
    color: #17ab8e;
    text-decoration: underline
}

.result .fail,
.result .incorrect {
    color: #e93434
}

.result .incorrect a:hover {
    color: #c32e2e;
    text-decoration: underline
}

.progress-circle {
    text-align: center;
    margin-top: 10px;
    position: relative
}

.progress-circle path {
    stroke: #08a286;
    stroke-linecap: round;
    stroke-linejoin: miter;
    -webkit-transition: stroke-dashoffset .2s ease-in;
    transition: stroke-dashoffset .2s ease-in;
    fill: transparent
}

.progress-circle.red path {
    stroke: #fa6c65
}

.progress-circle .score {
    font-size: 56px;
    margin-top: -97px;
    height: 100px
}

.progress-circle.red .score {
    color: #fa6c65
}

#questionary .answer-options {
    margin-top: 0
}

.classResponse {
    padding-right: 0;
    padding-left: 10px
}

.divAnswerTextWithImage {
    width: 100%;
    background: 0 0;
    text-align: justify;
    padding-right: 35px;
    -webkit-transition: height 0, 3s ease;
    -moz-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease
}

.simulator .end-test>a.btn::before {
    background-image: url(../images/icons/03.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    width: 38px;
    height: 19px;
    vertical-align: middle
}

.simulator::-webkit-scrollbar {
    width: 5px;
    height: 4px
}

.simulator::-webkit-scrollbar-track {
    background: #d4d4d4
}

.simulator::-webkit-scrollbar-thumb {
    background: #8a8a8a;
    border-radius: 10px
}

.simulator::-webkit-scrollbar-thumb:hover {
    background: #757474
}

.title-blue-light {
    text-align: center;
    color: #fec400;
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px
}

.video-container {
    margin: 20px
}

.img-general-product {
    margin-right: 0 !important;
    margin-bottom: 45px
}

.info-subscription-right-banner {
    margin-right: -2px !important;
    margin-left: 0
}

.moneybackpolicy {
    text-decoration: underline
}

.btn-shadow {
    box-shadow: 4px 4px 10px grey;
    background: #f90 !important
}

.btn-shadow:active,
.btn-shadow:focus,
.btn-shadow:hover {
    box-shadow: 4px 4px 10px grey;
    background: #f90 !important
}

.navbar-nav.product-search {
    position: relative
}

.navbar-nav.product-search i.fa-search {
    position: absolute;
    font-family: FontAwesome;
    right: 17px;
    top: 24px;
    font-style: normal;
    z-index: 2;
    color: #cfced0
}

@media(max-width:1024px) {
    .navbar-nav.product-search i.fa-search {
        right: 12px;
        top: 3px
    }
}

.angucomplete-holder {
    position: relative
}

.angucomplete-holder input#ex1_value {
    margin-bottom: 0
}

.angucomplete-holder input#ex1_value:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .08);
    padding-right: 30px
}

.angucomplete-holder input#ex1_value:focus {
    background: #fff
}

.angucomplete-searching {
    padding-left: 10px
}

.angucomplete-dropdown {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .08);
    position: absolute;
    background: #fff;
    font-size: 13px;
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    z-index: 10
}

@media(max-width:1024px) {
    .angucomplete-dropdown {
        font-size: 10px;
        width: 100%
    }
}

@media(max-width:768px) {
    .angucomplete-dropdown {
        font-size: 10px
    }
}

.angucomplete-row {
    line-height: 1em;
    padding: 3px 10px
}

.angucomplete-row.angucomplete-selected-row {
    background: #eee
}

.angucomplete-description,
.angucomplete-title {
    display: inline !important
}

.angucomplete-description .highlight,
.angucomplete-title .highlight {
    font-weight: 600
}

.angucomplete-holder input#ex1_value {
    height: 30px
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -179px 0 0 !important;
    width: 302px !important;
    height: 65px !important;
    z-index: -999999;
    opacity: 0
}

.vendor-list {
    padding-top: 10px;
    text-transform: capitalize;
    border-bottom: 3px solid
}

.product-list {
    border-bottom: 1px solid;
    padding: 5px;
    margin: 10px auto;
    cursor: pointer
}

.product-list a {
    display: inline-block;
    width: 100%
}

.product-description {
    font-size: 14px;
    font-style: italic
}

.pdp .price span,
.pdp .product span {
    display: block
}

.table.price-comparison td,
.table.price-comparison th {
    text-align: center
}

.exam-credits {
    background: #f3f3f3;
    padding: 10px;
    margin-top: 10px
}

.exam-credits .star:before {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 13px;
    padding: 0 10px 0 0
}

.practice-exam {
    font-family: Source Sans Pro;
    font-size: 18px
}

.practice-exam h1.header {
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    margin: 30px 0;
    color: #506a85
}

h2.sub-header {
    font-size: 24px;
    color: #1b9d7f;
    font-weight: 700;
    margin-bottom: 10px;
    text-decoration: underline
}

.exam-info {
    line-height: 41px
}

.practice-exam .field {
    font-weight: 700;
    color: #2e3e4d
}

.practice-exam .social-icons {
    margin-bottom: 35px;
    margin-top: 20px
}

.exam-facts .product-video {
    padding: 0
}

.exam-facts .product-video .video-container {
    margin: 20px 0
}

.exam-facts .product-facts {
    margin-top: 20px
}

.exam-facts .fact {
    line-height: 35px
}

.exam-facts .fact.moneybackpolicy {
    font-weight: 700;
    text-decoration: none;
    font-size: 24px
}

.exam-facts .plans-link {
    display: inherit;
    text-decoration: underline;
    color: #15a68c;
    font-style: italic
}

.practice-exam .mobile-app {
    margin-top: 30px;
    margin-bottom: 30px
}

.practice-exam .mobile-app .comgoogle {
    margin: 0
}

.mobile-app .comios {
    margin: 0;
    margin-left: 16px
}

.practice-exam .title-bottom {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 24px
}

.price-comparison.table th {
    background: #719cb2;
    color: #fff;
    padding: 11px 0;
    font-weight: 500
}

.table.price-comparison th span {
    display: block;
    font-size: 28px;
    font-weight: 700
}

.price-comparison.table tr:nth-child(even) {
    background: #ecf2f5
}

.price-comparison.table td {
    font-size: 18px;
    padding: 15px 0
}

.table.price-comparison td:first-child {
    text-align: right;
    padding-right: 15px
}

.price-comparison.table tr:last-child td {
    padding: 0;
    background: #5bb7a3;
    color: #fff
}

.price-comparison.table tr:last-child td:first-child {
    background: #b9e1d8
}

.price-comparison.table tr:last-child td:first-child:hover {
    background: #b9e1d8
}

.price-comparison.table tr:last-child td:hover {
    background: #52a593
}

.price-comparison.table tr:last-child td a {
    margin: 0;
    width: 100%;
    font-weight: 700
}

.price-comparison.table tr:last-child td a {
    color: #fff
}

.price-comparison.table tr:last-child td a.btn-buy {
    background: #5bb8a3
}

.price-comparison.table tr:last-child td a.btn {
    border: none;
    border-radius: inherit;
    font-size: 18px
}

.price-comparison.table i.fas {
    font-family: FontAwesome;
    font-size: 24px;
    color: #87a4b2;
    font-style: unset
}

.table.price-comparison {
    margin-bottom: 60px
}

.price-comparison.table .table-button {
    min-height: 50px;
    display: table;
    width: 100%;
    margin: 0 auto
}

.price-comparison.table .table-button a {
    vertical-align: middle;
    display: table-cell
}

@media(max-width:767px) {
    .price-comparison.table>tbody>tr>td {
        font-size: 11px;
        padding: 25px 0
    }

    .price-comparison.table>tbody>tr>td .field {
        margin-bottom: 10px
    }
}

@media(min-width:1025px) {
    ul.dropdown-menu.tabbed-menu {
        left: -21px
    }
}

@media(min-width:1025px) and (max-width:1199px) {
    ul.dropdown-menu.tabbed-menu {
        width: 440px;
        overflow: auto;
        max-height: 90vh
    }

    .dropdown-menu.tabbed-menu li.dropdown-submenu {
        display: inline-block
    }
}

@media(min-width:1201px) {
    ul.dropdown-menu.tabbed-menu {
        width: 660px
    }

    .tabbed-menu li.dropdown-submenu.hover {
        display: inline-table;
        width: 220px
    }

    ul.dropdown-menu.tabbed-menu {
        left: -15px
    }

    .free-pdf-download .dropdown-submenu.open>.dropdown-menu,
    .free-web-simulator .dropdown-submenu.open>.dropdown-menu {
        left: 410px !important
    }
}

.vendorsarea a:last-child {
    background: #fec400
}

.imgadjustment img {
    width: 150px;
    height: 96px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu .dropdown-menu {
    top: 91px;
    left: 53.3% !important;
    margin-top: -1px !important;
    position: fixed
}

.mainNav .nav.navbar-nav .dropdown .dropdown-menu li {
    float: left;
    width: 33.33%
}

.mainNav .nav.navbar-nav .dropdown .dropdown-menu li a {
    padding: 6px 10px;
    line-height: 23px;
    overflow: hidden
}

.dropdownnow {
    padding: 0 5px;
    background-color: #fec400;
    padding-bottom: 70px;
    min-height: 400px;
    color: #fff
}

.dropdownnow li a {
    color: #fff !important
}

.breadcrumb>li+li:before {
    color: #ccc;
    content: "\203A";
    padding: 10px 10px;
    font-size: 22px;
    margin-bottom: 0
}

.vendorpagearea {
    margin: 40px 0 20px
}

.vendorpagesetting {
    background-image: url(../img/new-practice-tests.jpg);
    padding: 27px;
    background-repeat: repeat;
    background-size: unset
}

.vendorpagearea a:last-child {
    background: #88a7bb
}

.vendorpageh1adj h1 {
    text-transform: uppercase
}

.udemy .figure h4 {
    text-align: center;
    border: 1px solid;
    padding: 10px 0;
    font-size: 24px
}

.udemy .figure h4 a {
    text-decoration: none
}

.udemy .figure h4 a:hover {
    text-decoration: none
}

.udemy h3 {
    font-size: 17px;
    color: #313131;
    line-height: 24px;
    margin-top: 10px
}

.udemy h3.selectedProductMainTitle {
    font-size: 1.6em;
    font-weight: 800
}

.udemy h3.selectedProductMainTitle .subtitle {
    font-size: .7em !important;
    font-weight: 600
}

.udemy h5 {
    font-size: 12px;
    color: #313131 !important
}

.udemy h6 {
    font-size: 17px;
    color: #313131 !important;
    line-height: 11px
}

.udemy ul li {
    font-size: 17px;
    color: #313131 !important;
    line-height: 11px
}

.udemy ul li img {
    margin-right: 10px
}

.udemy h4 {
    background: #323232;
    padding: 5px 0;
    font-size: 10px;
    color: #fff
}

.udemy .best-sellers.rating {
    background-color: #323232;
    padding: 0 7px;
    float: left;
    font-size: 14px;
    margin-bottom: 20px
}

.udemy .best-sellers.rating .tab {
    color: #323232;
    background: #ffd43f;
    margin-left: 10px;
    padding: 0 7px;
    float: left;
    margin-right: 15px
}

.udemy .ratingstardiv {
    width: 24%;
    float: left;
    font-size: 12px
}

.udemy .bundle-pack .ratingstardiv {
    width: 60%
}

.udemy .slider .card .ratingstardiv {
    width: 100%
}

.udemy .slider .card .ratingstardiv .stars {
    font-size: 12px
}

.udemy .bundle-pack .card .rating-data {
    font-size: 10px
}

.udemy .bundle-pack .card .big-rating {
    font-weight: 700;
    font-size: 13px
}

.udemy .slide_text {
    float: left;
    width: 100%;
    color: #596e81
}

.udemy .slide_text h2 {
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 10px
}

.udemy .slide_text h3 {
    color: #596e81 !important;
    font-size: 11px;
    margin-bottom: 5px
}

.udemy .slide_text h5 {
    text-align: right;
    color: #1da822;
    font-size: 20px;
    background: #fff !important
}

.udemy .slide_text h5 span {
    font-size: 12px !important;
    margin-right: 5px;
    color: #566a7d
}

.udemy .slider_img img {
    width: 100%
}

.udemy .slider_img.img-left img {
    width: 10em
}

.udemy .slide_text .ratingstardiv {
    font-size: 7px;
    margin: 0;
    line-height: 0
}

.udemy .slide_text .rating>label:before {
    margin-right: 0
}

.udemy .slide_text .ratingstardiv h6 {
    float: left;
    font-size: 7px;
    margin-left: 11px
}

.udemy .slide_text .ratingstardiv h6 span {
    font-size: 10px
}

.udemy .center_image {
    margin-top: 70px
}

.udemy .figure {
    position: relative
}

.udemy .figure h5 span {
    color: #4fb74c
}

.udemy .figure h5 {
    font-size: 24px;
    color: #fff;
    float: left;
    width: 100%;
    background: #617587;
    padding: 10px 20px
}

.udemy .figure h5 img {
    margin-right: 10px
}

.udemy .slider {
    float: left;
    width: 100%;
    margin-top: 6.25em;
    margin-bottom: 5em
}

.udemy h2 {
    text-align: center;
    font-size: 19px;
    color: #fec400
}

.udemy ul li img {
    max-height: 22px
}

.udemy .rating>label:before {
    margin: 0;
    margin-left: 5px
}

.udemy .ratingstardiv h2 {
    font-size: 10px
}

.udemy h4 span:before {
    height: 15px;
    width: 16px;
    content: '';
    background: url(../images/udemy/squre_image.png);
    position: absolute;
    right: 0;
    left: 95px;
    top: 158px
}

.udemy span_text {
    margin-right: 10px
}

.udemy .error {
    color: red
}

.udemy .gray-bg {
    background-color: #f3f3f3 !important
}

.udemy .content-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.udemy .separator {
    height: 1em
}

.udemy .separator-xl {
    height: 4em
}

.udemy .separator-md {
    height: 2em
}

.udemy .prtactive {
    padding-bottom: 5px !important;
    border-color: #fec400;
    color: #fec400 !important
}

.udemy #port1 {
    font-weight: 600;
    padding-bottom: 15px
}

.udemy #port2 {
    border-radius: 100%;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle
}

.udemy ul#port2 li {
    vertical-align: middle;
    margin-bottom: 10px;
    color: #c4bdbd !important
}

.udemy #port1,
.udemy #port2 {
    margin: 0 auto
}

.udemy #port1 li {
    font-size: 20px;
    padding-bottom: 8px !important;
    color: #c4bdbd !important
}

.udemy .thumbnail-btn {
    background-color: #fff;
    color: #fec400;
    font-size: 21px;
    text-align: center;
    padding: 1.2em 0;
    border: 1px solid #c4ccd3;
    margin-bottom: -5px
}

.udemy-bundle-left .thumbnail-btn {
    margin: 0 auto;
    clear: both
}

.udemy .udemy-color {
    color: #4fb74c
}

.udemy .bold {
    font-weight: 700
}

.udemy .thumbnail-btn.active {
    background-color: #fec400;
    color: #fff
}

.udemy .bundled-with {
    color: #fec400
}

.udemy .bundled-with .bundle-pack {
    border-radius: 3px;
    background-color: #fec400 !important;
    color: #fff;
    position: relative
}

.udemy button.udemy-Button.deactivated {
    background: 0 0;
    border: 1px solid #6d717b
}

.udemy button.udemy-Button.deactivated:hover {
    background: url(../images/udemy/background-button-udemy.png);
    color: #fff
}

.udemy .udemy-Button {
    background: url(../images/udemy/background-button-udemy.png);
    height: 49px;
    width: 90.5%;
    text-align: center;
    border: 1px solid #525252;
    margin-bottom: 20px;
    cursor: pointer;
    margin: 1em auto 20px auto;
    position: relative
}

.udemy .udemy-Button:hover {
    background: url(../images/udemy/background-button-udemy-hover.png)
}

.udemy .plus-icon {
    position: absolute;
    left: 45%;
    top: 7em;
    background: url(../images/udemy/imagesprite.png);
    height: 49px;
    width: 50px;
    background-position-x: -124.3em
}

.udemy .slider .plus-icon {
    top: 45.5%;
    background-position-x: -124.5em;
    background-position-y: 29px;
    height: 31px
}

.udemy .slider .plus-icon img {
    width: 70%;
    left: 50%
}

.udemy .card {
    background-color: #fff;
    min-height: 20px;
    width: 85% !important;
    border-radius: 3px;
    border: 1px solid #525252;
    margin: 20px auto 10px auto !important;
    min-height: 15em;
    max-height: 16em;
    color: #fec400;
    text-align: center
}

.udemy #coursesSlider .item {
    width: 100%
}

.udemy .slider .card {
    width: 8em;
    margin: 0;
    float: right;
    min-height: 280px;
    color: #fec400;
    text-align: center;
    min-height: 238px
}

@media (max-width:900px) {
    .udemy .udemy-bundle-left .slider .card {
        width: 80%;
        margin: 0 auto
    }
}

.udemy .slider .card h2 {
    font-size: 13px;
    text-align: left
}

.udemy .udemy-content {
    padding: 15px
}

.udemy .slider .udemy-content {
    padding: 10px
}

.udemy .card .udemy-content .title {
    text-align: left
}

.udemy .bundle-pack .card .udemy-content .title {
    text-align: left;
    font-size: 16px;
    line-height: 17px;
    font-weight: 700;
    margin-bottom: 5px
}

.udemy .card .title {
    color: #506a85
}

.udemy .card .author {
    text-align: left;
    font-weight: 500 !important
}

.udemy .slider .card .author {
    font-size: 12px
}

.udemy .card .striked-price {
    text-decoration: line-through
}

.udemy .slider .card .striked-price {
    font-size: 10px
}

.udemy .bundle-pack .card .striked-price {
    font-size: 13px;
    color: #506a85
}

.udemy .card .small-price {
    text-align: right;
    color: #17aa1c !important
}

.udemy .bundle-pack .card .small-price {
    width: 100%
}

.udemy .card .price-container {
    text-align: right;
    width: 100%;
    float: right
}

.udemy .card .udemy-content .stars {
    float: left
}

.udemy .slider .card .rating-data,
.udemy .slider .card .rating-totals {
    margin-top: 7px;
    text-align: right
}

.udemy .slider .card .rating-data .big-rating {
    font-weight: 700;
    font-size: 12px
}

.udemy .slider .card .rating-data .ratings-total {
    font-size: 9px
}

.udemy .bundled-with .udemy-payments {
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 15px
}

.accountimg .udemy-payments img {
    margin: 75px auto
}

.udemy-payments img {
    width: 18vw
}

.udemy .card .price {
    color: #fec400 !important;
    font-size: 45px !important;
    font-weight: 300 !important
}

.udemy .card .udemy-course-image {
    width: 100%;
    height: 110px
}

.udemy .card .separator {
    height: 3px;
    background-color: #17aa1c;
    width: 34%;
    margin: 23px auto 18px auto
}

.udemy .card .content {
    margin-top: 4em
}

.udemy .card .bold {
    font-weight: 700
}

.udemy .card .italic {
    font-style: italic !important
}

.udemy .card .most-popular.subscription {
    margin-top: -1.4em
}

.udemy .card .most-popular {
    position: relative;
    width: 100%
}

.udemy .card .most-popular img {
    width: auto;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0
}

.udemy-Button span {
    top: .4em;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 21px;
    font-weight: 700
}

.udemy .star:before {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 13px;
    padding: 0 10px 0 0
}

.udemy .udemy-bundle-left {
    min-height: 26em;
    margin-top: 5px;
    overflow: hidden;
    cursor: pointer
}

.udemy .standard-subscription,
.udemy .udemy-bundle-left {
    transition: all .3s ease-in;
    padding: 0
}

.udemy .udemy-bundle-left .carousel-indicators {
    position: absolute;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    left: 0 !important;
    right: 0;
    text-align: center;
    list-style: none;
    margin: 0 auto
}

.udemy .bundle-pack .carousel-indicators li,
.udemy .udemy-bundle-left .carousel-indicators li {
    width: 1em;
    height: 1em;
    margin-right: 5px
}

.udemy .udemy-bundle-left.white-bg {
    margin-top: 5px;
    overflow-y: hidden;
    min-height: 26em
}

.udemy .white-bg {
    background-color: #fff
}

.udemy .line-left img {
    width: 100%
}

.udemy .line-right img {
    width: 100%
}

.udemy .text-right {
    text-align: right
}

.sprite {
    left: 1em;
    background: url(../img/imagesprite.png);
    background-position-x: -108.5em;
    width: 33px;
    background-repeat: no-repeat
}

.sprites {
    right: 1em;
    background: url(../img/imagesprite.png);
    background-position-x: -110em;
    width: 33px;
    background-repeat: no-repeat
}

.udemy .bundle-pack .right.carousel-control {
    right: .8em
}

.udemy .udemy-bundle-left right carousel-control {
    right: -1.2em
}

.udemy .subscription-columns {
    color: #fec400
}

.udemy .subscription-columns .description {
    font-style: italic;
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px
}

.udemy .subscription-columns .description.limited {
    font-weight: 700;
    color: #f7dd02
}

.udemy #port3>ul li {
    line-height: 20px !important
}

.udemy .bold {
    font-weight: 800
}

.udemy .gray {
    color: #fec400 !important
}

.udemy .white {
    color: #fff !important
}

.udemy .buy-button,
.udemy .buy-button-small {
    background-color: #54697c;
    font-weight: 800;
    position: relative;
    margin-top: 10px
}

.udemy .buy-button {
    height: 75px
}

.udemy .buy-button span,
.udemy .buy-button-small span,
.udemy .buy-limited span {
    color: #fff
}

.udemy .buy-button-small,
.udemy .buy-limited {
    height: 2em;
    margin-bottom: .5em
}

.udemy .buy-button-small span,
.udemy .buy-limited span {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 3px
}

.udemy .buy-button span {
    top: .4em;
    position: absolute;
    width: 100%;
    left: 0
}

.udemy .buy-box,
.udemy .buy-box-selected {
    padding: .5em
}

.udemy .glyphicon-star:before {
    color: #17aa1c !important
}

.udemy .item {
    width: 100%
}

.udemy .course-description {
    color: #333;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 100px
}

.udemy .innerportdescr ul li {
    margin: .4em !important;
    line-height: 25px;
    font-size: 13px
}

.udemy .innerportdescr .certquestions-orig ul li {
    margin: .4em !important;
    line-height: 20px;
    font-size: 17px;
    color: #fec400 !important
}

.udemy .promo-code ul {
    display: inline-block
}

.udemy .input-coupon .groupon_input_box {
    width: 30%;
    float: left;
    margin-right: 10px !important;
    height: 3.8em !important;
    background-color: #fff
}

.udemy .get-promo-button {
    width: 33%;
    float: left
}

.udemy .get-promo-button .groupon_submit_button {
    height: 4em
}

.udemy .submit-button .groupon_submit_button {
    width: 33%;
    float: left;
    height: 4em !important
}

.udemy .sprite.carouselleft {
    background: 0 0
}

.udemy .sprite.carouselleft img {
    width: 100%
}

.udemy .sprite.carouselright {
    background: 0 0
}

.udemy .sprite.carouselright img {
    width: 100%
}

.udemy .udemy-logo {
    text-align: center;
    margin: 0 auto;
    width: 60%;
    padding-bottom: 1em
}

.udemy .udemy-logo img {
    width: 88%
}

.udemy li.icon img {
    width: 20px;
    height: auto
}

.udemy .standard-subscription img {
    width: 70%;
    height: auto !important;
    margin: 0 auto
}

.udemy .standard-subscription {
    text-align: center;
    cursor: pointer
}

.udemy li.icon .play-icon {
    background: url(../images/udemy/imagesprite.png);
    width: 28px;
    height: 24px;
    float: left;
    background-position-y: -3.7em;
    background-position-x: -37.9em
}

.udemy li.icon .empty-icon {
    background: url(../images/udemy/imagesprite.png);
    width: 20px;
    height: 24px;
    float: left;
    background-position-y: -3.7em;
    background-position-x: -34.1em
}

.udemy li.icon .mobile-icon {
    background: url(../images/udemy/imagesprite.png);
    width: 20px;
    height: 24px;
    float: left;
    background-position-y: -3.7em;
    background-position-x: -36.1em
}

.udemy li.icon .article-icon {
    background: url(../images/udemy/imagesprite.png);
    width: 20px;
    height: 24px;
    float: left;
    background-position-y: -3.7em;
    background-position-x: -30.1em
}

.udemy li.icon .round-icon {
    background: url(../images/udemy/imagesprite.png);
    width: 25px;
    height: 24px;
    float: left;
    background-position-y: -3.7em;
    background-position-x: -40.4em
}

.udemy li.icon .certificate-icon {
    background: url(../images/udemy/imagesprite.png);
    width: 25px;
    height: 24px;
    float: left;
    background-position-y: -3.7em;
    background-position-x: -31.9em
}

.udemy .modal-dialog {
    top: 17%
}

.modal-dialog .udemy .modal-content {
    border: none;
    -webkit-box-shadow: none
}

.udemy .modal-header {
    text-align: center;
    background-color: #fec400 !important;
    height: 2.5em;
    padding: 0
}

.udemy .modal-body {
    text-align: center
}

.udemy .modal-body input {
    width: 33.5em;
    margin: 1em 1em 2em 1em
}

.udemy .modal-content .thumbnail-btn {
    border: none !important;
    margin: 0 !important;
    padding: .4em;
    font-size: 19px
}

.udemy .modal-content .thumbnail-btn img {
    width: 1.6em
}

.udemy .modal-body input::-webkit-input-placeholder {
    text-align: center;
    opacity: .5
}

.udemy .modal-body input:-moz-placeholder {
    text-align: center;
    opacity: .5
}

.udemy .modal-body input::-moz-placeholder {
    text-align: center;
    opacity: .5
}

.udemy .modal-body input:-ms-input-placeholder {
    text-align: center;
    opacity: .5
}

.udemy .modal-body input::-ms-input-placeholder {
    text-align: center;
    opacity: .5
}

.udemy .modal-body .udemy-Button span {
    color: #fff
}

.udemy .modal-body .udemy-Button {
    color: #fff;
    width: 26em;
    margin: 0 auto 20px auto
}

@media (min-width:768px) {
    .udemy .modal-dialog {
        width: 700px;
        margin: 30px auto
    }
}

@media (max-width:992px) {
    .udemy .slider .card {
        float: none !important;
        min-height: 18em
    }

    .udemy .slider .card img {
        height: 10em
    }

    .udemy .card .udemy-course-image {
        height: 8em
    }

    .udemy .slide .left.carousel-control .sprite {
        left: 0
    }

    .udemy .bundle-pack .left.carousel-control .sprite {
        left: .8em
    }

    .udemy .slider {
        margin-top: 3.25em
    }

    .udemy .get-promo-button,
    .udemy .input-coupon .groupon_input_box,
    .udemy .submit-button .groupon_submit_button {
        width: 100% !important
    }

    .udemy .card {
        width: 70% !important
    }

    .udemy .selectedProductMainTitle {
        text-align: center
    }

    .udemy .udemy-logo {
        text-align: center
    }

    .udemy .udemyTitle {
        text-align: center
    }

    .udemy .best-sellers.rating {
        margin-left: 0
    }

    .udemy .udemy-Button span {
        top: .5em
    }

    .udemy .udemy-bundle-left .slider_img.img-left {
        margin-top: -2em
    }

    .udemy .standard-subscription img {
        max-width: 60%;
        width: 60%
    }

    .udemy .slider_img {
        text-align: center !important
    }

    .udemy .bundled-with .bundle-pack .udemy-Button {
        margin-bottom: 0
    }
}

@media (max-width:600px) {
    .udemy .slider .card {
        min-height: 16em !important
    }

    .udemy .slider .card img {
        height: 8em !important
    }

    .udemy .bundle-pack .card.left {
        min-height: 15em !important
    }

    .udemy .bundle-pack .card {
        min-height: 19em !important
    }
}

@media (min-width:900px) {
    .submit-button button {
        margin-left: 10px !important
    }
}

.udemy .text-description {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    overflow: auto;
    height: 300px
}

.banner {
    width: auto;
    height: auto
}

.banner.border {
    border: 1px solid #dadada;
    border-radius: 8px
}

.banner .heading {
    background-color: #42a645;
    background: url(../img/header-background.jpg);
    background-size: cover;
    height: 150px;
    width: 100%;
    position: relative;
    margin: 0 auto
}

.banner .heading .udemy-logo {
    min-height: 4em;
    width: auto;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 1em;
    position: relative;
    text-align: center
}

.banner .heading .udemy-logo img {
    width: 80%
}

.banner .heading .heading-text {
    position: relative;
    color: #fff;
    bottom: 1em;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 25px
}

.banner .heading .heading-text span.plus {
    font-size: 1.6em
}

.banner .rating {
    width: 100%
}

.banner .dumps {
    text-align: center;
    font-size: 16px;
    line-height: 23px
}

.banner .stars {
    float: left
}

.banner .glyphicon-star:before {
    color: #14b395;
    font-size: .7em
}

.banner .rating-data {
    font-size: 12px;
    float: left;
    margin-top: 2px
}

.banner .content {
    padding: .6em
}

.banner .content span.title {
    font-weight: 700;
    font-weight: 1.1em;
    font-size: 18px
}

.banner .content span.instructor {
    font-size: 16px
}

.banner .banner-btn {
    background-color: #14b395;
    color: #fff;
    width: 100%;
    border: none;
    margin-top: 1em;
    font-size: 20px;
    font-weight: 700;
    height: 2em
}

.banner .heading-dumps {
    height: 20px;
    text-align: center;
    margin-top: 1.5em;
    font-size: 20px
}

.banner .heading-dumps img.heading-plus {
    width: 100%
}

.banner .dumps {
    margin-top: 1.3em
}

.banner .rating-data span.big-rating {
    font-weight: 700;
    font-weight: 17px
}

.banner .dumps span {
    font-weight: 700
}

.banner .dump-exams {
    font-size: .8em
}

.green,
p.grey {
    font-size: 15px;
    line-height: 21px;
    width: 95%
}

a.my-text-underline {
    font-size: 15px;
    line-height: 21px;
    width: 95%
}

.views.text-center.ng-binding {
    font-size: 16px;
    margin-bottom: -7px
}

.text-center.user-subscribed.ng-binding {
    font-size: 16px
}

.inner-top-xs h3 {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 15px
}

.bannersettings ul {
    font-size: 18px;
    color: #fff
}

.bannersettings ul li a {
    color: #fff
}

.paneltextadj .content {
    font-size: 17px
}

.paneltextadj ul {
    font-size: 17px !important;
    list-style: disc
}

.pdfbraindumpsmargtop {
    padding: 40px 0 40px;
    margin-top: 20px
}

.inner-right-sm a {
    color: #fff
}

.panel-heading {
    color: #000 !important;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.panel-footer {
    color: #fff !important;
    background: #fec400;
    padding-top: 1px;
    padding-bottom: 1px
}

main.pageMidle {
    background: #fff
}

input#top-search-bar {
    margin-left: 16%;
    float: left;
    width: 50%;
    padding-left: 1.7%;
    height: 64px;
    border: 1px solid #dadada;
    background: #fff;
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 5px
}

.FormBtn {
    float: left;
    width: 17%;
    height: 64px;
    background: #fec400;
    text-align: center;
    border: 0;
    font-size: 16px;
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    margin-bottom: 50px;
    margin-top: 5px
}

.FormBtn:hover {
    color: #fff
}

.firstcontent {
    background: #f8f8f8
}

.mainheading a {
    background-color: #fec400;
    border-radius: 20px;
    padding: 7px 10px;
    color: #fff;
    display: table;
    margin: auto;
    font-size: 18px;
    line-height: 150%
}

.firstcontent .maincontent ul li {
    color: #fec400;
    margin-bottom: 10px
}

.firstcontent .maincontent ul li:before {
    font-size: 11px;
    font-family: FontAwesome;
    content: "\f005";
    margin-right: 10px;
    color: #000
}

h3.moneybackpolicy b a {
    color: #fec400
}

.firstcontent .maincontent p {
    font-size: 16px;
    margin-bottom: 20px
}

#portfolio {
    background: #fff
}

.navadhbuynow .nav-pills>li.active>a,
.navadhbuynow .nav-pills>li.active>a:focus,
.navadhbuynow .nav-pills>li.active>a:hover {
    color: #fec400;
    background-color: transparent
}

.navadhbuynow .nav>li>a:focus,
.navadhbuynow .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent
}

.bundlepackimg img {
    width: 74.5%;
    margin: 0 auto;
    padding: 30px
}

.bundlepackimg h3 {
    text-align: center;
    color: #fff;
    background-color: #fec400;
    padding: 20px;
    margin-bottom: 0;
    margin-top: 38px
}

.examquizs ul li {
    width: 50%;
    float: left
}

.examquizs ul li:before {
    font-family: FontAwesome;
    content: "\f005";
    font-size: 13px;
    padding: 0 5px 0 0;
    color: #fec400
}

.examquizs ul {
    padding-left: 0;
    margin-left: 0;
    margin-right: 0
}

.promocodearea .col-sm-4 {
    margin-left: 0;
    padding: 0 5px
}

.pricingbloxk h3 {
    font-size: 32px;
    margin-bottom: 10px;
    margin-top: 72px
}

.pricingbloxk {
    text-align: center;
    border-style: solid;
    padding-bottom: 12px;
    border-width: 2px;
    border-color: #f1f1f1 !important;
    background: linear-gradient(white, #f9f9f9, #e1e1e1);
    padding-top: 50px;
    transition: .8s
}

.pricingbloxk hr {
    ext-align: center;
    width: 33%;
    height: 1px;
    background: #39c1a8;
    margin-left: 33%;
    margin-top: 15px;
    margin-bottom: 0
}

.pricingbloxk p {
    font-weight: 700;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0
}

.pricingbloxk button {
    border-radius: 0;
    margin-top: 10px;
    width: 76%;
    margin-bottom: 10px;
    background: #fec400;
    border-color: #fec400
}

.pricingbloxk:hover {
    background: #fec400;
    text-decoration: none;
    transition: .8s
}

.pricingbloxk:hover h3,
.pricingbloxk:hover i,
.pricingbloxk:hover p {
    color: #fff
}

.pricingbloxk button:hover {
    background: #fec400;
    border-color: #fec400
}

.italicadj {
    font-size: 15px;
    line-height: 25px;
    margin-top: 9px;
    padding: 0 18px
}

.burnowMainitem {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

.burnowMainitem .col-sm-7 {
    background: #f3f3f3;
    padding: 0 54px
}

.promocodearea .row {
    margin-left: 0;
    margin-right: 0
}

.burnowMainitem .row .col-sm-5 {
    padding-right: 0
}

.burnowMainitem .col-sm-7 h1 {
    color: #fec400;
    font-size: 1.6em;
    font-weight: 800
}

.burnowMainitem .col-sm-7 p:nth-child(3) {
    margin-bottom: 0;
    font-size: 15px
}

.burnowMainitem .col-sm-7 h3:nth-child(2) {
    margin-bottom: 0;
    font-size: 22px
}

.burnowMainitem .col-sm-7 h3 {
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    font-size: 17px;
    margin-bottom: 10px;
    color: #fec400;
    line-height: 24px;
    margin-top: 10px
}

.examquizs ul li {
    color: #fec400 !important;
    font-size: 18px;
    line-height: 150%
}

.paraadj p {
    margin: .4em !important;
    line-height: 25px;
    font-size: 17px;
    color: #fec400 !important
}

.promocodearea .row form p {
    color: #fec400 !important;
    font-weight: 700;
    font-size: 15px;
    padding: 0
}

.promocodearea .row form p a {
    font-size: 95%;
    font-weight: 400
}

section#VendorPack {
    background: #fff
}

section#SuportFeturs {
    background: #fff
}

.pricingarea .row {
    margin-left: 0;
    margin-right: 0
}

.pricingarea .row .col-sm-4 {
    padding: 0 5px
}

.pricingbloxk:hover h3 {
    color: #fff !important
}

.pricingbloxk h3 {
    font-size: 32px !important;
    margin-bottom: 10px !important;
    color: #fec400 !important
}

.burnowMainitem .row {
    margin-right: 0
}

.appstorebuynow li {
    float: left
}

.appstorebuynow li img {
    width: 92%;
    height: auto !important;
    max-height: 100% !important
}

ul.row.appstorebuynow {
    display: inline-flex;
    padding: 40px 30px 48px
}

.payemntimgcss img {
    width: 49%
}

.doublelmobileimg {
    width: 100% !important;
    margin: 79px auto !important;
    padding: 0 !important
}

.butnowclass {
    position: relative
}

.butnowclass a {
    color: #fff
}

.butnowclass h6 {
    position: absolute;
    top: 0;
    color: #fff;
    text-align: center;
    width: 100%
}

.butnowclass h6 a:hover {
    color: #fff !important
}

.voting.row.center-block.col-md-12.inner-bottom-xs.ng-scope {
    float: none
}

.mainarealisting {
    background: #fff
}

.mainwhitebg {
    background: #fff;
    padding: 40px 0
}

.reg-header {
    color: #fec400
}

.loginbtn {
    background: #fec400;
    border: #fec400
}

.loginbtn:active,
.loginbtn:focus,
.loginbtn:hover {
    background: #fec400
}

@media(max-width:1020px) {
    .popup {
        width: 85% !important
    }

    .popup .remove {
        margin-right: -18px !important
    }
}

@media(max-width:767px) {

    .popup .pakage.border-right ul,
    .popup .q-a {
        display: none !important
    }

    .popup .col-lg-6 {
        width: 100% !important
    }

    .ftrPayment img {
        width: 270px !important;
        height: auto !important
    }

    .mfp-container .mfp-content {
        width: 100% !important;
        padding: 10px
    }

    .mfp-content .full-name {
        width: 100%
    }

    .mfp-content .sign-in-btn {
        float: left;
        padding: 8px 10px;
        background: #283a90;
        color: #fff;
        border: 1px solid #283a90;
        width: 120px
    }

    .mfp-content #BreadCrumb {
        display: none
    }

    .mfp-content #form-messages {
        display: none
    }
}

.examhead {
    text-align: center;
    font-weight: 700;
    font-size: 26px
}

.demo_popbtn {
    background: #fec400;
    margin: 20px 0 0;
    padding: 10px
}

.demo_popbtn:hover {
    background: #a69f80
}

.sign-in-btn {
    display: block;
    background: #fec400 !important;
    padding: 9px 50px;
    font-size: 20px;
    line-height: 20px;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    box-shadow: none;
    border: 0
}

p.error {
    font-size: 14px;
    line-height: 1.2
}

p.error span {
    border-bottom: 1px solid #ccc;
    font-weight: 700
}

section#VendorPack img {
    width: 53% !important
}

.fstfooter p {
    color: #c4bdbd !important
}

.btn-u-red {
    background: #fec400 !important;
    color: #fff;
    border: 1px solid #fec400;
    padding: 10px;
    border-radius: 5px
}

.btnbrown {
    background: #fec400;
    border: 1px solid #fec400;
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px
}

.detl b {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    color: #6e6748
}

.pricingbloxk:hover button {
    background: #4b4630;
    border-color: #5b563e
}

.sliimg1 {
    margin: auto;
    display: table;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff !important;
    width: 50px;
    height: 50px
}

.sliimg1.medal.sprite {
    background-position: -52px 2px
}

.sprites {
    background-position: 2px 3px
}

.btn-primary,
.btn-primary:active,
.btn-primary:hover {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.removeclasss {
    display: block !important
}

.dropdownnow {
    display: none
}

.vendersearchAdj {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px
}

.certificationcontent .each_exam {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    transition: .8s
}

.certificationcontent .each_exam h5 {
    padding: 16px;
    background: #fec400;
    margin: 0;
    min-height: 79px;
    transition: .9s
}

.certificationcontent .each_exam h5 a {
    color: #fff;
    transition: .9s
}

.certificationcontent .each_exam .inner-each {
    padding: 10px;
    transition: .9s
}

.certificationcontent .each_exam .inner-each a {
    color: #fec400;
    transition: .9s
}

.certificationcontent .each_exam:hover .inner-each a {
    color: #fff
}

.certificationcontent .each_exam:hover .inner-each {
    background: #fec400
}

.certificationcontent .each_exam:hover h5 {
    background: #fff
}

.certificationcontent .each_exam:hover h5 a {
    color: #fec400
}

.gray-bg {
    background: #fff
}

a.my-text-underline {
    color: #fec400 !important
}

a.my-text-underline:hover {
    text-decoration: underline
}

.custommenu {
    padding: 0;
    width: 300px !important;
    left: 0 !important;
    float: none
}

.custommenu li {
    float: none !important;
    width: 100% !important
}

@media(max-width:797px) {
    .info-subscription-right-banner {
        margin-right: 34px !important;
        margin-left: 14px
    }
}

.promocodearea {
    margin: 15px 0
}

.pricingbloxk i {
    font-size: 15px
}

.payemntimgcss {
    padding: 22px 0
}

#badge {
    background: red;
    width: 60px;
    height: 60px;
    position: absolute;
    text-align: center;
    border-radius: 20%;
    top: 38px;
    right: 63px;
    line-height: 17px;
    font-weight: 700;
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

#badge:after,
#badge:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 60px;
    background: red;
    border-radius: 20%;
    z-index: 0
}

#badge:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg)
}

#badge:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg)
}

#badge span {
    position: absolute;
    top: 30%;
    left: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 28px;
    z-index: 1;
    font-family: sans-serif
}

#badge small {
    z-index: 9999999999999999999999999999;
    position: absolute;
    top: 67%;
    left: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
    font-family: sans-serif;
    text-decoration: line-through
}

.formbuynowpage button {
    background-color: #fec400;
    border-color: #fec400;
    margin-top: -3px;
    padding-bottom: 7px
}

.pricingbloxk form {
    float: none
}

.pricingbloxk form button {
    border-radius: 0;
    margin-top: 10px;
    width: 76%;
    margin-bottom: 10px;
    background: #fec400;
    border-color: #fec400;
    padding: 6px 12px;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 1.42857143
}

.bundlepackimg h3:after {
    content: "";
    display: table;
    clear: both
}

.bundlepackimg h3 span small {
    color: #fff
}

.feature-img img {
    height: auto
}

h3.panel-title.exam_title_panel {
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

.feature-heading {
    background: #fec400;
    color: #fff;
    padding: 5px 0
}

.prductspreview .container .row .col-lg-12 .panel-default .row {
    margin: 0
}

.prductspreview .container .row .col-lg-12 .panel-default .row .no-padding .feature-tick {
    text-align: center;
    padding: 32px;
    border-left: 1px solid #ccc;
    border-right: 0
}

.prductspreview .container .row .col-lg-12 .panel-default .row .no-padding div {
    border-right: 1px solid #ccc;
    border-top: 1px solid#ccc;
    padding-bottom: 10px
}

.prductspreview .container .row .col-lg-12 .panel-default .row .no-padding .feature-tick:last-child {
    border-right: 0
}

.prductspreview .container .row .col-lg-12 .panel-default .row .no-padding {
    padding-left: 0;
    padding-right: 0
}

.mobiledevie .container .row ul {
    list-style: none;
    padding-left: 0;
    padding: 0 15px
}

.mobiledevie .container .row ul:after {
    content: "";
    display: table;
    clear: both
}

.mobiledevie .container .row ul li {
    text-align: center;
    margin: 6px 9px;
    width: 30%;
    float: left;
    transition: .8s;
    padding: 9px 6px;
    border: 1px solid #fec400;
    height: 43px;
    overflow: hidden
}

.mobiledevie .container .row ul li a {
    color: #fec400
}

.mobiledevie .container .row ul li:hover {
    background: #fec400
}

.mobiledevie .container .row ul li:hover a {
    color: #fff !important
}

.mobiledevie h3 {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85;
    margin-top: 0;
    background: #fec400;
    color: #fff;
    padding: 5px 0
}

@media(max-width:767px) {
    .mobiledevie .container .row ul li {
        width: 95%
    }

    .imgadjustment img {
        width: auto;
        height: auto
    }
}

.bannersettings .textadj button a {
    color: #fff
}

.margintop0 {
    padding-top: 0 !important
}

.rating-stars p {
    font-size: 12px !important;
    line-height: 10px
}

.stars-container {
    position: relative;
    display: inline-block;
    color: transparent;
    font-size: 25px
}

.stars-container:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    color: #d3d3d3;
    font-size: 25px
}

.stars-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    color: gold;
    overflow: hidden;
    font-size: 25px
}

.stars-0:after {
    width: 0%
}

.stars-10:after {
    width: 10%
}

.stars-20:after {
    width: 20%
}

.stars-30:after {
    width: 30%
}

.stars-40:after {
    width: 40%
}

.stars-50:after {
    width: 50%
}

.stars-60:after {
    width: 60%
}

.stars-70:after {
    width: 70%
}

.stars-80:after {
    width: 80%
}

.stars-90:after {
    width: 90%
}

.stars-100:after {
    width: 100
}

.bannersettings .textadj h1 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em
}

.img-general-product:hover {
    cursor: pointer
}

div#carousel3d {
    border: 1px solid #fec400
}

.panel-heading .row b {
    cursor: pointer
}

.panel-footer .row b {
    cursor: pointer
}

.nosliderborder {
    border: 0 !important
}

.sliderborder {
    border: 1px solid #fec400;
    margin-bottom: 20px;
    padding: 0
}

.toplistdiv {
    margin-bottom: 0;
    border-bottom: 1px solid #fec400
}

span.examnamesmallfont {
    font-size: 15px
}

.toplistdiv span:nth-child(3) {
    font-size: 14px
}

.Productdemo img {
    width: 46%
}

.pur-H {
    width: 60%;
    float: left;
    min-height: 155px;
    background: #f9f9f9;
    padding-top: 45px;
    color: #fec400;
    font-size: 36px;
    line-height: 36px;
    word-break: break-all;
    text-transform: uppercase;
    padding-left: 20px
}

.pur-H b {
    display: block;
    color: #000
}

.pdf-H {
    width: 20%;
    float: left;
    min-height: 155px;
    background: #f9f9f9;
    padding-top: 11px;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    border-left: 1px solid #fff;
    text-align: center
}

.pdf-H img {
    max-width: 80%;
    max-height: 105px
}

.pdf-H span {
    display: block;
    padding-top: 10px
}

.de-col {
    background: #f2f2f2 !important
}

.pur {
    width: 60%;
    float: left;
    min-height: 37px;
    background: #f9f9f9;
    padding-top: 11px;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    word-break: break-all;
    padding-left: 20px;
    border-bottom: 1px solid #fff
}

.pur img {
    vertical-align: middle;
    margin-right: 5px
}

.pur b {
    display: block;
    padding: 5px 0 15px 0;
    font-size: 20px;
    line-height: 20px
}

.pdf {
    width: 20%;
    float: left;
    min-height: 37px;
    background: #f9f9f9;
    padding-top: 9px;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center
}

.pdf span {
    color: #12a0b3
}

.pdf b {
    display: block;
    color: #c20505;
    padding: 5px 0 15px 0;
    font-size: 23px;
    line-height: 22px
}

.altr-colr {
    background: #fec400;
    color: #fff
}

.cart-link {
    display: block;
    padding: 9px 0;
    margin: 5px 10px 11px 10px !important;
    background: #1a88a0;
    font-size: 15px;
    line-height: 15px;
    color: #fff !important;
    text-align: center;
    border-radius: 6px;
    background-clip: padding-box;
    width: 90%
}

.cart-link img {
    vertical-align: middle;
    margin-top: -4px;
    width: 20px
}

.cart-link:hover {
    opacity: .8
}

.empty-cell {
    height: 63px
}

.ultimate {
    display: block;
    padding: 20px 28px 50px 28px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    color: #000;
    font-family: robotolight !important
}

.ultimate h4 {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin: 0 !important;
    padding-bottom: 10px !important;
    font-family: robotoregular !important
}

.tickimg span img {
    width: 22px;
    height: 19px;
    display: block;
    float: center;
    text-align: center;
    align-items: center;
    margin: 0 auto
}

.btnpadadj {
    width: 86%;
    padding: 0;
    font-size: 14px
}

.vendorheadingadj {
    background: #fec400;
    color: #fff;
    padding: 10px
}

.navadhbuynow a {
    color: #fec400 !important
}

.buynowareaadtocart .container ul li {
    margin-right: 7px
}

.buynowareaadtocart .nav-pills>li.active>a,
.buynowareaadtocart .nav-pills>li.active>a:focus,
.buynowareaadtocart .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #978f6b
}

h2.seperateh2 {
    font-size: 30px;
    font-weight: 700
}

.btn-whiterounded:hover {
    background: #fff !important;
    color: #fec400 !important
}

p.toplistdiv a b {
    font-size: 18px
}

.buynoewxamdef:hover {
    color: #fff !important
}

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all .3s ease !important;
    left: 0 !important;
    bottom: 0 !important;
    display: none !important
}

.grecaptcha-badge:hover {
    width: 256px !important
}

.bg-background {
    background: #2f2f2f
}

.navbar {
    border-radius: 0
}

.link-rounded {
    text-transform: capitalize;
    border: 1px solid #868da0;
    color: #e3e6ea;
    border-radius: 25px !important;
    margin-left: 10px;
    margin-top: 16px;
    padding: 8px 20px 9px;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.navbar-dark {
    border: 0;
    margin-bottom: 0
}

.navbar-dark .nav-item .nav-link {
    margin: 0 9px;
    padding: 32px 5px;
    color: #fff;
    line-height: 24px;
}

.navbar-dark .nav-item .nav-link:hover {
    color: #fff
}

.top-paddding-search {
    padding-top: 6px
}

.navbar-brand {
    padding: 28px 15px;
    display: contents
}

.navbar-dark {
    background-color: #282f37 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    background: #282f37 !important
}

button.btn.btn-default.search-btn {
    margin-left: 18px;
    border-radius: 6px;
    border: 1px solid #fff;
    background: #282f37 !important
}

button.btn.btn-default.search-btn:hover {
    border: 1px solid #fff;
    background: #282f37 !important
}

#title {
    padding: 36px 15px 20px 15px;
}

#title h1 {
    color: #fff;
    font-size: 25px
}

.exam_info h1 {
    text-align: center;
    font-weight: 800;
    font-family: Roboto;
    padding: 0px 10px 0px 10px;
}

.exam-meta-info,
.our-info {
    background: #fafafa;
    color: #636363;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px
}

.info-header {
    margin-bottom: 10px
}

.info-header h2 {
    font-size: 22px;
    font-weight: 700 !important;
    font-style: italic;
    color: #10005d
}

.info-list li {
    margin: 1px 0;
    font-size: 16px
}

.info-list li strong {
    color: #10005d
}

.exam_info ul {
    font-size: 15px
}

.info-list li {
    margin: 1px 0;
    font-size: 16px
}

.exam_info .goto_exam {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px
}

.footer {
    margin-top: 0;
    background: #283142;
    padding: 55px 0 35px
}

.footer .title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px
}

.footer .menu {
    list-style-type: none;
    padding: 0;
    margin-top: 30px
}

.footer .menu a {
    color: #cdd6e9;
    display: inline-block;
    margin-bottom: 9px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.footer .bottom {
    margin-top: 40px;
    border-top: 1px solid #3a455a
}

.footer .bottom ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-top: 15px
}

.footer .bottom ul a {
    color: #9daac2;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    position: relative
}

#navbar-collapse .vendors-menu {
    padding-left: 5px;
    padding-right: 5px
}

button.btn.btn-default.search-btn:focus {
    outline: 0
}

.vendor-menu-title h3 {
    font-size: 1.15em;
    font-weight: 700;
    margin-top: 9px
}

.vendor-menu-title {
    text-align: center
}

.vendors-menu {
    background: #fff;
    padding: 5px 20px;
    display: none;
    position: absolute;
    z-index: 1;
    width: 75%;
    border: 2px solid #f5f5f5
}

.navbar-dark .dropdown-item {
    color: #555;
    padding: 4px 1.5rem;
    padding-right: 30px
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem .5rem;
    clear: both;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5
}

.all-vendors {
    color: #2b2d2f;
    text-decoration: none;
    border: 2px solid #f5f5f5;
    border-radius: 10px;
    padding-left: 20px;
    margin-left: -20px
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

#title_detail {
    padding: 15px 0 20px 0;
    background: #2f2f2f
}

#title_detail h1 {
    color: #fff;
    font-size: 25px
}

.panel-heading {
    padding: 15px 30px;
    margin: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding-left: 40px;
    font-size: 2rem;
    cursor: pointer
}

.panel-heading:focus {
    outline: 0
}

.panel-body {
    padding: 20px 50px;
    margin: 0;
    border-bottom: 1px solid #000;
    height: auto !important
}

.no-padding {
    padding: 0
}

.fa-compress,
.fa-expand {
    color: #3e70ff
}

#accordion .open {
    display: none;
    float: right
}

#accordion .close {
    display: block;
    opacity: 1;
    float: right
}

#accordion .ui-state-active .open {
    display: block
}

#accordion .ui-state-active .close {
    display: none
}

.answer_block {
    padding: 10px;
    margin: 10px 0;
    display: none
}

.btn-primary {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

button:focus {
    outline: 0
}

.footer .menu i {
    font-size: 23px;
    margin-right: 12px;
    width: 21px;
    position: relative;
    top: 3px;
    margin-bottom: 5px
}

.exam_control_panel .controller_container {
    background-color: #454580;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 65px;
    padding-left: 65px;
    align-items: center;
    flex-wrap: wrap
}

.exam_control_panel .pagination_area {
    display: flex;
    height: 53px
}

.exam_control_panel .right_area {
    display: flex;
    justify-content: center;
    align-items: center
}

.exam_control_panel .controller_container .toprow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.exam_control_panel .controller_container .toprow .text {
    font-weight: 500;
    margin-right: 10px
}

.exam_control_panel .nav_button {
    cursor: pointer
}

.exam_control_panel .btn {
    margin: 0 2px
}

.exam_control_panel .controller_container .goto {
    display: none;
    background-color: #3fb53f;
    border-radius: 11px;
    font-weight: 600
}

.exam_control_panel .controller_container span {
    color: #fff
}

.login_or_signup {
    width: 332px;
    margin-left: 10px;
    margin-top: 7px;
    color: #fff
}

.login_or_signup p {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: 16px
}

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

.capcha-container {
    position: relative;
    height: 53px
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.panel {
    margin-bottom: 0
}

.exam_control_panel .btn {
    margin: 0 2px
}

.nav_button i {
    vertical-align: middle
}

.fa-2x {
    font-size: 2em
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

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

.exam_control_panel {
    margin-right: 0;
    background: #454580
}

.bg-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999
}

.bg-transparent .navbar-nav>li>a {
    color: #fff;
    background: 0 0 !important
}

.vendors-menu-home {
    top: 73px;
    z-index: 11
}

.business-hero {
    background: url(../image/datacenter-background.webp);
    background-size: cover;
    background-position: center 0;
    min-height: 100vh;
    padding-top: 220px;
    overflow: hidden;
    position: relative
}

.business-hero .container {
    position: relative;
    z-index: 10
}

.business-hero h1 {
    font-weight: 400;
    color: #fff !important
}

.container h1 {
    font-size: 28px;
    display: block;
    padding: 20px 0 5px 0;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    color: #3e3e3d
}

.business-hero p {
    background: #fec400;
    border-radius: 14px;
    padding: 10px 15px
}

.business-hero p {
    color: rgba(255, 255, 255, .8);
    margin-top: 40px;
    width: 480px;
    font-size: 16px;
    line-height: 25px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s
}

.business-hero .actions {
    margin-top: 50px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s
}

.business-hero:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(-45deg, rgba(63, 89, 118, .3) 0, rgba(14, 20, 34, .5) 80%)
}

.business-hero .actions .btn-pill {
    font-weight: 600;
    padding: 18px 44px 16px
}

.btn-pill.btn-pill-primary {
    background: 0 0;
    border: 1px solid #fec400
}

.btn-pill {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    padding: 10px 27px;
    border-radius: 55px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
    cursor: pointer;
    text-align: center
}

.customFadeInUp {
    -webkit-animation-name: customFadeInUp;
    animation-name: customFadeInUp;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s
}

.btn-pill-primary:hover {
    color: #fff;
    text-decoration: none
}

.spacial-features {
    margin-top: 30px
}

.navbar-form .input-group>.form-control {
    height: 34px;
    border-radius: 7px
}

.customFadeInUp {
    -webkit-animation-name: customFadeInUp;
    animation-name: customFadeInUp;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s
}

.spacial-features .header {
    text-align: center
}

.spacial-features .header h2 {
    font-size: 26px;
    letter-spacing: .1px;
    font-weight: 400
}

.spacial-features .header p {
    color: #7080a2;
    line-height: 25px;
    font-size: 16px;
    margin-top: 15px;
    width: 100%;
}

.index-devices .home_bottom_side_img_sec {
    border-radius: 60px;
    box-shadow: 1px -1px 16px rgb(0 0 0 / 10%);
    width: 100%;
    padding: 7px;
}

.index-devices .home_bottom_side_img_sec img {
    width: 100%;
    max-width: fit-content;
    display: block;
    margin: auto;
}

.spacial-features .feature {
    margin-top: 30px
}

.feature i.fa {
    font-size: 65px;
    background: #fff;
    color: #fec400
}

.spacial-features .feature h3 {
    color: #2f4166;
    font-size: 18px;
    margin-top: 20px
}

.spacial-features .feature p {
    color: #7080a2;
    line-height: 25px;
    font-size: 16px;
    margin-top: 15px;
    width: 100%;
    text-align: justify;
}

.index-devices {
    background: #fcfcfc;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.index-devices h4 {
    font-size: 24px;
    color: #fec400;
    font-weight: 400;
    margin-bottom: 25px
}

.index-devices p {
    margin-bottom: 25px;
    color: #666;
    line-height: 24px;
    padding: 0 58px
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.mobiledevie {
    background: #fff;
    padding: 30px 20px 30px
}

.mobiledevie .container .row .col-sm-6 {
    border: 1px solid #fec400;
    padding: 0 0 24px 0
}

.mobiledevie h3 {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85;
    margin-top: 0;
    background: #fec400;
    color: #fff;
    padding: 5px 0
}

.mobiledevie .container .row ul {
    list-style: none;
    padding-left: 0;
    padding: 0 15px
}

.mobiledevie .container .row ul li {
    text-align: center;
    margin: 6px 9px;
    width: 30%;
    float: left;
    transition: .8s;
    padding: 9px 6px;
    border: 1px solid #fec400;
    height: 43px;
    overflow: hidden
}

.mobiledevie .container .row ul li a {
    color: #fec400
}

.mobiledevie .container .row ul li:hover {
    background: #fec400
}

.mobiledevie .container .row ul li:hover a {
    color: #fff !important
}

.testimonialarea {
    background: url(image/certification-questions-review.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.imgadjustment img {
    width: 150px;
    height: 96px
}

.testitext {
    margin-bottom: 50px
}

.testitext h4 {
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 0
}

.testitext p {
    font-size: 14px;
    line-height: 1.5
}

.testimonialarea .text-center h3 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
    font-family: Lato, sans-serif;
    font-weight: 700;
    letter-spacing: .025em;
    color: #506a85
}

.testimonialarea .text-center p {
    font-size: 22px;
    line-height: 150%;
    margin-bottom: 39px
}

.secfooter {
    background-color: #fec400;
    padding: 40px 0 60px
}

.secfooter p {
    color: #26241a
}

.secfooter a {
    color: #fff
}

.finalfooter {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 13px;
    background-color: #343434
}

.finalfooter ul {
    list-style: none;
    padding-left: 0
}

.finalfooter a,
.finalfooter p {
    color: #fff
}

.navbar-brand>img {
    margin-top: 16px;
    display: block
}

.navbar-brand>.logo {
    margin-top: 12px;
    display: block
}

.search-result-container,
.vendors_container {
    max-width: 1170px;
    margin: auto;
    margin-top: 30px
}

.search_row_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 20px 0
}

.vendor_columns {
    list-style-type: none;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 50px
}

.vendor_columns .vendors {
    width: 25%
}

.vendor_columns h5 {
    padding: 12px;
    border-radius: 4px;
    color: #2c2c8e;
    font-size: 16px;
    font-weight: 700
}

.vendor_columns h5:hover {
    background-color: #f0f0f0
}

.vendor_columns a:hover {
    color: #2c2c8e;
    text-decoration: underline
}

#search-page-title,
#vendor-page-title {
    margin-bottom: 25px
}

.container h1 {
    font-size: 28px;
    display: block;
    padding: 20px 0 5px 0;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    color: #3e3e3d
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.vendor-exam-cell:hover {
    background: #f1f1f1;
    cursor: pointer
}

.vendor-exam-cell {
    padding: 15px
}

form.navbar-form:hover button,
form.navbar-form:hover input {
    transform: none
}

.fa-search:hover {
    color: #fff
}

.search-btn:hover i {
    color: #fff
}

.btn-pill-lg:focus {
    outline: 0;
    color: #fff
}

.customFadeInUp {
    -webkit-animation-name: customFadeInUp;
    animation-name: customFadeInUp;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s
}

.ui-helper-hidden-accessible {
    display: none
}

.newreleased {
    text-align: center;
    transition: .8s;
    padding: 9px 6px;
    border: 1px solid #fec400;
    margin: 9px 6px
}

.newreleased a {
    color: #fec400
}

.newreleased:hover {
    background: #fec400;
    color: #fff
}

.newreleased:hover a {
    color: #fff
}

.alert-danger {
    display: block
}

.navbar-dark .nav-item .nav-link {
    cursor: pointer
}

.navbar-default {
    border: none !important
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff !important;
    background-color: transparent
}

.examarea {
    padding: 40px 0
}

.examscerts {
    border: 1px solid #ccc;
    padding: 13px 10px;
    margin-bottom: 10px
}

.examscerts .row .col-md-2:nth-child(1) {
    padding-left: 0;
    border-right: 1px solid #ccc;
    text-align: center
}

.examscerts .row .col-md-2:nth-child(1) h5 {
    margin-top: 2px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 7px
}

.examscerts .row .col-md-2:nth-child(1) h6 {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    margin-top: 7px;
    padding-bottom: 5px
}

.examarea p {
    font-size: 16px
}

.examscerts .row .col-md-2 h6 {
    font-size: 15px;
    margin-top: 14px;
    margin-bottom: 0;
    font-weight: 600
}

.examscerts .row .col-md-2 h6 {
    font-size: 15px;
    margin-top: 14px;
    margin-bottom: 0;
    font-weight: 600
}

button:focus {
    outline: 0 !important
}

.examscerts .row .col-lg-1:last-child button {
    margin-top: 5px;
    padding: 10px 12px 10px 12px
}

.examscerts .row .col-md-2:nth-child(1) h5 a {
    color: #fec400
}

.pagination_area_two {
    float: right;
    margin-top: 13px
}

.dropdown-menu-custom {
    left: -76px
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.btn-danger {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.btn-danger:hover {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400
}

.font_size_exam {
    font-size: 16px
}

.table-striped {
    border: 1px solid #eee;
    width: 100%
}

.examaarea .nav-tabs>li.active>a,
.examaarea .nav-tabs>li.active>a:focus,
.examaarea .nav-tabs>li.active>a:hover {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 4px solid #192f59;
    background: 0 0;
    color: #000
}

.examaarea .nav-tabs>li>a {
    border-bottom: 4px solid transparent
}

.examaarea .nav-tabs>li:hover>a,
.examaarea .nav-tabs>li>a {
    background: 0 0;
    border: 0;
    color: #848282
}

.examsarea {
    margin-top: 20px
}

.activeexamdiv {
    border: 1px solid #ccc;
    padding: 19px 10px 12px;
    margin-top: 20px
}

.activeexamdiv .row .vendormaincolm .stinnercolm h4 {
    font-size: 18px;
    margin: 3px 0 5px;
    font-weight: 700
}

.activeexamdiv .row .vendormaincolm .stinnercolm h4 a {
    color: #192f59;
    text-decoration: none
}

.activeexamdiv .row .vendormaincolm .stinnercolm h4 a:hover {
    color: #fec400;
    text-decoration: underline
}

.activeexamdiv .row .vendormaincolm .stinnercolm p {
    font-size: 11px
}

@media(min-width:767px) {
    .activeexamdiv .row .vendormaincolm .stinnercolm {
        text-align: center;
    }

    .activeexamdiv .row .vendormaincolm .thinnercolm {
        width: 14.666667%
    }
}

.activeexamdiv .row .vendormaincolm .stinnercolm {
    text-align: center
}

.activeexamdiv .row .vendormaincolm {
    padding: 0
}

.activeexamdiv .row .vendormaincolm .ndinnercolm {
    padding-right: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.activeexamdiv .row .vendormaincolm .ndinnercolm h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-family: poppins;
    color: #7e7c7c
}

.activeexamdiv .row .vendormaincolm .ndinnercolm h5 {
    margin-top: 3px;
    font-size: 13px;
    color: #192f59;
    margin-bottom: 0;
    font-weight: 600
}

.activeexamdiv .row .vendormaincolm .ndinnercolm h5 a {
    color: #000
}

.activeexamdiv .row .vendormaincolm .rdinnercolm h5 {
    margin-top: 3px;
    font-size: 12px;
    color: #000;
    font-weight: 600
}

.activeexamdiv .row .vendormaincolm .rdinnercolm h5 a {
    color: #192f59;
    text-decoration: none
}

.activeexamdiv .row .vendormaincolm .rdinnercolm h5 a:hover {
    color: #fec400;
    text-decoration: underline
}

.activeexamdiv .row .vendormaincolm .rdinnercolm h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-family: poppins;
    color: #7e7c7c
}

#FEC400 .activeexamdiv .row .vendormaincolm .thinnercolm button {
    border-radius: 2px;
    margin-top: 6px;
    background: #fec400;
    border: #fec400
}

.btn-warning {
    color: #fff;
    background-color: #fec400;
    border-color: #fec400;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.vendorPageBundleArea {
    color: #fff;
    top: 16%;
    border-radius: 5px;
    z-index: 99;
}

.vender {
    background: #fec400;
    padding: 20px 16px
}

.paymentarea {
    border: solid 1px #fec400;
    margin-top: 10px;
    background-color: #fff
}

.paymentarea h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fec400
}

.paymentarea img {
    padding-bottom: 20px
}

.form-inline .form-control {
    font-size: 16px;
    height: 38px
}

@media(max-width:767px) {
    .vendorPageBundleArea {
        position: relative
    }
}

.vendorPageBundleArea .form-group {
    display: block;
    margin-bottom: 15px
}

.vendorPageBundleArea select {
    background: 0 0;
    color: #fff;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    width: 78% !important;
    margin: 0 auto;
    font-size: 12px;
    height: 28px;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 7px) calc(1em + 2px), calc(100% - 2px) calc(1em + 2px), calc(100% - 15.5em) 10.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.vendorPageBundleArea select option {
    background-color: #fec400
}

.vendorPageBundleArea h3 {
    font-size: 18px;
    font-weight: bolder;
    font-family: poppins;
    margin-top: 0
}

.vendorPageBundleArea h2 {
    margin-top: 0;
    font-size: 100px;
    position: relative
}

.btn_default {
    background: 0 0
}

.background-tranparent {
    background: 0 0 !important;
    color: #000;
    border: none
}

.background-tranparent:hover {
    background: 0 0 !important;
    color: #000;
    border: none
}

.background-tranparent:focus {
    background: 0 0 !important;
    color: #000;
    border: none
}

@media only screen and (max-width:767px) {
    .link-rounded {
        margin-left: 0
    }

    #title h1 {
        padding: 5px
    }

    .navbar-dark .nav-item .nav-link {
        padding: 10px 10px
    }

    .vendors-menu {
        width: 90%;
        top: 240px
    }

    .exam_control_panel .controller_container .toprow .text {
        font-size: 10px
    }

    .login_or_signup {
        display: none
    }

    .small-view {
        display: none
    }

    .bg-transparent {
        background-color: #000 !important
    }

    .business-hero p {
        width: 80%;
        margin: auto;
        margin-top: 15px;
    }

    .business-hero .actions {
        margin-bottom: 50px
    }

    .spacial-features {
        margin-top: 10px
    }

    .spacial-features .feature {
        margin-top: 10px;
        text-align: center
    }

    .spacial-features .feature p {
        text-align: center;
    }

    .index-devices h4 {
        font-size: 18px
    }

    .index-devices {
        padding: 10px
    }

    .index-devices>section {
        min-height: 100px
    }

    .mobiledevie h3 {
        font-size: 22px
    }

    .mobiledevie h3 {
        font-size: 18px
    }

    .testimonialarea {
        text-align: center
    }

    .imgadjustment img {
        margin: auto;
        padding-bottom: 15px
    }

    .secfooter p {
        padding-top: 10px
    }

    .mobiledevie .container .row ul li {
        font-size: 9px
    }

    .index-devices p {
        padding: 0 16px
    }

    .search_row_container {
        padding: 10px
    }

    .vendor_columns .vendors {
        width: 50%
    }

    .testimonialarea {
        display: none
    }

    .navbar-brand>.logo {
        margin-top: -2px;
        display: block
    }

    .vendors-menu-home {
        z-index: 1001
    }

    .navbar-nav>li {
        border-bottom: none
    }

    .newreleased a {
        color: #fec400;
        font-size: 12px
    }

    .text-right {
        text-align: left
    }

    .dropdown-menu>li>a {
        font-size: 12px
    }

    .dropdown-menu-custom {
        left: -191px
    }
}

@media only screen and (min-width:767px) and (max-width:1300px) {
    .navbar-right {
        float: left !important;
        margin-right: -15px
    }

    .mobiledevie .container .row ul li {
        font-size: 10px
    }

    .business-hero .actions .btn-pill {
        margin-bottom: 10px
    }

    .index-devices p {
        padding: 0 0
    }

    .index-devices {
        margin-top: 0;
        padding-top: 40px
    }
}

button.download-btn {
    padding: 0 15px;
    background: 0 0
}

@media (min-width:768px) {
    .modal-dialog {
        width: 493px;
        margin: 30px auto
    }
}

.eyemodelset .modal-content {
    background-color: #282f37;
    border-bottom: none;
    padding-bottom: 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff
}

.eyemodelset .modal-content .modal-footer,
.eyemodelset .modal-content .modal-header {
    border-bottom: 0;
    border-top: 0
}

.eyemodelset .modal-content .modal-header button {
    color: #fff
}

.eyemodelset .modal-content .modal-body h4 {
    color: #9393e8;
    font-weight: 300;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px
}

.eyemodelset .modal-content .modal-body h5 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0
}

.eyemodelset .modal-content .modal-body .content_container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.eyemodelset .modal-content .modal-body .content_container ul {
    margin: 6px 0 25px 0;
    color: #fff
}

.eyemodelset .modal-content .modal-body .content_container ul li i {
    color: #9393e8;
    padding-right: 20px
}

.eyemodelset .modal-content .modal-body .content_container ul li {
    font-size: 14px;
    margin-bottom: -3px
}

.priceingtable {
    background-color: #00001d
}

.pricing_container .purchase_title {
    color: #d1d1d1;
    margin: 0;
    padding-top: 20px;
    font-family: 'Source Sans Pro', sans-serif !important;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

.pricing_container #container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.pricing_container .whole {
    display: inline-block;
    padding: 0 8px
}

.pricing_container .type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    border-radius: 10px 10px 0 0;
    background-color: #281441;
    height: 81px;
    border-bottom: 3px solid #1ca982
}

.pricing_container .type h2,
.pricing_container .type h3,
.pricing_container .type p {
    font-weight: 800;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.pricing_container .plan {
    width: 300px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    font-family: roboto;
    font-style: condensed;
    font-size: 78px;
    color: #202041;
    text-align: center;
    min-height: 415px;
}

.pricing_container .header {
    padding-bottom: 0;
    padding: 44px 44px 20px
}

.pricing_container .header span {
    font-size: 32px
}

.pricing_container ul {
    list-style: none;
    font-size: 15px;
    font-family: roboto;
    color: #9095aa;
    padding: 0;
    margin: 0
}

.pricing_container #container li {
    min-height: 41px;
    font-family: 'Source Sans Pro', sans-serif !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.pricing_container .plan li:nth-child(odd) {
    background-color: #f4f4f4
}

.pricing_container li {
    color: #202041;
    padding: 0;
    margin: 0;
    text-align: center;
}

.pricing_container .price {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pricing_container .ultimate {
    background-color: #04a7a9;
    border: 0;
    border-bottom: 3px solid #1ca982;
    font-family: 'Source Sans Pro', sans-serif !important;
    padding: 20px
}

.pricing_container .type p {
    font-weight: 800;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.pricing_container .plan .content {
    padding-left: 0;
    padding-right: 0
}

.pricing_container .content {
    padding-left: 0;
    padding-right: 0
}

.pricing_container sup {
    font-size: 40px
}

.plussign {
    color: #fff;
    height: 400px;
    position: relative;
    padding: 20px
}

.plussign span {
    position: absolute;
    bottom: 0;
    font-size: 24px;
    left: 10px
}

.pricing_container .type p span {
    font-size: 14px;
    display: block
}

.exam-meta-info table.table.table-striped tbody th:nth-child(1) {
    width: 185px
}

.pricing_container .header span:nth-child(2) {
    font-size: 78px
}

.margbtn select {
    margin-bottom: 10px
}

.margbtn {
    padding: 0 20px
}

.pricing_container .whole:nth-child(odd) {
    margin-top: 50px
}

.modelemail {
    width: 68%
}

.modelemail label {
    font-weight: 400;
    margin-bottom: 0
}

.answer_text .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50% !important;
    border: 2px solid #595959;
    height: 24px;
    width: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    font-size: 12px
}

.answer_text input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.mfp-content .checkbox label,
.radio label {
    padding-left: 33px;
    padding-top: 0
}

.answer_text input:checked~.checkmark:after {
    display: block;
    border: 0
}

.answer_text input:checked~.checkmark {
    background-color: #337ab7;
    color: #fff
}

.inneryellow a {
    animation: color_changes .8s infinite alternate;
    color: #fec400
}

@keyframes color_changes {
    from {
        color: #fec400
    }

    to {
        color: #000
    }
}

@-webkit-keyframes color_changes {
    from {
        color: #fec400
    }

    to {
        color: #000
    }
}

@-moz-keyframes color_changes {
    from {
        color: #fec400
    }

    to {
        color: #000
    }
}

@-o-keyframes color_changes {
    from {
        color: #fec400
    }

    to {
        color: #000
    }
}

.topnavareademobtn {
    float: right
}

.topnavareademobtn .b_pdfDemo,
.topnavareademobtn form {
    float: left
}

.topnavareademobtn {
    padding: 16px 0
}

.pdfarea form {
    float: left;
    margin-right: 8px
}

span.areaspan:after {
    content: ","
}

span.areaspan:last-child:after {
    content: ""
}

.demogifarea {
    position: absolute;
    top: 15%;
    left: 3%
}

.ndarea {
    position: absolute;
    top: 15%;
    right: 3%
}

.ExamStartOptions {
    position: relative
}

.demogifarea img {
    width: 200px
}

.search_row_container h1 {
    font-size: 20px;
    margin: 0
}

.search_row_container h2 {
    margin: 10px 0 0;
    font-size: 16px
}

.vendorPageBundleArea.text-center P {
    font-size: 14px;
    margin-bottom: 4px
}

.modal-content {
    background-color: #282f37;
    color: #fff
}

.close {
    color: #fff
}

@media(max-width:375px) {
    .vendorPageBundleArea {
        color: #fff;
        top: 16%;
        border-radius: 5px;
        z-index: 99;
        width: 100%
    }

    .activeexamdiv .row .vendormaincolm .ndinnercolm {
        padding-right: 0;
        border-left: 0;
        border-right: 0
    }

    .exam-meta-info,
    .our-info {
        padding: 0
    }

    .info-header {
        padding: 3px 20px 0
    }

    p.font_size_exam {
        padding: 0 20px
    }
}

.pricing_container #container li ul {
    padding: 0;
    margin: 0 auto;
    float: left
}

.pricing_container #container li ul li {
    float: left;
    text-align: center;
    padding: 10px 2px;
    background: 0 0
}

.pricing_container #container li ul li img {
    width: 20px
}

.pricing_container #container li h4 {
    float: left;
    font-size: 16px;
    margin-left: 20px
}

.pricing_container #container li div {
    text-align: center;
    margin: 8px auto;
    padding: 0 10px;
    width: 100%;
    display: flex
}

.pricing_container #container li div img {
    width: 23px;
    float: left;
    margin-right: 5px
}

.pricing_container #container li div:after {
    content: "";
    display: table;
    clear: both
}

.pricing_container #container li div:before {
    content: "";
    display: table
}

.pricing_container #container li:after {
    content: "";
    display: table;
    clear: both
}

.pricing_container #container ul li:nth-child(6) {
    line-height: unset;
    height: unset;
    margin: 0 auto
}

.whole.another .type {
    background: #4d333e
}

.exam-meta-info th ul {
    list-style: none;
    padding-left: 0;
    font-size: 18px;
    display: table-cell
}

form#userLoginForm,
form#userRegisterForm {
    padding: 1px 20px 10px;
    box-shadow: 0 0 30px 1px #ccc
}

form#userLoginForm p {
    font-size: 13px;
    line-height: 15px
}

.breadcrumb {
    background-color: inherit;
}

.breadcrumbs {
    padding: 0px 0px;
}

.navbar-brand img {
    float: left;
}

@media(max-width: 767px) {
    .navbar-form {
        margin-top: 0px !important;
    }

    .navbar-form .top-paddding-search {
        margin: auto;
    }

    .navbar-form .top-paddding-search .input-group-btn {
        display: inline-block;
    }
}

.home_wrw_headings {
    color: #2f4166 !important;
    font-size: 18px !important;
    margin-top: 20px !important;
}

.home_bottom_heading_sec1 {
    font-size: 24px;
    color: #fec400;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0px;
    text-align: left;
}

.index-devices p.home_bottom_content_paragraph {
    margin-bottom: 0px;
    color: #666;
    line-height: 25px;
    padding: 0px;
    text-align: justify;
    font-size: 16px;
}

.footer_row_right ul {

    text-align: right;
}

.pricing_container .type h3 {
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pricing_container .type h2 {
    padding-top: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pricing_container .price .pro-demo-btn {
    width: fit-content;
    margin-right: 5px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.pro-bundle-offer-heading-sec {
    position: relative;
}

.pro-bundle-limited-time-image {
    position: absolute;
    right: -105px;
    top: -51px;
    transform: rotate(32deg);
    width: 160px;
    height: 117px;
}

.purchase_title_pro_p {
    font-size: 22px !important;
    line-height: 34px !important;
    background: linear-gradient(to right, #282f37 15%, #8b8b8b);
    padding: 10px 15px !important;
    border-radius: 10px !important;
    display: block !important;
    width: 100% !important;
    max-width: 84% !important;
    margin: auto !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    margin-top: 30px !important;
    font-weight: 700 !important;
    border: 2px solid #c5c4c4 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    text-align: center !important;
}

.pricing_container #container li .freelabel {
    background: red;
    animation: freemovebg 1s infinite;
    color: #fff;
    font-weight: 700;
    padding: 7px;
    border-radius: 3px;
    transform: rotate(0deg);
    line-height: 14px;
    display: inline-block;
    width: fit-content;
    font-family: 'Source Sans Pro', sans-serif !important;
    margin-right: 5px;
}

@keyframes freemovebg {
    from {
        background-color: red;
    }

    to {
        background-color: blue;
    }
}

#monthchangebyprice {
    margin-right: 5px;
}

.breadback .breadcrumbs {
    max-width: 1170px;
    margin: auto;
}

.panel-body .question_text .image img {
    max-width: 100%;
}

@media(max-width: 1199px) {
    .bundle-pack-whole {
        margin-top: 80px !important;
    }

    .purchase_title_pro_p {
        max-width: 100% !important;
    }
}

@media(max-width: 767px) {
    .pro-bundle-limited-time-image {
        right: -71px;
        top: -37px;
        width: 110px;
        height: auto;
    }

    .footer_row {

        text-align: center;
    }

    .footer_row_right {

        text-align: center;
    }

    .footer_row_right ul {

        text-align: center;
    }
}

@media(max-width: 661px) {
    .pricing_container .whole {
        margin-top: 50px;
    }
}

@media(max-width: 480px) {
    .pro-bundle-limited-time-image {
        display: none;
    }

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

}

@media(min-width: 1024px) {
    .navbar-brand>.logo {
        margin-top: 22px;
    }
}



#exam-comment-sec {
    background-color: #252525;
}

.comments #fstrow {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 25px;
    padding-bottom: 10px;
}

#exam-comment-sec .exam-discussion-title {
    font-size: 16px;
    display: block;
    padding: 10px 0 5px;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
}

.comments #secrow {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 15px;
}

.create-comment-base {
    margin-bottom: 15px;
}

.new-comment-box {
    max-width: 600px;
}

#exam-comment-sec .create-comment-control {
    margin-top: 7px;
}

.create-comment-base .comment-cancel-button {
    display: none;
}

#exam-comment-sec .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

#exam-comment-sec .minimize-comment {
    margin-right: 5px;
}

.minimize-comment i {
    padding: 0 2px 0 2px;
    background-color: #f5f5f5;
    border: 1px solid;
    color: #282f37;
    border-radius: 3px;
    font-style: inherit;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    line-height: 13px;
    margin-top: 6px;
}

.maximize-comment i {
    padding: 0 1px 0 1px;
    background-color: #f5f5f5;
    border: 1px solid;
    color: #282f37;
    border-radius: 3px;
    font-style: inherit;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    line-height: 13px;
    margin-top: 6px;
}

#exam-comment-sec .maximize-comment {
    margin-right: 5px;
}

#exam-comment-sec .media-body {
    -ms-flex: 1;
    flex: 1;
}

.media-body .comment-head i {
    font-size: 18px;
    color: #a8a7a7;
}

.comments-container .comment-username {
    color: #fff;
    font-weight: 600;
    font-size: .95em;
}

.comments-container .comment-date {
    font-size: 87%;
    color: #505050;
}

.comment-body .comment_text {
    line-height: 30px;
    font-size: 16px;
    color: #efefef;
}

#exam-comment-sec .comment-control a {
    color: #fec400;
}

.comment-control-buttons a i {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.comments-container .upvote-text {
    font-size: 88%;
    color: #efefef;
}

.comment-control-error {
    font-size: 80%;
    color: red;
}

#exam-comment-sec .comment-replies {
    padding: 10px 0px 10px 15px;
    border-top: 1px solid #dbdbdb;
    margin-top: 10px;
}

.comment-ellipsis,
.maximize-comment {
    display: none;
}

#exam-comment-sec .empty-comment-msg {
    color: #aaa;
}