/* ------------------------------------------------------ */
/* ############### 1. PLUGINS ############### */
/* ------------------------------------------------------ */
@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


/* Hover Thumbnail */
html.is-not-mobile .hover-thumbnail {
    display: block;
    position: relative;
}

html.is-not-mobile .hover-thumbnail:before {
    background-color: #000;
    bottom: 0;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .35s ease-in-out .1s;
    width: 100%;
    z-index: 2;
}

html.is-not-mobile .hover-thumbnail:hover:before {
    opacity: 0.5;
}

/* Spin Skin */
.spinner {
    margin: 0;
    width: auto;
}

.spinner > div {
    width: 5px;
    height: 5px;
}


/* ------------------------------------------------------ */
/* ############### 2. TYPOGRAPHY ############### */
/* ------------------------------------------------------ */
/* 2.1 Base */
body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
input:not([type="button"]),
input:not([type="submit"]),
textarea,
.top-menu li a {
    font-family: 'Varela Round', sans-serif;
}

h1 {
    font-size: 20px;
    line-height: 1.2;
}

h2 {
    font-size: 18px;
    line-height: 1.3;
}

h3 {
    font-size: 16px;
    line-height: 1.4;
}

h4 {
    font-size: 16px;
    line-height: 1.4;
}

h5 {
    font-size: 14px;
    line-height: 1.4;
}

h6 {
    font-size: 14px;
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px 0;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
    margin-top: 30px;
}

@media screen and ( min-width: 480px ) {
    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 14px;
    }
}

@media screen and ( min-width: 576px ) {
    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 14px;
    }
}

@media screen and ( min-width: 768px ) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 14px;
    }
}

@media screen and ( min-width: 992px ) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }
}

@media screen and ( min-width: 1200px ) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }
}

p,
ul,
ol,
dl,
pre,
address,
fieldset,
figure {
    margin: 0 0 30px 0;
}

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
    margin-top: 30px;
}

hr {
    margin: 0 0 30px 0;
}

* + hr {
    margin-top: 30px;
}

blockquote {
    border-left-style: solid;
    border-left-width: 4px;
    font-size: 16px;
    font-style: normal;
    line-height: 1.6;
    margin: 0 0 30px 0;
    padding-left: 30px;
}

* + blockquote {
    margin-top: 30px;
}

@media (min-width: 768px) {
    blockquote {
        font-size: 20px;
    }
}

pre {
    padding: 15px;
    border-radius: 0;
}

table {
    border-collapse: collapse;
    margin: 0 0 15px;
    width: 100%;
}

