/*==================================================
=            Bootstrap 3 Media Queries               =
==================================================*/

/*==========  Mobile First Method  ==========*/

#content-wrapper .table-responsive {
    font-size: 12px;
}

#content-wrapper .dropdown-menu {
    border-radius: 0;
    padding: 0;
    position: relative;
    left: -50px;
}

/* ==== Error Message ==== */

#content-wrapper .error-text {
    padding: 25px;
}

#content-wrapper .error-text p:first-child {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0.01em;
}

#content-wrapper .error-text p:last-child {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    margin-bottom: 2px;
}

/* ==== Dashboard Top Renew ==== */

#content-wrapper .subscription-field {
    margin-top: 60px;
    margin-bottom: 55px;
}

#content-wrapper .renew-certification-field p:first-child {
    font-family: "Sailec-Bold",sans-serif;
    font-size: 45px;
    line-height: 55px;
    letter-spacing: -0.005em;
    color: #5C6066;
}

#content-wrapper .renew-certification-field p:nth-child(2) {
    font-family: 'Sailec-Regular','sans-serif';
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0;
    margin-top: 35px;
    margin-bottom: 40px;
}

#content-wrapper .renew-certification-field p:nth-child(2) span {
    color: #BD1934;
}

#content-wrapper .renew-note-field p {
    font-family: 'Sailec-Medium','sans-serif';
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    margin: 0;
}

#content-wrapper .renew-note-field ul {
    padding-left: 24px;
    margin-top: 3px;
    margin-bottom: 20px;
}

#content-wrapper .renew-note-field ul li {
    color: #6f7c82;
    font-family: 'Sailec-Regular','sans-serif';
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
}

/* ==== Certification Progress ==== */

#content-wrapper .certification-progress {
    padding: 50px 15px 30px;
    background-color: #f5f5f5;
}

.certification-progress .progress-boxes {
    border: none;
    border-top: 7px dotted #d1d1d1;
    border-image-slice: 33% 33%;
    border-image-repeat: round;
    margin-top: 30px;
}

.certification-progress .progress-item {
    text-align: center;
    padding: 20px 0;
    border-bottom: 2px solid #ededee;
    border-left: 2px solid #ededee;
}

.certification-progress .progress-item.red_subtext .subtext {
    color: #E60000;
}

.certification-progress .progress-item.active {
    background-color: #fff;
    border-bottom: 4px solid #174BD6;
    padding: 19px 0;
}

.certification-progress .progress-item.complete {
    background-color: #eef4fc;
}

.certification-progress .progress-item:last-child {
    border-right: 2px solid #ededee;
}

.certification-progress .progress-item .progress-order {
    background-color: #d1d1d1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -18px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-family: "Sailec-Black",sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    z-index: 3;
}

.certification-progress .progress-item.complete .progress-order {
    background-color: #5f95d7;
}

.certification-progress .progress-item.active .progress-order {
    background-color: #174BD6;
}

.certification-progress .progress-item.item-danger {
}

.certification-progress .progress-line {
    display: block;
    position: absolute;
    height: 23px;
    top: -14px;
    left: -3px;
    z-index: 2;
}

.certification-progress .progress-item.top-arrow .progress-line {
    width: calc(50% - 12px);
}

.certification-progress .progress-item.top-line .progress-line {
    top: -14px;
    left: -1px;
    width: calc(100% + 2px);
}

.certification-progress .progress-item .progress-line img {
    display: block;
    width: 100%;
    height: 100%;
}

.certification-progress .progress-item h5 {
    font-size: 26px;
    height: 50px;
    letter-spacing: 0.03em;
}

.certification-progress .progress-item h6 {
    font-size: 19px;
    text-transform: uppercase;
}

.certification-progress .progress-item small {
    font-size: 18px;
}

.certification-progress .progress-item h5,
.certification-progress .progress-item h6,
.certification-progress .progress-item small{
    color: #d1d1d1;
}

.certification-progress .progress-item.active h5,
.certification-progress .progress-item.active h6,
.certification-progress .progress-item.active small{
    color: #174BD6;
}

.certification-progress .progress-item.complete h5,
.certification-progress .progress-item.complete h6,
.certification-progress .progress-item.complete small {
    color: #aacaf2;
}

.certification-progress .progress-item.item-danger h5,
.certification-progress .progress-item.item-danger h6,
.certification-progress .progress-item.item-danger small {
    color: #a94442;
}


