button{
    border: 1px solid white;
}
.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: #223d79;
    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: #223d79;
    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: #223d79;
    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: #f5f5f5
}

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

.breadback .breadcrumb li a,
.breadback .breadcrumb li.active {
    font-size: 15px;
    color: #c4bdbd
}

.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: #223d79;
    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: #223d79;
    color: #fff!important
}

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

.watchvideo {
    margin: 10px;
    background-color: #223d79;
    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: 0px 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: 0px 20px 60px
}

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

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

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

.fstfooter {
    /*background: #223d79;*/
    /*color: #c4bdbd!important;*/
    /*padding: 30px 0 20px*/
}

footer a {
    color: #c4bdbd
}

footer a:hover {
    color: #fff;
}

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

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

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

.btn-whiterounded {
    background-color: #fff!important;
    color: #223d79!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;
   
}

.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: #223d79;
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px
}

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

p a {
    /*border-bottom: 1px solid #c4bdbd;*/
    color: #223d79;
    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: #223d79!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
    }
    .navbar-nav>li {
        float: none
    }
    .yamm .collapse,
    .yamm .dropdown,
    .yamm .dropup,
    .yamm .nav {
        margin: 0;
        padding: 0
    }
    .navbar-nav .dropdown+.dropdown {
        border-top: 1px solid #e6e9ed
    }
    .navbar-nav>li {
        border-bottom: 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:bold;
}

.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: #223d79
}

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

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

.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: #223d79
}

.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: #223d79;
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px
}

.video-container {
    margin: 20px
}

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

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

.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: #223d79
}

.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: #223d79;
    padding-bottom: 70px;
    min-height: 400px;
    color: #fff
}

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

.breadcrumb>li+li:before {
    color: #ccc;
    content: ">> ";
    padding: 10px 10px;
    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: #223d79
}

.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: #223d79;
    color: #223d79!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: #223d79;
    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: #223d79;
    color: #fff
}

.udemy .bundled-with {
    color: #223d79
}

.udemy .bundled-with .bundle-pack {
    border-radius: 3px;
    background-color: #223d79!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: #223d79;
    text-align: center
}

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

.udemy .slider .card {
    width: 8em;
    margin: 0;
    float: right;
    min-height: 280px;
    color: #223d79;
    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: #223d79!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: #223d79
}

.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: #223d79!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: #223d79!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: #223d79!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: black !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: #223d79;
    padding-top: 1px;
    padding-bottom: 1px
}

.showpopup2 {
    /*font-size: 16px*/
}

.showpopup2 i {
    /*font-size: 13px*/
}

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: #223d79;
    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: #223d79;
    border-radius: 20px;
    padding: 7px 10px;
    color: #fff;
    display: table;
    margin: auto;
    font-size: 18px;
    line-height: 150%
}

.firstcontent .maincontent ul li {
    color: #223d79;
    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: #223d79
}

.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: #223d79;
    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: #223d79;
    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: #223d79;
}

.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: #223d79;
    border-color: #223d79
}

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

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

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

.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: 70px*/
        padding: 0px 54px;
}

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

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

.burnowMainitem .col-sm-7 h1 {
    color: #223d79;
    font-size: 1.6em;
    font-weight: 800
}
.burnowMainitem .col-sm-7 p:nth-child(3){
    margin-bottom:0px;
    font-size:15px;
}
.burnowMainitem .col-sm-7 h3:nth-child(2){
    margin-bottom:0px;
    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: #223d79;
    line-height: 24px;
    margin-top: 10px
}

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

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

.promocodearea .row form p {
    color: #223d79!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: #223d79!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 {
    /*height: 200px;*/
    /*display: -webkit-inline-box;*/
    /*border: 1px solid #ccc;*/
    /*width: 100%*/
    position:relative;
}
.butnowclass a{
    color:white;
}
.butnowclass h6 {
    position: absolute;
    top: 0;
    color: white;
    text-align:center;
    width: 100%;
}
.butnowclass h6 a:hover {
    color: white !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: #223d79
}

