/*BEGIN ADDED IRAN SANS FONT*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('./fonts/eot/IRANSansWeb_Bold.eot');
    src: url('./fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype'), url('./fonts') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/eot/IRANSansWeb_Medium.eot');
    src: url('./fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/eot/IRANSansWeb_Light.eot');
    src: url('./fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./fonts/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('./fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('./fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/eot/IRANSansWeb.eot');
    src: url('./fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

/*END ADDED IRAN SANS FONT*/

* {

}

body {
    background-repeat: repeat;
    background-color: #eeeff1 !important;
    font-family: IRANSans !important;
}

a {
    text-decoration: none !important;
}

html {
    box-sizing: border-box;
}

a:hover {
    /*color: #2b8bff !important;*/
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
}

*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 11px;
}

input, textarea::-moz-placeholder { /* Firefox 19+ */
    font-size: 11px;
}

input, textarea:-ms-input-placeholder { /* IE 10+ */
    font-size: 11px;
}

input, textarea:-moz-placeholder { /* Firefox 18- */
    font-size: 11px;
}

/*END GENERAL CSS STYLE*/

/*BEGIN CUSTOM CSS STYLE CLASS*/
#gradient {

    position: absolute;
    height: 120%;
    width: 100%;
    background: linear-gradient(269deg, #04da72, #12aac1, #1ec9b2, #1e8dc9);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 17s ease infinite;
    -moz-animation: AnimationName 17s ease infinite;
    -o-animation: AnimationName 17s ease infinite;
    animation: AnimationName 17s ease infinite;
}

.post-format-icon {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 30px !important;
    color: rgb(255, 255, 255);
}

.alert-box {
    padding: 0 !important;
    text-align: center;
}

/********************************* BEGIN EDITED IN TIVA V5.8  ****************************/
.comment-avatar img.avatar {
    position: absolute;
    top: 0;
    right: -56px;
    left: auto;
    width: 60px;
    height: 60px;
    border: none;
    border-radius: 3px;
    padding: 0;
    z-index: 999;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.11);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.11);
    background: #fff;
}

/********************************* END EDITED IN TIVA V5.8 ******************************/
.card-wrapper {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff
}

.tiva-card-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff
}

.post-img {
    height: 280px;
    width: 100%;
}

.tooltip {

    font-family: IRANSans !important;
    font-weight: 600 !important;
    font-size: 12px !important;

}

.singlepost-box-header {
    height: 60px;
    line-height: 60px;
    background: #f7f9fa;
    padding: 0 15px;
    font-size: 16px;
    border-radius: 5px 5px 0 0;
}

.box-header {
    background-color: #f7f9fa;
    height: 45px;
    direction: rtl;
}

.box-header span.box-title {
    margin: 0;
    color: #666;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    font-weight: bold;
    padding-right: 15px;

}

.box-header .box-title i {
    margin-left: 3px;
}

.ajax-loader {
    margin-right: 110px;
    margin-top: 5px;
}

.stiky-sharebtn {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 30px !important;
}

div.alert a.close {
    color: inherit !important;
}

.ajax-wrapper-opacity {
    opacity: .4 !important;
}

.single-post-img {

    /*width: 340px;*/
    height: 280px !important;

}

.post-liked {
    background-position: right !important;
}

.comment-liked-up {
    color: #19bd22 !important;
}

span.username {
    margin-right: 5px;
    /* margin-top: 5px; */
}

.no-comment-liked-up {
    color: #535353 !important;
}

.comment-liked-down {
    color: red !important;
}

.no-comment-liked-down {
    color: #535353 !important;
}

.breadcrumb {
    padding: 0 15px !important;
    margin-bottom: 20px;
    height: 40px;
    line-height: 2 !important;
    list-style: none;
    font-size: 12px;
    background-color: #ffffff !important;
    border-radius: 0 !important;
}

div.tiva-border {
    border: 1px solid #eee;
    margin-bottom: 15px;
}

.breadcrumb a:hover {
    color: #03a9f4;
}

.breadcrumb a {
    font-weight: bold;
    color: #333;
}

.breadcrumb span {
    font-weight: normal;
}

.post-star-home {
    margin-left: 3px;
    color: #f6c342;
}

.breadcrumb img.breadcrumbs-arrow {
    width: 11px;
    height: 40px;
    margin: 0 15px;
    opacity: .8;
}

/*END CUSTOM CSS STYLE CLASS*/

/*BEGIN POST BUTTON LIKE STYLE */
.darsam-postlike-wrapper {
    display: inline-block;
    float: left;
}

.heart {
    background: url(../images/heart-icon.png);
    height: 100px;
    width: 100px;
    cursor: pointer;
    /*position: absolute;*/
    /*bottom: -17px;*/
    /*left: -14px;*/
    background-size: 2900%;
}

.heart:hover, .heart:focus {
    background-position: right;
}

.ghalb-tokhali {
    background-position: right !important;
}

@-webkit-keyframes heartBlast {
    0% {
        background-position: left;
    }
    100% {
        background-position: right;
    }
}

@keyframes heartBlast {
    0% {
        background-position: left;
    }
    100% {
        background-position: right;
    }
}

.heartAnimation {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: right;
}

@-webkit-keyframes heartBlast-test {
    0% {
        background-position: right;
    }
    100% {
        background-position: left;
    }
}

@keyframes heartBlast-test {
    0% {
        background-position: right;
    }
    100% {
        background-position: left;
    }
}

.heart-left {
    display: inline-block;
    -webkit-animation-name: heartBlast-test;
    animation-name: heartBlast-test;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: left !important;
}

/*END POST BUTTON LIKE STYLE*/

/*begin pagination style css */

div.tiva-pagination {
    direction: ltr;
    font-size: 14px;
    display: table;
    border: none !important;
    margin: 20px auto;
    text-align: center !important;
    border-radius: 2px;
    background-color: #fff;
    /*EDITED IN TIVA V5*/
    box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    clear: both;
}

div.tiva-pagination a.page-numbers, div.tiva-pagination span.current {
    padding: 10px 15px;
    display: inline-block
}

div.tiva-pagination a {
    color: #555 !important;
}

div.tiva-pagination a.page-numbers:hover {
    background: #03A9F4;
    color: #fff !important;
}

div.tiva-pagination-wrapper {
    padding: 15px;
}

div.tiva-pagination span.current {
    background: #03A9F4;
    color: #fff;
}

.comment-pagination-top {
    margin-top: 70px;
}

.post-pagination {
    padding: 2px;
    display: inline
}

.tiva-pagination-wrraper {
    padding: 5px;
}

/*end pagination style css */

/*BEGIN HEADER AND BLOG LOGO AND TITLE STYLE*/
#header {
    height: 172px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #ececec;
    color: #333 !important;
}

.dropdown-menu > li > a {

    padding: 10px 20px !important;
}

#header div.logo-row {

    border-bottom: 1px solid #ececec;
}

#header div.navbar-login-section {
    margin-top: 3px;
}

#header div.right-area, div.left-area {
    margin-bottom: 14px !important;
    margin-top: 3px !important;
}

#header div.right-area a {
    text-decoration: none;
    outline: none;
}

#header h1.blog-title, #header h2.blog-title {
    font-weight: bold;
    font-size: 30px;
    color: #555;
    margin-top: 21px !important;
}

#header h2.blog-description {

    font-weight: bold !important;
    font-size: 12px !important;
    color: #555 !important;
}

#header form.search-form {
    border: 1px solid #c9d1d7;
    height: 50px;
    width: 400px;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
    float: left;
    margin-top: 30px !important;
}

#header form button.search-button {
    border: none;
    background: 0 0;
    color: #adadad;
    font-size: 25px;
    height: 35px;
    line-height: 55px;
    width: 40px;
    padding: 0;
    float: left;
    outline: none !important;
}

#header form input[type=text]:focus {
    outline: none !important;
}

#header form input.search-input {
    font-size: 15px;
    border: none;
    height: 50px;
    padding: 0 10px;
    line-height: 30px;
    width: 350px;
    float: right;
    background: 0 0 !important;
}

#header form input.search-input::placeholder {
    font-size: 15px;
    font-weight: 500;
}

/*END HEADER AND BLOG LOGO AND TITLE STYLE*/

/*BEGIN TOP MENU CSS STYLE*/
#main-nav {
    height: 30px; /* set to the height you want your menu to be */

    margin: 0 0 10px; /* just to give some spacing */
}

div.menu-alert {
    padding: 5px;
    line-height: 2;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ebccd1;;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    margin-top: 5px;
}

#main-nav ul {
    margin: 0;
    padding: 0; /* only needed if you have not done a CSS reset */

}

#main-nav li {
    display: block;
    float: right;
    list-style: none !important;
    font-size: 12px;
    border-bottom: 2px solid transparent;
    line-height: 30px; /* this should be the same as your #main-nav height */
    height: 40px; /* this should be the same as your #main-nav height */
    margin: 0;
    padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
}

#main-nav li ul {
    position: absolute;
    top: 36px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease;
}

#main-nav ul > li:hover ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

#main-nav li a {
    display: block;
    height: 40px;
    line-height: 30px;
    font-weight: 600;
    padding: 10px 20px 0;
    text-decoration: none;
    color: #555 !important;
}

#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
    color: #555;
    background: #ffffff;;
}

#main-nav ul ul {

    /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
    z-index: 99999;

    border-top: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
}

#main-nav ul ul li {

    /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

#main-nav ul ul li a {

    /* target all sub menu item links */
    padding: 5px 10px; /* give our sub menu links a nice button feel */
    background-color: #ffffff;
}

#main-nav ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}

#main-nav ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    right: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}

/*END TOP MENU CSS STYLE*/

/*BEGIN LOGIN AND REGISTER BTN STYLE*/
#header div.navbar-login-section div.left-login-area {
    float: left;
    font-size: 12px;
    font-weight: 600;
    display: inline-block !important;
    margin-top: 5px;
}

#header div.navbar-login-section div.left-login-area a.login-btn, a.register-btn {

    color: #03a9f4;
    box-sizing: border-box;
    outline: none !important;
    font-size: 12px;
    border: 1px solid #03a9f4;
    padding: 8px 40px;
    border-radius: 3px;
    line-height: 40px;
    margin: 3px; /* fixed Smash btn login and register in tiva v3.1 */
    text-decoration: none !important;
}

#header div.navbar-login-section div.left-login-area a.register-btn {

    padding: 8px 30px;

}

#header div.navbar-login-section div.left-login-area a.register-btn:hover {

    color: #ffffff !important;
    background-color: #00A8EF;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

#header div.navbar-login-section div.left-login-area a.login-btn:hover {

    color: #ffffff !important;
    background-color: #03a9f4;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

/* user login menu*/
div.left-login-area ul.navbar-nav img.img-circle {
    height: 45px;
    width: 45px;
}

.user-name-link {
    background-color: transparent !important;
}

div.left-login-area ul.navbar-nav a.dropdown-toggle {
    padding: 0 !important;
    margin-top: -4px;
    color: #555 !important;
}

div.left-login-area ul.nav a {
    font-size: 12px;
}

div.left-login-area .dropdown-menu > li > a:hover, div.left-login-area .dropdown-menu > li > a:focus {
    background-color: transparent !important;
    color: #000000;
    font-weight: 500 !important;
}

img.user_avatar_login_menu {
    height: 45px;
    border-radius: 50%;
    width: 45px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.17), 0 2px 10px 0 rgba(0, 0, 0, 0.26);
}

div.left-login-area .navbar-nav > li > .dropdown-menu {
    /*margin-top: 2px;*/
}

.top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i {
    margin-left: 5px;
}

.top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li:not(:last-child) > a {
    padding-top: 15px !important;
}

.dropdown-menu {
    min-width: 160px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/*END LOGIN AND REGISTER BTN STYLE*/

/*BEGIN STYLE FOR AJAX FILTER POST */
#post-filter-wrapper {
    margin-top: 30px;
}

#post-filter-wrapper header.post-filter-header h3 {
    display: inline-block;
    margin-top: 10px;
    color: #555;
    font-size: 20px;
}

#post-filter-wrapper header.post-filter-header h3 i {
    margin-left: 5px;
}

#filter-post {
    margin-top: 22px;
    padding-bottom: 1px;
    height: 70px;
}

#filter-post ul {
    margin-right: 10px;
    padding: 10px;
    float: right;
    width: 100%;
    line-height: 25px;
}

#filter-post ul li div.form-group {
    /*line-height: 30px;*/
}

#filter-post ul li {
    display: inline-block;
    margin-left: 12px;
    float: right;
    width: 19%;
}

#filter-post ul li div.form-group input#text-search, ul li select.form-control {

    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    height: 33px;
    padding: 0 10px;
    float: right;
    background: 0 0 !important;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#filter-post ul li div.form-group select:focus, select:active {

    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #c9d1d7;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

#filter-post ul li div.form-group input[type="text"]:focus, input[type="text"]:active {

    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #c9d1d7;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

#filter-post ul li div.form-group input, select.form-control option {
    font-size: 11PX;

}

#filter-post ul li button.post-filter-btn {
    font-size: 13px;
    outline: none !important;
    font-weight: 600;
    color: #ffffff;
    background-color: #03a9f4 !important;
    border-radius: 3px;
    border-color: transparent !important;
}

#filter-post ul li button.post-filter-btn i {
    font-size: 10px;
    font-weight: 600;
}

#filter-post ul li button.post-filter-btn:hover {
    opacity: .8;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;

}

/*END STYLE FOR AJAX FILTER POST */

/*BEGIN MAIN-CONTENT POST STYLE*/
.main-content {
    margin-top: 25px;
}

.main-content div#main-post-container {
    padding-top: 20px;

}

.main-content header.main-content-filter h3 {
    display: inline-block;
    /*margin-top: 10px;*/
    color: #555;
    font-size: 15px;
}

.main-content header.main-content-filter h3 i {
    margin-left: 5px;
}

.main-content div.post-wrapper {
    margin: 15px auto;
    position: relative;
    height: 400px;
    width: 340px;
}

.main-content div.post-wrapper .ribbon {
    position: absolute;
    font-size: 10px;
    top: 0;
    right: 1em;
    z-index: 1;
    color: #eee;
    cursor: pointer;
    width: 1.5em;
    line-height: 0.5em;
    -webkit-transition: line-height 0.5s;
    transition: line-height 0.5s;
    padding: 5px;
}

.main-content div.post-wrapper .ribbon-title {
    font-size: 13px;
    font-weight: bold;
}

.main-content div.post-wrapper .ribbon:after {
    content: "";
    font-size: 1.2em;
    position: absolute;
    height: 4.2em;
    border: 1.5em solid #F44336;
    z-index: -1;
    top: -1em;
    border-top-width: 1.5em;
    border-bottom-color: transparent;
    right: 0;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.main-content div.post-wrapper .ribbon:before {
    content: "";
    font-size: 1.2em;
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #B71C1C transparent;
    top: -1em;
    right: 3em;
    border-width: 0 0 1em 0.7em;
    z-index: -1;
}

.main-content div.post-wrapper div.post-img {
    height: 280px;
    width: 100%;
}

.main-content div.post-wrapper div.post-img:hover {
    opacity: 0.8;

}

.main-content div.post-wrapper span.post-mark {
    position: absolute;
    font-size: 25px;
    top: 5px;
    right: 5px;
    z-index: 111;
}

.main-content div.post-wrapper div.post-meta {
    display: inline-block;
    position: absolute;
    top: 250px;
}

.main-content div.post-wrapper div.card-reveal {
    padding: 15px;
    position: absolute;
    background-color: #FFF;
    width: 100%;
    overflow-y: auto;
    /*top: 0;*/
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
    display: none;
}

.main-content div.post-wrapper div.card-reveal h6.post-abstract-title {
    margin: 25px 0 0 0;
    font-size: 15px;
}

.main-content div.post-wrapper div.card-reveal p.post-abstract {
    margin: 15px 0 0 0;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8;
    overflow: hidden;
}

.main-content div.post-wrapper div.card-reveal a.post-lode-more {
    position: absolute;
    bottom: 5px;
    left: 5px;
    text-align: center;
    outline: none !important;
    color: #fff;
    background-color: #03a9f4;
    border-radius: 3px;
    width: 95%;
    line-height: 40px;
    margin: 3px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
}

.main-content div.post-wrapper div.card-reveal a.post-lode-more:hover {

    opacity: .8;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.main-content div.post-wrapper div.post-overlay {

    position: absolute;
    height: 281px;
    bottom: 119px;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    transition: .2s ease;
}

.main-content div.post-wrapper div.post-meta span.post-status {

    margin-right: 8px;
    border-radius: 2px;
    opacity: 1;
    float: left;
    line-height: 20px;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.53);
}

.main-content div.post-wrapper div.post-meta span.post-status i {

    font-weight: 700;
    float: right;
    margin-left: 3px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

.main-content div.post-wrapper div.post-details {
    border-bottom: 1px solid #eee;
    color: #555;
    overflow: hidden;
}

.main-content div.post-wrapper div.post-details span.show-post-btn {
    position: absolute;
    left: 11px;
    margin: 11px;
    background-color: transparent;
    font-size: 21px;
    cursor: pointer;
    outline: none;

}

.main-content div.post-wrapper div.post-details span.show-post-btn i {
    height: 25px;
    width: 25px;
    text-align: center;
}

.main-content div.post-wrapper div.post-details h2 {
    height: 30px;
    width: 85%;
    max-width: 85%;
    max-height: 30px;
    overflow: hidden;
    font-weight: bold !important;
    text-overflow: ellipsis;
    font-size: 13px;
    margin: 7px 15px;
    line-height: 2.5;
}

.main-content div.post-wrapper div.post-details-part2 {
    margin-top: 10px;
    color: #555;
}

.main-content div.post-wrapper div.post-details-part2 img.user-avatar {
    border-radius: 50% !important;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    display: inline-block;
    float: right;
    margin-right: 10px;
    height: 50px;
    width: 50px;
}

.main-content div.post-wrapper div.post-details-part2 strong.avatar-name {
    font-size: 11px;
    display: inline-block;
    margin: 6px 6px 6px 0;
}

.main-content div.post-wrapper div.post-details-part2 strong a {
    color: #555 !important;
}

.main-content div.post-wrapper div.post-details-part2 strong.avatar-name i {
    margin-left: 5px;
}

.main-content div.post-wrapper div.post-details-part2 time.post-date {
    margin: 0 5px;
    font-size: 11px;
    font-weight: bold;
}

.main-content div.post-wrapper div.post-details-part2 time.post-date i {
    margin-left: 5px;
}

.main-content div.post-wrapper div.card-reveal span.close {
    margin-top: -10px !important;
}

div.post-wrapper div.card-reveal span.close span {
    font-size: 35px;
}

div.post-wrapper div.post-overlay:hover {

}

.main-content div.no-post p {
    text-align: center;
    padding: 25px;
    color: #555;
    font-weight: bold;
    font-size: 20px;
}

/*load more btn style */

.main-content div#load-more-wrapper {
    padding: 25px 0;
    text-align: center;
}

.main-content div#load-more-wrapper button.btn {

    outline: none !important;
    margin: 3px;
    color: #fff;
    background-color: #03a9f4;
    font-weight: 500;
    width: 250px;
    height: 40px;
    line-height: 10px;
    border-radius: 3px;
}