/* ==== Dashboard Summary Section ==== */

.dashboard-summary-section {
    background-color: #f5f5f5;
    text-align: center;
}

.dashboard-summary-section .inner-block {
    background-color: #fff;
    border: 1px solid #ededee;
    border-top: 3px solid #408be8;
    border-bottom: 2px solid #ededee;
    margin-bottom: 20px;
}

.dashboard-summary-section .certification-block {
    padding-bottom: 16px;
}

.dashboard-summary-section .certification-block .certification-logo {
    min-height: 165px;
}

.dashboard-summary-section .inner-block h4 {
    border-bottom: 1px solid #ededee;
    padding-bottom: 12px;
    font-size: 20px;
    margin-bottom: 0;
}

.dashboard-summary-section .inner-block h5 {
    color: #5C6066;
    font-family: 'Sailec-Bold','sans-serif';
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.dashboard-summary-section .inner-block .right-border {
    border-right: 1px solid #ededee;
}

.dashboard-summary-section .inner-block .sub-content,
.dashboard-summary-section .inner-block .sub-content > p,
.dashboard-summary-section .inner-block .sub-content.text-md a {
    font-size: 24px;
    color: #174BD6;
}

.dashboard-summary-section .inner-block .text-lg {
    margin: 23px 0 30px;
}

.dashboard-summary-section .inner-block .sub-content.text-sm,
.dashboard-summary-section .inner-block .sub-content.text-sm a {
    font-size: 20px;
}

/* ==== Products (Dashboard style) ==== */

#content-wrapper .inner-box img,
.modal-body .inner-box img {
    width: 100%;
}

#content-wrapper .available-section {
    padding: 65px 35px 160px 35px;
    text-align: center;
}

#content-wrapper .available-section + .border-line {
    width: calc(100% - 30px);
    height: 1px;
    background-color: #878787;
    margin: 0 auto 30px auto;
}

#content-wrapper .available-title {
    text-align: center;
}

#content-wrapper .available-title h3 {
    font-size: 40px;
    letter-spacing: -0.03em;
    line-height: 44px;
    margin-bottom: 50px;
}

#content-wrapper .available-section .inner-box {
    margin-top: 110px;
}

#content-wrapper .available-section .inner-box div:first-child a {
    display: inline-block;
    padding: 0 20%;
}

#content-wrapper .available-section .inner-title a {
    color: #BD1934;
    display: block;
    font-family: "Sailec-Medium", sans-serif;
    font-size: 40px;
    letter-spacing: -0.005em;
    line-height: 48px;
    margin-top: 60px;
    margin-bottom: 30px;
}

#content-wrapper .available-section .inner-title.analyze a {
    color: #2661AB;
    font-size: 40px;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 0;
}

#content-wrapper .available-section .inner-title.analyze p:last-child {
    font-size: 26px;
    line-height: 30px;
}

#content-wrapper .available-section .price-field p:first-child {
    font-family: "Sailec-Medium", sans-serif;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.1em;
    margin-top: 55px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#content-wrapper .available-section .price-field p:nth-child(2) {
    color: #1A1C1D;
    font-family: 'Sailec-Regular','sans-serif';
    font-size: 58px;
    line-height: 68px;
    letter-spacing: 0.01em;
    margin-bottom: 35px;
}

/* ==== Company Users Page ==== */

#content-wrapper #company-users .table th {

    color: #292B30;

}

#content-wrapper #company-users .table i.fa {
    display: block;
    text-align: center;
}

.company-modal .modal-header {
    background: #ebebeb;
}

.company-modal .modal-title {
    color: #174BD6 !important;
    font-family: "Sailec-Black", sans-serif !important;
}

.company-modal .modal-footer .row .btn-default {
    margin-top: 48px;
}

.company-modal .modal-footer .row:last-child .btn-link {
    margin-top: 20px;
    margin-bottom: 34px;
}

/* ==== PR Page ==== */

#pr-page .pr-title {
    margin-bottom: 0;
}

#pr-page hr {
    border-color: #f4f4f4;
    background-color: #f4f4f4;
    color: #f4f4f4;
    margin: 35px 0 35px 0;
    padding: 0 20px;
}

#pr-page pre,
#pr-page .pre {
    background-color: #F5F5F5;
    max-height: 200px;
    font-size: 14px;
    font-family: 'Sailec-Regular','sans-serif';
    color: #6f7c82;
    overflow-y: auto;
    padding: 5px 13px;
    border: none;
    margin-bottom: 0;
}