thead th {
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

th {
    padding: 10px;
    text-align: left;
}

tr {
    border-bottom: 1px solid;
}

td {
    padding: 10px;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}

input:not([type="button"]),
input:not([type="submit"]),
textarea,
.uk-select:not([multiple]):not([size]),
.uk-input,
.uk-textarea {
    border-radius: 3px;
    font-size: 16px;
}

input:not([type="button"]),
input:not([type="submit"]),
.uk-input,
.uk-select:not([multiple]):not([size]) {
    height: 40px;
}

button:not(.uk-close, .uk-offcanvas-close),
input[type="button"],
input[type="submit"] {
    border-radius: 3px;
    font-size: 14px;
    line-height: 38px;
    text-transform: none;
}

.uk-button-primary {
    border-radius: 3px;
    font-size: 14px;
    line-height: 38px;
    text-transform: none;
}

@media (min-width: 768px) {
    input:not([type="button"]),
    input:not([type="submit"]),
    .uk-input,
    .uk-select:not([multiple]):not([size]) {
        font-size: 14px;
        height: 38px;
    }
    button:not(.uk-close, .uk-offcanvas-close),
    input[type="button"],
    input[type="submit"] {
        font-size: 14px;
        line-height: 36px;
    }
    .uk-button-primary {
        font-size: 14px;
        line-height: 36px;
    }
}

@media (min-width: 992px) {
    input:not([type="button"]),
    input:not([type="submit"]),
    .uk-input,
    .uk-select:not([multiple]):not([size]) {
        font-size: 16px;
        height: 48px;
    }
    button:not(.uk-close, .uk-offcanvas-close),
    input[type="button"],
    input[type="submit"] {
        font-size: 16px;
        line-height: 46px;
    }
    .uk-button-primary {
        font-size: 16px;
        line-height: 46px;
    }
}

/* 2.2 Color */
::-moz-selection {
    background-color: #169ed9;
    color: #fff;
}

::selection {
    background-color: #169ed9;
    color: #fff;
}

body {
    background-color: #fff;
    color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #262626;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #169ed9;
}

a {
    color: #169ed9;
}

a:hover {
    color: #45b1e1;
}

blockquote {
    border-left-color: #262626;
}

pre,
blockquote {
    color: #262626;
}

thead th,
tr {
    border-color: #e5e5e5;
}

input:not([type="button"]),
input:not([type="submit"]),
textarea,
.uk-input,
.uk-textarea {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #999;
}

input:not([type="button"]):focus,
input:not([type="submit"]):focus,
textarea:focus,
.uk-input:focus,
.uk-textarea:focus {
    background-color: transparent;
    border-color: #ccc;
    color: #262626;
}

button:not(.uk-close, .uk-offcanvas-close),
input[type="button"],
input[type="submit"] {
    background-color: #169ed9;
    border-color: #169ed9;
    color: #ffefd9;
}

button:not(.uk-close, .uk-offcanvas-close):hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:not(.uk-close, .uk-offcanvas-close):active,
input[type="button"]:active,
input[type="submit"]:active {
    background-color: #45b1e1;
    border-color: #45b1e1;
    color: #fff;
}

.uk-button-primary {
    background-color: #169ed9;
    border-color: #169ed9;
    color: #ffefd9;
}

.uk-button-primary:hover,
.uk-button-primary:active {
    background-color: #45b1e1;
    border-color: #45b1e1;
    color: #fff;
}

.uk-alert {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
}

.uk-alert-primary {
    background-color: #e5e5e5;
    color: #666;
}

.uk-alert-success {
    background-color: #dee7d7;
    color: #588040;
}

.uk-alert-warning {
    background-color: #ebe7cf;
    color: #cc813e;
}

.uk-alert-danger {
    background-color: #efe0de;
    color: #b2474d;
}

.uk-close:not(.uk-notification .uk-close) {
    border-radius: 100%;
    color: #262626;
    height: 35px;
    width: 35px;
}

.uk-close:not(.uk-notification .uk-close):hover {
    background-color: #262626;
    color: #fff;
}

.uk-notification-message {
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    padding: 18px 30px;
}

.uk-notification-message-danger {
    background-color: #f0506e;
    color: #fff;
}

.uk-notification-message-success {
    background-color: #32d296;
    color: #fff;
}

body.admin-bar .uk-notification-top-center {
    top: 60px;
}

.post-title a {
    color: #262626;
}

.post-title a:hover {
    color: #169ed9;
}

/* ------------------------------------------------------ */
/* ############### 3. LAYOUT ############### */
/* ------------------------------------------------------ */
.uk-container {
    max-width: 1440px;
}

.home .main-container {
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
}

.blog-page-container {
    max-width: 960px;
}

.domain-page-container {
    max-width: 1140px;
}

.content-secondary {
    width: 100%;
}

@media (min-width: 768px) {
    .content-secondary {
        width: 280px;
    }
    body.page-template-page-domain-appraisal .content-secondary {
        width: 300px;
    }
}
@media (min-width: 960px) {
    .content-secondary {
        width: 300px;
    }
    body.page-template-page-domain-appraisal .content-secondary {
        width: 360px;
    }
}
@media (min-width: 1200px) {
    .content-secondary {
        width: 330px;
    }
    body.page-template-page-domain-appraisal .content-secondary {
        width: 420px;
    }
}

body.single-domain .content-row {
    margin-left: -100px;
}

body.single-domain .content-row > * {
    padding-left: 100px;
}

body.page-template-page-domains .main-container {
    padding-top: 0;
}

body.page-template-page-contact .main-container {
    max-width: 960px;
    margin: 0 auto;
}



/* ------------------------------------------------------ */
/* ############### 4. HEADER ############### */
/* ------------------------------------------------------ */
body.home .header .navbar-wrap {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.header .navbar {
    padding: 0 30px;
}

@media only screen and (min-width: 1440px) {
    .header .navbar {
        padding: 0 80px;
    }
}

.top-logo {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.1em;
}

.top-menu li a {
    font-size: 16px;
    text-transform: none;
}

.top-menu li li a {
    color: #262626;
    font-size: 14px;
    text-decoration: none;
}

.top-menu li li a:hover {
    color: #169ed9;
}

.top-menu .uk-navbar-dropdown {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 9px 18px -9px rgba(0, 0, 0, 0.05);
}

.header-light .top-logo .dark,
.header-dark .navbar-wrap.uk-sticky-fixed .top-logo .dark {
    display: none;
}

.header-dark .navbar-wrap.uk-sticky-fixed .top-logo .light {
   display: block;
}

.header-dark .top-logo .light {
    display: none;
}

.header-light .top-logo a,
.header-light .top-menu > li > a {
    color: #fff;
}

.header-dark .top-logo a,
.header-dark .top-menu > li > a {
    color: #262626;
}

.header-light .top-logo a:hover,
.header-light .top-menu > li > a:hover,
.header-light .top-menu > li > a.uk-open,
.header-light .top-menu > li > a:hover,
.header-dark .top-logo a:hover,
.header-dark .top-menu > li > a:hover,
.header-dark .top-menu > li > a.uk-open,
.header-dark .top-menu > li > a:hover {
    color: #169ed9;
}

.header-light .page-title .title,
.header-light .page-title .description {
    color: #fff;
}

body.page:not(.home) .header-light,
body.single-domain .header-light {
    background-image: url('../img/title-bg.png');
    background-color: #151d32;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1920px 600px;
}

body.page:not(.home) .header-light .navbar,
body.blog .header-light .navbar,
body.single .header-light .navbar {
    border-bottom: 1px solid #21293e;
}

body.page:not(.home) .header-dark .navbar,
body.blog .header-dark .navbar,
body.single .header-dark .navbar {
    border-bottom: 1px solid #e5e5e5;
}

body.page:not(.home) .header .page-title,
body.single-domain .header .page-title {
    min-height: 250px;
}

body.page:not(.home) .header .page-title-in,
body.single-domain .header .page-title-in {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 30px;
}

.navbar-wrap.uk-sticky-fixed {
    background-color: #151d32;
}

.navbar-wrap.uk-sticky-fixed .navbar {
    border: none !important;
}

body.page:not(.home) .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-logo a,
body.blog .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-logo a,
body.single .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-logo a,
body.page:not(.home) .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-menu li a,
body.blog .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-menu li a,
body.single .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-menu li a {
    color: #fff;
}

body.page:not(.home) .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-logo a:hover,
body.blog .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-logo a:hover,
body.single .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-logo a:hover,
body.page:not(.home) .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-menu li a:hover,
body.blog .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-menu li a:hover,
body.single .header-dark .navbar-wrap.uk-sticky-fixed .navbar .top-menu li a:hover {
    color: #169ed9;
}


/* ------------------------------------------------------ */
/* ############### 5. FOOTER ############### */
/* ------------------------------------------------------ */
.domainname-footer .footer {
    background-color: #0d1427;
    padding: 40px 0;
}

.domainname-footer .footer,
.domainname-footer .footer a {
    color: #989fb2;
}

.domainname-footer .footer a:hover {
    color: #169ed9;
}

.domainname-footer .footer .payments {
    background-image: url('../img/payments-icon.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 205px 25px;
    padding-right: 220px;
}

.mailchimp {
    background-color: #151d32;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 1290px 430px;
    background-image: url('../img/mailchimp-bg.png');
}

.mailchimp .uk-container {
    max-width: 580px;
}

.mailchimp .section-title .title {
    color: #fff;
}

.mailchimp .spam-notice {
    color: #989fb2;
}

.mailchimp .mailchimp-form {
    background-color: #0d1427;
    border-radius: 3px;
    padding: 15px;
    position: relative;
    display: flex;
}

.mailchimp .subscribe-email {
    border: none;
    color: #fff;
    text-align: left;
    padding: 0;
    position: absolute;
    left: 15px;
    width: calc( 100% - 150px );
    top: 15px;
    z-index: 2;
    transform: translateY(0);
    transition: transform .25s ease;
}

.mailchimp .subscribe-email.active {
    transform: translateY(10px);
}

.mailchimp .subscribe-email:focus {
    color: #fff;
}

.mailchimp .placeholder-subscribe-email {
    width: 100%;
}

.mailchimp .subscribe-submit {
    background-color: #169ed9;
    border: 1px solid #169ed9;
    color: #fff;
    width: 150px;
}

.mailchimp .subscribe-submit:hover {
    background-color: #45b1e1;
    border: 1px solid #45b1e1;
    color: #fff;
}

.mailchimp .placeholder-text {
    color: #fff;
    font-size: 14px;
    height: 30px;
    left: 15px;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(0);
    transition: transform .5s ease, color .1s ease, font-size .1s ease;
}

.mailchimp .placeholder-text.active {
    color: #989fb2;
    font-size: 12px;
    transform: translateY(-20px);
}

.mailchimp .subscribe-submit .spinner > div {
    background-color: #fff;
}


/* ------------------------------------------------------ */
/* ############### 6. HOME ############### */
/* ------------------------------------------------------ */
.welcome-screen {
    background-color: #151d32;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.welcome-screen .overlay-text {
    padding-bottom: 200px;
     position: relative;
     z-index: 2;
}

@media (min-width: 640px) {
    .welcome-screen .overlay-text {
        padding-bottom: 300px;
    }
}

@media (min-width: 768px) {
    .welcome-screen .overlay-text {
        padding-bottom: 200px;
    }
}

@media (min-width: 992px) {
    .welcome-screen .overlay-text {
        padding-bottom: 250px;
    }
}

@media (min-width: 1200px) {
    .welcome-screen .overlay-text {
        padding-bottom: 220px;
    }
}

@media (min-width: 1440px) {
    .welcome-screen .overlay-text {
        padding-bottom: 250px;
    }
}

.welcome-screen .title,
.welcome-screen .subtitle {

}

.welcome-screen .title,
.welcome-screen .subtitle,
.welcome-screen .description {
    color: #fff;
}

.welcome-screen .move-letter .letter {
    display: inline-block;
}

.welcome-screen .scroll-down {
    position: absolute;
    bottom: 60px;
    left: 50%;
    height: 60px;
    width: 120px;
    margin-left: -60px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #fff;
    background-image:url('../../assets/img/arrow.svg');
    background-size: 32px 32px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    text-align: center;
    -webkit-animation: flash 3s infinite ease-in-out both;
    animation: flash 3s infinite ease-in-out both;
}

.welcome-screen .scroll-down a {
    color: #fff;
    display: block;
    padding-top: 45px;
}

.recommend-domains-list {
    background-color: #f6f6f6;
}

.recommend-domains-list li .item-in {
    background-color: #fff;
}

.recommend-domains-list li .caption {
    padding: 25px 30px;
    height: 30px;
    line-height: 30px;
}

.recommend-domains-list .slidenav-item {
    background-color: #fff;
    border-radius: 100%;
    display: block;
    height: 50px;
    margin: 0;
    width: 50px;
    z-index: 2;
}

.recommend-domains-list .slidenav-item:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
    display: block;
    margin-left: -4px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #262626;
    border-bottom: 5px solid transparent;
}

.recommend-domains-list .slidenav-item:hover:before {
    border-left-color: #169ed9;
}

.recommend-domains-list .slidenav-previous:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.recommend-domains-list .slidenav-previous {
    left: -80px;
}

.recommend-domains-list .slidenav-next {
    right: -80px;
}

@media (max-width: 1680px) {
    .recommend-domains-list .slidenav-previous {
        left: 30px;
    }
    .recommend-domains-list .slidenav-next {
        right: 30px;
    }
}

@media (max-width: 767px) {
    .recommend-domains-list .slidenav-item {
        height: 40px;
        width: 40px;
    }
    .recommend-domains-list .slidenav-item:before {
        margin-left: -3px;
        margin-top: -3px;
        border-top: 3px solid transparent;
        border-left: 5px solid #262626;
        border-bottom: 3px solid transparent;
    }
}

.random-domains-list {
    background-color: #fff;
}

.domains-grid-list .caption {
    padding: 25px 0;
}

.random-domains-list .view-all-domains a {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #262626;
    font-size: 16px;
    line-height: 40px;
    padding: 0 30px;
}

.random-domains-list .view-all-domains a:hover {
    background-color: #169ed9;
    border: 1px solid #169ed9;
    color: #fff;
}

@media (min-width: 768px) {
    .random-domains-list .view-all-domains a {
        line-height: 50px;
        padding: 0 40px;
    }
}

@media (min-width: 992px) {
    .random-domains-list .view-all-domains a {
        line-height: 60px;
        padding: 0 60px;
    }
}

.domains-list .section-title .title,
.domains-list .section-title .description {
    line-height: 1;
}

.domains-list li .price a,
.domains-list li .inquire a {
    color: #666;
    font-size: 14px;
    line-height: 30px;
    text-transform: none;
}

.domains-list li .price a:hover,
.domains-list li .inquire a:hover  {
    color: #169ed9;
    font-size: 14px;
    text-transform: none;
}

.domains-list li .thumbnail {
    position: relative;
}

@media (max-width: 639px) {
    .domains-list li .thumbnail {
        min-height: 300px;
    }
}

.domains-list li .thumbnail .name a {
    bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-decoration: none;
    transform: scale3d(1,1,1);
    transition: transform .5s ease;
}

.domains-list li .thumbnail .name a:hover {
    transform: scale3d(1.1,1.1,1.1);
}

.domains-grid-list li .caption {
    padding: 20px 20px 15px;
}

.domains-grid-list li .item-in {
    border: 1px solid #e9e9e9;
}


/* ------------------------------------------------------ */
/* ############### 7. MOBILE HEADER ############### */
/* ------------------------------------------------------ */
.mobile-navbar {
    height: 60px;
}

#mobile-top-navbar {
    background-color: #151d32;
}

.uk-sticky-fixed#mobile-top-navbar {
    box-shadow: 0 9px 18px -9px rgba(0, 0, 0, 0.05);
}

