/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2016 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    background-color: #111418;
    opacity: 0.8 !important;
}

/* Container */
#simplemodal-container {
    height: 360px;
    width: 600px;
    color: #bbb;
    background-color: #FFF;
    border: 10px solid #7A7A7A;
    padding: 10px;
    border-radius: 10px 0px 10px 10px;
    -webkit-border-radius: 10px 0px 10px 10px;
    -moz-border-radius: 10px 0px 10px 10px;
}

#simplemodal-container .simplemodal-data {
    padding: 0pxplay-btn basic;
}

#simplemodal-container code {
    background: #141414;
    border-left: 3px solid #65B43D;
    color: #bbb;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
}

#simplemodal-container a {
    color: #ddd;
}

#simplemodal-container a.modalCloseImg {
    background: #7A7A7A url(../images/close.png) no-repeat 10px 10px;
    width: 41px;
    height: 41px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -10px;
    right: -44px;
    cursor: pointer;
    border-bottom-right-radius: 11px;
    border-top-right-radius: 11px;
}

#simplemodal-container h3 {
    color: #84b8d9;
}

.form-item {
    clear: both;
}

.list-page {
    display: none;
}

/*.target-blog h1#page-title {
    display: none;
}*/

/*.target-blogs h1#page-title { display: none; }*/
.blogs hr {
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-main-wrapper .right {
    display: table;
}

.blogs .form-item {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

.blogs .input-field-wrapper {
    float: left;
    width: 250px;
}

.blogs input[type="file"] {
    padding: 0px;
}

.blogs .form-item .resizable-textarea {
    width: 100%;
}

.blogs .form-item .resizable-textarea div.table-value {
    width: 100%;
}

h1#title-center-blog {
    clear: both;
    float: left;
    width: 100%;
}

.blog-category-wrapper {
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;
    margin: 0px 0 20px 0;
    padding: 5px;
    width: 100%;
}

.blog-detail {
    border: 1px solid #ddd;
    border-radius: 5px;
    float: left;
    margin: 0px;
    padding: 5px;
    width: 100%;
}

.blog-main-wrapper {
    text-align: justify;
    border: 1px solid #ddd;
    border-radius: 5px;
    /* float: left*/
    display: table;
    margin-bottom: 20px;
    padding: 5px;
    width: 100%;
}

.blog-comments {
    float: left;
    clear: both;
    display: block;
    margin: 5px 0 0 0px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
}

.blog-comment-form .comment h3 {
    margin: 10px 0px !important;
}

.blog-comment-form .comment {
    background: rgba(0, 0, 0, 0) url("../images/arrowdown.png") no-repeat scroll right center;
    border-bottom: 1px dashed #d4d4d4;
    color: #000;
    cursor: pointer;
    font-size: 21px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 5px 0px;
    padding: 0px 15px;
    text-align: left;
    float: left;
    clear: both;
    ;
    width: 100%
}

.back-to-list {
    float: right;
}

.blog-comment-form #form-section {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
    clear: both;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 15px;
}

.blog-comment-form #form-section .form-item input,
.blog-comment-form #form-section .form-item span.input-field-wrapper,
.blog-comment-form #form-section .form-item div,
.blog-comment-form #form-section .form-item label,
.blog-comment-form #form-section .form-item {
    float: left;
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 3px 0 0;
}

.blog-comments:hover {}

.blog-comments h3 {
    margin: 0px !important
}

.blog-comments h4 {
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    clear: both;
    width: 100%;
}

.comment-Date {
    float: left;
    width: 100%;
}

.blog-comment-form {
    float: left;
    clear: both;
    display: block;
    margin: 0px;
    width: 100%
}

.blog-category-wrapper hr,
.blog-comment-form hr,
.blog-detail hr,
.blog-main-wrapper hr {
    float: left !important;
    width: 100% !important;
    clear: both !Important;
    margin: 5px 0px 0 !important;
    padding: 0px;
    height: 1px !important
}

.blog-detail .author {}

.blog-detail .author b {}

.blog-main-wrapper .blog-image {
    float: left;
    margin-right: 30px;
}

.blog-main-wrapper .blog-image>img {
    max-width: 150px;
    margin-bottom: 20px;
}

.blog-category-wrapper .head h1,
.blog-detail .head h1,
.blog-main-wrapper .head h4.title {}