#pr-page pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#pr-page .pre p,
#pr-page .pre {
    font-size: 14px;
    font-family: 'Sailec-Regular','sans-serif';
    color: #6f7c82;
}

#pr-page .pre p:last-child {
    margin-bottom: 0;
}

#pr-page .badge-img {
    float:left;
    margin: 15px 0 0;
}

#pr-page #use-badge {
    margin-left: 115px;
}

#pr-page .pre-title {
    font-size: 16px;
}

#pr-page .small-letters,
#pr-page .small-letters b {
    font-size: 14px;
    color: #6f7c82;
}

#pr-page #fb-steps b {
    color: #6f7c82;
}

#pr-page #fb-steps,
#pr-page #fb-steps b,
#pr-page #fb-steps a {
    font-size: 20px;
}

#pr-page .email-signature b {
    color: #6f7c82;
    font-size: 18px;
    font-family: 'Sailec-Regular','sans-serif';
}

#pr-page #fb-steps ol {
    padding-left: 20px;
}

#pr-page .email-signature {
    border: 1px solid #f4f4f4;
    padding: 20px;
}

.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner > .item > div {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.multi-item-carousel .carousel-inner .active.left {
    left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
    left: 33%;
}
.multi-item-carousel .carousel-inner .next {
    left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
    left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}

#pr-page .right.carousel-control {
    color: #000;
    background-image: none;
    width: auto;
    right: 0px;
}

#pr-page .left.carousel-control {
    color: #000;
    background-image: none;
    width: auto;
    left: -20px;
}

#pr-page .carousel-control span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
}

#pr-page ul.twitter-list {
    list-style-type: none;
}

#pr-page ul.twitter-list li:before {
    content: "";
    position: absolute;
    left: 30px;
    width: 19px;
    height: 19px;
    background-image: url('/media/gptw/images/pr/twitter.png');
}

#pr-page ul.twitter-list li {
    color: #6f7478;
    font-size: 17px;
    margin-bottom: 25px;
}

/* ==== List Preferences - Awards Page ==== */

#content-wrapper #preferences-page .award-tag hr {
    margin: 7px 0;
}

#content-wrapper #preferences-page .award-tag .award-logo {
    height: 200px;
}

#content-wrapper #preferences-page .award-tag img {
    margin: 0 auto;
    display: block;
    width: auto;
    max-height: 100%;
}

#content-wrapper #preferences-page .award-tag a {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 600;
}

#content-wrapper #preferences-page .checkbox label {
    padding-right: 20px;
}

#content-wrapper #preferences-page .checkbox a.more {
    color: #000;
    display: block;
    font-size: 14px;
    height: 25px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
}

#content-wrapper #preferences-page .pref-content {
    color: #6f7c82;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 35px;
    display: none;
}

#content-wrapper #preferences-page .pref-content p {
    margin-bottom: 0;
    font-size: inherit;
}

/* ==== Account Page ==== */

#content-wrapper #account-page {
    padding-bottom: 100px;
    color: #5C6066;
font-family: "Sailec-regular", sans-serif;
}

#content-wrapper #account-page {
    padding-top: 25px;
}

#content-wrapper #account-page h6 {
    display: inline-block;
    color: #454545;
}

#content-wrapper #account-page h6 + hr,
#content-wrapper #account-page h6 + a + hr{
    margin-top: 0;
}

#content-wrapper #account-page .account-sidebar {
    background: #f7f6f5;
    padding: 15px;
}

#content-wrapper #account-page .btn.hollow {
    background: rgba(255,255,255,0);
    color: #1c4a84;
    margin-bottom: 20px;
}

/* ==== Renew View Modal ==== */

.modal-product .modal-product-top {
    overflow: hidden;
    position: relative;
    padding: 30px 10px;
    margin: 0 auto;
    width: 100%;
}

