.main-container {
    blockquote {
		font-style: italic;
		line-height: 1.7;
		margin: 0;
		overflow: hidden;
		padding: 0;
		p{
			color: fade(@greycolor,90);
		}
    }
    .comments-area {
        margin: 0;
        width: 100%;
		float: left;
        .comments-title,
        .comment-reply-title {
            border: none;
            display: inline-block;
            font-size: 1.2143em;
            margin-bottom: 25px;
            position: relative;
            text-transform: uppercase;
        }
        .commentlist {
            margin-bottom: 60px;
            padding: 0;
            li {
                list-style: none;
                article.comment {
                    border: 1px solid @bordercolor;
                    margin: 0 0 20px;
                    padding: 30px;
                    width: 100%;
                    .comment-avatar {
                        float: left;
                    }
                    .comment-info {
                        border: none;
                        margin-left: 65px;
                        position: relative;
                        .reply {
                            position: absolute;
                            right: 0;
                            top: 0;
                            a {
                                background: none;
                                border: 1px solid @primarycolor;
                                box-shadow: none;
                                color: @primarycolor;
                                display: inline-block;
                                font-size: .8em;
                                font-weight: @headingfontweight;
                                height: 28px;
                                line-height: 26px;
                                padding: 0 20px;
                                text-shadow: none;
                                -webkit-transition: all .3s ease;
                                        transition: all .3s ease;
                                white-space: nowrap;
                                .border-radius(500px);
                                &:hover {
                                    background: @primarycolor;
                                    border-color: @primarycolor;
                                    color: @white;
                                }
                            }
                        }
						.edit-link{
							text-align: right;
						}
                    }
                }
            }
            .comment-meta {
                color: @greycolor;
                margin: 0 0 15px;
                img {
                    margin-right: 10px;
                }
                cite {
                    display: block;
                    .fn {
                        a {
                            color: @darkcolor;
                            &:hover {
                                color: @linkhovercolor;
                            }
                        }
                    }
                    span {
                        display: none;
                    }
                }
                time {
                    display: block;
                    font-size: .93em;
                    font-style: italic;
                }
            }
            .comment-content {
                color: @greycolor;
                ul,
                ol {
					margin-bottom: 1rem;
                    li {
                        list-style-type: inherit;
						&> ul,
						&> ol{
							margin-bottom: 0;
						}
                    }
                }
                p:last-child {
                    margin-bottom: 0;
                }
                .edit-link a {
                    color: @primarycolor;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
        .pagination {
            margin: 15px 0;
            width: 100%;
            .next,
            .prev {
                position: relative;
                text-indent: -9999px;
                &:after {
                    content: '\f054';
                    display: inline-block;
                    font-family: FontAwesome;
                    height: 34px;
                    left: 0;
                    position: absolute;
                    text-align: center;
                    text-indent: 0;
                    top: 0;
                    width: 34px;
                }
            }
            .prev {
                &:after {
                    content: '\f053';
                }
            }
        }
        .comment-respond {
            margin: 40px 0;
            width: 100%;
            .comment-form {
                label {
                    color: @greycolor;
                    margin: 0 0 5px;
                }
                .comment-notes,
                .form-allowed-tags {
                    color: @greycolor;
                    font-size: .8571em;
                }
                .comment-input {
                    margin: 0 -10px;
                    .clearfix();
                }
                .comment-form-author,
                .comment-form-email,
                .comment-form-url {
                    float: left;
                    padding: 0 10px;
                    width: 33.3333%;
                    input {
                        width: 100%;
                    }
                }
                .comment-form-cookies-consent {
                    margin: 0 10px;
                    input[type='checkbox'] {
                        display: inline-block;
                        margin-right: 5px;
                    }
                }
                #comment {
                    border: 1px solid @bordercolor;
                    height: 130px;
                    width: 100%;
                }
                .form-submit {
                    margin-top: 25px;
                }
                .logged-in-as {
                    a {
                        color: @primarycolor;
                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    }
    .social-sharing {
        margin: 30px 0 0 0;
        text-align: center;
        width: 100%;
        .widget_socialsharing_widget {
            display: inline-block;
        }
        .widget-title {
            background: none;
            color: darken(@greycolor, 5%);
            font-size: .8571em;
            line-height: 26px;
            margin: 0 20px;
            text-transform: uppercase;
            width: auto;
        }
        .social-icons {
            float: left;
            margin: 10px 0 0;
            padding: 0;
            text-align: left;
            li {
                float: left;
                list-style: none;
                position: relative;
                &:first-child {
                    border-left: none;
                }
                .artfurnituretip {
                    line-height: 1.5;
                }
                .social-icon {
                    background: #f7f7f7;
                    border-radius: 100%;
                    border-radius: 100%;
                    color: #353535;
                    display: inline-block;
                    font-size: .8571em;
                    height: 26px;
                    line-height: 26px;
                    margin-right: 10px;
                    text-align: center;
                    width: 26px;
                    &:hover {
                        background: @primarycolor !important;
                        color: @white;
                    }
                    i {
                        line-height: 26px;
                    }
                }
            }
        }
    }
    .author-info {
        margin: 0;
        h2 {
            font-size: 1.1429em;
            margin: 0 0 10px;
            text-transform: uppercase;
        }
        .author-avatar {
            float: left;
        }
        .author-description {
            color: @greycolor;
            margin-left: 100px;
        }
    }
    .moretag {
        color: @primarycolor;
        &:hover {
            color: @primarycolor;
        }
    }
    .navigation {
        .newer {
            float: left;
            a:before {
                content: '\f177';
                display: inline-block;
                font-family: FontAwesome;
                font-size: .8571em;
                margin-right: 5px;
            }
        }
        .older {
            float: right;
            a:after {
                content: '\f178';
                display: inline-block;
                font-family: FontAwesome;
                font-size: .8571em;
                margin-left: 5px;
            }
        }
    }
    .page-links {
        clear: both;
        margin: 15px 0;
		.page-links-title{
			background: none;
			color: @headingcolor;
			margin-right: 10px;
			border: none;
		}
        a {
            background: @darkcolor;
            border-bottom: 2px solid transparent;
            color: @white;
            display: inline-block;
            font-size: .8571em;
            height: 36px;
            line-height: 34px;
            padding: 0;
            text-align: center;
            text-transform: uppercase;
            width: 36px;
            &:hover {
                background: @primarycolor;
                color: @white;
            }
        }
        & > span {
            background: @primarycolor;
            border-bottom: 2px solid transparent;
            color: @white;
            display: inline-block;
            font-size: .8571em;
            height: 36px;
            line-height: 34px;
            padding: 0;
            text-align: center;
            text-transform: uppercase;
            width: 36px;
        }
    }
    .nav-single {
        border-bottom: 1px solid @bordercolor;
        border-top: 1px solid @bordercolor;
        float: left;
        font-size: 0.9286em;
        padding: 10px 0;
        width: 100%;
        a {
            color: @greycolor;
            &:hover {
                color: @primarycolor;
            }
        }
        .nav-previous {
            float: left;
        }
        .nav-next {
            float: right;
        }
    }
    .btn,
    .btn-primary,
    #searchsubmit,
    #wsearchsubmit {
        background: @primarycolor;
        border: none;
        border-radius: 2px;
        box-shadow: none;
        color: @white;
        font-size: 1em;
        font-weight: normal;
        height: 26px;
        line-height: 26px;
        padding: 0 10px;
        text-shadow: none;
        -webkit-transition: all .4s ease;
                transition: all .4s ease;
        &:hover {
            background: @greycolor;
        }
    }
    .archive-header {
        border-bottom: 1px solid @bordercolor;
        margin-bottom: 60px;
        .archive-title {
            font-size: 2em;
            a {
                color: @primarycolor;
                &:hover {
                    text-decoration: underline;
                }
            }
			span{
				color: @primarycolor;
			}
        }
    }
    .author-info.archives {
        margin: 0 0 60px;
        .author-avatar {
            margin-right: 0;
        }
        .author-description {
            margin-left: 82px;
            h2{
                border-bottom: 1px solid @bordercolor;
                margin: 0 0 10px;
            }
        }
    }
    .attachment {
        .navigation {
            border-bottom: 1px solid @bordercolor;
            border-top: 1px solid @bordercolor;
            margin: 0 0 25px;
            padding: 5px 0;
        }
    }
    .pagination-inner {
        border: 1px solid @bordercolor;
        margin: 60px 0;
        padding: 17px 25px;
        text-align: right;
        width: 100%;
        a,
        span {
            background: @white;
            border: 1px solid @bordercolor;
            color: @darkcolor;
            display: inline-block;
            font-size: 1em;
            height: 28px;
            line-height: 26px;
            margin-right: 7px;
            padding: 0;
            text-align: center;
            width: 28px;
            .border-radius(4px);
            .transition(all .15s ease);
            &.next,
            &.prev {
                padding: 0 16px;
                text-transform: capitalize;
                width: auto;
            }
            &.prev {
                &:before {
                    content: '<';
                    margin-right: 7px;
                }
            }
            &.next {
                &:after {
                    content: '>';
                    margin-left: 7px;
                }
            }
        }
        span.current,
        a:hover {
            background: @primarycolor;
            border-color: @primarycolor;
            color: @white;
        }
    }
    .entry-content {
        .clearfix();
    }
    .blog-page {
        article {
            margin: 0 0 50px 0;
            width: 100%;
            .clearfix();
            &:last-of-type {
                border-bottom: none;
                padding-bottom: 0;
            }
            .entry-header {
                background: none;
                border: none;
                float: none;
                margin: 0 0 40px;
                position: relative;
                text-align: left;
                > .post-category {
                    color: @primarycolor;
                    margin: 15px 0;
                    &:before {
                        content: '\f07b';
                        display: inline-block;
                        font-family: FontAwesome;
                        margin-right: 5px;
                    }
                    a {
                        color: @primarycolor;
                        margin-left: 5px;
                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
            }
            .post-thumbnail {
                position: relative;
                .su-carousel {
                    margin: 0; /* override */
                    .su-carousel-slide img {
                        padding: 0; /* override */
                    }
                }
                .su-slider-centered {
                    margin-bottom: 0;
                }
                .su-responsive-media-yes {
                    margin-bottom: 0;
                }
                .su-slider-slide-title {
                    display: none;
                }
                .post-category {
                    bottom: 5px;
                    left: 10px;
                    position: absolute;
                    z-index: 109;
                    a {
                        background: @white;
                        color: @headingcolor;
                        display: inline-block;
                        font-size: .8571em;
                        margin: 0 5px 5px 0;
                        padding: 4px 12px;
                        .border-radius(20px);
                        &:last-child {
                            margin-right: 0;
                        }
                        &:hover {
                            background: @primarycolor;
                            color: @white;
                        }
                    }
                }
            }
            .postinfo-wrapper {
                padding: 0;
                &.no-thumbnail {
                    padding: 0;
                    width: 100%;
                }
            }
            .su-responsive-media-yes {
                margin-bottom: 0;
            }
            .player {
                margin: 30px 0;
                width: 100%;
            }
            .su-audio {
                margin: auto;
            }
            .entry-audio {
                margin: 30px 0;
            }
            .archive-title {
                font-size: 1.5714em;
                margin: 0 0 10px;
                padding: 0;
            }
            .post-password-form {
                label {
                    float: left;
                    height: 40px;
                    line-height: 40px;
                    input {
                        border: 1px solid @bordercolor;
                        height: 40px;
                        margin-left: 5px;
                        padding: 0 10px;
                    }
                }
                input[type='submit'] {
                    background: @primarycolor;
                    border: none;
                    color: @white;
                    cursor: pointer;
                    font-weight: @headingfontweight;
                    height: 40px;
                    line-height: 40px;
                    margin-left: 5px;
                    padding: 0 30px;
                    text-align: center;
                    &:hover {
                        background: darken(@primarycolor, 10%);
                    }
                }
            }
            .post-meta {
                color: @greycolor;
                font-size: .93em;
                margin-bottom: 15px;
                a {
                    color: @primarycolor;
                    &:hover {
                        color: @linkhovercolor;
                        text-decoration: underline;
                    }
                }
                .post-on {
                    color: @primarycolor;
                }
            }
            .entry-summary {
                margin: 0;
                text-align: left;
                width: 100%;
                p {
                }
                .more-link,
                .readmore {
					.buttonMixin();
                    margin-top: 20px;
                    padding: 0 40px;
                }
            }
            .entry-meta {
                border-bottom: 1px solid @bordercolor;
                border-top: 1px solid @bordercolor;
                color: @greycolor;
                font-size: 1em;
                margin: 0 0 30px;
                padding: 5px 0;
                width: 100%;
                a {
                    color: @primarycolor;
                    text-transform: none;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
            .entry-meta {
                margin: 0 0 30px;
            }
        }
    }
    .blogs {
        article {
            &.sticky,
            &.tag-sticky-2 {
                .entry-title{
					-ms-word-wrap: break-word;
					word-wrap: break-word;
					a {
						color: @primarycolor;
						&:before {
							content: '\f005';
							display: inline-block;
							font-family: FontAwesome;
							font-size: 8px;
							margin-right: 5px;
							position: relative;
							top: 5px;
							vertical-align: top;
						}
					}
				}
            }
            .entry-title {
                font-size: 1.8571em;
                margin: 0 0 10px 0;
                padding: 0;
                text-transform: none;
				-ms-word-wrap: break-word;
				word-wrap: break-word;
                a {
                    color: @black;
					font-weight: 400;
					text-transform: capitalize;
                    &:hover {
                        color: @linkhovercolor;
                    }
                }
            }
            h2 {
                font-size: 1.6em;
            }
            h3 {
                font-size: 1.35em;
            }
            .entry-summary {
                embed,
                iframe {
                    display: none;
                }
            }
            .post-category.no-thumbnail {
                &:before {
                }
                a {
                    color: @primarycolor;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
        .post-meta {
            padding-bottom: 14px;
            border-bottom: 1px solid @bordercolor;
        }
        &.blog-sidebar {
            article:not(.has-post-thumbnail) .post-thumbnail-wrapper {
                display: none;
            }
            .post-thumbnail-wrapper {
                float: left;
                max-width: 43%;
                margin-right: 25px;
            }
            .postinfo-wrapper {
                overflow: hidden;
            }
            .format-video {
                .post-thumbnail-wrapper {
                    width: 48%;
                }
            }
        }
        &.blog-large {
            .post-thumbnail-wrapper {
                margin-bottom: 20px;
            }
            article .entry-summary .readmore {
                margin-top: 15px;    
            }
        }
        &.blog-nosidebar {
            .post-thumbnail-wrapper {
                float: left;
                width: 42%;
            }
            .postinfo-wrapper {
                float: left;
                padding-left: 25px;
                width: 58%;
            }
        }
        &.grid {
            .blog-wrapper {
                margin: 0 -15px;
                .clearfix();
            }
            article {
                float: left;
                padding: 0 15px;
                width: 50%;
                &:nth-child(2n+1) {
                    clear: both;
                }
            }
            .post-thumbnail-wrapper {
                margin-bottom: 25px;
            }
            article .entry-summary .readmore {
                margin-top: 10px;
            }
        }
    }
    .single {
        article {
            padding-bottom: 0;
            &.sticky,
            &.tag-sticky-2 {
                display: block;
                .entry-title {
                    color: @primarycolor;
					-ms-word-wrap: break-word;
					word-wrap: break-word;
                    &:before {
                        content: '\f005';
                        display: inline-block;
                        font-family: FontAwesome;
                        font-size: 8px;
                        margin-right: 5px;
                        position: relative;
                        top: 5px;
                        vertical-align: top;
                    }
                }
            }
            .entry-header {
                margin: 0 0 40px 0;
                .post-meta {
                    margin-top: 10px;
                }
            }
            .post-thumbnail-wrapper {
                margin: 0 0 50px 0;
            }
            .author-info {
                border-bottom: 1px solid @bordercolor;
                margin-bottom: 40px;
                padding-bottom: 40px;
            }
            .relatedposts {
                margin: 60px 0 -35px 0;
                width: 100%;
                h3 {
                    display: inline-block;
                    font-size: 1.23em;
                    margin: 0 0 40px;
                    position: relative;
                    text-transform: uppercase;
                }
            }
            .social-sharing,
            .entry-content,
            .entry-meta {
                margin-bottom: 60px;
            }
            .relatedthumb {
                float: left;
                margin-bottom: 35px;
                text-align: left;
                .image {
                    margin-bottom: 15px;
                }
                .post-date {
                    color: @darkcolor;
                    display: block;
                    margin-bottom: 10px;
                }
                .short-description {
                    color: #727272;
                    font-size: .93em;
                    margin-bottom: 15px;
                }
                h4 {
                    font-size: 1.143em;
                    margin: 0;
                    a {
                        color: @headingcolor;
                        max-width: 100%;
                        &:hover {
                            color: @primarycolor;
                        }
                    }
                }
                img {
                    padding: 0;
                    width: 100%;
                }
                a {
                    display:inline-block;
                    text-decoration: none;
                }
            }
        }
        article {
            background: none;
            .player {
                max-width: none;
                padding: 0;
            }
        }
        .post-thumbnail {
            width: 100%;
            .post-date {
                left: 10px;
                right: auto;
            }
        }
        .entry-meta {
            color: @darkcolor;
            font-size: 0.9286em;
            padding: 15px 0;
            text-transform: uppercase;
            a {
                color: @primarycolor;
                font-size: 1em;
                text-transform: none;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
    // Front page
    &.front-page {
        .page-content {
            margin-bottom: 0;
            padding-bottom: 0;
        }
    }
    // Fulll width
    &.full-width {
        .container,
        .row-container {
            min-width: 100%;
            width: 100%;
        }
    }
    /* Error 404 page */
    &.error404 {
        min-height: 200px;
        text-align: center;
        .search-form-wrapper {
            padding: 150px 0;
            h1 {
                color: @primarycolor;
                font-size: 10em;
                font-weight: 900;
                letter-spacing: 10px;
                line-height: 1.1;
                margin: 0;
            }
            h2 {
                color: @darkcolor;
                font-size: 2.5em;
                text-transform: uppercase;
            }
            p {
                color: @darkcolor;
                font-size: 1.4286em;
                font-weight: 300;
                margin: 20px auto 40px;
                text-align: center;
                width: 60%;
            }
            #blogsearchform {
                .form-input {
                    float: none;
                    margin: auto;
					max-width: 500px;
					width: 100%;
					position: relative;
                    .input_text {
                        font-size: 1.1429em;
						height: 50px;
						line-height: 50px;
						padding: 0 50px 0 15px;
						background: none;
						width: 100%;
                    }
                    #blogsearchsubmit{
                        font-size: 0;
						height: 50px;
						line-height: 50px;
						width: 50px;
						position: absolute;
						right: 0;
						text-align: center;
						top: 0;
						padding: 0;
						background: none;
						border-radius: 0;
						&::before{
							content: "\f002";
							font-family: FontAwesome;
							font-size: 16px;
							color: @greycolor;
						}
						&:hover{
							&::before{
								color: @primarycolor;
							}
						}
                    }
                }
            }
            a.button {
                background: @primarycolor;
                border: none;
                border-radius: 35px;
                box-shadow: none;
                color: @white;
                display: inline-block;
                font-size: .8571em;
                font-weight: @headingfontweight;
                height: 45px;
                line-height: 45px;
                margin-top: 40px;
                padding: 0 40px;
                text-shadow: none;
                text-transform: uppercase;
                -webkit-transition: all .3s ease;
                        transition: all .3s ease;
                white-space: nowrap;
                &:hover {
                    background: #333;
                }
            }
        }
    }
    /* ABOUT PAGE -----------------------------*/
    &.about-page {
        padding-bottom: 0;
		margin: 0;
        .vc_row {
            margin-bottom: 45px;
        }
        .wpb_text_column > .wpb_wrapper > h3 {
            font-size: 1.714em;
            margin-bottom: 35px;
        }
        .about-introduce {
            .wpb_text_column {
                max-width: 950px;
                margin: 50px auto 35px auto;
                text-align: center;
                h3 {
                    font-size: 2.143em;
                    margin: auto;
                    margin-bottom: 35px;
                    line-height: 1.1;
                    max-width: 75%;
                }
            }
        }
        .about-policy {
            .vc_column-inner > .wpb_wrapper {
                position: relative;
                &:hover {
                    .wpb_single_image {
                        .animation(rotate 2s infinite);
                    }
                }
            }
            .wpb_column {
                margin-bottom: 35px;
            }
            .wpb_single_image {
                margin: 0 0 25px 0;
                min-height: 50px;
            }
            .wpb_text_column {
                text-align: center;
                margin-bottom: 0;
                h4 {
                    font-size: 1.286em;
                    margin-bottom: 20px;
                }
            }
        }
        .about-what-we-do {
            .row-container {
                padding-bottom: 45px;
                margin-bottom: 35px;
                position: relative;
                &:before {
                    content: "";
                    display: block;
                    left: 15px;
                    right: 15px;
                    background: @bordercolor;
                    position: absolute;
                    bottom: 0;
                    height: 1px;
                    z-index: 9;
                }
            }
            .wpb_column {
                margin-bottom: 35px;
            }
            .wpb_single_image {
                margin-bottom: 27px;
            }
            .wpb_text_column {
                text-align: center;
                margin-bottom: 0;
                h4 {
                    font-size: 1.286em;
                    margin-bottom: 20px;
                }
            }
        }
        .wpb_text_column {
            margin-bottom: 25px;
        }
        img {
            margin: 0;
        }
        .corporate-counter {
            text-align: left;
            .vc_column-inner > .wpb_wrapper {
                margin-bottom: 35px;
            }
            .counter-image {
                display: inline-block;
                margin-right: 20px;
                vertical-align: middle;
            }
            .counter-info {
                color: @darkcolor;
                display: inline-block;
                text-align:left;
                vertical-align: middle;
                .counter-number {
                    font-size: 1.2857em;
                    font-weight: @headingfontweight;
                }
                .counter-text {
                    font-size: .8571em;
                    font-weight: @headingfontweight;
                    text-transform: uppercase;
                }
            }
        }
    }
    /* Contact page */
    &.contact-page {
        padding-bottom: 0;
        .vc_row {
            margin-bottom: 40px;
			&:last-child{
				margin: 0;
			}
        }
        .contact-form,
        .contact-text {
            .wpb_content_element {
                h3 {
                    font-size: 1.7857em;
                }
            }
        }
        .contact-text {
            ul {
                list-style-type: none;
                padding: 0;
            }
            li {
                border-bottom: 1px solid @bordercolor;
                margin-bottom: 25px;
                padding-bottom: 25px;
                &:last-child {
                    border-bottom: none;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
            }
            img {
                display: inline-block;
            }
            br {
                display: none;
            }
            h4 {
                display: inline-block;
                font-size: 1.3571em;
            }
            p {
                br {
                    display: block;
                }
            }
        }
        .wpcf7-form {
            label {
                margin-bottom: 5px;
                color: #888;
                width: 100%;
                span {
                    border: 1px solid @bordercolor;
                    color: @textcolor;
                    display: block;
                    margin-top: 5px;
                    width: 100%;
                }
                input {
                    background: @white;
                    border: none;
                    height: 50px;
                    line-height: 50px;
                    outline: none;
                    width: 100%;
                }
                .your-message {
                    height: auto;
                    line-height: 1.7;
                }
                textarea {
                    background: @white;
                    border: none;
                    display: block;
                    height: 150px;
                    outline: none;
                    padding: 20px 15px;
                    width: 100%;
                }
            }
            .wpcf7-submit {
                .buttonMixin();
            }
        }
    }
}
/* PORTFOLIO */
*[class*='mega_main'] #wpbody select {
    height: auto !important;
    width: 50%;
}
.single-essential_grid {
    .main-container {
        .entry-header {
            .post-category {
                display: none;
            }
            .post-separator:nth-child(4) {
                display: none;
            }
        }
    }
}
.roadthemes {
    .navigationbuttons,
    .esg-pagination,
    .esg-filters {
        text-align: center;
        text-transform: capitalize;
    }
    .esg-filters .esg-filter-wrapper {
        margin: 25px 0 30px 0;
    }
    .roadthemes .esg-overflowtrick {
        padding: 30px;
    }
    .esg-filterbutton,
    .esg-navigationbutton,
    .esg-sortbutton,
    .esg-cartbutton {
        background: @darkcolor;
        border: none;
        color: @white;
        cursor: pointer;
        display: inline-block;
        font-size: .8571em;
        font-weight: 600;
        line-height: 45px;
        margin-bottom: 30px;
        margin-right: 10px;
        padding: 0 30px;
        position: relative;
        transition: all .4s ease-out;
        z-index: 2;
        .border-radius(4px);
        &:last-child {
            margin-right: 0;
        }
    }
    .esg-navigationbutton {
        background: @darkcolor;
        color: white;
        margin-bottom: 0;
        padding: 2px 30px;
        text-transform: uppercase;
    }
    .esg-navigationbutton * {
        color: @black;
    }
    .esg-pagination-button:last-child {
        margin-right: 0;
    }
    .esg-sortbutton-wrapper,
    .esg-cartbutton-wrapper {
        display:inline-block;
    }
    .esg-sortbutton-order,
    .esg-cartbutton-order {
        background: @white;
        border: none;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        color: @greycolor;
        cursor: pointer;
        display: inline-block;
        font-size: .8571em;
        font-weight: 700;
        line-height: 40px;
        margin-left: 5px;
        vertical-align: top;
        width: 40px;
    }
    .esg-cartbutton {
        color:@white;
        cursor: default !important;
    }
    .esg-cartbutton .esgicon-basket {
        color: @white;
        font-size: 1.0714em;
        line-height: 15px;
        margin-right: 10px;
    }
    .esg-cartbutton-wrapper {
        cursor: default !important;
    }
    .esg-sortbutton,
    .esg-cartbutton {
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        cursor: pointer;
        display: inline-block;
        margin-right: 0;
        position: relative;
    }
    .esg-navigationbutton:hover,
    .esg-filterbutton:hover,
    .esg-sortbutton:hover,
    .esg-sortbutton-order:hover,
    .esg-cartbutton-order:hover,
    .esg-filterbutton.selected {
        background: @primarycolor;
        color: @white;
    }
    .esg-navigationbutton:hover * {
        color:#333;
    }
    .esg-sortbutton-order.tp-desc:hover {
        color: #333;
    }
    .esg-filter-checked {
        background: #cbcbcb;
        color: #cbcbcb;
        font-size: 0.6428em;
        font-weight: 300;
        line-height: 9px;
        margin-left: 7px;
        padding: 1px 3px;
        vertical-align: middle;
    }
    .esg-filterbutton.selected .esg-filter-checked,
    .esg-filterbutton:hover .esg-filter-checked {
        background: @black;
        color: @white;
        font-size: 0.6428em;
        font-weight:300;
        line-height: 9px;
        margin-left: 7px;
        padding: 1px 3px 1px 3px;
        vertical-align: middle;
    }
    .esg-loadmore-wrapper {
        margin-top: 60px;
    }
}