.main-content div#load-more-wrapper button.btn:hover {

    opacity: .8;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

/*END MAIN-CONTENT POST STYLE*/

/* BEGIN SINGLE PAGE  STYLE CSS */
.sidebar div.sidebar-wrapper:not(:first-child) {
    margin-top: 15px;
}

.sidebar header h3 {
    margin: 0;
    color: #666;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding-right: 15px;
}

#single div.sidebar, div.main-content {

    margin-top: 30px;
}

#single div.main-content header h1.post-title {
    display: inline-block;
    margin-top: 10px;
    color: #555;
    font-size: 20px;
}

#single div.main-content header h2.post-title {
    display: inline-block;
    margin-top: 10px;
    color: #555;
    font-size: 20px;
}

#single div.main-content div.main-content-inner div.post-meta {
    text-align: center;
    box-sizing: border-box;
    padding-right: 50px;
    font-size: 13px;
    padding-top: 30px;
    margin-right: 10px;

}

#single div.main-content div.main-content-inner div.post-meta span {
    margin-left: 80px;
}

#single div.main-content div.main-content-inner div.post-meta span i {
    margin-left: 5px;
}

#single div.main-content div.main-content-inner div.post-meta span a {

    text-decoration: none !important;
    color: #555;
}

#single div.main-content div.main-content-inner div.sing-post-thumbnail {
    float: left;
    margin: 45px 10px 0 40px
}

#single div.main-content div.main-content-inner article.single-post-content {
    padding: 40px 40px 0;
    line-height: 2.2;
    text-align: right;
    direction: rtl;
}

#single div.main-content div.main-content-inner article.single-post-content blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 15px;
    border-right: 5px solid #38abe4 !important;
    border-left: none !important;
}

/********************************* BEGIN EDITED IN TIVA V5.8  ****************************/
#single div.main-content div.main-content-inner article.single-post-content img:not(.avatar) {
    display: table;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}

#single div.main-content div.main-content-inner article.single-post-content a:not(.btn , .wp-block-button__link) {

    color: #03a9f4;
    outline: none !important;
    text-decoration: none !important;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;

}

#single div.main-content div.main-content-inner article.single-post-content a:not(.btn , .wp-block-button__link):hover, a:not(.btn , .wp-block-button__link):focus {

    outline: none !important;
    color: #000000;
    /*border-bottom: 1px solid rgba(0, 0, 0, .5) !important;*/
}

/********************************* END EDITED IN TIVA V5.8 ******************************/
#single footer.single-post-footer {
    padding: 0 40px 40px;
    color: #555;
    font-size: 12px;
}

#single footer.single-post-footer a {
    text-decoration: none !important;
    color: inherit;
}

#single footer div.single-post-tags i, div.single-post-categorise i {
    margin-right: 5px !important;
}

#single footer div.single-post-categorise {

    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;

}

#single footer div.single-post-categorise a {
    border: none !important;
    padding: 1px 5px;
    display: inline-block;
    margin: 2px 2px;
    text-align: center !important;
    border-radius: 2px;
    background-color: #03a9f4;
    color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

#single footer div.single-post-short-url {
    position: relative;
    display: inline-block;
    float: left;
    direction: ltr;
    border: 1px solid #c9d1d7;
    height: 25px;
    width: 160px;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
}

#single footer div.single-post-short-url input[type='text'] {
    font-size: 11PX;
    width: 135px;
    color: #999;
    border: none;
    padding: 0 5px;
    line-height: 25px;
    outline: none !important;
    background: 0 0 !important;
}

#single footer div.single-post-short-url button {
    border: none;
    top: 5px;
    right: 0;
    position: absolute;
    background: 0 0;
    color: #777;
    padding: 0;
    float: left;
    outline: none !important;
}

#single footer div.single-post-short-url button:hover {
    color: #151515 !important;
}

#single footer i.fa.fa-link.single-post-short-url-icon {
    float: left;
    font-size: 15px;
    margin: 5px 5px;
}

#single footer div.single-post-tags {

    font-size: 12px;
    font-weight: 500;;

}

#single footer div.single-post-tags a {
    border: none !important;
    display: inline-block;
    margin: 2px 2px;
    padding: 1px 5px;
    text-align: center !important;
    border-radius: 2px;
    color: #ffffff !important;
    background-color: #03a9f4;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

#single footer div.single-post-categorise a:hover, #single footer div.single-post-tags a:hover {
    opacity: .8;
}

#single div.related-post-wrapper {
    margin: 30px 0 30px;
    float: right;
    width: 100%;
}

#single div.related-post-wrapper span.related-post-title {
    line-height: 40px;
    margin: 0 10px;
    font-weight: 600;
    font-size: 14px;
    color: #03a9f4;
    border-bottom: 2px solid #f5f5f5;
}

#single div.related-post-wrapper Ul {
    list-style: none;
    padding: 5px 5px;
    width: 100%;
}

#single div.related-post-wrapper ul li {
    padding: 10px;
    margin: 10px 0 10px;
}

#single div.related-post-wrapper ul li:hover {
    transition: 0.1s;
    background-color: rgba(153, 153, 153, 0.08)
}

#single div.related-post-wrapper ul li img {
    float: right;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    margin-left: 20px;
    border-radius: 3px;
}

#single div.related-post-wrapper ul li h3 {
    font-size: 12px;
    color: #555 !important;
    line-height: 1.8;
    margin: 0;
}

#single div.related-post-wrapper ul li p {
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    top: 73px;
    right: 105px;
    color: #777;
}

#single div.related-post-wrapper ul li span {
    margin-left: 10px;
}

/* begin author wrapper style*/

div.author-about-wrapper {
    margin-top: 30px;
    position: relative !important;
    height: auto;
}

div.author-about-wrapper a.tiva-single-telegram {
    color: #fff;
    font-weight: 500;
    background: #03A9F4;
    height: 65px;
    padding: 15px;
    line-height: 33px;
    float: right;
    width: 100%;
    font-size: 14px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

div.author-about-wrapper a.tiva-single-telegram:hover span.chanel-title.pull-left {

    color: #03A9F4;
    background-color: #ffffff;

}

div.author-about-wrapper a.tiva-single-telegram span.chanel-title.pull-left {
    border: 2px solid #fff;
    color: #fff;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    transition: all .3s;
    border-radius: 3px;
}

div.author-about {
    padding: 30px 20px
}

div.author-about span.author-date-registered {
    float: left;
    font-weight: 500;
    font-size: 12px;
    color: #8d8d8d;
}

div.author-about img.single-author-avatar {
    float: right;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 3px;
    height: 80px;
    width: 80px;
    margin: 0 0 10px 10px;

}

div.author-about span.single-author-name {
    padding-top: 5px;
    font-weight: 600;
    font-size: 17px;
    margin: 0 !important;
}

div.author-about span.single-author-name a {
    text-decoration: none !important;
    color: inherit;
}

div.author-about p.single-author-disc {
    font-size: 13px;
    line-height: normal;
    margin: 15px 0 0;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;

}

/* end author wrapper style*/

/* END SINGLE PAGE  STYLE CSS */
/* BEGIN NEW COMMENT STYLE ADD IN TIVA V5*/
/*BEGIN COMMENTS SYSTEM STYLE*/
div.comments-area-wrapper {
    margin-top: 30px;
}

#post-comments h3.comment-reply-title {
    line-height: 40px;
    margin: 0 10px;
    font-size: 14px;
    color: #03a9f4;
    border-bottom: 2px solid #f5f5f5;
}

#post-comments h3.comment-reply-title small a {
    float: left;
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 3px;
    color: #555;
    font-weight: bold;
    text-decoration: none;
}

#post-comments h3.comment-reply-title small a:hover {
    background-color: #03A9F4;
    color: #ffffff;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

#post-comments p.comment-notes {
    line-height: 40px;
    margin: 10px 16px -30px 0;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 15px 0;
}

#post-comments p.comment-form-comment {
    padding: 0 15px;
}

#post-comments p.comment-form-comment label {
    visibility: hidden;
}

.woocommerce-Reviews div#comments {
    padding: 15px;
}

#post-comments p textarea {
    padding: 10px 15px;
    border-radius: 1px;
    width: 100%;
    background: #fdfdfd;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    border: 1px solid #e8e8e8; /* fixed bug in comment textarea css shadow in blog*/
    overflow: auto;

}

#post-comments p textarea:focus, textarea:active {
    border-color: #87B1F6 !important;
}

#post-comments div.comment-frm-row {
    float: right;
    width: 45%;
}

#post-comments div.comment-frm-row input {
    padding: 10px 15px;
    border-radius: 1px;
    margin: 0 15px;
    background: #fdfdfd;
    border-color: #e8e8e8 !important;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}

#post-comments div.comment-frm-row input:focus, input:active {

    border-color: #87B1F6 !important;
}

#post-comments div.comment-frm-row-email {
    margin-left: 20px;
    float: left;
    width: 45%;
}

#post-comments div.comment-frm-row-email input {
    padding: 10px 15px;
    border-radius: 1px;
    /*margin: 0 15px;*/
    background: #fdfdfd;
    border-color: #e8e8e8 !important;
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}

#post-comments div.comment-frm-row-email input:focus, input:active {
    border-color: #87B1F6 !important;
}

#post-comments p.form-submit {
    width: 100%;
}

#post-comments p.form-submit input[type='submit'] {
    background: #03A9F4;
    color: #fff;
    margin: 15px 5px;
    border: none;
    padding: 8px 15px;
    font-size: 12px;
}

#post-comments header.comment-title-wrapper {
    padding: 0 15px;
}

#post-comments h3.comment-title {
    float: right;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px 3px 0 0;
    margin: 0;
    font-size: 14px;
    color: #2ca4e0;
    border-bottom: 2px solid #f5f5f5;
}

#post-comments div.comment-respond {
    margin-top: 25px;
}

#post-comments div.comment-respond form p {

    margin: 15px 10px;

}

#post-comments div.comment-respond form p a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

#post-comments .comment-list {
    clear: both;
    padding: 10px 10px 35px 0px;
}

#post-comments .comment-list ol {
    width: calc(100% - 30px);
    list-style: none;
    padding: 0 60px 0 0;
    margin: 15px;
    position: relative;
}

#post-comments .comment-list ol:before {
    content: '';
    position: absolute;
    width: 1.5px;
    height: 100%;
    background: #e5e5e5;
    display: inline-block;
    right: 25px;
    top: 0;
}

#post-comments .comment-list ol ul.children:before {
    content: '';
    position: absolute;
    width: 55px;
    height: 1.5px;
    background: #e5e5e5;
    display: inline-block;
    right: -15px;
    top: 30px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

#post-comments .comment-list ol ul.children:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #03a9f4;
    display: inline-block;
    right: -61px;
    top: 22px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

#post-comments .comment-list ol ul.children li .comment_container:before {
    content: '';
    width: 1.5px;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 52px;
    background: #e5e5e5
}

#post-comments .comment-list ol ul.children li ul.children li .comment_container:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 52px;
    background: #e5e5e5
}

#post-comments .comment-list ol ul.children li.depth-2:last-child .comment_container:before {
    display: none
}

#post-comments .comment-list li {
    position: relative;
    padding-right: 15px;
}

#post-comments .comment-list li .comment-content {
    border: none;
    box-shadow: 0 0 20px rgba(97, 105, 114, 0.08);
    font-size: 13px;
    position: relative;
    line-height: 24px;
    padding: 16px 16px 10px;
}

#post-comments .comment-list li .comment-content p.edit-link a {
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 0 5px;
    background-color: #03a9f4;
    line-height: 30px;
    font-size: 10px !important;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

#post-comments .comment-list li .comment p.comment-awaiting-moderation {
    display: inline-block;
    padding: 2px 3px;
    font-size: 9px;
    color: #61a161;
    border-color: #d6e9c6;
    background-color: #DFF0D8;
    font-weight: bold;
    border-radius: 2px;
}

#post-comments .comment-list li .comment-author {

    color: #181a1b;
    font-size: 15px;
    font-style: normal !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}

#post-comments .comment-list li .comment-author cite {
    font-style: normal;
    font-size: 13px;
    margin-left: 10px;
}

#post-comments .comment-list li .comment-author a {

    text-decoration: none;
    color: #1c1b1b;
}

#post-comments .comment-list li .comment-author .commentmeta {
    float: left;
    font-size: 12px;
    color: #03a9f4;
    font-weight: 400;
}

/*comment likes system style*/
#post-comments div.comment-content div.tiva-comment-like {
    /*display: inline-block;*/
    text-align: left;
    display: block;
    -webkit-transition: background .8s !important;
    -o-transition: background .8s !important;
    transition: background .8s !important;
    /*position: absolute;*/
    /*left: 15px;*/
    /*bottom: 20px;*/
}

#post-comments div.comment-content div.tiva-comment-like span {
    font-size: 12px;
    font-weight: bold;
}

#post-comments div.comment-content div.tiva-comment-like a {
    text-decoration: none;
    font-size: 11px;
    color: #535353;
}

#post-comments div.comment-content div.tiva-comment-like a.tiva-comment-like-down {
    margin-left: 10px;

}

#post-comments div.comment-content div.tiva-comment-like a.tiva-comment-like-down:hover {
    color: red !important;
}

#post-comments div.comment-content div.tiva-comment-like a.tiva-comment-like-up:hover {
    color: #19bd22 !important;
}

#post-comments div.comment-content div div.comment-link {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    cursor: pointer;
}

#post-comments div.comment-content div div.comment-link a {
    color: inherit !important;
}

/**************************/

#post-comments .comment-list li div.comment .reply {
    height: 30px;
    margin-top: 20px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    position: relative;
}

#post-comments .comment-list li div.comment .reply a {
    position: absolute;
    left: 0px;
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 0 10px;
    line-height: 30px;
    font-size: 10px !important;
    border-radius: 3px;
    color: #555;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    bottom: 10px;
}

#post-comments .comment-list li div.comment .reply a:hover {
    background-color: #03A9F4;
    color: #ffffff;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

#post-comments ol li.comment ul.children {
    position: relative;
    margin: 10px 20px 0 0;
    list-style: none;
}

#post-comments ul.children div.comment-content {
    box-shadow: 0 0 15px rgba(194, 198, 202, 0.37);
    position: relative;
    background: rgba(238, 239, 241, 0.6784313725490196);
    padding-bottom: 10px;
    line-height: 2;
}

/* END NEW COMMENT STYLE ADD IN TIVA V5*/

/*END COMMENTS SYSTEM STYLE*/

/* begin author page posts style */

div.author-about-wrapper {
    margin-bottom: 40px;
}

div.author-post-filter {
    margin: 0 0 35px !important;
}

div.author-meta {
    text-align: center;
}

div.author-meta ul li {
    display: inline-block;
    height: 85px;
    width: 200px;
    margin-left: 45px;
}

div.meta-wrapper {
    height: 75px;
    float: right;
    width: 100%;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 15px;
    list-style: none;
    margin: 0 0 30px;

}

div.meta-wrapper span.meta-icon {
    float: right;
    font-size: 28px;
    margin-top: 10px;
    background: rgba(255, 255, 255, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    line-height: 64px;
    text-align: center;
}

div.meta-wrapper span.meta-num {
    display: block;
    padding: 10px 0 0;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

div.meta-wrapper span.meta-title {
    text-align: center;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 0 0;
}

/* end author page posts style */

/*begin page password rest style*/

div.page-pass-rest div.form-rest-pass {
    display: table;
    margin: 30px auto 50px;
    padding: 15px 20px;
    border: 1px solid #ddd;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

div.page-pass-rest div.form-rest-pass input[type='text'] {
    border: 1px solid #c9d1d7;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
    margin: 25px;
    font-size: 12px;
    font-weight: 500;
    height: 33px;
    padding: 0 10px;
    width: 340px;
    background: 0 0 !important;
}

div.page-pass-rest div.form-rest-pass input[type='submit'] {
    color: #ffffff;
    box-sizing: border-box;
    outline: none !important;
    font-size: 13px;
    background-color: #03a9f4;
    /* border: 2px solid #03a9f4; */
    padding: 8px 40px;
    border-radius: 3px;
    /* line-height: 40px; */
    margin: 3px;
}

div.page-pass-rest div.form-rest-pass input[type='submit']:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/*end page password rest style*/

/*begin footer style */

#footer {
    width: 100%;
    background-color: #28353d;
    /*margin: 60px 0 0 0;*/
    height: 250px;
}

#footer div.sicon div {
    display: inline-block;
    margin-left: 15px;
}

#footer ul.footer-meta {
    float: right;
    color: #fff;
    list-style: none;
    width: 100%;
    padding: 0 0 15px;
    /*border-bottom: 1px solid #3b4446;*/
    /*margin: 0 0 30px;*/
}

#footer ul.footer-meta li {
    padding: 30px 0 0 0;
    float: right;
    width: 25%;
}

#footer ul.footer-meta li i {
    color: #525e61;
    font-size: 40px;
    float: right;
    margin: 5px 0 10px 15px;
}

#footer ul.footer-meta li strong {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
}

#footer ul.footer-meta li span {
    display: block;
    font-weight: 400;
    font-size: 11px;
}

#copy-right {
    width: 100%;
    padding: 15px;
    background-color: #151b21;
    height: 50px;
}

#copy-right h5 {
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}

/*end footer style */

/*begin login form style*/

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

@-o-keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 51%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 51%
    }
}

.remember-me-home {
    margin-right: 268px;
    color: #555 !important;
}

#login-form {
    /*position: relative;*/
    /*z-index: 9999;*/

}

#login-form div.login-form-container {

    margin-top: 50px;
}

#login-form div.login-form-title a {
    color: #ffffff !important;
}

#login-form div.login-form-title {
    text-align: center;
    color: #f6f6f6;
    display: table;
    margin: 0 auto 30px
}

#login-form div.login-form-title h3 {
    font-size: 20px;
}

#login-form div.login-form-wrapper {
    height: 390%;

}

#login-form div.login-form-wrapper div.form-title-inner {
    line-height: 40px;
    padding: 10px;
    text-align: center;
    margin: 0 10px;
    font-size: 14px;
    color: #03a9f4;
}

/*#login-form div.login-form-wrapper input[type='text'], input[type='password'], input.user-email {*/
/*!*width: 95%;*!*/
/*height: 30%;*/
/*border-radius: 1px;*/
/*background: #fdfdfd;*/
/*border-color: #e8e8e8 !important;*/
/*outline: none;*/
/*-webkit-box-shadow: none !important;*/
/*-moz-box-shadow: none !important;*/
/*box-shadow: none !important;*/
/*-webkit-transition: border-color .3s;*/
/*-o-transition: border-color .3s;*/
/*transition: border-color .3s;*/
/*}*/

#login-form div.login-form-wrapper label {
    color: #555 !important;
    margin-bottom: 10px;
    font-size: 13px;
}