.mobile-menu-toggle .icon:before {
    color: #fff;
    font-size: 24px;
}

#mobile-navbar-content .uk-offcanvas-bar {
    background-color: #fff;
    overflow-y: hidden;
    padding: 0;
    width: 70%;
}

.mobile-top-logo {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.1em;
}

.mobile-top-logo a {
    color: #fff;
}

.mobile-top-logo a:hover {
    color: #169ed9;
}

#mobile-menu li a {
    font-size: 18px;
}

#mobile-menu li li a {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#mobile-menu li a {
    color: #262626;
}

#mobile-menu li a:hover {
    color: #169ed9;
}

@media (max-width: 639px) {
    #mobile-navbar-content .uk-offcanvas-bar {
        width: 85%;
    }
}

#mobile-navbar-content .uk-offcanvas-close {
    font-size: 20px !important;
    right: 30px;
}

body.admin-bar #mobile-navbar-content .uk-offcanvas-close {
    top: 50px !important;
}

@media only screen and (max-width: 782px) {
    body.admin-bar #mobile-navbar-content .uk-offcanvas-close {
        top: 60px !important;
    }
}



/* ------------------------------------------------------ */
/* ############### 7. NEWS ############### */
/* ------------------------------------------------------ */
.blog-list li.post:last-child  .post-caption {
   padding-bottom: 0;
}