.loginbtn {
    background: #223d79;
    border: #223d79
}

.loginbtn:active,
.loginbtn:focus,
.loginbtn:hover {
    background: #223d79
}

@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: #223d79;
    margin: 20px 0 0;
    padding: 10px
}

.demo_popbtn:hover {
    background: #a69f80
}

.sign-in-btn {
    display: block;
    background: #223d79!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: #223d79!important;
    color: #fff;
    border: 1px solid #223d79;
    padding: 10px;
    border-radius: 5px
}

.btnbrown {
    background: #223d79;
    border: 1px solid #223d79;
    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: #223d79;
    border-color: #223d79
}

.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: #223d79;
    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: #223d79;
    transition: .9s
}

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

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

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

.certificationcontent .each_exam:hover h5 a {
    color: #223d79
}

.gray-bg {
    background: #fff
}

a.my-text-underline {
    color: #223d79!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 0px;
}
.pricingbloxk i {
    font-size: 15px;
}





.payemntimgcss {
    padding: 22px 0px;
}










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

@keyframes blinker {  
  50% { opacity: 0; }
}
#badge:before, #badge:after {
    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: white;
    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: white;
    text-transform: uppercase;
    text-align: center;
    /* font-size: 28px; */
    z-index: 1;
    font-family: sans-serif;
    text-decoration: line-through;
}
.formbuynowpage button {
    background-color: #223d79;
    border-color: #223d79;
    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: #223d79;
    border-color: #223d79;
    padding: 6px 12px;
    font-weight: bold !important;
    font-size: 14px;
    line-height: 1.42857143;
}
.bundlepackimg h3:after {
    content: "";
    display: table;
    clear: both;
}
.bundlepackimg h3 span small {
    color: white;
}
.feature-img img {
    height: auto;
}
h3.panel-title.exam_title_panel {
    color: white;
    text-align: center;
    margin-bottom: 0px;
}
.feature-heading {
    background: #223d79;
    color: white;
    padding: 5px 0px;
}

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

.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: 0px;
}

.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: 0px;
}

.prductspreview .container .row .col-lg-12 .panel-default .row .no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.mobiledevie .container .row ul {
    list-style: none;
    padding-left: 0px;
    padding: 0px 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 #223d79;
    height: 43px;
    overflow: hidden;
}
.mobiledevie .container .row ul li a {
    color: #223d79;
}

.mobiledevie .container .row ul li a:hover {
    /* background: #223d79; */
    /* color: white; */
}

.mobiledevie .container .row ul li:hover {
    background: #223d79;
}

.mobiledevie .container .row ul li:hover a {
    color: white !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: #223d79;
    color: white;
    padding: 5px 0px;
}

@media(max-width:767px){
    .mobiledevie .container .row ul li{
        width: 95% !important;
    }
    .imgadjustment img{
        width:auto;
        height:auto;
    }
}
.bannersettings .textadj button a {
    color: white;
}
.margintop0 {
    padding-top: 0px !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: lightgray;
  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 #223d79 ;
}
.panel-heading .row b {
    cursor: pointer;
}

.panel-footer .row b {
    cursor: pointer;
}
.nosliderborder {
    border: 0px !important;
}
.sliderborder {
    border: 1px solid #223d79;
    margin-bottom: 20px;
    padding: 0px;
    /*padding-bottom: 21px;*/
}


.carousel-3d-slide.right-1 {
    /*transform: translateX(-400px) translateZ(-300px) rotateY(-0deg) !important;*/

}
.carousel-3d-slide.left-1 {
    /*transform: translateX(400px) translateZ(-300px) rotateY(-0deg) !important;*/
}

.toplistdiv {
    margin-bottom: 0px;
    border-bottom: 1px solid #223d79;
}
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: #223d79;
	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: #223d79;
    color: white;
}