.blog-category-wrapper .head,
.blog-detail .head,
.blog-main-wrapper .head {
    float: left;
    text-align: left;
    width: 80%;
}

.blog-main-wrapper .head-section {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
    float: left;
    clear: both;
    width: 100%;
}

.blog-main-wrapper .author {
    color: #53769d;
    font-size: 13px;
    padding-bottom: 5px;
}

.blog-category-wrapper .content,
.blog-main-wrapper .content,
.blog-detail .content {
    float: left;
    width: 100%;
    clear: both;
    padding: 10px;
}

.blog-main-wrapper p,
.blog-detail p {
    margin: 5px 0px !important
}

.blog-category-wrapper .content img,
.blog-detail .content img {
    /*float: left; width: 100%;*/
    margin: 5px 0 0 0px;
}

.blog-main-wrapper .content img {
    /*float: left; width: 100%;*/
    margin: 0px 0 10px;
}

.posted-category {
    padding: 10px 0;
    float: left;
    width: 100%;
}

.posted-product {
    float: left;
    width: 100%;
}

.blog-category-wrapper .content p img,
.blog-detail .content p img,
.blog-main-wrapper .content p img {
    padding-bottom: 10px;
}

.blog-category-wrapper .content p,
.blog-detail .content p,
.blog-main-wrapper .content p {
    float: left;
    line-height: 23px;
    padding: 10px 0 0;
}

.blog-main-wrapper .content.main-content p {
    float: none
}

h2#blog-category-title {
    margin: 15px 0 15px;
}

.blog-calegory-hr {
    margin: 5px 0px !important;
    display: none
}

.blog-category-wrapper .assigndate,
.blog-detail .assigndate,
.blog-main-wrapper .assigndate {
    border-right: 1px solid #dfdfdf;
    color: #666;
    float: left;
    font-size: 15px;
    margin-right: 10px;
    padding: 0px 15px 0 0;
    text-align: center;
    text-indent: 5px;
    text-transform: uppercase;
    width: 14%;
}

.blog-category-wrapper .d-Date,
.blog-detail .d-Date,
.blog-main-wrapper .d-Date {}

.blog-main-wrapper .assigndate>b {
    display: none;
}

.blog-main-wrapper .read-more {
    clear: both;
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    text-align: right;
    text-decoration: none;
    width: auto;
}

.blog-main-wrapper .read-more:hover {
    color: #579ed2 !important;
}

.blog-category-wrapper .read-more {
    clear: both;
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.blog-category-wrapper .read-more:hover {}

.blog-form {
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
}

.blog-form a {}

.blog-image a.play-btn {
    background-color: #eaf6fe;
    border: 1px solid #d7e1e8;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: auto;
}

.blogs .form-action {
    float: left;
    width: 100%;
}

#sidebar-first .blogs hr {
    display: none;
}

.blog-side-wrapper .blog-image {
    display: block;
    text-align: center;
}

.blog-side-wrapper .blog-image>img {
    float: none;
    margin-bottom: 20px;
    max-width: 150px;
}

.blog-side-wrapper .right {
    display: block;
}

.blog-side-wrapper .author {
    color: #53769d;
    font-size: 13px;
    padding-bottom: 5px;
}

.blog-side-wrapper .assigndate {
    color: #909090;
    font-size: 13px;
}

.blogs .bottom-form {
    float: right;
    width: 100%;
    text-align: right;
}

.blogs .bottom-form a#load {
    float: left;
}

.blogs .top-form {
    float: right;
    margin-top: -45px;
}

.blogs .input-field-wrapper .img-note,
.blogs .input-field-wrapper .video-note {
    width: 100%;
    font-size: 11px;
    line-height: normal;
}

.blogs .video-url .video-note {
    float: left;
    width: 250px;
    font-size: 11px;
    line-height: normal;
    margin-left: 160px;
    clear: both;
}

.latest-posts,
.blog-category {
    padding: 20px;
    float: left;
    margin: 0px 0 15px 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    width: 100%
}

.latest-posts .head-h2,
.blog-category .head-h2 {
    margin: 0px 0 16px !important;
    padding: 0px !important;
}

.blog-catalog-content li a {
    padding: 2px 0px 0px 11px;
    display: block;
    text-decoration: none;
    border-top: 0px dotted #dfdfdf;
}

#form-1434793585881 {
    display: none
}