.blog-list .post-thumbnail {
    position: relative;
}

.blog-list .post-categories {
    position: absolute;
    left:40px;
    top: 40px;
    z-index: 10;
}

.blog-list .post-categories a,
.blog-list .post-categories {
    color: #fff;
}

.blog-list .post-caption {
    background-color: #fff;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 11;
}

@media (min-width: 768px) {
    .blog-list .post-caption {
        margin-top: -50px;
    }
}

.blog-list .post-date a {
    color: #666;
}

.blog-list .post-date a:hover {
    color: #169ed9;
}

.blog-list p.link-more + p {
    margin: 0;
    padding: 0;
}

.blog-list p.link-more a {
    font-size: 16px;
    text-decoration: none;
}



/* ------------------------------------------------------ */
/* ############### 8. NEWS SINGLE ############### */
/* ------------------------------------------------------ */
.single-post .entry-text {
    background-color: #fff;
    position: relative;
    z-index: 11;
}

@media (min-width: 768px) {
    .single-post .entry-text {
        margin-top: -50px;
    }
}

.single-post .entry-meta span {
    padding: 0 5px;
}

.single-post .entry-date a {
    color: #666;
}

.single-post .entry-tags a {
    color: #262626;
    display: inline-block;
}

.single-post .entry-date a:hover,
.single-post .entry-tags a:hover {
    color: #169ed9;
}