.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: 0px!important;
	padding-bottom: 10px!important;
	font-family: 'robotoregular'!important
}



.tickimg span img {
    /* background: url(../img/tick.png) 72px 19px; */
    width: 22px;
    height: 19px;
    display: block;
    float: center;
    text-align: center;
    align-items: center;
    margin: 0 auto;
}
.btnpadadj {
    width: 86%;
    padding: 0px;
    font-size: 14px;
}
.vendorheadingadj {
    background: #223d79;
    color: white;
    padding: 10px;
    /*margin-top: 0px;*/
}

.navadhbuynow a {
    color: #223d79!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: bold;
}
 
.btn-whiterounded:hover {
 
        background: white !important;
    color: #223d79 !important;
}
p.toplistdiv a b {
    font-size: 18px;
}
.buynoewxamdef:hover{
    color:white !important;
}

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

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

.bg-background {
    background: #2f2f2f;
}
.navbar {
    border-radius: 0px;
}
.link-rounded {
    text-transform: capitalize;
    border: 1px solid #868da0;
    color: #e3e6ea;
    border-radius: 25px !important;
    margin-left: 20px;
    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: 0px;
    margin-bottom: 0px;
}
.navbar-dark .nav-item .nav-link {
    margin: 0 9px;
    padding: 32px 10px;
    color: white;
}
.navbar-dark .nav-item .nav-link:hover {
    color: white;
}

.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: white;
    background: #282f37 !important;
}
button.btn.btn-default.search-btn {
    margin-left: 18px;
    border-radius: 6px;
    border: 1px solid white;
    background: #282f37 !important;
}
button.btn.btn-default.search-btn:hover {
 
    border: 1px solid white;
    background: #282f37 !important;
}

#title {
    padding:36px 0 20px 0;
}
#title h1{
    color: white;
    font-size: 25px;
}
 
.exam_info h1 {
    text-align: center; 
    font-weight: 800;
    font-family: Roboto;
}
.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 0px;
    font-size: 16px;
}
.info-list li strong {
    color: #10005d;
}
.exam_info ul {
    font-size: 15px;
}
.info-list li {
    margin: 1px 0px;
    font-size: 16px;
}
.exam_info .goto_exam {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
}
.footer {
    margin-top: 0px;
    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: none;
}
.vendor-menu-title h3 {
    font-size: 1.15em;
    font-weight: bold;
    margin-top: 9px;
}
.vendor-menu-title {
    text-align: center;
}
.vendors-menu{
    background: white;
    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 0.5rem;
    clear: both;
    font-weight: normal;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    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: white;
    background-color: transparent;
}
#title_detail{
      padding: 15px 0 20px 0;  
      background: #2f2f2f;
}
#title_detail h1 {
    color: white;
    font-size: 25px;
}
.panel-heading {
    padding: 15px 30px;
    margin:0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding-left: 40px;
    font-size: 2rem;
    cursor: pointer;
}
.panel-heading:focus {
  outline: none;
}
.panel-body{
    padding: 20px 50px;
    margin: 0;
    border-bottom: 1px solid black;
    height: auto !important;
}

.no-padding{
    padding: 0px;
}
.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: #223d79;
    border-color: #223d79;
}
button:focus{
    outline: none;
}
.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: white;
}
.login_or_signup {
    width: 332px;
    margin-left: 10px;
    margin-top: 7px;
    color: white;
}
.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: #223d79;
    border-color: #223d79;
}
 
.panel {
    margin-bottom: 0px;
}
.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: #223d79;
    border-color: #223d79;
}

.btn-primary.focus, .btn-primary:focus {
   color: #fff;
    background-color: #223d79;
    border-color: #223d79;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.question_block {
    padding: 20px 50px;
    margin: 0;
    border-bottom: 1px solid black;
}
.exam_control_panel{
    margin-right: 0px;
    background:#454580; 
}
.bg-transparent{
    background-color: transparent!important;
    box-shadow: none!important;
    width: 100%;
    position: absolute!important;
    top: 0;
    z-index: 999;
 }