#login-form div.login-form-wrapper div.form-group {
    padding: 10px;
    position: relative;
    margin: 0 !important;
}

#login-form div.login-form-wrapper div.login-form {
    margin-top: 15px;
}

#login-form div.login-form-wrapper form span.remember-me {
    margin-right: 20px;
}

#login-form div.login-form-wrapper input[type='submit'] {
    background: #03A9F4;
    color: #fff;
    border-radius: 3px;
    border: none;
    padding: 10px 50px;
    font-size: 14px;
    display: table;
    margin: 30px auto 10px auto;
    /*margin-top: ;*/
}

#login-form div.form-footer {
    margin-top: 30px;
}

#login-form div.form-footer a {
    color: #f6f6f6;
    font-weight: 600;

}

#login-form div.form-footer a.register-user {
    float: left;
}

/*end login form style*/

/*BEGIN REGISTER FORM STYLE*/

#login-form div.login-form-wrapper div.form-group i {
    position: absolute;
    color: #6a6464;
    left: 20px;
    bottom: 20px;
}

#login-form div.login-form-wrapper div.form-group i:hover {
    cursor: pointer;
}

/*END REGISTER FORM STYLE*/

/* begin social icon footer*/

.icon-circle .fa {
    font-size: 25px;
    color: #e84700;
    margin: 0 auto;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 2px solid #e84700;
    line-height: 80px;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s, background-color ease-in-out 0.05s;
}

.icon-circle .fa:hover {

    background-color: #e84700;
    color: #fff;
    border: 1px solid #e84711;
    -moz-box-shadow: inset 0px 0px 0px 5px #ffffff;
    -o-box-shadow: inset 0px 0px 0px 5px #ffffff;
    -ms-box-shadow: inset 0px 0px 0px 5px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 5px #ffffff;
    box-shadow: inset 0px 0px 0px 5px #ffffff;
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.icon-circle i:before {
    margin-left: 0px;
    font-size: 40px;
}

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

    .icon-circle .fa {
        font-size: 15px;
        color: #e84700;
        margin: 0 auto;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        border: 2px solid #e84700;
        line-height: 40px;
        cursor: pointer;
        -webkit-transition: all ease-in-out 0.35s;
        -moz-transition: all ease-in-out 0.35s;
        -o-transition: all ease-in-out 0.35s;
        -ms-transition: all ease-in-out 0.35s;
        transition: all ease-in-out 0.20s, background-color ease-in-out 0.05s;
    }

    .icon-circle .fa:hover {

        background-color: #e84700;
        color: #fff;
        border: 1px solid #e84711;
        -moz-box-shadow: inset 0px 0px 0px 5px #ffffff;
        -o-box-shadow: inset 0px 0px 0px 5px #ffffff;
        -ms-box-shadow: inset 0px 0px 0px 5px #ffffff;
        -webkit-box-shadow: inset 0px 0px 0px 5px #ffffff;
        box-shadow: inset 0px 0px 0px 5px #ffffff;
        -ms-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
    }

    .icon-circle i:before {
        margin-left: 0px;
        font-size: 20px;
    }
}

.ifacebook .fa, .itwittter .fa, .igoogle .fa, .iLinkedin .fa, .iinsta .fa {
    color: #525e61;
    border: 2px solid #525e61 !important;
}

.ifacebook .fa:hover {

    background-color: #3B5998 !important;
    color: #fff !important;
    border: 1px solid #3B5998 !important;

}

.itwittter .fa:hover {

    background-color: #33ccff;
    color: #fff;
    border: 1px solid #33ccff;

}

.igoogle .fa:hover {

    background-color: #BD3518;
    color: #fff;
    border: 1px solid #BD3518;

}

.iLinkedin .fa:hover {

    background-color: #007bb7;
    color: #fff;
    border: 1px solid #007bb7;

}

.iinsta .fa:hover {
    background-color: #98336e;
    color: #fff;
    border: 1px solid #98336e;
}

/* end social icon footer*/

/*Begin 404.php style*/
div.text-404 {
    padding: 50px;
    color: #555;
}

div.text-404 h4 a {
    color: #555;
}

div.text-404 h4 {
    padding-top: 30px;
}

#container-404 div.col-xs-12.col-sm-12.col-md-12.card-wrapper {
    margin-top: 40px;
}

/*End 404.php style*/

/* begin post format gallery style*/

.gallery {
    direction: ltr;
    margin: 30px 0
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery img {
    float: left;
    /*width: 20%;*/
    height: auto;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}

.gallery img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 5;
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl, .gallery dt {
    margin: 0;
}

.gallery br + br {
    display: none;
}

figure.gallery-item:last-child {
    margin-bottom: 30px;
}

/* end post format gallery style*/

/*begin video player style*/
div.mejs-container, div.wp-video {
    width: 100% !important;
    height: 500px
}

/*end video player style*/

div.relatedposts h3 {
    background: #fff;
    display: inline-block;
    color: #333;
    margin-left: 15px;
    padding: 8px 10px;
    border-top-right-radius: 3px;
    border-bottom: 2px solid #03a9f4;
    font-weight: 500;
    font-size: 14px;
    border-right: 2px solid #03a9f4;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

span.relatedthumb a.relatedthumb-link {
    text-decoration: none !important;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, .7);
    padding-bottom: 5px;
    color: #555 !important;
}

/*BEGIN TIVA WIDGET STYLE CSS*/

/* begin calendar widget css style*/
.widget_calendar {
    /*float: right;*/
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}

#wp-calendar thead {
    font-size: 10px;
}

#wp-calendar thead th {
    text-align: center;
    padding-bottom: 10px;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}

#wp-calendar tbody td:hover {
    background: #fff;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}

#wp-calendar tfoot #prev {
    font-size: 15px;
    padding: 10px;
    text-transform: uppercase;
}

/* end calendar widget css style*/

/*begin tag cloud css style*/
div.sidebar div.tagcloud {
    padding: 20px;
    font-size: 15px;
    font-weight: 500;
}

div.sidebar div.tagcloud a {
    color: #555;
}

div.sidebar div.tagcloud a:hover {
    color: #03a9f4;
}

/*end tag cloud css style*/

/*begin global widget ... css style*/
div.sidebar div.sidebar-wrapper label {
    margin: 13px;
}

div.sidebar div.sidebar-wrapper select {
    border: 1px solid #c9d1d7;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    height: 33px;
    padding: 0 10px;
    width: 70%;
    margin: 15px 0;
}

div.sidebar div.sidebar-wrapper ul {
    list-style: none;
    padding: 10px;
}

div.sidebar div.sidebar-wrapper ul a {
    color: #555;
    font-size: 13px;
    font-weight: 500;
}

div.sidebar div.sidebar-wrapper ul li {
    padding-top: 5px;
}

/*end page and ... css style*/

/*begin search form css style*/
div.sidebar form.searchform {
    padding: 5px;
}

div.sidebar form.searchform input[type='text'] {
    margin: 10px 0;
    font-size: 11PX;
    outline: none !important;
    border: 1px solid #e8e8e8;
    height: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0 10px;
    line-height: 30px;
    width: 100%;
    background: 0 0 !important;
}

div.sidebar form.searchform input[type='text']:active, input:focus {
    border-color: #87B1F6 !important;
}

div.sidebar form.searchform label {
    margin: 8px;
    font-size: 12px;
    color: #555;
}

div.sidebar form.searchform input[type='submit'] {
    background: #03A9F4;
    color: #fff;
    margin: 0 auto;
    width: 40%;
    display: table;
    border: none;
    padding: 8px 15px;
    font-size: 12px;
}

/*end search form css style*/
div.sidebar div.wp-video {
    height: auto;
}

/*END TIVA WIDGET STYLE CSS*/
.user-social-network-icon {
    margin-top: 15px;
}

div.user-social-network-icon ul {
    overflow: auto;
}

div.user-social-network-icon ul li {
    list-style-type: none;
    float: left;
}

div.user-social-network-icon ul li a i {
    background: #205D7A;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    font-size: 25px;
    text-align: center;
    margin-right: 10px;
    padding-top: 15%;
    transition: all 0.2s ease-in-out;
}

div.user-social-network-icon .fa-instagram {
    background: #98336e
}

div.user-social-network-icon .fa-linkedin {
    background: #007bb6
}

div.user-social-network-icon .fa-telegram {
    background: #00aced
}

div.user-social-network-icon .fa-globe {
    background: #dd4b39
}

div.user-social-network-icon ul li a i:hover {
    /*padding-bottom: 10px !important;*/
    opacity: .7;
}

/*begin favorite button css style*/
.star {
    display: block;
    text-align: center;
    font-size: 40px;
    cursor: pointer;
}

.star-icon {
    display: block;
    transition: all .2s ease-in;
    color: #ccc;
}

.star-icon:hover {
    color: #f6c342 !important;
}

.starred .star-icon {
    color: #f6c342;
}

.starred {
    animation: hop .6s forwards;
    transform-origin: 50% 50%;
    transition-timing-function: ease-in-out;
}

.starred .star-icon {
    animation: spin .6s forwards;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transition-timing-function: ease-in-out;
}

.unstarred .star-icon {
    animation: unspin .3s forwards;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transition-timing-function: ease-in-out;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    33% {
        transform: rotate(175deg);
    }
    66% {
        transform: rotate(120deg);
    }
    100% {
        transform: rotate(144deg);
    }
}

@keyframes unspin {
    0% {
        transform: rotate(142deg);
    }
    100% {
        transform: rotate(72deg);
    }
}

@keyframes hop {
    0% {
        transform: translate(0, 0px);
    }
    17% {
        transform: translate(2px, -10px);
    }
    33% {
        transform: translate(4px, 0px);
    }
    50% {
        transform: translate(-2px, -7px);
    }
    66% {
        transform: translate(-4px, -0px);
    }
    84% {
        transform: translate(-2, -5px);
    }
    100% {
        transform: translate(0, 0px);
    }
}

.favorite-star-btn {
    display: inline-block;
    position: absolute;
    left: 35px;
    top: 65px;
}

/*end favorite button css style*/

/* begin responsive menu css style*/
.navbar {
    z-index: 999;
    border: none !important;
}

.dropdown-menu .dropdown-menu {
    right: 100% !important;
    margin: 0;
    left: auto !important;
    top: 0 !important;
}

.navbar-default {
    background-color: #ffffff !important;
    color: #555 !important;
}

.main-content div.post-wrapper {
    margin: 10px auto !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: inherit !important;
    border-bottom: 2px solid #03a9f4 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: inherit !important;
}

.navbar-default .navbar-nav > li > a:hover {
    border-bottom: 2px solid #03a9f4 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #f5f5f5 !important;
}

.navbar-default ul li > a {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #555 !important;
}

.navbar-toggle {
    margin-top: 23px !important;
    margin-left: -3px !important;
}

.login-nav-icon {
    margin: 10px;
    cursor: pointer;
    font-size: 30px !important;
}

div#myModal {
    z-index: 99999;
}

/* begin scroll to up css style */
.scrollToTop {
    position: fixed;
    right: 30px;
    bottom: 85px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 1px;
    display: none;
    line-height: 55px;
    font-size: 25px;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.09);
    cursor: pointer;
    color: #000000;
    background-color: white;
}

i.fa.fa-chevron-up {
    margin-right: 12px;
}

.scrollToTop:hover {
    text-decoration: none;
}

/* end scroll to up css style */
/* begin widget post css style */
.widget-post {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #ededed;
}

.widget-post a {
    color: black !important;
}

.widget-post:hover {
    background-color: #f7f9fa;

}

h3.widget-post-title {
    position: absolute;
    margin-top: 10px !important;
    right: 85px;
    top: 0;
    left: 10px;
    color: black !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

span.widget-post-date {
    position: absolute;
    top: 58px;
    right: 85px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 10px;
    font-weight: 500;
}

span.widget-post-aut {
    position: absolute;
    top: 58px;
    color: rgba(0, 0, 0, 0.6);
    right: 165px;
    font-size: 10px;
    font-weight: 500;
}

.widget-post-tum {
    border-radius: 2px;
}

.widget-post-inner {
    margin: 5px;
}

/* end widget post css style */

/* start share post bottom*/
.post-share-btn {
    margin-top: 90px;
    /*height: 250px;*/
    width: 50px;
    padding: 6px 0 0;
    text-align: center;
    color: #9ba2a8;
    position: absolute;
    -webkit-transform: translateX(70px);
    -ms-transform: translateX(70px);
    -o-transform: translateX(70px);
    transform: translateX(70px);
    z-index: 999;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 3px;
    background: #fff;
}

.post-share-btn ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.post-share-btn ul li {
    display: inline-block;
    font-size: 23px;
    width: 40px;
    height: 40px;
    position: relative;

    -o-transition: all .3s;
    transition: all .3s;
}

.post-share-btn ul li a {
    color: #9E9E9E;
    width: 100%;
    border-radius: 3px;
    height: 100%;
    z-index: 2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: 0 0;
    display: block;
}

.post-share-btn ul li i {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    color: inherit;
}

.post-share-btn ul li.plus a:hover {
    background-color: #DD4B39;
    color: #fff;
}

.post-share-btn ul li.facebook a:hover {
    background-color: #3B5998;
    color: #fff;
}

.post-share-btn ul li.twitter a:hover {
    background-color: #55ACEE;
    color: #fff;
}

.post-share-btn ul li.linkedin a:hover {
    background-color: #0082CA;
    color: #fff;
}

.post-share-btn ul li.telegram a:hover {
    background-color: #2DA5E1;
    color: #fff;
}

.post-share-btn ul li.pinterest a:hover {
    background-color: #BD081B;
    color: #fff;
}

/* end share post bottom*/

/* start main slider css style*/
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/**********/
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #3c3b3b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

div.post-slid-wrapper {
    position: relative !important;
}

img.post-slid-thumbnail {
    width: 99%;
    height: 355px;

}

div.post-slid-wrapper div.post-slid-overlay-wrapper {
    position: absolute;
    height: 355px;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .75) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .5)), color-stop(100%, rgba(0, 0, 0, .75)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .75) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .75) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .75) 100%);
    overflow: hidden;
    width: 99%;
    transition: .2s ease;
}

div.post-slid-wrapper h4.post-slid-title {
    position: absolute;
    bottom: 5px;
    font-size: 17px;
    color: #fff;
    right: 10px;
}

div.post-slid-wrapper div.post-slid-meta-wrapper {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
}

div.post-slid-wrapper div.post-slid-meta-wrapper span.post-meta {
    padding: 2px 10px;
    margin-left: 5px;
    font-size: 11px;
    border-radius: 2px;
    font-weight: 700;
    color: #fff;
    background-color: rgba(51, 51, 51, 0.81)
}

/* end main slider css style*/

/*begin seo inline css style edited*/
.login-nav-icon {
    margin-top: 26px;
}

.navbar-header a {
    color: #555 !important;
}

.navbar-header a i {
    /*margin-top: 26px;*/
    font-size: 29px !important;
}

.top-menu {
    margin-right: 25px !important;
}

.register-btn i {
    margin-left: 3px;
}

.main-slider {
    margin-top: 50px
}

/*end seo inline css style edited*/

/* begin private content css style*/
div.tiva-private-content-wrapper {
    position: relative;
    background-color: #f2dede;
    padding: 15px 5px;
    color: #a94442;
    border: 1px solid #ebccd1;
    vertical-align: text-top;
    border-radius: 3px;
}