.single-post .entry-tags a span {
    color: #999;
}

.single-post .entry-tags a:not(:last-child) {
    margin-right: 20px;
}

.single-post .entry-header,
.single-post .entry-text,
.single-post #comments {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.related-posts-list li .post-title {
    background-color: #fff;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    .related-posts-list li .post-title {
        margin-top: -30px;
    }
}

@media (max-width: 767px) {
    .related-posts-list li:not(:last-child) {
        margin-bottom: 30px;
    }
}

.trade-history table {
    border: 1px solid #e5e5e5;
}

.trade-history table td {
    padding: 10px;
}

.trade-history thead td {
    color: #262626;
    font-size: 14px;
}

.trade-history tbody td {
    font-size: 12px;
}



/* ------------------------------------------------------ */
/* ############### 9. COMMENTS ############### */
/* ------------------------------------------------------ */
#comments .section-title {
    font-size: 16px;
    line-height: 1;
}

.comment-respond .logged-in-as,
.comment-reply-title {
    text-align: center;
}

.comment-list .comment-avatar img {
    border-radius: 100%;
    height: auto;
    width: 60px;
}

.comment-list ul.children .comment-avatar img {
    width: 50px;
}

.comment-list .comment-title {
    font-size: 18px;
}

.comment-list .comment-blogger {
    background-color: #169ed9;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    margin-left: 10px;
    padding: 0 8px;
    text-transform: uppercase;
}