.bg-transparent .navbar-nav>li>a {
    color: white;
    background: transparent !important;
}
.vendors-menu-home {
    top: 73px;
    z-index: 11;
}

.business-hero{
    background: url(../image/datacenter-background.png);
    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: white !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: #223d79;
    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: transparent;
    border: 1px solid #223d79;
}
.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: white;
    text-decoration: none;
}
.spacial-features {
    margin-top: 110px;

}



.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: #5a6c90;
    margin-top: 15px;
    font-size: 16px;
}
.spacial-features .feature {
    margin-top: 50px;
}
.feature i.fa {
    font-size: 65px;
    background:  white ;
    color:#223d79;
}
.spacial-features .feature h3 {
    color: #2f4166;
    font-size: 18px;
    margin-top: 20px;
}
.spacial-features .feature p {
    color: #7080a2;
    line-height: 25px;
    font-size: 15px;
    margin-top: 15px;
    width: 100%;
}
.index-devices {
    background: #fafafa;
    margin-top: 100px;
    padding-top: 140px; 
    padding-bottom: 30px;
}
 
.index-devices h4 {
    font-size: 24px;
    color: #223d79;
    font-weight: 400;
    margin-bottom: 25px;
}
.index-devices p {
    margin-bottom: 25px;
    color: #666;
    line-height: 24px;
    padding: 0px 58px;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.mobiledevie {
    background: #fff;
    padding: 60px 20px 60px;
}
.mobiledevie .container .row .col-sm-6 {
    border: 1px solid #223d79;
    padding: 0px 0px 24px 0px;
}
.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: #223d79;
    color: white;
    padding: 5px 0px;
}
.mobiledevie .container .row ul {
    list-style: none;
    padding-left: 0px;
    padding: 0px 15px;
}
.mobiledevie .container .row ul li {
    text-align: center;
    margin: 6px 9px;
    width: 30%;
    float: left;
    transition: .8s;
    padding: 9px 6px;
    border: 1px solid #223d79;
    height: 43px;
    overflow: hidden;
}
.mobiledevie .container .row ul li a {
    color: #223d79;
}
.mobiledevie .container .row ul li:hover {
    background: #223d79;
}
.mobiledevie .container .row ul li:hover a {
    color: white !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: #223d79;
    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: white;
}
.navbar-brand>img {
    margin-top: 16px;
    display: block;
}
.navbar-brand> .logo {
    margin-top: 12px;
    display: block;
} 
.vendors_container, .search-result-container {
    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: bold;
}
.vendor_columns h5:hover {
    background-color: #f0f0f0;
}
.vendor_columns a:hover{
    color: #2c2c8e;
    text-decoration: underline;
}

#vendor-page-title, #search-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: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 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:white;
}
.search-btn:hover i{
    
    color:white;
}

.btn-pill-lg:focus{
    outline:none;
    color:white;
}
.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 #223d79;
    margin: 9px 6px;
}
.newreleased a{
    color: #223d79;
}
.newreleased:hover {
    background: #223d79;
    color:white;
}
.newreleased:hover a {
    color:white;
}
.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: white !important;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a{
    color: white !important;
    background-color: transparent;
}


.examarea {
    padding: 40px 0px;
}
.examscerts {
    border: 1px solid #ccc;
    padding: 13px 10px;
    margin-bottom: 10px;
}
.examscerts .row .col-md-2:nth-child(1) {
    padding-left: 0px;
    border-right: 1px solid #ccc;
    text-align: center;
}
.examscerts .row .col-md-2:nth-child(1) h5 {
    margin-top: 2px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 7px;
}
.examscerts .row .col-md-2:nth-child(1) h6 {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
    margin-top: 7px;
    /* color: #F5A43A; */
    padding-bottom: 5px;
}