span.text-error {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    line-height: normal;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.text-error-icon {
    font-size: 40px !important;
    position: absolute;
    top: 7px;
}

span.text-error-shortcode {
    margin-right: 30px;
    font-weight: bold;
    font-size: 13px !important;
}

.post_private-metabox {
    margin: 50px;
}

/* end private content css style*/

/* begin tiva download box style*/
div.download-box-wrapper {
    padding: 0 40px 40px;
}

div.tiva-download-box {
    color: #31708f;
    background-color: rgba(55, 160, 241, .1);
    border: 1px solid rgba(50, 138, 206, 0.23);
    font-size: 12px;
    min-height: 44px;
    width: 100%;
    border-radius: 5px;
}

div.btn-area {
    margin-top: 3px;
    float: right;
}

div.btn-area a {
    transition: all .3s;
    display: block;
    text-align: center;
    color: #fff;
    margin: 15px;
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    background: #328ace;
}

div.btn-area a:hover {
    background: #37a5f1
}

div.info-area {
    /*width: 100%;*/
    float: left;
    margin: 16px 0;
    padding: 0 20px;
    text-align: justify;
    border-right: 1px solid #f2f2f2;
}

div.info-area span {
    color: #337ab7;
    display: block;
    margin-right: 15px;
    margin-left: -9px;
}

div.info-area span i {
    font-size: 18px !important;

    color: #3298eb;
}

/* end tiva download box style*/

div.tiva-footer-script {
    width: 100%;
    padding: 5px;
    background-color: #151b21;
}

a.login-tiva-logo {
    display: table;
    margin: 10px auto;
}

img.tiva-logo {
    height: 88px;
    margin: 5px;
}

/*begin tiva img post style */
img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

a img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

a img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*end tiva img post style */

/*begin related product slider*/
.product-slid-wrapper {
    box-sizing: border-box;
    display: inline-block;
    /*width: 174px !important;*/
    margin: 15px;
    vertical-align: top;
    font-size: 12px;
    text-align: center !important;
    position: relative;
}

.product-slid-thumbnail {
    width: 174px !important;
    height: 174px !important;
}

h3.product-slid-title {
    margin-top: 20px;
    line-height: 1.8;
    font-size: 12px;
    color: #555;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.product-slid-thumbnail:hover {
    transition: all .2s ease-in-out 0s !important;
    opacity: .8;
}

/*end related product slider*/

/*begin img cat widget */
img.img-cat-widget {
    width: 100%;

}

.cat-img_wrapper {
    width: 100%;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}

.cat-img_wrapper:hover {
    opacity: .8;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

/*end img cat widget */

/*begin inbox style ani*/
.fa-envelope-ani {
    animation: shake-wait2 3.500s ease infinite;
}

@keyframes shake-wait2 {
    0% {
        transform: rotate(-12deg)
    }
    5.16129% {
        transform: rotate(12deg)
    }
    6.45161% {
        transform: rotate(24deg)
    }
    11.6129% {
        transform: rotate(-24deg)
    }
    12.90323% {
        transform: rotate(-24deg)
    }
    18.06451% {
        transform: rotate(24deg)
    }
    19.35484% {
        transform: rotate(24deg)
    }
    24.51613% {
        transform: rotate(-24deg)
    }
    25.80645% {
        transform: rotate(-24deg)
    }
    30.96774% {
        transform: rotate(24deg)
    }
    32.25807% {
        transform: rotate(24deg)
    }
    37.41935% {
        transform: rotate(-24deg)
    }
    38.70968% {
        transform: rotate(-24deg)
    }
    43.87097% {
        transform: rotate(24deg)
    }
    48.3871% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.msg-icon-wrraper a {
    color: #555;
}

.msg-icon-wrraper {
    display: inline-block;
    padding: 12px 35px 12px 0;
}

.msg-icon-wrraper i {
    font-size: 28px;
}

.msg-icon-num {
    position: absolute;
    top: 4px;
    right: 54px;
    z-index: 9999;
    font-size: 12px !important;
    font-weight: 500;
    height: 18px;
    color: #fff;
    background-color: red;
    padding: 3px 6px;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
}

/*emd inbox style ani*/

/*begin hamyar style home page*/
.h-box {
    /*EDITED IN TIVA V5*/
    float: right;
    width: 100%;
    background: #fff;
    -moz-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -webkit-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -ms-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -o-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    margin-bottom: 15px;
}

.h-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.hamyar-home .icon-new-post {
    font-size: 20px;
    margin-left: 5px;
}

.hamyar-main-slider {
    float: right !important;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}

.hamyar-main-slider .h-slide {
    width: 100%;
}

.hamyar-main-slider .slick-dots {
    top: 195px;
}

.hamyar-home .main-content-inner {
    float: right;
    width: 100%;
    background: #fff;
    /*-moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);*/
    /*-webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);*/
    /*-ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);*/
    /*-o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);*/
    margin-bottom: 15px;

}

.hamyar-home .main-content-inner article {
    height: 530px;
    position: relative;
    margin-bottom: 30px;
}

.hamyar-home .main-content-inner article header.entry-header {
    float: right;
    width: 100%;
    height: 328px;
}

.hamyar-home .main-content-inner figure.h-thumbnail {
    float: right;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hamyar-home .main-content-inner figure.h-thumbnail a.h-top-cat {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.53);
    color: #ffffff !important;
    z-index: 999;
    font-weight: 600;
    font-size: 11px;
    padding: 3px 10px 1px;
    box-sizing: border-box;
    border-radius: 3px;
}

.hamyar-home .main-content-inner figure.h-thumbnail a {
    display: block;
}

.hamyar-home .main-content-inner article header.entry-header h3 {
    font-size: 14px;
    padding: 15px;
    float: right;
    width: 100%;
    line-height: 2;
    margin: 0;
    height: 71px;
    overflow: hidden;
}

.hamyar-home .main-content-inner article header.entry-header h3 a {
    color: #333;
}

.hamyar-home .main-content-inner article header.entry-header h3 a:hover {
    color: #03A9F4;
}

.hamyar-home .main-content-inner article .entry-content {
    float: right;
    width: 100%;
    padding: 0 15px;
    line-height: 1.7;
    max-height: 120px;
    overflow: hidden;
}

.hamyar-home .main-content-inner article .entry-content .excerpt {
    color: #8b9197;
}

.hamyar-home .main-content-inner article .entry-content .excerpt p {
    display: block;
    /*border: 1px solid red;*/
    height: 115px;
    overflow: hidden;
}

.hamyar-home .main-content-inner article figure.h-thumbnail img:not(.vip-lable) {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 300px;
    border-radius: 3px 3px 0 0;
}

.hamyar-home .main-content-inner article .entry-content .download {
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
}

.hamyar-home .main-content-inner article .entry-content .download a {
    width: 100%;
    margin: 0;
    height: 45px;
    line-height: 45px;
    background: #f7f9fa;
    padding: 0 15px;
    font-size: 14px;
    color: #373a33;
    float: right;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    border-radius: 0 0 3px 3px;
    text-align: center;
}

.hamyar-home .main-content-inner .h-box:hover .download a {
    background-color: #03A9F4;
    color: #ffffff;
}

.hamyar-home .main-content-inner .h-box:hover .h-post-meta {
    bottom: 30px;
}

.hamyar-home .main-content-inner article .h-post-meta {
    position: absolute;
    text-align: center;
    bottom: 0;
    padding: 0 10px;
    background: rgba(0, 0, 0, .5) !important;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: all .3s cubic-bezier(1, .005, .050, 1);
    -webkit-transition: all .3s cubic-bezier(1, .005, .050, 1.005);
    -moz-transition: all .3s cubic-bezier(1, .005, .050, 1.005);
    -o-transition: all .3s cubic-bezier(1, .005, .050, 1.005);
    transition: all .3s cubic-bezier(1, .005, .050, 1.005);
    -webkit-transition-timing-function: cubic-bezier(1, .005, .050, 1);
    -webkit-transition-timing-function: cubic-bezier(1, .005, .050, 1.005);
    -moz-transition-timing-function: cubic-bezier(1, .005, .050, 1.005);
    -o-transition-timing-function: cubic-bezier(1, .005, .050, 1.005);
    transition-timing-function: cubic-bezier(1, .005, .050, 1.005);

}

.hamyar-home .main-content-inner article .h-post-meta span.post-status {
    margin-left: 15px;
    font-size: 13px;
}

.hamyar-home .main-content-inner article .h-post-meta span.post-status i {
    margin-left: 3px;
}

.hamyar-home .videocourse h2 {
    font-size: 14px;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 10px;
    height: 55px;
    overflow: hidden;
    position: relative;
}

.hamyar-home .videocourse .excerpt {
    color: #8b9197;
    font-size: 12px;
    line-height: 1.8;
    float: right;
    border-top: .0625rem solid #f3f3f3;
    padding-top: 15px;
    width: 100%;
}

.hamyar-home .videocourse .excerpt .students strong {
    display: block;
    font-size: 17px;
    line-height: .8;
}

.hamyar-home .videocourse .excerpt .price strong {
    display: block;
    font-size: 17px;
    line-height: .8;
}

.hamyar-home .videocourse .teacher {
    text-align: center;
    color: #8b9197;
    font-size: 12px;
    line-height: 1.8;
    float: right;
    width: 100%;
    border-top: 1px solid #f3f3f3;
    padding-top: 8px;
    margin-top: 9px;
}

.hamyar-home .videocourse .see_video {
    text-align: center;
    float: right;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 45px;
    border-radius: 0 0 3px 3px;
}

.hamyar-home .videocourse .see_video a {
    float: right;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #f5f5f5;
    border-radius: 0 0 3px 3px;
    padding: 0 15px;
    font-size: 14px;
    color: #373a33;
}

.hamyar-home .videocourse:hover .see_video a {
    background-color: #03A9F4;
    color: #ffffff;
}

.hamyar-home a.go-to-videocourse {
    display: block;
    height: 45px;
    line-height: 42px;
    float: right;
    width: calc(100% - 30px);
    text-align: center;
    font-size: 14px;
    color: #03A9F4;
    border-width: 2px;
    border-style: solid;
    border-color: #03A9F4;
    border-image: initial;
    border-radius: 3px;
    transition: all 0.3s;
    margin: 0px 15px 15px;
}

.hamyar-home a.go-to-videocourse:hover {
    background-color: #03A9F4;
    color: #ffffff;
}

.hamyar-home .videocourse span.video-time {
    position: absolute;
    bottom: 5%;
    left: 5%;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 0px 2px #000;
}

.videocourse-count {
    margin: 30px 0 0;
    height: 120px;
    background: #1d1c1d;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    -webkit-background-size: cover;
    background-size: cover;
    float: right;
    width: 100%;
    line-height: 120px;
}

.videocourse-count .videocourse-bg {
    float: right;
    width: 100%;
    background: url(../images/tuts.png) 50px 0 no-repeat;
}

.videocourse-count .videocourse-count-btn {
    font-size: 14px;
    display: inline-block;
    padding: 13px 20px;
    color: #fff;
    background: #2b8bff;
    font-weight: 400;
    line-height: 1;
    border-radius: 3px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    text-align: center;
    margin: 5px;
    border: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.videocourse-count .btn-wrapper {
    text-align: left;
}

.videocourse-count .btn-wrapper i {
    margin-left: 5px;
}

/*end hamyar style home page*/

/* begin darsam single video course page style */
.single-videocourse-bread {
    margin-top: 30px;
}

.post-thumbnail-sidebar img {
    width: 100% !important;
}

.videocourse-wrapper {
    margin-bottom: 20px;
}

.inner-sidebar.post-thumbnail-sidebar {
    margin-bottom: 15px;
}

.videocourse-info {
    padding: 0 8px;
}

.videocourse-info .videocourse-name {
    margin: 15px 0 0;
    display: block;
    color: #616161;
    font-size: 14px;
    border-bottom: 1px solid #b6b6b6;
    padding: 10px 2px 10px;
}

.videocourse-info ul li {
    background: 0 0;
    border-bottom: 1px solid #eee;
    padding: 10px 0 !important;
}

.videocourse-info ul li:last-child {
    border-bottom: none !important;

}

.videocourse-info ul li:hover .videocourse-icon {
    color: #03A9F4 !important;
    opacity: 1;
}

.videocourse-info ul li i {
    opacity: .5;
    margin-left: 5px;
}

.videocourse-info-list .video-title, .video-title a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #777 !important;
}

.videocourse-info-list .video-title a:hover {
    color: #03a9f4 !important
}

.videocourse-teacher-box .teacher-title {
    float: right;
    width: 100%;
    background: url(../images/teacher_bg.jpg) no-repeat;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    border-radius: 3px 3px 0 0;
    -webkit-background-size: cover;
    background-size: cover;
}

.videocourse-teacher-box .teacher-title h4 {
    margin: 0;
    text-align: center;
    padding: 15px 0 50px;
    color: #fff;
    font-weight: 400;
}

.videocourse-teacher-box .teacher-title img {
    width: 75px;
    height: 75px;
    border-radius: 3px;
    position: absolute;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

.videocourse-teacher-box .teacher-text {
    padding: 10px 15px;
    float: right;
    width: 100%;
    line-height: 2;
}

.videocourse-teacher-box .teacher-text h4 {
    margin: 10px 0;
}

.videocourse-teacher-box .teacher-text ul {
    padding: 0 15px 0 0;
    margin: 0;
}

.videocourse-teacher-box .teacher-text ul li {
    font-size: 12px;
    font-weight: 500;
    color: #595858;
}

div.sidebar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
}

/* end darsam single video course page style */

/*begin hamyar footer style */
.h-footer {
    float: right;
    width: 100%;
    background: #fff;
}

.admin-info {
    float: right;
    width: 100%;
    padding: 50px 0 40px;
    /*border-bottom: 1px solid #ebecee;*/
}

.admin-info .avatar {
    border-radius: 3px;
    padding: 5px;
    float: right;
    margin-left: 20px;
    background: #fff;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    margin-bottom: 15px;
}

.admin-info h6 {
    color: #2196F3;
    font-size: 16px;
    margin-top: 0;
}

.admin-info .text {
    color: #333;
    font-size: 13px;
}

.admin-info .text strong {
    color: #F44336;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.footer-menu {
    float: right;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ebecee;
    color: #757575;
    text-align: left;
}

.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu ul li {
    float: right;
    margin-left: 25px;
}

.footer-menu ul li a {
    color: rgba(0, 0, 0, .7);
    font-size: 13px;
}

.footer-menu ul li a:hover {
    color: #0d1318;
}

.footer-menu p {
    font-size: 13px;
    color: rgba(0, 0, 0, .7);

}

.h-footer .contactus {
    float: right;
    width: 100%;
    padding: 10px 0;
}

.h-footer .contactus address, address a {
    margin-bottom: 10px;
    color: rgba(0, 0, 0, .7);
    font-size: 13px;
}

.contactus ul.socials {
    list-style: none;
    margin: 0;
}

.contactus ul.socials li {
    float: left;
    margin-right: 15px;
    position: relative;
    margin-top: 5px;
    width: 40px;
    height: 40px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.contactus ul.socials li a {
    color: #BDBDBD;
    display: block;
    font-size: 18px;
    height: 40px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.contactus ul.socials li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.contactus ul.socials li.facebook:hover {
    background: #3b5998;
}

.contactus ul.socials li.twitter:hover {
    background: #1da1f2;
}

.contactus ul.socials li.google:hover {
    background: #dd4b39;
}

.contactus ul.socials li.instagram:hover {
    background: #e62a93;
}

.contactus ul.socials li.linkedin:hover {
    background: #0077B5;
}

.contactus ul.socials li.telegram:hover {
    background: #08c;
}

.contactus ul.socials li a:hover {
    color: #fff;
}

div.developer-section {
    float: left;
}

/*end hamyar footer style */
/* begin hamyar post filter style*/
.h-post-filter {
    margin-top: 0 !important;
}

.h-post-filter ul li {
    width: 23.5% !important;
}

.h-post-filter ul {
    /*margin-right: 1.2em !important;*/
}

/* end hamyar post filter style*/
.tiva-register-widget {
    font-size: 13px;
    padding: 10px;
}

.tiva-register-widget img {
    width: 100%;
}

.tiva-register-widget ul {
    list-style: none;
    margin: 25px -10px 25px 0;
}

.tiva_btn {
    font-size: 14px;
    display: inline-block;
    padding: 13px 20px;
    color: #fff;
    background: #03A9F4;
    font-weight: 400;
    line-height: 1;
    border-radius: 3px;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    text-align: center;
    margin: 5px;
    border: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.tiva_btn:hover {
    background-color: #037cb0;
    color: #ffffff;
}

/*hamyar register widget style*/
/*begin darsam rss style*/
.h-rss-wrapper {
    margin-top: 15px;
    background-image: repeating-linear-gradient(135deg, #cf2004 0px, #cf2004 30px, transparent 30px, transparent 50px, #3ea8f2 50px, #3ea8f2 80px, transparent 80px, transparent 100px);
    float: right;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border-radius: 3px;
    margin-bottom: 15px;
    line-height: 2;
}

.h-rss-inner {
    padding: 25px;
    background: #ffffff;
    width: 100%;
    height: 100%;
}

.h-rss-inner p.text-right {
    margin: 0 0 10px;
}

.h-rss-inner p {
    font-size: 14px;
    font-weight: 500;
}

.h-rss-inner p.mailpoet_paragraph {
    display: inline-block;
}

.h-rss-inner strong {
    font-size: 48px;
    font-weight: 700;
}

.h-rss-inner p.center {
    text-align: center;
}

li.parsley-custom-error-message {
    margin-top: 25px;
}

.h-rss-inner p.mailpoet_paragraph {
    width: 100%;
}

.h-rss-inner input.mailpoet_text {
    margin-top: 15px;
    width: 98% !important;
    padding: 0 10px;
    border: 1px solid #c9d1d7;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    height: 33px;
    background: 0 0 !important;
}

.h-rss-inner input.mailpoet_submit {
    border: none !important;
    height: 32px;
    width: 70px;
    margin-top: 10px;
    background: #F44336;
    border-radius: 3px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    color: #fff;
}

.h-rss-inner form.mailpoet_form {
    margin-top: 25px;
}

/*end darsam rss style*/
/* begin dars tiket custom css style for cat , tag , .. page*/
.h-cat {
    display: inline-block;
    margin-top: 10px;
    color: #555;
    font-size: 20px;
}

.dars-tiket-page {
    margin-bottom: 15px !important;
}

/* end dars tiket custom css style for cat , tag , .. page*/

/*begin login and register form tab css style*/
#login-form .form-wrapper {
    margin-bottom: 100px;
    padding: 20px;
}

#login-form .form-wrapper header {
    text-align: center;
    font-size: 40px;
    width: 100%;
    display: block;
    float: right;
}

#login-form .form-wrapper header ul {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    text-align: center;
    display: inline-block;
    float: right;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border-bottom: 1px solid #dbdbdb;
}

#login-form .form-wrapper header li {
    display: inline-block;
    padding: 0 50px;
}

#login-form .form-wrapper header ul li.active {
    border-bottom: 3px solid #F44336;
}

#login-form .form-wrapper header ul li a {
    color: #bdbdbd;
    font-weight: 500;
    cursor: pointer;
    transition: ease-in-out .15s;
}

#login-form .form-wrapper header ul li.active a {
    color: #333;
}

/*end login and register form tab css style*/
/*begin seven host style css*/
.submenu-7host {
    float: left;
    margin-top: 3px;
}

@-moz-document url-prefix() {
    .submenu-7host {
        margin-top: -18px;
    }
}

#single div.main-content header span.post-title {
    max-width: 623px;
    margin: 0;
    color: #666;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    font-weight: 600;
    padding-right: 15px;
}

/* begin ads post style*/
.post-ads-wrapper {
    padding: 0 35px 35px;
    text-align: center;
}

.post-ads-wrapper img {
    width: 100% !important;
}

/* end ads post style*/

/*end seven host style css*/

/*.......................... begin woocommerce new style tiva v3 .......................... */

/*begin  woocommerce global css style*/
.woo-page-main-content {
    margin-top: 0 !important;
}