.not-login-user {
    float: left;
    width: 100%;
    clear: both;
    background: url(../images/login-sign.png) left 10px center no-repeat;
    padding: 10px 50px;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0px;
    /* background-color: #666*/
    ;
    font-size: 14px;
}

.not-login-user a {
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase
}

.not-login-user a:hover {
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase
}

.blog-comment-form .form-control {
    padding: 6px 8px !important
}

/* sidebar blog design*/

.sidebar-blog-section {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    float: left;
    margin: 0 0 15px;
    padding: 20px;
    width: 100%;
    height: auto !important
}

.sidebar-blog-section .content img {
    width: 100% !important
}

.sidebar-head {
    clear: both;
    float: left;
    width: 100%;
}

.leftside {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 9px 0 0 0px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

h2.title-sidebar-blog {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

.owl-item .blog-main-wrapper {
    padding: 0px !important;
    border: 0px !important;
    margin: 0px !important;
    width: 100%
}

.sidebar-posted-product,
.sidebar-posted-category {
    float: left;
    width: 100%;
}

.sidebar-posted-product>a,
.sidebar-posted-category>a {}

.sidebar-posted-product>b,
.sidebar-posted-category>b {}

.sidebar .block {
    float: left;
    width: 100%
}

#content .section {
    float: left;
    width: 100%;
    clear: both;
    margin: 1px 0 0 0
}

.form-action .form-required {
    text-align: right;
    padding-right: 5px;
    clear: both;
    float: left;
    width: 100%;
    margin: 5px 0px;
}

.product-details-tabs div.tabs-container .tab-container,
.alert-warning {
    float: left;
    width: 98%
}

.column.sidebar .owl-controls {
    display: none !important;
    transition: all 0.5s ease-in
}

.side-slider:hover .owl-controls {
    display: block !important
}

.target-blog.one-sidebar .list-container {
    float: left;
    width: 100%;
}

.target-blog.two-sidebars .list-container {
    float: left;
}

.no-sidebars .blog-detail .head {
    width: 83%;
}

.blog-content .fr-dib.fr-draggable {
    height: auto !important;
    width: 100% !important;
}

.desktop-header .container [data-desktop-navbar] {
    max-width: none;
    overflow: visible;
}

/*----------------------------Blogs Start--------------------------*/
.skin-crisp_white-customer.target-blogs .assigndate .d-Date,
.skin-crisp_white-customer.target-blog .assigndate .d-Date,
.skin-crisp_white-customer.target-category .assigndate .d-Date,
.skin-crisp_white-customer.target-product .assigndate .d-Date,
.skin-crisp_white-customer.target-page .assigndate .d-Date,
.skin-crisp_white-customer.target-main .assigndate .d-Date {
    /*font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;*/
    font-size: 32px;
    margin-bottom: 5px;
}

.skin-crisp_white-customer.target-blogs .head-section .head h1.title,
.skin-crisp_white-customer.target-blog .head-section .head h1.title,
.skin-crisp_white-customer.target-category .head-section .head h1.title,
.skin-crisp_white-customer.target-product .blog-main-wrapper .head h1.title,
.skin-crisp_white-customer.target-page .head-section .head h1.title,
.skin-crisp_white-customer.target-main .head-section .head h1.title {
    margin-bottom: 4px;
    line-height: 1.2;
    /*font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;*/
    font-size: 32px;
}

.skin-crisp_white-customer.target-blogs .head-section .head h2 title,
.skin-crisp_white-customer.target-blog .head-section .head h2.title,
.skin-crisp_white-customer.target-category .head-section .head h2.title,
.skin-crisp_white-customer.target-product .blog-main-wrapper .head h2.title,
.skin-crisp_white-customer.target-page .head-section .head h2.title,
.skin-crisp_white-customer.target-main .head-section .head h2.title {
    margin-bottom: 4px;
    line-height: 1.2;
    /*font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;*/
    font-size: 32px;
}




/*----------------------------Blogs End--------------------------*/

@media screen and (max-width: 1136px) {

    .product-details-tabs div.tabs-container .tab-container,
    .alert-warning {
        width: 97%
    }
}

@media screen and (max-width: 768px) {

    .product-details-tabs div.tabs-container .tab-container,
    .alert-warning {
        width: 100%
    }
}

@media screen and (min-width:600px) and (max-width:1009px) {

    .blog-detail .assigndate,
    .blog-main-wrapper .assigndate {
        width: 21% !important;
    }

    .blog-detail .head,
    .blog-main-wrapper .head {
        width: 73% !important
    }

    .blog-detail .head h1,
    .blog-main-wrapper .head h4.title {
        font-size: 20px !important;
    }

    .blog-detail .content p,
    .blog-main-wrapper .content p {
        line-height: 15px !important
    }

    .blog-detail .posted-product>a,
    .blog-detail .posted-category>a,
    .blog-main-wrapper .posted-product>a,
    .blog-main-wrapper .posted-category>a,
    .blog-detail .posted-product>b,
    .blog-detail .posted-category>b,
    .blog-main-wrapper .posted-product>b,
    .blog-main-wrapper .posted-category>b {
        font-size: 13px !important
    }

    .blog-category-wrapper .posted-product>b,
    .blog-category-wrapper .posted-category>b,
    .blog-detail .posted-product>b,
    .blog-detail .posted-category>b,
    .blog-main-wrapper .posted-product>b,
    .blog-main-wrapper .posted-category>b {
        font-size: 13px !important;
    }
}

@media screen and (max-width: 601px) {
    .blogs .top-form {
        float: left;
        margin-top: -58px;
    }

    .blog-main-wrapper .blog-image {
        width: 100%;
        margin-right: 0px;
    }

    .blog-main-wrapper .play-btn {
        float: left;
        margin-bottom: 8px;
        width: 100%;
    }

    .blog-form {
        right: auto;
        left: 0px;
        top: 55px;
    }

    .blog-category-wrapper .posted-product>a,
    .blog-category-wrapper .posted-category>a,
    .blog-detail .posted-product>a,
    .blog-detail .posted-category>a,
    .blog-main-wrapper .posted-product>a,
    .blog-main-wrapper .posted-category>a {
        float: none
    }

    .blog-category-wrapper .posted-product>b,
    .blog-category-wrapper .posted-category>b,
    .blog-detail .posted-product>b,
    .blog-detail .posted-category>b,
    .blog-main-wrapper .posted-product>b,
    .blog-main-wrapper .posted-category>b,
    .blog-detail .posted-product>b,
    .blog-detail .posted-category>b,
    .blog-main-wrapper .posted-product>b,
    .blog-main-wrapper .posted-category>b {}

    .blog-category-wrapper .posted-product>a,
    .blog-category-wrapper .posted-category>a,
    .blog-detail .posted-product>a,
    .blog-detail .posted-category>a,
    .blog-main-wrapper .posted-product>a,
    .blog-main-wrapper .posted-category>a {
        margin: 0px;
        padding: 2px;
    }

    .blog-category-wrapper .assigndate,
    .blog-detail .assigndate,
    .blog-main-wrapper .assigndate {
        border-right: 0px solid #dfdfdf !important;
        float: left;
        font-size: 15px;
        margin: 0px !important;
        padding: 0px !important;
        text-align: left !important;
        width: 100%;
        text-indent: 0px !important
    }

    .d-Date {
        font-size: 15px !important;
        float: left !important;
        clear: none !important;
        width: auto !important;
        text-align: left !important;
        padding: 2px !important;
        color: #666 !important
    }

    .blog-category-wrapper .head,
    .blog-detail .head,
    .blog-main-wrapper .head {
        margin: 0px !important;
        width: 95% !important;
    }

    .blog-category-wrapper .head h1,
    .blog-detail .head h1,
    .blog-main-wrapper .head h4.title {
        font-size: 20px !important;
    }

    .blog-category-wrapper .read-more {
        width: 100%;
        text-align: center
    }

    .blog-main-wrapper.list-page .read-more {
        width: 100%;
        text-align: center
    }

    /*----------------------------Blogs Start--------------------------*/
    .skin-crisp_white-customer.target-blogs .assigndate .d-Date,
    .skin-crisp_white-customer.target-blog .assigndate .d-Date,
    .skin-crisp_white-customer.target-category .assigndate .d-Date,
    .skin-crisp_white-customer.target-product .assigndate .d-Date,
    .skin-crisp_white-customer.target-page .assigndate .d-Date,
    .skin-crisp_white-customer.target-main .assigndate .d-Date {
        line-height: normal;
        margin-top: 1px;
        margin-right: 2px;
    }

    .skin-crisp_white-customer.target-blogs .head-section .head h1.title,
    .skin-crisp_white-customer.target-blog .head-section .head h1.title,
    .skin-crisp_white-customer.target-category .head-section .head h1.title,
    .skin-crisp_white-customer.target-product .blog-main-wrapper .head h1.title,
    .skin-crisp_white-customer.target-page .head-section .head h1.title,
    .skin-crisp_white-customer.target-main .head-section .head h1.title {
        font-size: 24px;
    }

    @media screen and (max-width: 480px) {
        .skin-crisp_white-customer.target-blogs .list-pager {
            text-align: center;
            display: block;
        }

        .skin-crisp_white-customer.target-blogs .list-pager .pagination {
            margin: 0 auto 17px;
        }

        .skin-crisp_white-customer.target-blogs .list-pager .pager-items-total {
            display: block;
            clear: both;
        }
    }

    /*----------------------------Blogs End--------------------------*/
}

@media screen and (max-width:449px) {
    .blogs .video-url .video-note {
        margin-left: 0px;
    }
}

@media screen and (max-width:360px) {
    .blogs .bottom-form a.regular-button {
        float: left;
        clear: both;
        margin-bottom: 20px;
    }
}

.has-error .tooltip.bottom .tooltip-arrow {
    display: none !Important
}

.target-blog .regular-button {
    margin-top: 5px !important
}

.has-error .tooltip-inner {
    margin-left: 9px !important;
}

.comment-main {
    border-bottom: 1px dotted #888;
    padding-bottom: 15px;
}

.comment-main:last-child {
    border-bottom: 0px dotted #888;
    padding-bottom: 15px;
}

.target-blogs .list-page-desc {
    padding: 0 0 15px;
}

.social_wrapper {
    border-top: 1px solid #d7e1e8;
    display: inline-block;
    float: none;
    padding: 3px 10px 7px;
    vertical-align: top;
    width: 100%;
}

.social_label {
    display: inline-block;
    float: none;
    padding: 7px 0;
    vertical-align: top;
    width: 100%;
}


/*** 19-2-2019 start ***/
.target-blogs.no-sidebars .block-blog-category .blog-catalog-content.products>li>a,
.target-blog.no-sidebars .block-blog-category .blog-catalog-content.products>li>a {
    display: inline-block;
}
.no-sidebars .block-latest-posts .blog-catalog-content>li>a,
.no-sidebars .block-latest-posts .blog-catalog-content>li>a {
    display: inline-block;
}
.target-blog.no-sidebars .list-container>.blog-main-wrapper>.head-section>.head,
.target-blog.no-sidebars .list-container>.blog-main-wrapper>.head-section>.author {
    width: calc(86% - 10px);
    float: left;
}
.skin-crisp_white-customer.target-blogs.no-sidebars .block-blog-category .head-h2,.skin-crisp_white-customer.target-blog.no-sidebars .block-blog-category .head-h2,.skin-crisp_white-customer.target-blogs.no-sidebars .list-container #page-title,
.skin-crisp_white-customer.target-blogs.no-sidebars .block-blog-category,.skin-crisp_white-customer.target-blog.no-sidebars .block-blog-category
 {
	margin-bottom: 20px;
}
@media (max-width: 601px) {
    .skin-crisp_white-customer.target-blog.no-sidebars .list-container>.blog-main-wrapper>.head-section>.head,
    .skin-crisp_white-customer.target-blog.no-sidebars .list-container>.blog-main-wrapper>.head-section>.author {
    	width:100% !important;
    }
}
@media (min-width: 602px) and (max-width: 1009px) {
    .skin-crisp_white-customer.target-blog.no-sidebars .list-container > .blog-main-wrapper > .head-section > .head, .skin-crisp_white-customer.target-blog.no-sidebars .list-container > .blog-main-wrapper > .head-section > .author {
		width: calc(79% - 10px) !important;
		float: left;
    }
}

.skin-XC_ColorSchemes-customer .head-section .head h2.title,
.skin-XC_ColorSchemes-customer .tabs-container .head h2.title,
.skin-XC_ColorSchemes-customer .content .assigndate h3.d-Date,
.skin-XC_ColorSchemes-customer .blog-main-wrapper .assigndate h3.d-Date
{margin:0 0 9px;}
/*** 19-2-2019 end ***/