.examarea p {
    font-size: 16px;
}
.examscerts .row .col-md-2 h6 {
    font-size: 15px;
    margin-top: 14px;
    margin-bottom: 0px;
    font-weight: 600;
}
.examscerts .row .col-md-2 h6 {
    font-size: 15px;
    margin-top: 14px;
    margin-bottom: 0px;
    font-weight: 600;
}
button:focus{
    outline: none !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: #223d79;
}
.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: #223d79;
    border-color: #223d79;
}

.btn-danger {
    color: #fff;
    background-color: #223d79;
    border-color: #223d79;
}
.btn-danger:hover {
    color: #fff;
    background-color: #223d79;
    border-color: #223d79;
}
.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: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 4px solid #192F59;
    background: transparent;
    color: #000;
}

.examaarea .nav-tabs > li > a {
    border-bottom: 4px solid transparent;
}

.examaarea .nav-tabs > li:hover > a,
.examaarea .nav-tabs > li > a {
    background: transparent;
    border: 0px;
    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 0px 5px;
    font-weight: bold;
}
.activeexamdiv .row .vendormaincolm .stinnercolm h4 a {
  color: #192F59;
  text-decoration: none;
}
.activeexamdiv .row .vendormaincolm .stinnercolm h4 a:hover {
  color: #223d79;
  text-decoration: underline;
}

.activeexamdiv .row .vendormaincolm .stinnercolm p {
    font-size: 11px;
}
@media(min-width:767px ){
    .activeexamdiv .row .vendormaincolm .stinnercolm {
        text-align: center;
        /*padding-right: 0px;*/
        width: 16.666667%;
    }
    .activeexamdiv .row .vendormaincolm .thinnercolm {
        width: 14.666667%;
    }
}

    .activeexamdiv .row .vendormaincolm .stinnercolm {
        text-align: center;
    }
.activeexamdiv .row .vendormaincolm {
    padding: 0px;
}

.activeexamdiv .row .vendormaincolm .ndinnercolm {
    padding-right: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.activeexamdiv .row .vendormaincolm .ndinnercolm h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: poppins;
    color: #7e7c7c;
}

.activeexamdiv .row .vendormaincolm .ndinnercolm h5 {
    margin-top: 3px;
    font-size: 13px;
    color: #192F59;
    margin-bottom: 0px;
    font-weight: 600;
}

.activeexamdiv .row .vendormaincolm .ndinnercolm h5 a{
    color:black;
}
.activeexamdiv .row .vendormaincolm .rdinnercolm h5 {
    margin-top: 3px;
    font-size: 12px;
    color: black;
    font-weight: 600
}
.activeexamdiv .row .vendormaincolm .rdinnercolm h5 a {
     color: #192F59;
    text-decoration:none;
}
.activeexamdiv .row .vendormaincolm .rdinnercolm h5 a:hover {
     color: #223d79;
    text-decoration:underline;
}

.activeexamdiv .row .vendormaincolm .rdinnercolm h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    font-family: poppins;
    color: #7e7c7c;#223d79
}

/*.activeexamdiv .row .vendormaincolm .thinnercolm {*/
/*    width: 14.666667%;*/
/*}*/

.activeexamdiv .row .vendormaincolm .thinnercolm button {
    border-radius: 2px;
    margin-top: 6px;
    background: #223d79;
    border: #223d79;
}
.btn-warning {
    color: #fff;
    background-color: #223d79;
    border-color: #223d79;
}

.vendorPageBundleArea {

    color: white;
    /*position: fixed;*/
    top: 16%;
    border-radius: 5px;
    z-index: 99;
    width: 340px;

}

.vender {
    background: #223d79;
    padding: 20px 16px;
}

.paymentarea {
    border: solid 1px #223d79;
    margin-top: 10px;
    background-color: white;
}

.paymentarea h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #223d79;
}

.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: transparent;
    color: white;
    border: 0px;
    box-shadow: none;
    border-bottom: 1px solid white;
    border-radius: 0px;
    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: #223d79;
}