.product-stopped {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.stopped-product {
    text-align: center;
    padding: 10px;
    border: 1px solid #555;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    border-radius: 3px;
}

/*begin  woocommerce global css style*/

/*begin index page new product slider*/
.product-wrapper {
    margin: 30px 0 0;
    float: right;
    width: 100%;
}

.product-wrapper header {
    background-color: #f7f9fa;
    height: 45px;
    direction: rtl;
}

.product-wrapper span.product-title {
    margin: 0;
    color: #666;
    display: inline-block;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding-right: 15px;
    font-weight: bold;
}

.product-slid-wrapper {
    height: 315px;
    position: relative;
}

.product-options {
    position: relative;
    margin: 15px 0;

}

.product-options span.woocommerce-Price-amount {
    display: block;
    padding: 3px 3px;
    border-radius: 3px;
    top: 20px;
    margin: 5px auto;
    width: 80%;
    text-align: center;
    color: rgb(13, 128, 13);
    font-size: 15px;
    font-weight: 500;
}

.product-options del span.woocommerce-Price-amount {
    position: absolute;
    bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-decoration: line-through;
    font-size: 12px;
    color: red !important;
}

.product-options ins {
    text-decoration: none !important;
}

.product-wrapper a.product-buy {
    color: #fff !important;
    border-radius: 3px;
    background-color: #4caf50 !important;
    padding: 5px 30px;
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
}

.product-wrapper a.product-buy:hover {
    background-color: rgb(89, 161, 92) !important;
}

.product-wrapper a.product-buy span i {
    margin-right: 5px;
}

span.discount-amount {
    padding: 4px 7px 0 3px;
    font-size: 11px;
}

span.discount-currency {
    font-size: 11px;
    padding: 0 4px;
    text-align: center;
}

span.discount-title {
    background: #e5494a;
    font-size: 11px;
    text-align: center;
    padding: 7px 8px;
}

.product-buy-wrapper {
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.product-buy-wrapper-archive-page {
    text-align: center;
    margin-top: 30px;
}

.product-item-wrapper {
    height: 340px;
    border: 1px solid #f5f5f5;
    padding-top: 15px;
    margin: 15px 0 15px;
}

span.is-not-stock {
    display: inline-block;
    color: red;
    font-weight: 500;
    padding: 4px;
    font-size: 13px;
    border-radius: 3px;
    margin-top: 57px;
    border: 1px solid #ff1b1b;
}

.product-archive-main-content {
    padding: 10px !important;
}

.product-buy-wrapper-archive-page a.product-buy {
    color: #fff;
    border-radius: 3px;
    background-color: #4caf50;
    padding: 5px 30px;
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
}

.product-buy-wrapper-archive-page a.product-buy:hover {
    background-color: rgb(89, 161, 92);
}

.product-buy-wrapper-archive-page a.product-buy span i {
    margin-right: 5px;
}

.off-percent-label {
    background-color: #fb153c;
    color: #fff;
    font-size: 13px;
    margin: auto;
    padding: 12px 0px 7px 3px;
    position: absolute;
    text-align: center;
    top: 0;
    font-weight: bold;
    line-height: 12px;
    z-index: 1;
    border-radius: 7px 0 0 30px;
    right: 0;
    min-width: 43px;
    height: 43px;
    /* font-family: yekanBold; */
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

/*end index page new product slider*/

/*begin style*/
.wc-breadcrumbs {
    padding: 0 15px !important;
    height: 40px;
    line-height: 2 !important;
    list-style: none;
    background-color: #ffffff !important;
    border-radius: 0 !important;
}

nav.woocommerce-breadcrumb {
    font-size: 12px;
    line-height: 40px;
}

nav.woocommerce-breadcrumb a {
    font-weight: bold;
    color: #333
}

nav.woocommerce-breadcrumb a:hover {
    color: #03a9f4;

}

nav.woocommerce-breadcrumb img.breadcrumbs-arrow {
    width: 11px;
    height: 40px;
    margin: 0 15px;
    opacity: .8;
}

/*end style*/

/* begin home top banner style */
.shopBannerShadow {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

img.shopTopBannerImg {
    border-radius: 2px;
    width: 100%;
}

/* end home top banner style */

div.catImgInner img.catImg {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 190px;
    width: 100%;
}

.catImgInner {
    margin: 5px;
}

.catImgInner:hover {
    opacity: .8;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

.row.catImgRow {
    margin: -5px;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}

.storeServiceWrapper.card-wrapper {
    margin: 0 0 18px;
    height: 80px;
}

ul.storeServiceUl {
    margin: 0;
    padding: 0;
    list-style: none;
    border-width: 0;
}

ul.storeServiceUl li {
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    direction: rtl;
    height: 80px;
}

ul.storeServiceUl li a {
    display: block;
    padding: 17px 0;
    color: #555;
}

ul.storeServiceUl li a span {
    margin-right: 10px;
    font-size: 11px;
    font-weight: 500;
}

.offerSection {
    margin-top: 15px;
}

.offerSection .offerSectionInner {
    height: 80px;
    text-align: center;
    background: url(../images/offer-bg.png) 50% 42% #fb3449;
}

.offerSection .offerSectionInner:hover {
    opacity: .8;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}

.offerSection .offerSectionInner div {
    margin-top: 20px;
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    padding: 5px 10px;
    font-weight: 500;
}

/* start*/
.wrvpproduct-wrapper {
    margin-top: 50px;
    background-color: #fff;
    text-align: center;
    padding: 10px 0 40px 0;
}

.wcrvInner {
    text-align: center;
    display: inline-block;
}

.wrvpproduct-wrapper span.title {
    font-size: 15px;
    padding-top: 20px;
    color: #4caf50;
    display: block;
    margin-bottom: 30px;
    font-weight: 600;
}

.wcrvInner a.item {
    display: inline-block;
    width: 140px;
    text-decoration: none;
    float: right;
    margin: 0 15px;
}

.wcrvInner a.item img {
    width: 70%;
}

.wcrvInner a.item h3 {
    direction: rtl;
    line-height: 22px;
    font-size: 12px;
    color: #555;
}

.footerMarginTop {
    margin: 60px 0 0 0;
}

.woocommerce form.track_order {
    color: #696767;
    font-size: 13px;
}

.woocommerce form {
    color: #696767 !important;
}

.woocommerce form.track_order input, form.checkout_coupon input {
    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    outline: none;
    font-weight: 400;
}

.woocommerce button.button:hover, input.button:hover, a.checkout-button:hover, .download-file a.woocommerce-MyAccount-downloads-file:hover {
    opacity: .9 !important;
}

.woocommerce a.checkout-button:hover {
    opacity: .9 !important;
}

.woocommerce div.coupon input.button:hover {
    opacity: .9 !important;
}

.woocommerce .order-again a.button:hover {
    opacity: .9 !important;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    padding: 5px 45px !important;
    line-height: 2 !important;
    background-color: #3ca3f4 !important;
    display: inline-block;
    color: #fff !important;
    margin: 4px;
    min-height: 38px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
}

.woocommerce form.track_order p {
    text-align: center;
    margin: 20px 0 10px;
}

.woocommerce .woocommerce-error, .woocommerce-message, .woocommerce-info {
    font-weight: bolder;
    padding: .75rem 1.25rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid transparent !important;
    padding: 1em 3.5em 1em 2em !important;
    margin: 0 0 3em;
    position: relative;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

.woocommerce .woocommerce-error {
    background-color: #f2dede !important;
    border-color: #ebcccc !important;
    color: #a94442 !important;
}

.woocommerce .woocommerce-message {
    background-color: #dff0d8 !important;
    border-color: #d0e9c6 !important;
    color: #3c763d !important;
}

.woocommerce-message {
    background-color: #dff0d8 !important;
    border-color: #d0e9c6 !important;
    color: #3c763d !important;
}

.woocommerce .woocommerce-info {
    border-radius: .25rem;
    background-color: #d9edf7 !important;
    border-color: #bcdff1 !important;
    color: #31708f !important;
}

.woocommerce .woocommerce-message::before {
    color: #4e9250 !important;
}

.woocommerce .woocommerce-info::before {
    color: #397390 !important;
}

.woocommerce form.checkout_coupon p.form-row-last {
    text-align: left;
}

.woocommerce-message a.wc-forward {
    color: #4e9250;
    font-size: 14px;
    font-weight: bold;
}

.woocommerce table.cart td.actions #coupon_code {

    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100px;
    padding: 0 12px;
    outline: none;
    font-weight: 500;

}

.woocommerce input.gty {
    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 40px;
    font-weight: 400;
    text-align: center;
}

.woocommerce .quantity .qty {
    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100px;
    outline: none;
    font-weight: 400;
    width: 3.631em;
    text-align: center;
}

.woocommerce table.shop_table, .woocommerce table.shop_table tbody td {
    color: #696767;
    font-size: 12px;
    font-weight: 500;
}

.woocommerce table.shop_table, .woocommerce table.shop_table thead th {
    text-align: center !important;
    font-size: 14px;
}

.woocommerce table.shop_table img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
    display: table;
    width: 110px;
    height: 110px !important;
    margin: 0 auto;

}

.woocommerce .cart_totals table.shop_table {
    border-left: 1px solid #c0f0c1 !important;
    border-right: 1px solid #c0f0c1 !important;
    border-bottom: 1px solid #c0f0c1 !important;
    border-top: transparent;
    text-align: center;
}

.woocommerce .cart_totals h2, .woocommerce-order-details h2, .woocommerce-columns--addresses h2, .woocommerce-customer-details h2 {
    color: #696767;
    font-size: 17px;
    margin: 20px 0 20px;
}

.woocommerce .cart_totals table tbody tr th {
    font-size: 13px;
}

.woocommerce .cart_totals .order-total span.woocommerce-Price-amount.amount, tr.order-total {
    color: #4caf50 !important;
    background-color: #f7fff7;
    font-size: 20px;
}

.woocommerce .cart_totals table.shop_table tbody th, .woocommerce .cart_totals table.shop_table td {
    border-top: 1px solid #c0f0c1 !important;

}

.woocommerce table.shop_table a.remove {
    line-height: 1.2 !important;
    background-color: rgb(251, 3, 3);
    color: #ffffff !important;
}

.woocommerce table.shop_table a.remove:hover {
    /*background-color: red !important;*/
    opacity: .9 !important;
}

.woocommerce .woocommerce-shipping-calculator input {
    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    outline: none;
}

.woocommerce .select2-container .select2-selection--single {
    color: #828282 !important;
    font-size: 12px !important;
    direction: rtl;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    outline: none;
}

.woocommerce .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 0 !important;
    padding-left: 20px;
    color: #828282 !important;
    padding-top: 5px !important;
}

.woocommerce .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 6px !important;
    top: 7px !important;
    right: auto;
}

.woocommerce .woocommerce-checkout label {
    font-size: 13px
}

.woocommerce h3:not(.product-slid-title), .woocommerce h2 {
    font-size: 16px;
    margin-bottom: 30px;
}

/********************************* BEGIN EDITED IN TIVA V5.8  ****************************/
.woocommerce .woocommerce-checkout input[type=text], input[type=email]:not(.elementor-field), input[type=tel], .woocommerce-address-fields input[type=text], input[type=email], input[type=tel], .woocommerce-EditAccountForm input[type=text], input[type=email]:not(.elementor-field), input[type=tel] {
    color: #828282 !important;
    direction: rtl;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    padding: 0 12px !important;
    outline: none;
}

/********************************* END EDITED IN TIVA V5.8 ******************************/
.woocommerce .woocommerce-checkout input[type=radio] {
    color: #828282 !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px;
    padding: 3px;
    background: #fff !important;
    float: right;
}

.woocommerce .woocommerce-checkout textarea {
    color: #828282 !important;
    padding: 5px !important;
    direction: rtl;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    height: 20em !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100% !important;
    font-size: 12px;
    line-height: 2px;
}

.woocommerce #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background-color: #f7f9fa !important;
}

.woocommerce .woocommerce-checkout #payment div.payment_box {
    /*EDITED IN TIVA V5.5.2*/
    background-color: #f5f5f5 !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    content: '';
    display: block;
    border: 1em solid #eff1f2 !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    position: absolute;
    top: -.75em;
    right: 0;
    margin: -1em 2em 0 0;
}

.woocommerce .wc-terms-and-conditions .checkbox input[type="checkbox"] {
    position: relative !important;
}

.woocommerce input#ship-to-different-address-checkbox {
    position: relative !important;
    margin-left: 5px !important;
}

.woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    text-align: center;
    display: table;
    margin: 3em auto;
}

.woocommerce ul.woocommerce-order-overview li strong {
    margin-top: 1em;
}

.woocommerce p.cart-empty, p.order-info {
    text-align: center;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
    font-weight: 500;
}

.woocommerce p.order-info mark, .woocommerce-MyAccount-content p mark {
    font-weight: bold;
    background-color: transparent !important;
    color: #1d5b90 !important;
}

.woocommerce ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    text-align: center;
    display: table;
    padding: 15px 10px;
    border: 1px solid #c0f0c1 !important;
    background-color: #f7fff7;
    color: #4caf50;
    font-weight: bold;
    margin: 2em auto;
    font-size: 17px;
}

.woocommerce ul.order_details li {
    border-left: 1px dashed #c0f0c1 !important;
}

.woocommerce ul.order_details li:last-child {
    border-left: none !important;
}

.woocommerce .woocommerce-customer-details address, .woocommerce-columns--addresses address {

    font-weight: 400 !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    padding: 10px 15px !important;
}

.woocommerce .woocommerce-bacs-bank-details h2, .woocommerce-bacs-bank-details h3, .woocommerce-order-downloads h2 {
    color: #696767;
    font-size: 17px;
    margin: 20px 0 20px;
}

.woocommerce .woocommerce-bacs-bank-details ul.wc-bacs-bank-details {
    text-align: center;
    display: table;
    padding: 20px 30px;
    background-color: #d9edf7 !important;
    border-color: #bcdff1 !important;
    color: #31708f !important;
    font-weight: bold;
    margin: 2em auto;
    font-size: 17px;
    border: 1px solid transparent;
}

.woocommerce ul.wc-bacs-bank-details li {
    border-left: 1px dashed #bcdff1 !important;
}

.woocommerce ul.wc-bacs-bank-details li:last-child {
    border-left: none !important;
}

.woocommerce ul.wc-bacs-bank-details li strong {
    margin-top: 1em;
}

.woocommerce ul.order_details {
    text-align: center;
    display: table;
    padding: 20px 30px;
    background-color: #d9edf7 !important;
    border-color: #bcdff1 !important;
    color: #31708f !important;
    font-weight: bold;
    margin: 2em auto !important;
    font-size: 17px;
    border: 1px solid transparent;
}

.woocommerce ul.order_details li {
    border-left: 1px dashed #bcdff1 !important;
}

.woocommerce ul.order_details li:last-child {
    border-left: none !important;
}

.woocommerce ul.order_details li strong {
    margin-top: 1em;
}

/* begin single page product css style*/

ul.products.columns-4 {
    padding: 0;
}

.product-excerpt-wrapper {
    margin: 30px 0;
    color: #4d4d4d;
    direction: rtl;
    padding: 20px 15px 30px 15px;
    text-align: justify;
    position: relative;
}

.product-excerpt-wrapper .product-excerpt h2 {
    font-size: 17px;
    margin-bottom: 40px;
    color: #999;
    display: block;
}

.product-excerpt-wrapper .product-excerpt h2 span {
    margin: 0 0 25px;
    display: block;
    color: #4d4d4d;
}

.product-excerpt-wrapper .product-excerpt p {
    line-height: 2.3;
    font-size: 14px;
}

.tabs-product .wc-tabs {
    background: #f7f9fa;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, .2);
    box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, .2);
}

.tabs-product ul.tabs li.active a {
    background-color: #fff;
    color: #2d98da;
    border-top-color: #2d98da;
}

.tabs-product ul.tabs li a {
    font-size: 14px;
    font-weight: 500;
    padding: 17px 15px;
    border-left: 1px solid #eaedf2;
    color: grey;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

.tabs-product .nav-pills > li > a {
    border-radius: 0;
}

.tabs-product .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.tabs-product .tab-content {
    direction: rtl;
    color: #4d4d4d;
    line-height: 2.2;
    position: relative;
    overflow: hidden;
}

.tabs-product .tab-content .woocommerce-Tabs-panel img {
    max-width: 100%;
    /*margin: 20px 20px auto;*/
    height: auto;
}

.woocommerce-Tabs-panel table.shop_attributes th {
    height: auto;
    padding: 5px 15px 5px 5px;
    width: 200px !important;
    background: #f0f1f2 !important;
}

.woocommerce-Tabs-panel table.shop_attributes td {
    background: #f7f9fa;
    font-style: normal;
    width: 85%;
    padding-right: 15px;
}

.woocommerce-Tabs-panel table.shop_attributes td p {
    margin: 0 !important;
}

.woocommerce-Tabs-panel table.shop_attributes {
    border-spacing: 8px;
    font-size: 13px !important;
    border-collapse: separate;
    font-weight: 500 !important;
    color: #777 !important;
}

.tabs-product .tab-content div#tab-description {
    padding: 35px 15px 35px 15px;
    text-align: justify;
}

.tabs-product .tab-content div#tab-additional_information {
    padding: 25px 15px 35px 15px;
}

h2.woocommerce-Reviews-title {
    display: none;
}

.woocommerce-Reviews {
    margin-top: 30px;
}

.woocommerce-Reviews div.comment-respond {
    margin-top: 25px;
}

.woocommerce-Reviews div.comment-respond form p {

    margin: 15px 10px;

}

.woocommerce-Reviews div.comment-respond form p a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.woocommerce-Reviews .comment-list {
    clear: both;
    padding: 10px 10px 35px 0px;
}

.woocommerce-Reviews ol {
    width: calc(100% - 30px);
    list-style: none;
    padding: 0 60px 0 0;
    margin: 15px;
    position: relative;
}

.woocommerce-Reviews ol:before {
    content: '';
    position: absolute;
    width: 1.5px;
    height: 100%;
    background: #e5e5e5;
    display: inline-block;
    right: 25px;
    top: 0;
}

.woocommerce-Reviews ol ul.children:before {
    content: '';
    position: absolute;
    width: 55px;
    height: 1.5px;
    background: #e5e5e5;
    display: inline-block;
    right: -15px;
    top: 30px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.woocommerce-Reviews ol ul.children:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #03a9f4;
    display: inline-block;
    right: -61px;
    top: 22px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -ms-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
}

.woocommerce-Reviews ol ul.children li .comment_container:before {
    content: '';
    width: 1.5px;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 52px;
    background: #e5e5e5
}

.woocommerce-Reviews ol ul.children li ul.children li .comment_container:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    right: -30px;
    top: 52px;
    background: #e5e5e5
}

.woocommerce-Reviews ol ul.children li.depth-2:last-child .comment_container:before {
    display: none
}

.woocommerce-Reviews li {
    position: relative;
    padding-right: 15px;
}

.woocommerce-Reviews li .comment-content {
    border: none;
    box-shadow: 0 0 20px rgba(97, 105, 114, 0.08);
    font-size: 13px;
    position: relative;
    line-height: 24px;
    padding: 16px 16px 10px;
}