.modal-product .modal-product-top .dashboard-prod {
    background: rgba(243, 243, 243, 0.95);
    font-size: 12px;
    height: 100%;
    text-align: center;
    padding: 10px;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.modal-product .modal-product-top .modal-product-description {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.modal-product .modal-product-top .modal-product-description p {
    font-size: 12px;
}

.modal-product .modal-product-top:hover .dashboard-prod {
    left: 0;
}

/* ==== Bootstrap Popover ==== */

.custom-popover > span {
font-family: 'Sailec-regular', 'sans-serif';
font-size: 12px;
color: #292B30;
letter-spacing: .05em;
}

.custom-popover .popover {
    background-color: #c6c6c6;
    border-color: transparent;
    box-shadow: none;
    max-width: 660px;
    min-width: 200px;
}

.custom-popover .popover.top > .arrow:after {
    border-top-color: #c6c6c6;
}

.custom-popover .popover .popover-content {
    font-size: 17px;
    color: #5C6066;
    line-height: 22px;
    padding: 15px;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #content-wrapper .table-responsive {
        overflow: visible;
    }

    #content-wrapper .dropdown-menu {
        position: absolute;
        left: inherit;
    }

    #content-wrapper .error-text p:first-child {
        font-size: 26px;
        line-height: 24px;
    }

    #content-wrapper .error-text p:last-child {
        font-size: 20px;
        line-height: 24px;
    }

    #content-wrapper .subscription-field {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #content-wrapper .renew-certification-field p:first-child {
        font-size: 48px;
        line-height: 54px;
    }

    #content-wrapper .renew-certification-field p:nth-child(2) {
        font-size: 20px;
        line-height: 25px;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    #content-wrapper .renew-note-field p {
        font-size: 18px;
        line-height: 23px;
    }

    #content-wrapper .renew-note-field ul li {
        font-size: 18px;
        line-height: 27px;
    }

    #content-wrapper .progress-report-section .title h4 {
        text-align: left;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    #content-wrapper .progress-report-section .progress-inner-box {
        margin-bottom: 0;
    }

    #content-wrapper .progress-report-section .progress-inner-box .inner-title {
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 0.06em;
        padding: 10px 20px;
        text-align: left;
    }

    #content-wrapper .progress-inner-box .inner-box-content li img {
        height: 32px;
    }

    #content-wrapper .progress-inner-box .inner-box-content li span {
        font-size: 20px;
    }

    #content-wrapper .progress-inner-box .inner-box-content .non_stat span,
    #content-wrapper .progress-inner-box .inner-box-content .finish_stat span {
        font-size: 22px;
    }

    #content-wrapper .report-center img {
        height: auto;
    }

    #content-wrapper .report-center span {
        font-size: 21px;
    }

    #content-wrapper .available-section {
        padding: 65px 15px;
        text-align: left;
    }

    #content-wrapper .available-title h3 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 0;
    }

    #content-wrapper .inner-box {
        display: table;
        padding: 30px 0;
    }

    #content-wrapper .inner-box > div {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }

    #content-wrapper .available-section .inner-box {
        margin-top: 0;
    }

    #content-wrapper .available-section .inner-box div:first-child a {
        display: block;
        padding: 0;
    }

    #content-wrapper .available-section .inner-title a {
        font-size: 32px;
        line-height: 0.9em;
        margin-top: 0;
        margin-bottom: 20px;
    }

    #content-wrapper .available-section .inner-title.analyze a {
        font-size: 32px;
        line-height: 44px;
        margin: 0;
    }

    #content-wrapper .available-section .price-field p:first-child {
        font-size: 10px;
        line-height: 20px;
        margin: 0;
    }

    #content-wrapper .available-section .price-field p:nth-child(2) {
        font-size: 29px;
        line-height: 43px;
        margin-bottom: 10px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #content-wrapper .subscription-field > div:last-child {
        margin-top: 0;
    }

    #content-wrapper .progress-report-section > div:first-child {
        border-right: 2px solid #878787;
        padding-right: 30px;
    }

    #content-wrapper .progress-report-section > div:nth-child(2) {
        padding-left: 30px;
    }

    #content-wrapper .progress-report-section .border-line {
        display: none;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #content-wrapper .table-responsive {
        font-size: 14px;
    }
}

@media screen and (min-width: 1440px) {
    #content-wrapper .table-responsive {
        font-size: inherit;
    }

    #content-wrapper .inner-box > div:first-child {
        width: 25%;
    }

    #content-wrapper .inner-box > div:nth-child(2) {
        width: 60%;
    }

    #content-wrapper .inner-box > div:last-child {
        width: 15%;
    }
}

@media screen and (min-width: 1600px) {
    #content-wrapper .inner-box > div:first-child {
        width: 20%;
    }

    #content-wrapper .inner-box > div:nth-child(2) {
        width: 65%;
    }

    #content-wrapper .inner-box > div:last-child {
        width: 15%;
    }
}