.vendorPageBundleArea h3 {
    font-size: 18px;
    font-weight: bolder;
    font-family: poppins;
    margin-top: 0px;
}

.vendorPageBundleArea h2 {
    margin-top: 0px;
    font-size: 100px;
    position: relative;
}
.btn_default{
    background:transparent;
}
.background-tranparent{
    background:transparent !important;
    color:black;
    border:none;
    
}
.background-tranparent:hover{
    background:transparent !important;;
    color:black;
    border:none;
    
}
.background-tranparent:focus{
    background:transparent !important;
    color:black;
    border:none;
    
}
@media only screen and (max-width: 767px) {
    .link-rounded{
        margin-left: 0px;
    }
    #title h1 {
    padding: 5px;
    }
    .navbar-dark .nav-item .nav-link {
    padding: 10px 10px;
    }
    .vendors-menu {
    width: 90%;
    top: 202px;
    }
    .exam_control_panel .controller_container .toprow .text {
    font-size: 10px;
    }
    .login_or_signup{
        display: none;
    }
    .small-view{
        display: none;
    }
    .bg-transparent {
    background-color: black !important;
    }
    .business-hero p {
    width: 272px;
    }
    .business-hero .actions {
    margin-bottom:50px;
 
    }
    .spacial-features .header p {

        font-size: 12px;
    }
    .spacial-features {
    margin-top: 10px;
    }
    .spacial-features .feature {
    margin-top: 10px;
    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: 0px 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: #223d79;
        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: 0px 0px;
    }
    .index-devices {
 
    margin-top: 0px;
    padding-top: 40px;
    }

}
button.download-btn {
    padding: 0px 15px;
    background: transparent;
}








@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:white;
    /* text-align: center; */
}

.eyemodelset .modal-content .modal-header, .eyemodelset .modal-content .modal-footer {
    border-bottom: 0px;
    border-top: 0px;
}

.eyemodelset .modal-content .modal-header button {
    color: white;
}

.eyemodelset .modal-content .modal-body h4 {
    color: #9393e8;
    font-weight: 300;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: center;
    /* margin-bottom: 0px; */
    font-size: 22px;
}

.eyemodelset .modal-content .modal-body h5 {
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 0px;
}

.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: white;
}

.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: roboto;
    text-align: center;
    font-size: 20px;
}
.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 0px 0px;
    background-color: #281441;
    height: 81px;
    border-bottom: 3px solid #1ca982;
}
.pricing_container .type p,.pricing_container .type h2,.pricing_container .type h3 {
    font-weight: 800;
    font-size: 24px;
    color: white;
    text-align: center;
    padding-top: 10px;
}
.pricing_container .plan {
    width: 300px;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    font-family: roboto;
    font-style: condensed;
    font-size: 78px;
    color: #202041;
    text-align: center;
}
.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: 0px;
    margin: 0px;
}
.pricing_container #container li {
    line-height: 41px;
    height: 41px;
}
.pricing_container .plan li:nth-child(odd) {
    background-color: #f4f4f4;
}
.pricing_container li {
    color: #202041;
    padding: 0px;
    margin: 0px;
    text-align: center;
    height: 52px;
    line-height: 52px;
}
.pricing_container .price {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricing_container .ultimate {
    background-color: #04a7a9;
    border: 0px;
    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: white;
    text-align: center;
    padding-top: 10px;
}
.pricing_container .plan .content {
    padding-left: 0px;
    padding-right: 0px;
}
.pricing_container .content {
    padding-left: 0px;
    padding-right: 0px;
}
.pricing_container sup {
    font-size: 40px;
}
.plussign {
    color: white;
    height: 400px;
    position: relative;
    /* width: 15px; */
    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: 164px;
}
.pricing_container .header span:nth-child(2) {
    font-size: 78px;
}
.margbtn select {
    margin-bottom: 10px;
}

.margbtn {
    padding: 0px 20px;
}
.pricing_container .whole:nth-child(odd) {
    margin-top: 50px;
}

.modelemail {
    width: 68%;
}

.modelemail label {
    font-weight: normal;
    margin-bottom: 0px;
}















.answer_text .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    /* background-color: #eee; */
    border-radius: 50% !important;
    border: 2px solid #595959;
    height: 24px;
    width: 24px;
    font-weight: bold;
    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: 0px;
}
.answer_text input:checked ~ .checkmark:after {
    display: block;
    border: 0px;
}
.answer_text input:checked ~ .checkmark {
    background-color: #337ab7;
    color:white;
}