.woocommerce-Reviews li .comment-content p.edit-link a {
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 0 5px;
    background-color: #03a9f4;
    line-height: 30px;
    font-size: 10px !important;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.woocommerce-Reviews li .comment p.comment-awaiting-moderation {
    display: inline-block;
    padding: 2px 3px;
    font-size: 9px;
    color: #61a161;
    border-color: #d6e9c6;
    background-color: #DFF0D8;
    font-weight: bold;
    border-radius: 2px;
}

.woocommerce-Reviews li .comment-author {

    color: #181a1b;
    font-size: 15px;
    font-style: normal !important;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}

.woocommerce-Reviews li .comment-author cite {
    font-style: normal;
    font-size: 13px;
    margin-left: 10px;
}

.woocommerce-Reviews li .comment-author a {

    text-decoration: none;
    color: #1c1b1b;
}

.woocommerce-Reviews li .comment-author .commentmeta {
    float: left;
    font-size: 12px;
    color: #03a9f4;
    font-weight: 400;
}

/*comment likes system style*/
.woocommerce-Reviews div.comment-content div.tiva-comment-like {
    /*display: inline-block;*/
    text-align: left;
    display: block;
    -webkit-transition: background .8s !important;
    -o-transition: background .8s !important;
    transition: background .8s !important;
}

.woocommerce-Reviews div.comment-content div.tiva-comment-like span {
    font-size: 12px;
    font-weight: bold;
}

.woocommerce-Reviews div.comment-content div.tiva-comment-like a {
    text-decoration: none;
    font-size: 11px;
    color: #535353;
}

.woocommerce-Reviews div.comment-content div.tiva-comment-like a.tiva-comment-like-down {
    margin-left: 10px;

}

.woocommerce-Reviews div.comment-content div.tiva-comment-like a.tiva-comment-like-down:hover {
    color: red !important;
}

.woocommerce-Reviews div.comment-content div.tiva-comment-like a.tiva-comment-like-up:hover {
    color: #19bd22 !important;
}

.woocommerce-Reviews div.comment-content div div.comment-link {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    cursor: pointer;
}

.woocommerce-Reviews div.comment-content div div.comment-link a {
    color: inherit !important;
}

/**************************/

.woocommerce-Reviews li div.comment .reply {
    height: 30px;
    margin-top: 20px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    position: relative;
}

.woocommerce-Reviews li div.comment .reply a.comment-reply-link {
    position: absolute;
    left: 0px;
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 0 10px;
    line-height: 30px;
    font-size: 10px !important;
    border-radius: 3px;
    color: #555;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    bottom: 10px;
}

.woocommerce-Reviews li div.comment .reply a.comment-reply-link:hover {
    background-color: #03A9F4;
    color: #ffffff;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.woocommerce-Reviews ol li.comment ul.children {
    position: relative;
    margin: 10px 20px 0 0;
    list-style: none;
}

.woocommerce-Reviews ul.children div.comment-content {
    box-shadow: 0 0 15px rgba(194, 198, 202, 0.37);
    position: relative;
    background: rgb(238, 239, 241);
    padding-bottom: 10px;
    line-height: 2;
}

.woocommerce-Reviews span.comment-reply-title {
    font-size: 13px;
    font-weight: bold;
    margin-right: 25px;
}

.woocommerce-Reviews .comment-respond .comment-reply-title small a {
    float: left;
    height: 30px;
    border: 1px solid #f5f5f5;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 3px;
    color: #555;
    font-weight: bold;
    text-decoration: none;

}

.woocommerce-Reviews .comment-respond .comment-reply-title small a:hover {
    background-color: #03A9F4;
    color: #ffffff;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.woocommerce-Reviews p.comment-notes {
    line-height: 40px;
    margin: 10px 0 -30px 0;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 15px 0;
}

.woocommerce-Reviews p.comment-form-comment, p.comment-form-email, p.comment-form-author {
    padding: 0 15px;
}

.comment-form label {
    line-height: 40px;
    margin: 10px 0 -30px 0;
    font-size: 12px;
    font-weight: bold;
    /* padding: 0 0 15px 0; */
}

.woocommerce-Reviews p textarea, .comment-form-email input[type=email] {
    padding: 10px 15px !important;
    border-radius: 1px !important;
    width: 100% !important;
    background: #fdfdfd !important;
    color: #828282 !important;
    border: 1px solid #e8e8e8 !important; /* fixed bug in comment textarea css shadow in store */
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color .3s !important;
    -o-transition: border-color .3s !important;
    transition: border-color .3s !important;
}

.woocommerce-Reviews .comment-form-author input#author {
    background: #fdfdfd !important;
    color: #828282 !important;
    direction: rtl;
    border: 1px solid #e8e8e8 !important;
    border-radius: 3px !important;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    padding: 0 12px !important;
    outline: none;
}

.woocommerce-Reviews p.woocommerce-noreviews {
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31708f;
    font-size: 13px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    font-weight: bold;
    text-align: center;
}

.woocommerce-Reviews p.form-submit {
    margin: 10px 10px !important;
}

.woocommerce-Reviews p.form-submit input[type='submit'] {
    padding: 5px 45px !important;
    line-height: 2 !important;
    background-color: #3ca3f4 !important;
    display: inline-block;
    color: #fff !important;
    margin: 4px;
    min-height: 38px;
    overflow: hidden;
    border: none;
    border-radius: 3px;
    position: relative;
    outline: 0 !important;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
}

.woocommerce-Reviews p.form-submit input[type='submit']:hover {
    background-color: #208de6 !important;
}

.woocommerce-product-gallery {
    padding: 20px;
    margin: 25px 0px;
    /*border: 1px solid;*/

}

.product-summary-wrapper img.product-on-sale {
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 1;
}

.product-summary-wrapper ol.product-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    text-align: center;
}

.product-summary-wrapper ol.product-list li.gallery-item {
    display: inline-block;
    border: 1px solid #f6f6f6;
    background: #FAFBFC;
    padding: 5px;
    margin: 2px;
    cursor: pointer;
}

.product-summary-wrapper ol.product-list li.gallery-item a img {
    max-width: 100px;
    height: auto;
}

/*edited in tiva v3.1*/
.product-summary-wrapper img.wp-post-image {
    width: 100%;
    height: auto;
}

.product-summary-wrapper .product-info .product-title .entry-title {
    color: #4d4d4d;
    margin: 0;
    font-size: 16px;
    line-height: 2;
}

.product-summary-wrapper .product-info {
    background: #f5f6f7;
    padding: 8px 15px 2px !important;
    border-radius: 2px;
}

.product-summary-wrapper {
    padding: 20px;
}

.product-summary-wrapper .store-Service-Wrapper-single-product {
    border-top: 1px solid #c9d1d7;
    clear: both;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px;
    margin-top: 70px;
}

.product-summary-wrapper .store-Service-Wrapper-single-product img {
    width: 25px;
    height: 25px;
}

.product-summary-wrapper .store-Service-Wrapper-single-product ul.storeServiceUl li {
    margin-right: 4px;
}

.product-summary-wrapper .store-Service-Wrapper-single-product ul.storeServiceUl li a span {
    margin-right: 2px;
}

.product-summary-wrapper .product-info .product_meta {
    padding: 15px 0 15px;
}

.product-summary-wrapper .product-info .product_meta span {
    font-size: 13px;
    color: #555;
    font-weight: 500;
}

.product-summary-wrapper .product-info .product_meta, span.posted_in, span.tagged_as {

    margin-right: 5px;
}

.product-summary-wrapper .product-config-right {
    /*border: 1px solid;*/
    width: 410px;
    float: right;
    margin-top: 20px;
}

.product-summary-wrapper .product-config-left {
    /*border: 1px solid;*/
    float: left;
    width: 219px;
}

.product-config-right .product-config-details .option-seller .option-seller-item {
    margin-bottom: 15px;
    position: relative;
}

.product-config-right .product-config-details .option-seller .option-seller-item i.garanti, i.shop, i.shopping-bag, i.truck {
    font-size: 22px;
    top: -2px;
    position: absolute;
}

.product-config-right .product-config-details .option-seller .option-seller-item i.garanti, i.shop, i.shopping-bag, i.truck {
    /*-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;*/
    /*-ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;*/
    /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;*/
}

.product-config-right .product-config-details .option-seller .option-seller-item i.garanti {

    color: green;
}

.product-config-right .product-config-details .option-seller .option-seller-item i.shop {
    color: #38abe4;
}

.product-config-right .product-config-details .option-seller .option-seller-item i.shopping-bag {
    color: #e435af;
}

.product-config-right .product-config-details .option-seller .option-seller-item i.truck {
    color: #e40045;
}

.product-config-right .product-config-details .option-seller .option-seller-item span {
    color: #555;
    padding-right: 30px;
    font-size: 12px;
    font-weight: 500;
}

.product-config-right .product-config-details .option-seller .option-seller-item span.garanti {
    padding-right: 20px !important;
}

.product-config-right .product-config-details .option-seller .option-seller-details {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    padding: 25px 0 15px;
    margin: 22px 0;
}

.product-summary-wrapper p.price ins {
    text-decoration: none !important;

}

.product-summary-wrapper ins span.woocommerce-Price-amount.amount, .product-summary-wrapper span.woocommerce-Price-amount.amount {
    padding: 0 10px;
    color: rgb(13, 128, 13);
    font-size: 25px;
    font-weight: 600;
}

.product-summary-wrapper del span.woocommerce-Price-amount.amount {
    text-decoration: line-through;
    font-size: 12px;
    color: red !important;
}

.product-summary-wrapper span.woocommerce-Price-currencySymbol {
    font-size: 12px;
    font-weight: 500;
}

.product-summary-wrapper span.tiva-price-title {
    font-size: 14px;
    font-weight: 600;
    color: #6b6b6b;
    margin-left: 5px;
}

.product-summary-wrapper p.stock.out-of-stock {
    display: inline-block;
    margin: 5px 20px 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #fd0707;
    border: 1px solid;
    padding: 3px;
    border-radius: 3px;
}

.product-summary-wrapper button.single_add_to_cart_button {
    margin-top: 5px;
    margin-right: 8px;
    /* font-size: 100%; */
    font-size: 13px;
    /* margin: 0; */
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    right: auto;
    color: #fdfdfd;
    background-color: #4caf50;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
}

.product-summary-wrapper button.single_add_to_cart_button:hover {

    background-color: #57be5b;

}

.product-summary-wrapper .quantity {
    margin-top: 5px;
    float: right;
}

.product-summary-wrapper .screen-reader-text {
    font-size: 13px;
    font-weight: 600;
    color: #6b6b6b;
    margin-left: 5px;
    clip: unset !important;
    height: unset !important;
    overflow: unset !important;
    position: unset !important;
    width: unset !important;
    word-wrap: unset !important;
}

.product-summary-wrapper .quantity .qty {
    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100px;
    outline: none;
    font-weight: 400;
    width: 3.631em;
    text-align: center;
    height: 29px;
}

.product-summary-wrapper p.stock.in-stock {
    /* display: inline-block; */
    float: left;
    margin: 5px 0 0 20px;
    font-size: 13px;
    font-weight: bold;
    color: #03a9f4;
    border: 1px solid;
    padding: 4px;
    border-radius: 3px;
}

.product-summary-wrapper .single_variation_wrap span.price {
    text-align: right;
    /*margin-top: 15px;*/
}

.product-summary-wrapper .single_variation_wrap ins {
    text-decoration: none !important;
}

.product-summary-wrapper table.variations select {
    color: #828282;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100px;
    outline: none;
    font-weight: 400;
    width: 13.631em;
    text-align: center;
}

.product-summary-wrapper table.variations {
    font-size: 13px;
    font-weight: 600;
    color: #6b6b6b;
    margin-bottom: 20px;
}

.product-summary-wrapper table.variations a.reset_variations {
    padding: 2px 10px;
    color: red;
    border: 1px solid;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 10px;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.product-summary-wrapper table.variations a.reset_variations:hover {
    color: #ffffff;
    border-radius: 3px;
    background-color: red;
}

.product-summary-wrapper table.variations td.label {
    vertical-align: text-bottom;
}

.product-summary-wrapper table.variations label {
    font-size: 13px;
    font-weight: 600;
    color: #6b6b6b;
    margin-left: 5px;
}

/* end single page product css style*/

/*start panel woocommerce */
.woocommerce .woocommerce-MyAccount-navigation {
    font-size: 13px;
    color: #555;
}

.woocommerce .woocommerce-MyAccount-content {
    font-size: 13px;
    color: #555;
    border: 1px solid #f5f5f5;
    padding: 30px 15px;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f7f9fa;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
    float: right;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
    display: block;
    font-weight: 500;
    color: #555 !important;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none !important;

}

.woocommerce .woocommerce-MyAccount-navigation ul li:hover:not(.is-active) {
    border-bottom: 2px solid #03a9f4 !important;
}

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active {
    float: right;
}

.woocommerce .woocommerce-MyAccount-navigation ul li.is-active {
    border-bottom: 2px solid #03a9f4 !important;
}

/*end panel woocommerce */

input#createaccount {
    position: unset !important;
}

/*begin woocommerce defulte widget*/
#sidebar .sidebar-wrapper select.dropdown_product_cat {
    margin: 30px 40px;
}

#sidebar .sidebar-wrapper ul.product-categories {
    font-size: 13px;
    font-weight: 500;
    margin: 3px;
}

/*end woocommerce defulte widget*/

/* .......................... end woocommerce new style tiva v3 ..........................*/

/* .......................... Start new v3 tiva 3 style ..........................*/

/* start global css class*/

#filter-post ul.author-post-filter-v3 li {
    display: inline-block;
    float: right;
    margin-left: 22px !important;
    width: 18% !important;
}

/* end global css class*/

/*begin checkbox css kit*/
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 16px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 2px;
    right: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}

.control-radio .control_indicator {
    border-radius: 2px;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #03a9f4;;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: rgb(14, 102, 71);
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}

/*end checkbox css kit*/
/*start noti style*/
div.noti-wrapper {
    padding: 10px 0;
    line-height: 32px;
    background-size: 7%;
}

.hidden-noti {
    display: none;
}

.noti-inner {
    background: rgba(255, 255, 255, .95);
    border-radius: 4px;
    float: right;
    padding: 0 15px;
    width: 100%;
    position: relative;
}

p.noti-text {
    display: inline-block;
    margin: 16px 25px;
    float: right;
    font-weight: bold;
    font-size: 15px;
    width: 79%;
    color: #4a4a4a;
}

a.noti-btn {
    border: none;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    width: 14%;
    margin: 15px 5px;
    padding: 3px;
    color: #fff;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

a.noti-btn:hover {
    color: #fff;
    opacity: .9;
}

.noti-close {
    height: 25px;
    width: 25px;
    position: absolute;
    fill: #ffffff;
    right: -33px;
    top: 22px;
    cursor: pointer;
    transition: .1s;
}

.noti-close:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    text-decoration: none;
}

.swidget-slid.h-slide {
    width: 100%;
}

/*end noti style */

/*begin new v header style*/
.cart-box {
    margin-right: 152px;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 50px;
    width: 209px;
    margin-top: 32px;
    position: relative;
}

.cartIconWrapper {
    border-radius: 0 5px 5px 0;
    display: inline-block;
    background-color: #62b965;
    color: #ffffff;
    height: 50px;
    width: 50px;
    float: right;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.cartBox-button-label {
    display: inline-block;

}

span.btnCartIcon {
    font-size: 30px;
    position: absolute;
    right: 13px;
    top: 7px;
}

.cartBox-button-labelname {
    border-radius: 5px 0 0 5px;
    display: inline-block;
    background-color: #4caf50;
    color: #ffffff;
    height: 50px;
    width: 159px;
    float: left;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

span.order-count {
    position: absolute;
    top: 2px;
    left: 14px;
    width: 30px;
    height: 30px;
    margin: 7px 7px 0 0;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #5fbf63;
    color: #fff;
    text-align: center;
    line-height: 33px;
    font-weight: 500;
    font-size: 17px;
}

span.lableNameSpan {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: 13px;
    right: 80px;
}

a.cartBtnLink:hover .cartBox-button-labelname {
    opacity: 0.9;
}

a.cartBtnLink:hover .cartIconWrapper {
    opacity: 0.9;
}

a.login-btn {
    margin-right: 3px;
    margin-left: -2px;
}

.main-content-wrapper.hamyar-home {
    margin-top: 20px;
}

/*end new v3 header style*/

/* begin live search style */
div.showSearchResult {
    visibility: hidden;
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    width: 398px !important;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    border-radius: 3px;
    min-height: 175px;
    max-height: 300px;
    z-index: 99999;
    top: 85px;
}

.showSearchResult-show {
    visibility: visible !important;
}

.showSearchResult-nashow {
    visibility: hidden !important;
}

.live-ajax-loader {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    margin-top: 17%;
}

p.noResult {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 25px;
    font-weight: 400;
    color: #a1a1a1;
    position: absolute;
}

.showSearchResultOverly {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    width: 398px !important;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    border-radius: 3px;
    min-height: 175px;
    max-height: 300px;
    z-index: 99999;
    top: 85px;

}

/* begin comment alert for user style*/
p.must-log-in {
    color: #31708f;
    font-weight: 500;
    font-size: 15px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    margin: 20px 20px;
}

/* end comment alert for user style*/

/*begin new v3 login user and register style*/
.v3-login-user {
    color: #777;
    position: relative;
}

.v3-login-user .login-user {
    position: relative;
    margin: 120px 0 20px 0;
    background-color: #fff;
    box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
    padding: 120px 50px 50px;
    border-radius: 7px;
}

.login-wrapper:before {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 115px;
    height: auto;
    right: 0;
    left: 0;
    bottom: 100px;
    width: 4px;
    margin: auto;
    background: #ddd;
    border-radius: 4px;
    z-index: 1;
}

.v3-login-user .login-user:before {
    content: "";
    position: absolute;
    top: -71px;
    right: 0;
    left: 0;
    width: 132px;
    height: 132px;
    margin: auto;
    background: url('../images/user-login.png') no-repeat 0px 0px;
    border-radius: 100%;
    z-index: 1;
}

.v3-login-user .login-user:after {
    content: "";
    position: absolute;
    top: -90px;
    right: 0;
    left: 0;
    width: 173px;
    height: 170px;
    padding: 10px;
    margin: auto;
    background: #fff;
    border-radius: 100%;
    z-index: -1;
    box-shadow: 0 6px 20px rgba(168, 172, 185, .3);
}

.v3-login-user .form-title-inner {
    line-height: 40px;
    padding: 10px;
    text-align: center;
    margin: -60px 0 20px;
    font-size: 14px;
}

.v3-login-user .login-form-section h2 {
    text-align: center;
    font-size: 25px;
    color: #777;
    margin: 0 0 25px 0;
}

.v3-login-user .input-group-addon {
    background-color: #ffffff !important;

}

.v3-login-user form .input-group {
    margin-bottom: 25px;
}

.v3-login-user form input[type="text"], form input[type="password"], form input#username, input#user_login {
    color: #828282 !important;
    direction: rtl;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    outline: none;
    font-weight: 400;
}

.v3-login-user form span.input-group-addon {
    font-size: 20px;
    min-width: 45px;
}

.v3-login-user p.login-user-dis {
    text-align: justify;
    line-height: 2;
    margin-top: 22px;
}

.v3-login-user .login-form-section, .v3-login-user .dis-login-section {
    padding: 0 35px;
}

.v3-login-user .login-form-section input.tiva_login-form, .login-form-section input.tiva_register-form, .login-form-section .form-rest-btn {
    padding: .5em 0em !important;
    border-radius: 50px;
    width: 50%;
    line-height: 2 !important;
    background-color: #3ca3f4 !important;
    display: inline-block;
    color: #fff !important;
    margin: 4px;
    min-height: 38px;
    border: none !important;
    outline: none !important;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
}

.v3-login-user .login-form-section input.tiva_login-form:hover, .login-form-section input.tiva_register-form:hover, .login-form-section .form-rest-btn:hover {
    opacity: .8;
}

.v3-login-user .checkbox input[type="checkbox"] {
    position: relative !important;
    margin-left: 0 !important;
    margin-top: 2px;
}

.v3-login-user .login-form-section span.remember-me {
    color: #777;
    margin-right: 25px;
    font-size: 12px;

}

.v3-login-user .login-form-section a {
    font-size: 13px;
    font-weight: 500;
    /*color: #777;*/
}

/*end new v3 login user and register style*/
/*begin new modal login for tiva v3*/
.modal-login {
    color: #636363;
    width: 350px;
}

.modal-login .alert-box {
    padding: 15px !important;
}

.modal-login input[type="password"], .modal-login input[type="text"] {
    color: #828282 !important;
    direction: rtl !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px;
    height: 40px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    width: 100%;
    padding: 0 12px;
    outline: none !important;
    font-weight: 400;
}

.modal-login input#tiva_login-form_home {
    padding: .5em 0em !important;
    border-radius: 50px;
    width: 50%;
    line-height: 2 !important;
    background-color: #3ca3f4 !important;
    display: inline-block;
    color: #fff !important;
    margin: 4px;
    min-height: 38px;
    border: none !important;
    outline: none !important;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
}

.modal-login input#tiva_login-form_home:hover {
    background-color: #208de6 !important;

}

.modal-login .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
}