.comment-list .comment-date {
    color: #999;
    font-size: 14px;
}

.comment-list ul.children {
    border-left: 1px solid #e5e5e5;
    margin-left: 30px;
}

.reply-link-comment,
.edit-link-comment {
    font-size: 14px;
}

.comment-respond {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .comment-respond {
        margin-top: 60px;
    }
}
@media (min-width: 992px) {
    .comment-respond {
        margin-top: 80px;
    }
}

.comment-field {
    margin-bottom: 10px;
}
.comment-respond .form-submit {
    margin: 0;
    padding: 0;
}


/* ------------------------------------------------------ */
/* ############### 10. PAGINATION ############### */
/* ------------------------------------------------------ */
.pagination .page-numbers,
.paginate-comments .page-numbers {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #262626;
    font-size: 14px;
    margin: 0 5px;
    padding: 0 8px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .pagination .page-numbers,
    .paginate-comments .page-numbers {
        font-size: 16px;
        padding: 0 10px;
    }
}
@media (min-width: 992px) {
    .pagination .page-numbers,
    .paginate-comments .page-numbers {
        font-size: 16px;
        padding: 5px 15px;
    }
}

.pagination .page-numbers:not(.current):hover,
.paginate-comments .page-numbers:not(.current):hover {
    background-color: #169ed9;
    border-color: #169ed9;
    color: #fff;
}

