/* RESPONSIVE */
@media (min-width: 900px) and (max-width: 1100px) {
    .gui-account .gui-account-cart .gui-buttons .gui-right,
    .gui-account .gui-account-cart .gui-buttons .gui-left {
        width: 100%;
        margin-bottom: 8px;
    }

    .gui-account .gui-account-cart .gui-buttons .gui-right a,
    .gui-account .gui-account-cart .gui-buttons .gui-left a {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 900px) {
    .gui-div-faq-questions {
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .gui .contact-bottom_left {
        width: 100%;
    }

    .gui-account .gui-account-cart {
        margin-top: 40px !important;
    }
}

@media (max-width: 500px) {
    .gui-account .gui-account-cart .gui-buttons .gui-right,
    .gui-account .gui-account-cart .gui-buttons .gui-left {
        width: 100%;
        margin-bottom: 8px;
        text-align: center;

    }

    .gui-account .gui-account-cart .gui-buttons .gui-right a,
    .gui-account .gui-account-cart .gui-buttons .gui-left a {
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }
}

/* GLOBAL */

.theme-boxed .gui {
    margin-top: 0;
    padding-top: 30px;
}

.theme-boxed .gui-page-title {
    font-size: 1.9rem !important;
}

.theme-boxed .gui .p6 {
    padding: 2.25rem;
}

.theme-boxed .gui .login-left, .theme-boxed .gui .login-right {
    padding-bottom: 8.25rem;

}

.theme-boxed .login-right .gui-buttons.grid.wrap-tiny {
    padding-right: 2.2rem;
    padding-left: 2.2rem;
}

.theme-boxed .gui-login .gui-buttons {
    left: 2.2rem;
    right: 2.2rem;
    bottom: 2.2rem;
}

.theme-boxed .login-left .gui-buttons a {

}

.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image {
    border-color: #e6e6e6;
}

.tw-logo {
    display: none !important;
}

.gui-progressbar {
    display: none !important;
}

/* MESSAGES */
.content-fixed_pages .gui-messages,
.content-fixed_pages .messages {
    display: none !important;
}

/*Login*/
.gui-login {

}

.gui.gui-login .gui-messages {
    display: none !important;
}

.gui a.btn-large {
    width: 100%;
}

.gui a {
    color: #f2b221;
}

.gui-messages ul, .messages ul {
    color: #fff;
    background: #f2b221;
    border: 1px solid #a8677a;
}

.gui-account-cart {
    display: none;
}

.gui-col2-equal .gui-col2-equal-col2 {
    width: 50%;
}

.gui a.btn-large i {
    margin-right: 0.5rem;
}

.gui .mr3 {
    margin-right: 1.6rem !important;
}

.gui .ml3 {
    margin-left: 1.6rem !important;
}

.gui .p6 {
    padding: 40px;
}

.gui-login {
    margin: 0 auto;
    padding-top: 1.562rem;
    max-width: 81.25rem;
}

.gui-login .login-left h1, .gui-login .login-left p, .gui-login .login-left div {
    color: #fff;
}

.gui-login .login-left h1 div {
    color: #fff !important;
}

.gui-login .gui-buttons {
    position: absolute;
    left: 6.2rem;
    right: 6.2rem;
    bottom: 6.2rem;
}

.gui .login-left,
.gui .login-right {
    padding-bottom: 11.25rem;
}

.gui .gui-page-title, .gui .login-right h2 {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 32px;
}

.gui .gui-content-title {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0.5px;
    margin-bottom: 32px;
}

.gui .login-left p {
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0.5px;
    /*height:100% !important;*/
}

.gui .login-left .btn-large {
    border-color: #fff;
    background-color: #fff;
    color: #000;
}

.gui .login-right {
    border: 1px solid #e3e3e3;
    border-left: none;
}

.gui .login-right {

}

.gui .login-right .gui-field {
    position: relative;
}

.gui .login-right .gui-field i {
    position: absolute;
    left: 0;
    width: 40px;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #e5e5e5;
    z-index: 9;
}

.gui .login-right h2 {
    color: #242424;
    margin-bottom: 35px;
}

.gui .login-right .gui-block-title, .gui .login-right .gui-block-content > p {
    display: none;
}

.gui .login-right .gui-field *:not(em):not(i) {
    display: block;
    width: 100%;
}

.gui .login-right .gui-field label {
    font-size: 14px;
    margin-bottom: 30px;
    padding: 0;
}

.gui .login-right .gui-field input {
    max-width: none;
    height: 50px;
    line-height: 50px;
    text-indent: 42px;
    margin-bottom: 35px;
    padding: 0;
}

.gui .login-right .gui-field input::placeholder {
    color: #242424;
    font-size: 13px;
}

.gui .gui-form .gui-required {
    display: none;
}

.gui.gui-login .gui-right,
.gui.gui-login .gui-left {
    float: none;
    margin: 0;
}

/*Login END*/

/* BLOG */
.blog-recents_block {
    max-width: 300px;
}

.article-image_wrapper img {
    max-width: 750px;
    height: auto;
}

.article-info_wrapper {
    padding: 3.125rem;
    margin-left: -4rem;
    background: #fff;
}

.theme-boxed .article-info_wrapper {
    margin-left: -18rem;
}

.article-info_wrapper .btn-large {
    width: 250px;
    text-align: center;
}

.article-publish_date {
    letter-spacing: 0.08rem;
    font-weight: 600;
    font-size: 0.875rem;
}

.article-publish_date-small {
    font-size: 0.625rem;
    text-align: center;
    width: 100%;
}

.article-title h1 {
    font-weight: 900;
    font-size: 2.0625rem;
}

.article-title_small {
    font-size: 1.6rem;
    line-height: 2rem;
}

.article-summary p {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.02rem;
}

.article-content, .article-content p {
    font-size: 1.0rem;
    line-height: 2.0625rem;
}

.article-content ul {
    padding-left: 15px;
}

.article-content ul li {
    list-style: disc;
}

.article-content_small {
    line-height: 2rem;
}

.bottom-recent_articles {
    font-size: 2.0625rem;
    font-weight: 600;
}

.article-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.article-ifo_wrapper-small {
    margin-top: -25%;
    max-width: 60%;
    background: #fff;
    margin-left: 1rem;
    padding: 1.5625rem 2.03rem;
}

.recent-articles_parent {
    margin: 0 -0.9375rem;
}

.recent-articles_self {
    margin-right: 1.875rem;
    max-width: calc(33.3333% - 1.875rem);
    width: calc(33.3333% - 1.875rem);

}

.recent-articles_self:nth-child(3n + 1) {
    margin-left: 0.9375rem;
}

.recent-articles_self:nth-child(3n) {
    margin-right: 0.9375rem;
}

/* ARTICLE */
.article-image_wrapper-fw {
    width: 100%;
}

.article-info_self {
    background: #fff;
    padding: 3.4375rem;
    width: calc(100% - 13.75rem);
    margin: -3.4375rem auto 0;
}

.article-information {
    margin-top: 4rem;
    padding: 1.25rem;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.article-leave_comment {
    background: #f8f8f8;
    padding: 1.5625rem;
}

.comment-form_wrapper label {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.comment-form_wrapper input {
    width: 380px;
    max-width: none;
    height: 50px;
    line-height: 50px;
    margin-bottom: 1.3rem;
    padding: 0;
    text-indent: 20px;
    color: #242424;
    box-sizing: border-box;
}

.comment-form_wrapper input::placeholder, .comment-form_wrapper input:focus, .comment-form_wrapper textarea:focus {
    color: #242424;
}

.comment-form_wrapper textarea {
    width: 100%;
    max-width: 600px;
    min-height: 8.125rem;
    max-height: 12.125rem;
    box-sizing: border-box;
    padding: 0;
    padding-top: 10px;
    text-indent: 20px;
}

.article-title_form {
    margin-bottom: 3rem;
    margin-top: 0;
}

.form-fieldrunners {
    font-size: 0.625rem;
    white-space: nowrap;
}

.required-filed {
    font-size: 0.75rem;
    font-weight: 800;
}

.article-content_main {
    /*   max-height:115px;
      overflow:hidden; */
}

.article-content_main {
    /*   max-height: 250px; */
    overflow: hidden;
}

.article-side_title {
    font-weight: 900;
    font-size: 1.31rem;
    margin-bottom: 1.8rem;
    white-space: nowrap;
}

.article-tag {
    font-weight:  700;
    white-space:  nowrap;
    display:  block;
    text-overflow:  ellipsis;
    overflow:  hidden;
    font-size:  0 .875rem;
    margin-bottom:  1 .2rem;
}

.article-tag span {
    color: #b0b7be;
}

.articles-self_tags a {
    border: 1px solid #e3e3e3;
    font-size: 0.75rem;
    line-height: 1.75rem;
    transition: .2s ease;
    background: transparent;
}

.articles-self_tags a:hover {

}

.articles-self_tags-title {
    font-size: 0.8125rem;
    line-height: 1.8125rem;
}

.article-commenter {
    font-size: 0.875rem;
}

.article-commenter_quantity span {
    display: inline-block;
    font-size: 0.75rem;
    border-radius: 4px;
    width: 35px;
    line-height: 1.8rem;
    text-align: center;
    color: #fff;
    position: relative;
    letter-spacing: 0.1rem;
}

.article-commenter_quantity span:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 7px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

.article-border-right {
    border-right: 1px solid #e3e3e3;
}

.article-publish_date-info {
    font-size: 0.875rem;
    letter-spacing: 0;
    font-weight: 400;
}

.commenter-information {
    padding-top: 1.5625rem;
}

.commenter-info {
    font-size: 0.875rem;
    font-weight: 600;
}

.commenter-content {
    font-size: 0.8125rem;
    font-weight: 300;
}

.each-commenter {
    padding: 1.875rem 0;
    border-bottom: 1px solid #e3e3e3;
}

.article-side_recents {
    max-width: 240px;
}

.article-side_recents-link {
    /*   white-space: nowrap; */
    display: block;
    /*   text-overflow: ellipsis; */
    /*   overflow: hidden; */
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.poster-profile_pic img {
    width: 75px;
    height: 65px;
}

.article-mobile_recents {
    display: none;
}

.article-mobile_tags {
    display: none;
}

.articles-owner_info > .grid-cell {
    margin: 1rem 0;
}

.form-fieldrunners_smaller {
    display: none;
}

/* CONTACT PAGE */
.gui-conatact_more-text {
    display: block;
    padding: 0;
    box-shadow: 0px -35px 7px -2px rgba(255, 255, 255, 0.6);
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 68px;
    line-height: 50px;
    background: rgb(255, 255, 255);
    left: 0;
}

.gui-conatact_less-text {
    visibility: hidden;
    opacity: 0;
    display: block;
    padding: 0;
    box-shadow: 0px -35px 7px -2px rgba(255, 255, 255, 0.6);
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 68px;
    line-height: 50px;
    background: rgb(255, 255, 255);
    left: 0;
}

.gui-conatact_less-text.show-less {
    visibility: visible;
    opacity: 1;
}

.gui-conatact_more-text.hide-show {
    visibility: hidden;
    opacity: 0;
}

.gui .contact-top {

}

.contact-top_right {
    width: 100%;
    display: none;
}

.grid-cell .contact-top_left {
    width: 50%;
}

.gui .gui-page-title.contact-title {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: 1px;
}

.gui .gui-div-faq-questions {
    position: relative;
    margin-right: 0px;
    z-index: 1;
    background: #fff;
    padding: 0px 30px 40px 0px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 0;
    transition: all .3s ease;
    width: 100%;
}

.gui .gui-div-faq-questions.read-more {
    max-height: fit-content;
}

.gui-contact_less-text {
    display: none;
    line-height: 30px;
    width: 120px;
    height: 30px;
    margin-top: 30px;
}

.gui-contact_less-text.show-read {
    display: block;
}

.gui-contact_less-text {
    display: none;
    line-height: 30px;
    width: 120px;
    height: 30px;
    margin-top: 30px;
}

.gui-contact_more-text {
    line-height: 30px;
    width: 120px;
    height: 30px;
    margin-top: 30px;
}

.read-overlay {
    position: absolute;
    bottom: 0px;
    height: 60px;
    line-height: 30px;
    width: 100%;
    left: 0;
    background: #fff;

}

.read-overlay.shadow-read {
    box-shadow: 0 -40px 25px 25px rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 -40px 25px 25px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0 -40px 25px 25px rgba(255, 255, 255, 0.75);
    -ms-box-shadow: 0 -40px 25px 25px rgba(255, 255, 255, 0.75);
    -o-box-shadow: 0 -40px 25px 25px rgba(255, 255, 255, 0.75);
}

.hide-read {
    display: none;
}

.gui-div-faq-questions.read-more {
    height: 100%;
}

.gui-div-faq-questions p {
    font-size: 100%;
    margin-bottom: 1.5rem;
}

.contact-image_block img {
    max-width: 100%;
}

.gui .contact-bottom_left {
    width: 50%;
    margin-right: 50px;
}

.contact-bottom .gui-block {
    border-color: #f6f6f6;
}

.contact-bottom_right .gui-block.gui-margin.gui-div-faq-links {
    margin: 0;
}

.contact-bottom .gui-block .gui-block-title {
    font-weight: 700;
    font-size: 1.875rem;
    margin-top: 0rem;
    padding: 0;
    margin-bottom: 1.2rem;
    border: none;
}

.contact-bottom_right .gui-block.gui-margin.gui-div-faq-links .gui-block-linklist li {
    border: none;
}

.gui .gui-block-linklist li a {
    font-size: 0.9375rem;
    letter-spacing: 0.04rem;
}

/* .gui .gui-block-content {
  padding:0;
} */
.gui .contact-bottom .gui-field {
    width: calc(100% - 30px);
    display: inline-block;
    margin-right: 28px;
}

.gui a.contact-form_submit-btn {
    display: block;
    max-width: 180px;
    margin-top: 2rem;
    margin-left: auto;
    text-align: center;
    margin-right: 30px;
}

.gui .gui-form label {
    font-size: 0.875rem;
}

.gui .gui-input input {
    height: 40px;
}

.gui .gui-form input,
.gui .gui-form input::placeholder,
.gui .gui-form span,
.gui .gui-form textarea,
.gui .gui-form textarea::placeholder {
    font-size: 1rem;
}

.gui .gui-input,
.gui .gui-text {
    border: 0px solid #f6f6f6;
}

.gui .gui-input.gui-focus,
.gui .gui-text.gui-focus,
.gui .gui-input.gui-focus {
    box-shadow: none;
    border-color: #f6f6f6;
}

.gui .gui-input input:focus,
.gui .gui-input textarea:focus,
.gui .gui-input.gui-focus:focus {
    outline: none;
}

.gui .gui-input input::placeholder,
.gui .gui-text textarea::placeholder,
.gui .gui-input.gui-focus::placeholder {
    color: #000;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    /*border: 1px solid #e3e3e3;*/
    color: #000;
}

/* BLOG END */

/* PASSWORD */
.gui-password {
    margin: 6rem auto 0;
    max-width: 45rem;
}

.gui-password .gui-block {
    padding: 2rem;
    border: none;
}

.gui-password .gui-block-title {
    border: none;
    padding: 0;
    margin-bottom: 1rem;
    background: transparent;
}

.gui-password .gui-buttons {
    margin: 0;
    padding: 0;
    margin-top: 3rem;
}

.gui-password .gui-buttons a {
    padding: 0 15px;
    width: calc(100% - 30px);
}

.gui-password .gui-input input, .gui-account .gui-input input {
    height: 50px;
    line-height: 50px;
}

.gui-password .gui-required {
    text-align: left;
}

/* PASSWORD END */

/* ACCOUNT */
.gui-account .gui-col2-left-col2 {
    background: #fff;
}

.gui-account .gui-block-title {
    font-size: 1.2rem;
}

.gui-account .gui-block-linklist li a {
    font-size: 0.875rem;
}

.gui-account .gui-block-title,
.gui-account .gui-block-linklist li a {
    padding: 13px 20px;
}

.gui-block-linklist li.gui-active a {
    font-weight: 900;
}

.gui-account .gui-col2-left .gui-col2-left-col2 {

    padding: 3rem;
}

.gui-account .gui-col2-left .gui-col2-left-col2 p {
    font-size: 1rem;
    margin: 1rem 0;
    max-width: 100%;
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-block {
    border: none;
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-block-title {
    padding: 0;
    background: transparent;
    border: none;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-block-subtitle {
    font-size: 1.125rem;
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-block-subtitle a i {
    margin-right: 0.5rem;
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-block-subcontent {
    font-size: 1rem;
    line-height: 1.6rem;
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-col2-equal-col1,
.gui-account .gui-col2-left .gui-col2-left-col2 .gui-col2-equal-col2 {
    border: 1px solid #e6e6e6;
    padding: 1rem;
    width: calc(48.5% - 2rem);
}

.gui-account .gui-col2-left .gui-col2-left-col2 .gui-form .gui-col2-equal-col1,
.gui-account .gui-col2-left .gui-col2-left-col2 .gui-form .gui-col2-equal-col2 {
    border: none;
}

.gui-select span {
    padding: 0px 26px 0px 15px;;
}

.gui-account .gui-col2-left .gui-col2-left-col2 #gui-block-company {
    padding: 1rem;
}

.gui-account .gui-col2-left .gui-col2-left-col2 #gui-block-company .gui-col2-equal-col1,
.gui-account .gui-col2-left .gui-col2-left-col2 #gui-block-company .gui-col2-equal-col2,
.gui-account .gui-col2-left .gui-col2-left-col2 #gui-address .gui-col2-equal-col1,
.gui-account .gui-col2-left .gui-col2-left-col2 #gui-address .gui-col2-equal-col2 {
    padding: 0;
}

.gui-account .gui-buttons,
.gui-review .gui-buttons {
    padding-right: 3rem;
    margin: 2rem 0;
    padding-left: 0;
}

.gui-account .gui-account-cart .gui-buttons {
    padding-right: 10px;
    margin: 0rem 0;
    padding-left: 10px;
}

.gui-account .gui-account-cart .gui-buttons .gui-right {
    margin-left: 0;
}

.gui-block-productlist li .gui-block-productlist-text a {
    white-space: normal;
    width: 80%;
}

.gui-account .gui-account-cart .gui-buttons a {
    width: initial;
}

.gui-account .gui-buttons a,
.gui-review .gui-buttons a {
    padding: 0 1.5rem;
}

.gui-account .gui-account-cart .gui-block-content {
    padding: 0.5rem 0 2rem 0;
}

.gui .nice-select {
    min-width: 150px;
    border: 1px solid #f6f6f6;
    height: 42px;
}

/* ACCOUNT END */

/* REVIEW */
.gui-review {
    padding: 3rem 3.5rem;
}

.gui-review .gui-block {
    border: none;
}

.gui-review .gui-block-title {
    border: none;
    padding: 0;
    margin: 1rem 0;
    font-size: 1.1rem;
    background: transparent;
}

.gui-review .gui-form > div {
    margin-bottom: 1rem;
}

/* REVIEW END */
.gui-register .gui-form,
.gui-checkout-steps .gui-block-content {
    padding: 1rem 2rem;
}

.gui-checkout .gui-buttons div a {
    padding-left: 0px;
    padding-right: 0px;
    width: 220px;
}

.gui-checkout .gui-buttons div a.fb-login span {
    font-size: 100%;
}

.gui-checkout .gui-buttons div a.gui-button-action {
    float: right;
}

/*  COMPARE */
.gui .gui-compare-row .main-btn {
    max-width: 220px;
    text-align: center;
}

.gui-payment-method.gui-payment-method-service {
    margin-bottom: 10px;
}

.gui-checkout-one-step .step-shipment .gui-block-option .gui-field .gui-radio > label {
    padding-left: 28px !important;
    line-height: 14px;
    font-size: 0.875rem;
}

@media (max-width: 900px) {

    .gui .contact-bottom_left {
        width: 100%;
        margin: 0;
    }

    .gui .contact-bottom_right {
        width: 100%;
    }

    .gui-block-linklist li {
        float: none !important;
    }

    .contact-bottom .gui-block {
        padding: 25px;
    }
}

@media (max-width: 600px) {
    .gui .contact-bottom .gui-field {
        width: 100%;
    }
}

.gui-login .login-left,
.gui-password .gui-block {
    background: #f2b221;
    width: 30%;
}

.gui-password .gui-block {
    width: 100%;
    background: #fff;
    border: 1px solid #e3e3e3;
}

.gui a.btn-large {
    overflow: hidden;
    float: right;
    padding: 13px 26px;
    border-radius: 3px;
    border: none;
    background: #f2b221;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    width: 100%;
}

.relative {
    position: relative;
}

#gui-form > div {
    position: inherit
}

.gui .login-right a.btn-large {
    background: #f2b221;
    color: #fff;
}

.gui .gui-field input {
    border: 1px solid #e5e5e5;
}