.modal-login .modal-header {
    border-bottom: none;
    position: relative;
    justify-content: center;
}

.modal-login span.modal-title {
    text-align: center;
    font-size: 22px;
    color: #828282;
    font-weight: bold;
    display: inline-block;
    margin: 30px 0 0;
}

.modal-login .form-control, .modal-login .btn {
    min-height: 40px;
    border-radius: 3px;
}

.modal-login .close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.modal-login .modal-footer {
    background: #ecf0f1;
    border-color: #dee4e7;
    text-align: center;
    justify-content: center;
    margin: 0 -20px -20px;
    border-radius: 5px;
    font-size: 13px;
}

.modal-login .modal-footer a {
    color: #999;
}

.modal-login .avatar {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #dee4e7;
    padding: 15px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.modal-login .avatar img {
    width: 100%;
}

.modal-login.modal-dialog {
    margin-top: 80px;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

/*end new modal login for tiva v3*/
/* .......................... end new v3 tiva 3 style ..........................*/

/* .......................... begin new v3.1 tiva style ..........................*/
.term-description p {
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31708f;
    font-size: 13px;
    background-color: #d9edf7;
    border-color: #bce8f1;
    font-weight: bold;
    text-align: center;
}

/* .......................... end new v3.1 tiva style ..........................*/

/********************************* BEGIN TIVA V4 STYLE ******************************/
/*BEGIN SINGLE VIDEO PAGE STYLE*/
div.video-wrapper {
    width: 100% !important;
    margin-bottom: 15px;
}

div.video-wrapper video {
    width: 100%;
    /*height: 485px;*/
}

div.video-wrapper a.hidden-flowplayer-logo {
    visibility: hidden !important;
}

div.video-wrapper iframe {
    border: none !important;
}

div.video-wrapper .flowplayer {
    border-radius: unset !important;
}

div.video-wrapper .flowplayer .fp-logo {
    display: none !important;
}

.video-box {
    width: 100%;
    /*EDITED  IN TIVA V5*/
    box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    background: rgb(255, 255, 255);
    height: auto !important;
    position: relative;
    margin-bottom: 30px;
}

.video-box-wrapper figure.video-thumbnail {
    position: relative;
}

.video-box-wrapper figure img:not(.vip-lable) {
    width: 100%;
    height: auto;
}

.video-box-wrapper span.video-time {
    position: absolute;
    bottom: 3%;
    left: 3%;
    line-height: 1;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 0px 2px #000;
}

.video-box-wrapper .video-h2 {
    font-size: 13px;
    padding: 10px;
    width: 100%;
    line-height: 2;
    margin: 0;
    /*height: 71px;*/
    overflow: hidden;
}

.video-box-wrapper .video-h2 a {
    color: #555;
}

.video-box-wrapper .palybtnicon {
    background: rgba(0, 0, 0, 0.43);
    border-radius: 50px;
    height: 50px;
    position: absolute;
    width: 50px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.video-box-wrapper .palybtnicon:before {
    border-top: transparent;
    border-right: transparent;
    border-bottom: transparent;
    border-left: rgb(255, 255, 255);
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: -5px;
    bottom: 0;
    margin: auto;
}

div.show-video-wrapper {
    float: right;
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
    padding: 25px 0 0;
}

article.video-box:hover .palybtnicon {
    transition: all .1s ease-in-out 0s !important;
    visibility: hidden;
}

span.video-archive-link {
    display: block;
    font-weight: 500;
    font-size: 12px;
    float: left;
    padding: 23px 0 15px 15px;
    line-height: 0;
}

span.video-archive-link a {
    color: #00aadc;
}

/*begin new footer style*/
.footer-widget-wrapper {
    color: #ffffff;
    width: 100%;
    /*height: 250px;*/
    background-color: #404e57;
}

.footer-copyright-wrapper {
    color: #fff;
    height: 60px;
    background-color: #28353d;
}

.logo1 {
    padding: 20px 20px;
    width: 49%;
    float: left;
    background-color: #49565f;
    border-radius: 5px;
    margin-top: 25px;
    height: 200px;
    line-height: 150px;
    vertical-align: middle;
    text-align: center;
}

.logo2 {
    padding: 20px 20px;
    width: 49%;
    line-height: 150px;
    float: right;
    background-color: #49565f;
    border-radius: 5px;
    margin-top: 25px;
    height: 200px;
    vertical-align: middle;
    text-align: center;
}

/********************************* BEGIN EDITED IN TIVA V5.8  ****************************/
.logo1 img, .logo2 img {
    width: 80%;
}

/********************************* END EDITED IN TIVA V5.8 ******************************/
img.qrcode {
    height: 50px;
    width: 50px;
    float: left;
    margin: 5px 0;
}

.copy-right-wrapper {
    margin-top: 20px;
}

.copy-right-wrapper strong {
    font-size: 12px;
}

.footer-rss {
    margin-top: 23px;
}

.footer-rss .footer-rss-text {
    margin-bottom: 10px;
}

.footer-rss p {
    line-height: 1;
    font-size: 12px;
    font-weight: normal;
}

.footer-rss span {
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
}

.footer-rss input.mailpoet_text {
    margin-bottom: 10px;
    padding: 0 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float: right;
    width: 296px !important;
    height: 45px;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    background: #49565f;
    border: 1px solid rgba(0, 0, 0, .1) !important;
}

.footer-rss input.mailpoet_text::placeholder {
    color: #e0e3e4;
    opacity: 1; /* Firefox */
}

.footer-rss input.mailpoet_text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #e0e3e4;
}

.footer-rss input.mailpoet_text::-ms-input-placeholder { /* Microsoft Edge */
    color: #e0e3e4;
}

.footer-rss input.mailpoet_text:focus {
    border-color: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.footer-rss div.mailpoet_message {
    float: right;
}

.footer-rss input.mailpoet_submit {
    margin: 0 !important;
    position: relative;
    width: 64px;
    height: 45px;
    float: right;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin: 30px auto;
    overflow: hidden;
    border-width: 0;
    outline: 0;
    /*border-radius: 2px;*/
    background-color: #03A9F4;
    color: #fff;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

.footer-rss p.mailpoet_paragraph {
    float: right;
}

.footer-social-wrapper ul.socials {
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 24px;
}

.footer-social-wrapper ul.socials li {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    padding: 6px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    background-color: #49565f;
}

.footer-social-wrapper ul.socials li a {
    display: block;
    color: #ffffff;
    transition: all .3s;
}

.footer-social-wrapper ul.socials li.aparat {
    margin-top: 6px;
}

.footer-social-wrapper ul.socials li img.aparat-icon {
    display: block;
    transition: all .3s;
}

.footer-social-wrapper ul.socials li:hover a {
    color: #fff;
}

.footer-social-wrapper ul.socials li.instagram:hover {
    background: #833ab4;
}

.footer-social-wrapper ul.socials li.google:hover {
    background: #dd4b39;
}

.footer-social-wrapper ul.socials li.facebook:hover {
    background: #3b5998;
}

.footer-social-wrapper li.linkedin:hover {
    background: #0077b5;
}

.footer-social-wrapper ul.socials li.twitter:hover {
    background: #1da1f2;
}

.footer-social-wrapper ul.socials li.telegram:hover {
    background: #00a0dc;
}

/* BEGIN EDITED FONT SIZE IN TIVA V5*/

.footer-social-wrapper p {
    margin-bottom: 25px;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
}

.about-wrapper p.title {
    margin-top: 25px;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
}

/* BEGIN EDITED FONT SIZE IN TIVA V5*/
.about-wrapper p.about-dis {
    line-height: 2.1;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    margin: 20px 10px 25px;
}

.footer-social-wrapper {
    margin-top: 25px;
}

/*end new footer style*/

/*begin new style for post content tiva*/
#single div.main-content div.main-content-inner article.single-post-content h1 {
    font-size: 26px !important;
    line-height: 2;
}

#single div.main-content div.main-content-inner article.single-post-content h2:not(.cart_totals h2) {
    font-size: 23px !important;
    line-height: 2;
}

#single div.main-content div.main-content-inner article.single-post-content h3:not(.cross-sells-cart):not(.elementor-post__title):not(.product-slid-title) {
    font-size: 20px !important;
    line-height: 2;
}

#single div.main-content div.main-content-inner article.single-post-content h4 {
    font-size: 15px !important;
    line-height: 2;
}

/********************************* BEGIN ADD IN TIVA V5.8  ****************************/

#single div.main-content div.main-content-inner article.single-post-content
a:not(.btn):not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link):not(.elementor-post__thumbnail__link):not(.elementor-item):not(.elementor-sub-item):not(.elementor-price-list-item):not(.elementor-button) {
    color: #333;
    outline: none !important;
    text-decoration: none;
    border-bottom: 1px dotted #aaa;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}

#single div.main-content div.main-content-inner article.single-post-content
a:not(.btn):not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link):not(.elementor-post__thumbnail__link):not(.elementor-item):not(.elementor-sub-item):not(.elementor-price-list-item):not(.elementor-button):hover {
    color: #212121;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}

/********************************* END ADD IN TIVA V5.8 ******************************/

.tabs-product .tab-content div#tab-description h1 {
    font-size: 26px !important;
    line-height: 2;
}

.tabs-product .tab-content div#tab-description h2 {
    font-size: 23px !important;
    line-height: 2;
}

.tabs-product .tab-content div#tab-description h3 {
    font-size: 20px !important;
    line-height: 2;
}

.tabs-product .tab-content div#tab-description h4 {
    font-size: 15px !important;
    line-height: 2;
}

.tabs-product .tab-content div#tab-description a:not(.btn) {
    color: #333;
    outline: none !important;
    text-decoration: none;
    border-bottom: 1px dotted #aaa;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}

.tabs-product .tab-content div#tab-description a:not(.btn):hover {
    color: #212121;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}

.tabs-product .tab-content div#tab-description blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 15px;
    border-right: 5px solid #38abe4 !important;
    border-left: none !important;
}

/*end new style for post content tiva*/

/*begin ads widget style*/
.ads_script_wrapper {
    padding: 7px 0 0 0;
    background-color: #fff;
}

/*end ads widget style*/
/********************************* END TIVA V4 STYLE ******************************/

/********************************* BEGIN TIVA V4.1 STYLE ******************************/
/*BEGIN FOOTER MNU STYLE*/
div.tfooter-menu ul, .footer-menu-inner .menu ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none;
}

div.tfooter-menu li, .footer-menu-inner .menu ul li {
    padding: 12px;
    display: inline;
}

div.tfooter-menu li a, .footer-menu-inner .menu ul li a {
    color: #ffffff;
    font-weight: 500;
    font-size: 12px;
}

div.tfooter-menu li a:hover, .footer-menu-inner .menu ul li a:hover {
    color: #03a9f4;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.footer-menu-wrapper {
    padding: 15px 0 5px;
    background-color: #404e57;
}

.footer-menu-inner {
    border-top: 1px solid #49565f;
    padding-top: 15px;
}

/*EBD FOOTER MNU STYLE*/
/********************************* END TIVA V4.1 STYLE ******************************/

/********************************* BEGIN TIVA V4.3 STYLE ******************************/
.alert-box-bold {
    font-weight: bold !important;
    text-align: center !important;
}

.no-bottom-padding-page {
    padding: 40px !important;
}

.validate-required input[type=checkbox] {
    position: relative !important;
}

/********************************* END TIVA V4.3 STYLE ******************************/

/********************************* BEGIN TIVA V5 STYLE ****************************/
.woocommerce-checkout-payment ul li img {
    float: right !important;
    margin: 0 0 5px 10px !important;
}

.verify-payment-page {
    margin: 70px 0;
}

.pay-verify-inner {
    padding: 100px;
}

.comment-action-bn {
    margin-top: 25px;
}

/* begin vip register widget style*/
.vip-register-widget-wrapper {
    background-color: #FFF8DD;
    border: 1px solid rgb(253, 214, 61);
    padding: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(252, 224, 113, 0.9);
    -ms-box-shadow: 0 1px 2px 0 rgba(252, 224, 113, 0.9);
    box-shadow: 0 1px 2px 0 rgba(252, 224, 113, 0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 2px;
}

.vip-register-widget-wrapper .vip-register-widget-inner .header-section {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.vip-register-widget-wrapper .vip-register-widget-inner .header-section h2 {
    font-size: 16px;
    font-weight: bold;
    color: #906B00;
    margin: 0;
    display: block;
    text-align: center;
}

.vip-register-widget-wrapper .vip-register-widget-inner .header-section span {
    width: 45px;
    height: 20px;
    text-align: center;
    background-color: #FFF8DD !important;
    display: block;
    margin: 0 auto;
    position: relative;
    bottom: -14px;
}

.vip-register-widget-wrapper .vip-register-widget-inner .header-section span i {
    font-size: 30px;
    color: #FDDA4C;
}

.vip-register-widget-wrapper .vip-register-widget-inner .header-section:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #FDD63D;
}

.vip-register-widget-wrapper .vip-register-widget-inner .vip-logo {
    width: 151px;
    height: 124px;
    background: url(../images/vip-logo.png) no-repeat;
    display: block;
    margin: 35px auto 30px;
    position: relative;
}

.vip-register-widget-wrapper .vip-register-widget-inner .vip-logo:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: #fef7dc;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.vip-register-widget-wrapper:hover .vip-logo:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.vip-register-widget-wrapper p.vip-register-dis {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #906B00;
}

.vip-register-widget-wrapper a.vip-register-link {
    /* text-align: center; */
    margin: 15px auto 0;
    display: table;
    font-size: 13px;
    color: #906B00;
    font-weight: bold;
    padding: 10px;
    background-color: #fddb4c;
    border-radius: 2px;
    border: 1px solid #edcc3f;
}

.vip-register-widget-wrapper a.vip-register-link:hover {
    -webkit-transition: background-color 150ms ease 0s;
    -ms-transition: background-color 150ms ease 0s;
    -moz-transition: background-color 150ms ease 0s;
    -o-transition: background-color 150ms ease 0s;
    transition: background-color 150ms ease 0s;
    background-color: rgb(255, 193, 7);
}

/* end vip register widget style*/

/* begin vip content alert box css style*/
div.tiva-vip-content-wrapper {
    text-align: center;
    position: relative;
    background-color: #fff8dd;
    padding: 15px 5px;
    color: #906B00;
    border: 1px solid #fce177;
    vertical-align: text-top;
    border-radius: 3px;
}

span.text-vip-error {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    line-height: normal;
    font-size: 14px !important;
    font-weight: bold;
}

.text-vip-icon {
    font-size: 30px !important;
    position: absolute;
    top: 12px;
    color: #fdda4f;
}

span.text-error-shortcode {
    margin-right: 30px;
    font-weight: bold;
    font-size: 13px !important;
}

.post_vip-metabox {
    margin: 50px;
}

/* end vip content alert box css style*/

/*begin tiva post and download and video box vip lable*/
img.vip-lable {
    position: absolute;
    top: 5px;
    right: 5px;
}

/*end tiva post and download and video box vip lable*/

.vip-plane-wrapper.card-wrapper {
    /*height: 500px;*/
    margin: 25px 0 20px;
    padding: 25px 10px;
}

.u-pricing-v1 {
    box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);
}

.u-pricing-v1-toggler:hover {
    color: #377dff;
    background-color: transparent;
    border-color: #377dff;
}

.u-pricing-v1-toggler:not(:disabled):not(.disabled):active, .u-pricing-v1-toggler:not(:disabled):not(.disabled).active, .u-pricing-v1-toggler:not(:disabled):not(.disabled):active, .u-pricing-v1-toggler:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #377dff;
    border-color: #377dff;
}

.u-pricing-v1-toggler-pos.u-badge-pos {
    position: absolute;
}

.u-pricing-v1__header {
    position: relative;
    color: #fff;
    background-color: #03A9F4;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 2rem 2rem 8rem;
}

span.mb-1 {
    font-size: 25px !important;
    font-weight: 600;
    margin-bottom: 25px;
    display: inline-block;
}

span.d-block {
    margin: 0 auto;
    display: table;
}

.d-block span.toman {
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
}

.u-pricing-v1__content {
    background-color: #fff;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 0 2rem 2rem;
}

.u-pricing-v1__content .disabled .u-icon {
    color: #77838f;
    background-color: rgba(119, 131, 143, 0.1);
}

.u-pricing-v1__list-item {
    font-size: 1.3rem;
    font-weight: 500;
}

.u-pricing-v1 .disabled {
    color: #77838f;
}

.position-absolute-bottom-0 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.u-fill-white {
    fill: #fff;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.display-4 {
    font-size: 4.4rem;
    font-weight: 300;
    line-height: 1.2;
}

.align-top {
    vertical-align: top !important;
}

.u-pricing-v1__content {
    background-color: #fff;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 0 1.5rem 2rem;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.u-pricing-v1__list-item {
    font-size: 1.3rem;
}

.pb-2, .py-2 {
    padding-bottom: 0.7rem !important;
}