.inneryellow a{
    animation: color_changes .8s infinite alternate;
    color:#223d79;
}

@keyframes color_changes {
    from { color: #223d79; }
    to { color: black; }
}
@-webkit-keyframes color_changes {
    from { color: #223d79; }
    to { color: black; }
}
@-moz-keyframes color_changes {
    from {color: #223d79; }
    to {color: black; }
}

@-o-keyframes color_changes {
    from { color: #223d79; }
    to { color: black; }
}



.topnavareademobtn {
    float: right;
}

.topnavareademobtn .b_pdfDemo, .topnavareademobtn form {
    float: left;
}

.topnavareademobtn {
    padding: 16px 0px;
}
.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: 0px;
}

.search_row_container h2 {
    margin: 10px 0px 0px;
    font-size: 16px;
}




.vendorPageBundleArea.text-center P {
    font-size: 14px;
    margin-bottom: 4px;
    /*float: left;*/
}

.modal-content {
    background-color: #282f37;
    color: white;
}
.close{
    color:white;
}


@media(max-width:375px){
    .vendorPageBundleArea {

        color: white;
        /*position: fixed;*/
        top: 16%;
        border-radius: 5px;
        z-index: 99;
        width: 100%

    }
    .activeexamdiv .row .vendormaincolm .ndinnercolm {
        padding-right: 0px;
        border-left: 0px;
        border-right: 0px;
    }
    .exam-meta-info, .our-info {
         padding: 0px; 
    }
    .info-header {
        padding: 3px 20px 0px;
    }
    
    p.font_size_exam {
        padding: 0px 20px;
    }
}

.pricing_container #container li ul {
    padding: 0px;
    margin: 0 auto;
    float: left;
}

.pricing_container #container li ul li {
    float: left;
    text-align: center;
    padding: 10px 2px;
    background: transparent;
}

.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: 0px 10px;
    /* float: left; */
    width: 100%;
    display: flex;
}

.pricing_container #container li div img {
    width: 28px;
    float: left;
    /* padding: 10px; */
    padding-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: 0px;
    font-size: 18px;
    display: table-cell;
}

form#userLoginForm, form#userRegisterForm {
    /* border: 1px solid #ccc; */
    padding: 1px 20px 10px;
    box-shadow: 0px 0px 30px 1px #ccc;
}
form#userLoginForm p {
    font-size: 13px;
    line-height: 15px;
}

.slide .col {
    text-align: center;
    transition: .8s;
    padding: 9px 6px;
    border: 1px solid #223d79;
    margin: 9px 6px;
    width: 30%;
}
.slide {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
}
.slide .col span {
    display: none;
}
.slide .col a {
    color: #223d79;
}
.slide .col:hover {
    background: #223d79;
    color: white;
}
.slide .col:hover a{
    color: #fff;
}
.btn-warning:hover {
    color: #fff;
    background-color: #2c4e9a;
    border-color: #2c4e9a;
}

.vendorPageBundleArea select.form-control {
    padding: 0;
}
.plan select {
    padding: 0 5px;
}