.pagination .current,
.paginate-comments .current {
    background-color: transparent;
    border-color: #169ed9;
    color: #169ed9;
}


/* ------------------------------------------------------ */
/* ############### 11. DOMAIN ############### */
/* ------------------------------------------------------ */
.single-domain .domain-tags {
    margin-left: -5px;
}

.single-domain .domain-tags a {
    background-color: #f7f7f7;
    border-radius: 3px;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 0 0 5px 5px;
    padding: 0 10px;
}

.single-domain .domain-tags a:hover {
    background-color: #169ed9;
    color: #fff;
}

.single-domain .domain-inquire-form .uk-input {
    height: 40px;
}

.single-domain .domain-inquire-form .uk-textarea {
    height: 150px;
}

.single-domain .domain-inquire-form .uk-button {
    line-height: 40px;
    width: 100%;
}

.single-domain .domain-purchase .amount  {
    color: #262626;
}

.single-domain .domain-thumbnail {
    min-height: 220px;
    position: relative;
}

.single-domain .domain-thumbnail .name {
    bottom: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.single-domain .purchase-form {
    margin-top: 10px;
}

.single-domain .purchase-form .uk-input {
    height: 45px;
}

.single-domain .purchase-form .uk-button {
    line-height: 45px;
    margin-top: 10px;
    width: 100%;
}

.single-domain .domain-inquire-form .uk-input {
    height: 45px;
}
.single-domain .domain-inquire-form .uk-button {
    line-height: 45px;
}

.single-domain .purchase-form .uk-button .spinner > div,
.single-domain .domain-inquire-form .uk-button .spinner > div {
    background-color: #fff;
}

.single-domain .go-to-domain-inquire {
    line-height: 45px;
    margin-top: 10px;
    width: 100%;
}


/* ------------------------------------------------------ */
/* ############### 12. 404 ERROR ############### */
/* ------------------------------------------------------ */
.error404 {
    background-color: #fff;
}

.error404 .search {
    max-width: 400px;
    margin: 0 auto;
}

.error-wrap {
    max-width: 600px;
}


/* ------------------------------------------------------ */
/* ############### 13. PAGE ############### */
/* ------------------------------------------------------ */
.page-domain-appraisal .domain-appraisal {
    background-color: #f7f7f7;
    padding: 40px;
    text-align: center;
}

.page-domain-appraisal .domain-appraisal .order-amount {
    color: #262626;
    font-size: 36px;
}

.page-domain-appraisal .domain-appraisal .uk-input,
.page-domain-appraisal .domain-appraisal .uk-button {
   margin-top: 15px;
}

.page-domain-appraisal .domain-appraisal .uk-input {
    background-color: #fff;
}

.page-domain-appraisal .domain-appraisal .uk-button {
    width: 100%;
}

.page-checkout .payments {
    width: 360px;
    margin: 0 auto;
    padding: 60px;
    text-align: center;
}

.page-checkout .payments ul {
    margin-bottom: 30px;
}

.page-checkout .payments li {
    padding: 10px 0;
}

.page-checkout .payments li .label {
    color: #999;
    display: block;
}

.page-checkout .payments li .value {
    color: #262626;
}

.page-checkout .payments .amount {
    color: #262626;
    font-size: 48px;
}

.page-checkout .payments .uk-button {
    width: 100%;
}

.page-contact .contact-box {
    background-color: #f7f7f7;
}

.page-contact .contact-box li {
    margin-bottom: 30px;
}

.page-contact .contact-box li .label {
    color: #999;
    font-size: 14px;
    display: block;
}

.page-contact .contact-box li .value {
    color: #666;
}

.page-contact .contact-box .uk-textarea {
    height: 200px;
}

.page-contact .contact-box .uk-input,
.page-contact .contact-box .uk-textarea {
    background-color: #fff;
}

.page-contact .contact-box .uk-button {
    width: 100%;
}

.page-contact .contact-box .uk-button .spinner > div {
    background-color: #fff;
}


@media (max-width: 768px) {
    .domain-appraisal {
        position: static !important;
    }
}