.pt-2, .py-2 {
    padding-top: 0.7rem !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.u-icon--xs {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.625rem;
    border-radius: 0.25rem;
}

.u-icon-primary--air {
    color: #03A9F4;
    background: rgba(3, 169, 244, 0.0784313725490196);
}

.u-icon {
    position: relative;
    z-index: 1;
    line-height: 0.7;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.9375rem;
    border-radius: 0.25rem;
    transition: 0.3s ease-in-out;
    margin-left: 5px;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.u-icon__inner {
    font-size: 12px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

a.price-plan-btn {
    margin: 20px 0 5px;
    color: #03a9f4;
    background: rgb(235, 248, 254);
    border-color: transparent;
    transition: all 0.2s ease-in-out;
    font-size: 1.3rem;
    /* font-weight: 500; */
    display: block;
    width: 100%;
    padding: 0.9rem 1.125rem;
    /* font-size: 0.875rem; */
    line-height: 1.5;
    border-radius: 0.2rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
}

a.price-plan-btn:hover {
    color: #fff;
    background: #03a9f4;
    box-shadow: 0 4px 17px rgba(33, 150, 243, 0.46);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);

}

.vip-plan-term-link {
    color: #fff !important;
    background: #03a9f4 !important;
}

.vip-plan-term-link:hover {
    color: #fff !important;
    background: #03a9f4 !important;
}

span.vip-lable {
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 1.2rem 2.4rem;
    border-radius: 6.1875rem;
    transition: 0.2s ease-in-out;
}

span.vip-plan-title {
    line-height: 30px;
    margin: 20px 0;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

p.vip-plan-dis {
    color: #77838f;
    line-height: 1.9;
    text-align: right;
    /* font-size: 14px; */
}

/********************************* END TIVA V5 STYLE ******************************/

/********************************* BEGIN TIVA V5.5 STYLE ******************************/
.widget-post-date i, .widget-post-aut i {
    margin-left: 3px
}

.navbar-collapse {
    max-height: none !important;
}

.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-best-price {
    width: 41px;
    height: 41px;
    background-position: -5px -5px;
}

.sprite-certificate {
    width: 46px;
    height: 46px;
    background-position: -56px -5px;
}

.sprite-cod {
    width: 42px;
    height: 42px;
    background-position: -112px -5px;
}

.sprite-day-guarantee {
    width: 41px;
    height: 40px;
    background-position: -164px -5px;
}

.sprite-shipping-express {
    width: 67px;
    height: 39px;
    background-position: -215px -5px;
}

.storeServiceUl .shop-icon {
    vertical-align: middle;
    display: inline-block;
}

/********************************* END TIVA V5.5 STYLE ******************************/

/********************************* BEGIN TIVA V5.5.2 STYLE ****************************/
P.comment-form-cookies-consent {

    display: inline-block;
    padding-right: 10px;

}

P.comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-left: 7px;
}

.login-form-section input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder {
    text-align: right !important;
}

.login-form-section input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder {
    text-align: right !important;
}

.login-form-section input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder {
    text-align: right !important;
}

.login-form-section input {
    direction: ltr !important;
}

.woocommerce table.shop_table td.product-thumbnail a img.attachment-woocommerce_thumbnail {
    width: 50% !important;
}

/********************************* END TIVA V5.5.2 STYLE ******************************/

/********************************* BEGIN ADD IN TIVA V5.8  ***************************/
#single div.main-content div.main-content-inner article.single-post-content figure {
    width: 100% !important;
}

.footer-social-wrapper ul.socials li.whatsapp:hover {
    background: #128c7e;
}

.footer-social-wrapper ul.socials li img.aparat-icon {
    margin-top: -6px;
    display: inline;
}

.footer-social-wrapper ul.socials li.aparat:hover {
    background: #ea1d5d;
}

.product_list_widget li {
    text-align: center;
    padding: 20px;
    -moz-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -webkit-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -ms-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -o-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
}

.product_list_widget li:not(:last-child) {
    margin-bottom: 15px;
}

.product_list_widget li a img {
    width: 174px;
    height: 174px;
    margin-top: 20px;
}

.product_list_widget li a span.product-title {
    margin-top: 20px;
    line-height: 1.8;
    font-size: 12px;
    color: #555;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
}

.product_list_widget li span.woocommerce-Price-amount {
    display: block;
    padding: 3px 3px;
    border-radius: 3px;
    top: 20px;
    margin: 5px auto;
    width: 80%;
    text-align: center;
    color: rgb(13, 128, 13);
    font-size: 15px;
    font-weight: 500;
}

.product_list_widget li del span.woocommerce-Price-amount {

    text-decoration: line-through;
    font-size: 12px;
    color: red !important;
}

.product_list_widget li ins {
    text-decoration: none !important;
}

div.wp-block-file a {
    margin-right: 8px;
}

.wp-block-latest-comments__comment img.avatar {
    right: -5px !important;
}

ol.wp-block-latest-comments.has-avatars.has-dates.has-excerpts {
    width: calc(100% - 30px);
    list-style: none;
    padding: 0 25px 0 0;
    margin: 15px;
    position: relative;
}

li.wp-block-latest-comments__comment {
    position: relative;
    padding-right: 15px;
}

.wp-block-latest-comments__comment-date {
    margin-top: 12px;
}

.elementor-post__card .elementor-post__badge {
    margin: 10px !important;
}

.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: unset !important;
}

.elementor-posts .elementor-post__card .elementor-post__meta-data {
    padding: 15px 15px !important;
    text-align: center !important;
}

.elementor-posts .elementor-post__card .elementor-post__text {
    margin-top: unset !important;
    padding: unset !important;
}

.elementor-posts .elementor-post__card .elementor-post__title {
    font-size: 13px !important;
    padding: 10px !important;
    float: right !important;
    width: 100% !important;
    line-height: 2 !important;
    margin: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}

.elementor-posts .elementor-post__card .elementor-post__excerpt {
    float: right !important;
    width: 100% !important;
    padding: 0 15px !important;
    line-height: 1.7 !important;
    max-height: 120px !important;
    overflow: hidden !important;
}

.elementor-posts .elementor-post__excerpt p {
    display: block !important;
    /* border: 1px solid red; */
    height: 115px !important;
    overflow: hidden !important;
    color: #8b9197 !important;
    margin: 0 0 10px !important;
    line-height: unset !important;
}

.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a {
    border-bottom: unset !important;
}

.elementor-posts .elementor-post__card .elementor-post__read-more {
    border-bottom: unset !important;
    margin-right: 15px;
}

.elementor-pagination {
    margin-top: 12px;
}

.elementor-posts .elementor-post__avatar {
    right: -27px !important;
    top: -27px !important;
}

.elementor-posts .elementor-post__avatar img {
    width: 45px !important;
}

.elementor-nav-menu .submenu-7host {
    display: none;
}

.elementor-tab-title a, a.tiva-comment-like-down, div.tiva-comment-like a, div.comment-link a {
    border-bottom: unset !important;
}

.woocommerce ul.products li.product {
    text-align: center;
}

.woocommerce ul.products li.product a img {
    width: 174px !important;
    height: 174px !important;
    margin-top: 20px !important;
}

h2.woocommerce-loop-product__title {
    margin-top: 20px !important;
    line-height: 1.8 !important;
    font-size: 12px !important;
    color: #555 !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    height: 50px;
    display: block !important;
}

.woocommerce-LoopProduct-link {
    border-bottom: unset !important;
}

.elementor-element.elementor-wc-products ul.products li.product {
    padding: 15px !important;
    -moz-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -webkit-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -ms-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
    -o-box-shadow: 0 0 20px rgba(140, 152, 164, 0.26);
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount {
    /* color: #6ec1e4; */
    display: block !important;
    padding: 3px 3px;
    border-radius: 3px;
    top: 20px;
    margin: 5px auto;
    width: 80%;
    text-align: center;
    color: rgb(13, 128, 13) !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;

}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price .amount {
    /* color: #6ec1e4; */
    display: block !important;
    padding: 3px 3px;
    border-radius: 3px;
    top: 20px;
    margin: 5px auto;
    width: 80%;
    text-align: center;
    color: rgb(13, 128, 13) !important;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;

}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins {
    text-decoration: none !important;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount {
    /* position: absolute; */
    bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-decoration: line-through;
    font-size: 12px;
    color: red !important;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {
    color: red !important;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product a.button {
    border-bottom: unset !important;
    color: #fff !important;
    border-radius: 3px !important;
    background-color: #4caf50 !important;
    padding: 5px 30px !important;
    -webkit-transition: background-color 150ms ease 0s !important;
    -ms-transition: background-color 150ms ease 0s !important;
    -moz-transition: background-color 150ms ease 0s !important;
    -o-transition: background-color 150ms ease 0s !important;
    transition: background-color 150ms ease 0s !important;
    cursor: pointer !important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product a.button:hover {
    background-color: rgb(89, 161, 92) !important;
}

.elementor-element.elementor-wc-products ul.products li.product span.onsale {
    background-color: #fb153c;
    color: #fff;
    left: unset !important;
    font-size: 13px;
    margin: auto !important;
    padding: 12px 0px 7px 3px !important;
    position: absolute !important;
    text-align: center !important;
    top: -35px !important;
    font-weight: bold;
    line-height: 12px;
    z-index: 1;
    border-radius: 7px 0 0 30px !important;
    right: -15px !important;
    min-width: 43px !important;
    height: 43px !important;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;

}

/*BEGIN MAILERLITE PLUGIN*/
div.ml-subscribe-form span, div, p, h1, h2, h3, h4, h5, h6 {
    font-family: IRANSans !important;
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
    font-family: IRANSans !important;
    font-size: 17px !important;
}

.ml_message_wrapper {
    display: none;
}

.mailerlite-form {
    font-family: IRANSans !important;
    text-align: center;
}

.mailerlite-form input[type=tel], .mailerlite-form input[type=text], .mailerlite-form input[type=email] {
    color: #828282 !important;
    direction: rtl;
    border: 1px solid #c3c3c3 !important;
    border-radius: 3px !important;
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 12px;
    width: 85% !important;
    padding: 0 12px !important;
    outline: none;
}

.mailerlite-form .error {
    font-size: 12px !important;
}

.mailerlite-form input.mailerlite-subscribe-submit {
    padding: 5px 45px !important;
    line-height: 2 !important;
    background-color: #3ca3f4 !important;
    display: inline-block;
    color: #fff !important;
    margin: 10px 10px 15px 10px;
    min-height: 38px;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    outline: none !important;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    -ms-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15) !important;
    border: 0;
}

.mailerlite-form input.mailerlite-subscribe-submit:hover {
    opacity: .8;
}

.mailerlite-form .mailerlite-form-description {
    /* margin-bottom: 10px; */
    padding: 10px 15px;
}

.mailerlite-form-title h3 {
    padding: 15px 10px;
    font-size: 20px;
}

.mailerlite-form-response span {
    font-size: 12px;
}

.mailerlite-form-response {
    padding: 10px;
}

.mailerlite-form-loader {
    font-size: 12px;
    padding: 10px;
}

/*BEGIN MAILERLITE PLUGIN*/

.mobile-header {
    background: #ffffff;
}

.mobile-cart-wrapper {
    background: #ffffff;
    position: relative;
}

.mobile-cart {
    float: left;
    margin: 5px 9px;
}

.mobile-cart i {
    font-size: 35px;
    color: #4caf50;
}

.mobile-cart span {
    position: absolute;
    background: #e55e5e;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    font-size: 10px;
    top: 27px;
    left: 30px;
    text-align: center;
    color: white;
}

.mobile-search form.search-form {
    border: 1px solid #c9d1d7;
    height: 50px;
    width: 100%;
    -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    -o-box-shadow: 1px 1px 7px rgba(0, 0, 0, .2);
    border-radius: 3px;
    float: left;
    margin-top: 30px;
}

.mobile-search form button.search-button {
    border: none;
    background: 0 0;
    color: #adadad;
    font-size: 25px;
    height: 35px;
    line-height: 55px;
    width: 40px;
    padding: 0;
    float: left;
    outline: none !important;
}

.mobile-search form input[type=text]:focus {
    outline: none !important;
}

.mobile-search form input.search-input {
    font-size: 15px;
    border: none;
    height: 50px;
    padding: 0 10px;
    line-height: 30px;
    width: 80%;
    float: right;
    background: 0 0 !important;
}

.mobile-search form input.search-input::placeholder {
    font-size: 15px;
    font-weight: 500;
}

.mobile-search-inner {
    display: table;
    margin: 15px auto;
    width: 98%;
    padding: 10px;
}

.mobile-search {
    background: #ffffff;
    margin-bottom: 15px;

}

.mobile-search form.mobile-search-form {
    margin-top: 12px !important;
}

div.mobile-showSearchResult {
    visibility: hidden;
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    width: 84%;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    border-radius: 3px;
    min-height: 175px;
    max-height: 300px;
    z-index: 99999;
    top: 85px;
}

.mobile-showSearchResult-show {
    visibility: visible !important;
}

.mobile-showSearchResult-nashow {
    visibility: hidden !important;
}

.mobile-live-ajax-loader {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    margin-top: 17%;
}

p.mobile-noResult {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 25px;
    font-weight: 400;
    color: #a1a1a1;
    position: absolute;
}

.mobile-showSearchResultOverly {
    display: block;
    opacity: 1;
    height: auto;
    overflow: auto;
    width: 91%;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    box-shadow: 0 0 2px 0 rgba(30, 30, 30, 0.4);
    border-radius: 3px;
    min-height: 175px;
    max-height: 300px;
    z-index: 99999;
    top: 85px;

}
/********************************* BEGIN ADD IN TIVA V5.9.7 ****************************/
@media screen and (max-width: 767px) {
    .favorite-star-btn {
        top: 8px;
    }
}
@media screen and (max-width: 556px) {
    #single div.main-content header h1.post-title {
    }
}
/********************************* END ADD IN TIVA V5.9.7 ******************************/

/********************************* BEGIN ADD IN TIVA V5.9 ******************************/
.product-options .range-amount {
    display: inline !important;
}

/********************************* END ADD IN TIVA V5.9.5 ******************************/
.index-main-wrapper {
    float: right;
    width: 100%;
}

.index-box-btn {
    margin: 10px auto;
    display: table;
}

.index-box-btn a {
    margin: 0 !important;
}

div#show-video-wrapper {
    padding: 20px 0 0;
}

/********************************* END ADD IN TIVA V5.9.5 ******************************/

/********************************* END BEGIN IN TIVA V5.9.8 ******************************/
.woocommerce-variation-availability {
    text-align: left;
}
/********************************* END ADD IN TIVA V5.9.8 ******************************/

.product-slid-wrapper a:link {
    text-decoration: inherit;
    color: inherit;

}

@media (max-width: 544px) {

}

@media (max-width: 768px) {
    .main-content div.post-wrapper {
        margin: 20px auto !important;
    }

    #filter-post ul li button.post-filter-btn {
        width: 95% !important;
    }

    img.product-slid-thumbnail {
        margin-left: 0 !important;
    }

    /*start noti style v3*/
    p.noti-text {
        margin: 16px 0 !important;
    }

    /*end noti style v3*/
    /********************************* BEGIN ADD IN TIVA V5.8  ****************************/
    .main-content-wrapper {
        margin-top: 30px;
    }

    /********************************* END ADD IN TIVA V5.8 ******************************/

}

@media screen and (max-width: 992px) {
    #header {
        height: 85px;
    }

    .input-filter {
        width: 250px !important;
    }

    #filter-post ul li {
        width: 100% !important;
    }

    #filter-post {
        height: 220px !important;
    }

    .box-header .box-title {
        font-size: 15px !important;
    }

    .navbar-default .navbar-nav > li > a:hover {
        border-bottom: none !important;
        background-color: rgba(251, 251, 251, 0.99) !important;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: inherit !important;
        border-bottom: 2px solid transparent !important;
    }

    #filter-post ul li button.post-filter-btn {
        width: 240px;
    }

    .copy-right, .dev-wrapper {
        display: table;
        font-size: 10px !important;
        margin: 0 auto;
    }

    #footer {
        /*height: 65px !important;*/
        margin-top: 30px;
    }

    .sicon.text-center {
        margin-top: 30px;
    }

    .sing-post-thumbnail {
        padding-top: 30px !important;
    }

    .inner-sidebar {
        position: relative !important;
    }

    #sidebar {
        position: inherit !important;
    }

    #filter-post ul li button.post-filter-btn {
        width: 100% !important;
    }

    #single div.main-content header span.post-title {
        font-size: 11px !important;
        max-width: 343px !important
    }

    div.breadcrumb a, div.breadcrumb span {
        font-size: 10px !important;
    }

    #single div.main-content div.main-content-inner article.single-post-content h1 {
        /*font-size: 20px !important;*/
        line-height: 50px !important;
    }

    #single div.main-content div.main-content-inner article.single-post-content h2 {
        line-height: 45px !important;
    }

    #single div.main-content div.main-content-inner article.single-post-content h3 {
        line-height: 40px !important;
    }

    #single div.main-content div.main-content-inner article.single-post-content h4 {
        /*font-size: 20px !important;*/
        line-height: 30px !important;
    }

    #single div.main-content div.main-content-inner article.single-post-content h5 {
        line-height: 25px !important;
    }

    .main-content div.post-wrapper {
        width: 100% !important;
    }

    span.chanel-title {
        width: 100%;
        text-align: center;
    }

    #single div.main-content div.main-content-inner div.sing-post-thumbnail {
        margin: 15px !important;
        text-align: center !important;
    }

    /*  begin 7host custom respansuve*/
    /*.h-slider-wrapper {*/
    /*margin: 80px 0 45px;*/
    /*!important;*/
    /*}*/
    .col-xs-12.col-sm-9.main-content {
        /*margin-top: 20px;*/
    }

    .hamyar-home .main-content-inner article .entry-content {
        margin-top: 45px !important;
    }

    .hamyar-home .main-content-inner article:not(.video-box) {
        height: 580px !important;
    }

    /*********************************** begin tiva 3 css style *****************************/
    /* begin login and register page css style*/
    .login-wrapper:before {
        background: transparent !important;
    }

    .v3-login-user p.login-user-dis {
        margin-bottom: 35px !important;
    }

    /* end login and register page css style*/
    /*start noti style v3*/
    p.noti-text {
        float: none;
        display: block;
        text-align: center;
        width: 100%;
    }

    a.noti-btn {
        float: none;
        margin: 15px auto;
        display: block;
        width: 55%;
    }

    .noti-close {
        fill: #555 !important;
        right: 0 !important;
        top: 3px !important;
    }

    /*end noti style v3*/
    /*begin woocommerce */
    #filter-post ul {
        margin-right: 0 !important;
    }

    .woocommerce table.cart td.actions #coupon_code {
        width: 100%;
    }

    .woocommerce table.cart td.actions .coupon .input-text + .button {
        width: 100%;
        margin-top: 10px;
        float: right;
    }

    .woocommerce form.track_order p {
        width: 100%;
    }

    .woo-page-main-content {
        margin-top: 30px !important;
    }

    .v3-login-user .login-user {
        padding: 100px 0 !important;
    }

    /*end woocommerce */
    /*********************************** begin tiva 3 css style *****************************/
    /*********************************** begin tiva 4 css style ***************************/
    /*begin video star btn*/
    .single-video .favorite-star-btn {
        display: inline-block;
        position: absolute;
        left: 25px;
        top: 5px;
    }

    /*end video star btn*/
    /*********************************** end tiva 4 css style *****************************/
    /********************************* BEGIN ADD IN TIVA V5.8 ******************************/
    .product-summary-wrapper .product-config-right {
        width: 100%;
    }

    #single div.sidebar, div.main-content {
        margin-top: 0;
    }

    .logo1 img, .logo2 img {

        width: 50%;
    }

    .footer-rss input.mailpoet_text {
        width: 100% !important;
    }

    .footer-rss p {
        line-height: 2;
    }

    .main-content-wrapper {
        margin-top: 30px;
    }

    /********************************* END ADD IN TIVA V5.8 ******************************/
    div.catImgInner img.catImg {
        width: 100%;
    }
}

@media (max-width: 1200px) {

}

/********************************* BEGIN ADD IN TIVA V5.8  ****************************/
@media screen and (max-width: 300px) {
    .mobile-header img {
        width: 93%;
    }

    div.mobile-showSearchResult {
        width: 79%;

    }

    .mobile-search form button.search-button {
        visibility: hidden;
    }

    .logo1 img, .logo2 img {

        width: 85%;
    }
}

@media screen and (max-width: 700px) and (min-width: 400px) {

    div.mobile-showSearchResult {
        width: 88%;

    }

    .mobile-search form button.search-button {
        visibility: hidden;
    }

    .logo1 img, .logo2 img {

        width: 35%;
    }
}

@media screen and (max-width: 980px) and (min-width: 700px) {

    div.mobile-showSearchResult {
        width: 91%;

    }

    .mobile-search form button.search-button {
        visibility: hidden;
    }

    .mobile-search form input.search-input {
        width: 100%;
    }
}

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

}

/********************************* END ADD IN TIVA V5.8 ******************************/