.whole .type p {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

.whole .type {
    display: flex;
    flex-direction: column;
}

.whole .type h3 {
    padding: 0;
    margin: 0;
}

.navbar-brand>img {
    max-height: 60px;
}

@media(max-width: 767px){
    .slide .col {
        width: 95%;
    }
}

/*popup.css*/
.popup{display:none;width:49%;height:auto;background-color:#FFF;position:fixed;top:60px;left:28%;padding-bottom:52px;z-index:1500;padding:20px 20px;border-radius:5px}.remove{display:none;margin:-35px;float:right;font-size:9px;cursor:pointer}.salogan{width:100%;height:auto;float:left;text-align:center;padding-top:25px;padding-bottom:30px}.salogan .choose{font-family:'robotobold'!important;font-size:18px!important;width:100%;float:left;margin-bottom:8px;text-transform:uppercase}.salogan .testpractice{color:#c3c3c3;font-size:11px!important;font-family:'robotolight'!important}.popup-bg{width:100%;height:100%;background:#000;opacity:.7;position:fixed;top:0;left:0;display:none;z-index:8}.popup .q-a{padding-top:25px;font-size:24px}.popup ul li{list-style:none}.popup li,.popup p{font-size:12px!important}.popup ul{float:left;width:100%}.popup .tick-list li{display:block;position:relative;padding:0 0 9px 25px;color:#000;float:left;width:90%}.popup .col-lg-12{float:left;width:100%}.popup .col-lg-6{float:left;width:50%}.vendorss{width:120px;height:auto;float:right;border:1px solid #eaeaea;border-radius:3px;margin-top:0;padding:5px}.FindForm{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:79px;background:#223d79;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 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;margin-bottom:50px}
#form-messages{
    /*margin:-10px 0 15px -18px;*/
    /*padding:10px 15px;*/
    background-color:transparent
}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#1b57b0;border-color:#1b57b0}}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination li{display:inline-block}.pagCenter{width:100%;margin:20px 0;float:left;text-align:center}.emptyCart{background:#1bb0a9;color:#fff;font-size:16px;padding:20px;margin-bottom:200px}.col_full{float:left;width:103%;padding:10px 2%;background:#f0f0f0;margin-left:-1%}.col_full .btn{width:auto!important}#tab-3 .product-info-holder.row{background:#f0f0f0;padding:15px 10px 10px 10px;margin:0 -32px 0 -10px}.tbl-Cl{width:97%!important;float:left;margin-top:5px}.tbl-Cl th{padding:10px;background:#1b57b0;color:#FFF}.tbl-Cl tr{background:#ddd}.tbl-Cl td{padding:10px}.product-info .col{width:33%;float:left;padding:0 11px;position:relative;border-right:1px solid #ccc}tr.mainOrder{background:#1b57b0;color:#fff!important}tr.mainOrder td{color:#fff!important}.sclae{transform:scale(0,0);display:none}.sorting_asc{display:none}.myList .lastNode{display:none}.myList .product-info .product-info-holder.row{background:#f0f0f0!important;padding:15px 10px 25px 10px!important;margin:0 -32px -15px -10px!important}.small-btn{font:500 12px/20px 'Roboto',sans-serif!important;border-radius:4px;padding:0 15px!important;display:inline-block;vertical-align:top;background:#ffd200;color:#000;border:none;text-transform:uppercase;position:relative;transition:all linear 0.3s 0s;z-index:1;margin:4px 0;text-decoration:none;overflow:hidden;line-height:25px!important}.alert-danger{background:bisque;padding:15px}.salogan{float:left;height:auto;padding-bottom:30px;padding-top:25px;text-align:center;width:100%}.q-a{font-size:24px;padding-top:25px}.lisencePopup .col-lg-12.field.row{margin-bottom:10px}.col-lg-12{width:100%}.col-lg-5{width:41.6667%;float:left;padding:0 15px}.col-lg-7{width:58.3333%;float:left;padding:0 15px}.lisencePopup label{line-height:28px;font-size:13px;display:inline-block}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#555;display:block;font-size:14px;height:34px;line-height:1.42857;padding:17px 20px;transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;width:100%}#btn-demo{background-color:#223d79;border-radius:4px;color:#fff}

/*end popup.css*/