*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
*:focus { outline: 0; }
@font-face { font-family: 'vazir'; src: url('../fonts/Vazir-Light-FD.eot') format('eot'), url("../fonts/Vazir-Light-FD.woff") format("woff"), url('../fonts/Vazir-Light-FD.ttf') format('truetype');}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body { direction: rtl; background: #FFF; color: #121416; line-height: 24px; word-wrap: break-word; font-family: 'vazir', tahoma !important; font-size: 14px; }
a { color: #222; border-bottom: 1px solid transparent; text-decoration: none; transition: .2s; }
a:hover { color: #f23051;  }
img{border:none;vertical-align:middle; }
img::selection{ background: transparent; }
img::-moz-selection{ background: transparent; }
::selection{ background:#49a1fa; color:#fff; text-shadow:1px 1px 0 #000; }
::-webkit-input-placeholder { color: #aaa; direction: rtl; text-align: right; }
::-moz-placeholder { color: #aaa; direction: rtl; text-align: right; }
:-ms-input-placeholder { color: #aaa; direction: rtl; text-align: right; }
input, button, textarea, select { border: 1px solid #e0e0e0; background: #fff; font-family: 'vazir', tahoma; font-size: 14px; transition: .3s; }
input:focus { border: 1px solid #aaa; }
input[type=checkbox] { vertical-align: middle; margin-left: 4px; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; }
li { list-style-type: none; }
.relative { position: relative; }
.left { float: left; }
.right { float: right; }
.taleft { text-align: left; }
.taright { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.valign { vertical-align: middle; }
.ltr { text-align: left; }
.rtl { text-align: right; }
.en { font-family: tahoma !important; }
.oh { overflow: hidden; }
.clear, .clr { clear: both; }

.fbutton { display: inline-block; background: #666; font-size: 12px; line-height: 22px; padding: 4px 20px; border: none; border-radius: 20px; color: #FFF; }
.fbutton:hover {  background: #888; }

.wrapper { width: 1160px; margin: 0 auto; }

.header {
    border-bottom: 1px solid #e9ecef;
}

.header h1 {
    display: block;
    text-align: center;
    font-size: 29px;
    padding: 50px 0 30px;
}

.login-area {
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 12px;
    color: #777;
}

.login-area i.flaticon-user:before {
    font-size: 11px;
    vertical-align: bottom;
    margin-left: 3px;
}

.login-area strong {
    display: inline-block;
    color: #000;
}

.login-area .user-panel {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 8px 4px;
    line-height: 16px;
    margin-right: 2px;
    color: #000;
    border: 1px solid #000;
    font-size: 11px;
    border-radius: 20px;
    transition: .2s;
    cursor: pointer;
}

.login-area .user-panel:hover {
    background: #000;
    color: #FFF;
}

.login-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 14;
    display: none;
}

.login-button {
    cursor: pointer;
}

.login-box {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 400px;
    margin: -160px -200px 0 0;
    background: rgba(255, 255, 255, .9);
    padding: 20px;
    font-size: 15px;
    z-index: 15;
    box-shadow: 0 0 0 15px rgba(0,0,0,.3);
}

.login-box img {
    display: block;
    width: 80px;
    border: 2px solid #eee;
    padding: 4px;
    background: #FFF;
    margin: 0 auto 10px;
    border-radius: 50%;
}

.login-box ul {
    display: block;
    overflow: hidden;
    margin-top: 20px;
}

.login-box ul li {
    display: block;
    float: right;
    width: 50%;
}

.login-box ul li a {
    display: block;
    font-size: 14px;
    padding: 4px 0;
    border: 0;
}

.login-box ul li a:hover {
    color: #f23051;
}

.login-box .logout-button {
    margin: 14px 0 0 0;
}

.login-box .flaticon-close {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #aaa;
    cursor: pointer;
    transition: .2s;
}

.login-box .flaticon-close:hover {
    color: #000;
}

.login-box .logout-button {
    color: #FFF;
}

.login-box .admin-button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #0b76cc;
}

.login-box .admin-button:hover {
    background: #0e90d2;
    color: #fff;
}

.login-box .login-title {
    font-weight: bold;
    color: #000;
    margin-top: -4px
}

.login-form {
    margin-top: 20px;
    text-align: justify;
}

.form-input-area {
    background: #FFF;
    position: relative;
    height: 38px;
    margin: 4px 0 10px;
    direction: ltr;
    text-align: left;
}

.form-input-area i {
    position: absolute;
    width: 38px;
    height: 38px;
    line-height: 38px;
    left: 0;
    top: 0;
    text-align: center;
}

.login-form .no-save {
    display: block;
    font-size: 13px;
    margin-bottom: 14px;
}

.login-form .lost-password-link {
    display: inline-block;
    font-size: 13px;
    padding-top: 6px;
}

.login-form input[type=text], .login-form input[type=password] {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 10px 0 46px;
    border: none;
    background: transparent;
    font-size: 14px;
}

.social-list {
    position: absolute;
    left: 0;
    top: 10px;
}

.social-list li {
    display: block;
    float: left;
    padding: 5px 0;
    margin-right: 14px;
}

.social-list a {
    border: 0;
}

.social-list .flaticon-facebook-logo:hover:before { color: #3b5998; }
.social-list .flaticon-twitter-social-logotype:hover:before { color: #1da1f2; }
.social-list .flaticon-instagram:hover:before { color: #c13584; }
.social-list .flaticon-linkedin-logo:hover:before { color: #0077b5; }

#hamburger-button {
    display: none;
}

.navbar .right, .navbar .left {
    width: 10%;
    padding-top: 10px;
}

.navbar .right i, .navbar .left i {
    cursor: pointer;
}
.navbar .left i:hover {
    color: #f23051;
}

.navbar .navigation {
    width: 80%;
    margin-bottom: -1px;
    float: right;
    text-align: center;
}

.navigation ul li {
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

.navigation ul li a {
    display: block;
    padding: 10px 8px;
}

.navigation ul li a:hover {
    color: #f23051;
    border-color: #f23051;
}

.navigation ul li a i:before {
    vertical-align: middle;
    font-size: 9px;
    margin-right: 6px;
}

.navigation ul li ul {
    display: block;
    position: absolute;
    background: #FFF;
    text-align: right;
    right: 0;
    top: 100%;
    min-width: 220px;
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    box-shadow: 0 10px 40px rgba(0,0,0,.125);
    z-index: 10;
}

.navigation ul li:hover ul {
    display: block;
    opacity: 1;
    visibility: visible;
}

.navigation ul li ul li {
    display: block;
}

.navigation ul li ul li a {
    display: block;
    padding: 5px 8px;
    border: 0;
}

#main-container {
    margin-top: 30px;
    
}

.main {
    display: block;
    width: 100%;
    padding-left: 40px;
    float: right;
    overflow: hidden;
    min-height: 300px;
}

.section {
    padding-bottom: 40px;
}
.post-head{
    display: block;
    position: relative;
    margin-bottom: 15px;
}
.article {
    display: block;
    width: 48%;
    float: right;
    padding: 10px;
    margin: 9px;
    border-radius: 0;
    box-shadow: -2px 2px 5px lightgray;
}
.shortstory{display: flex;flex-direction: column;}
.article:nth-child(odd) {
}

.article:nth-child(even) {
}
.imgbox{
    overflow: hidden;
    height: 400px;
    object-fit: cover;
    display: block;
    position: relative;
    max-width: 100%;
}
.mainpic{
    margin: -6px -1px;
    width: 112%;
    height: 110%;
    filter: blur(1px) brightness(0.7);
    background-size: cover;
    position: absolute;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
.article.single {
    width: 100%;
    float: none;
    padding: 0 0 40px;
}

.article.single .post-category {
    padding-bottom: 4px;
}

.article.single .post-head h2 {
    font-size: 2em;
    position: absolute;
    top: 175px;
    padding: 0px 15px;
    line-height: 1.5em;
    color: white;
    text-shadow: 1px 1px 5px black;
    text-align: center;
    width: 100%;
    white-space: normal;
}

.article.single img {
    max-width: 100%;
    margin: 4px auto;
}

.article img {
    display: block;
    height: 210px;
    object-fit: cover;
    width: auto;
    border-radius: 0;
}
.shortstory img {
    display: block;
    height: 210px;
    object-fit: cover;
    width: 100%;
    border-radius: 0;
}
.article .post-category {
    padding-bottom: 15px;
}

.article .post-category a {
    background: #ecb34f;
    color: black;
    padding: 0 15px;
    border-radius: 0;
    font-size: 0.8em;
    line-height: 22px;
    border: none;
    display: inline-block;
}

.article .post-category a:hover {
    background: #00466c;
    color: white;
}

.article .post-head h2 {
    display: inline-block;
    font-weight: bold;
    margin-top: 16px;
    font-size: 19px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    padding-right: 10px;
}
.shortstory .post-head h2 {
    display: inline-block;
    font-weight: bold;
    margin-top: 16px;
    font-size: 19px;
    margin-bottom: 0;
    padding-right: 10px;
    text-overflow: unset;
    overflow: visible;
    white-space: unset;
    height: 58px;
}
.article .post-category span {
    display: inline-block;
    margin-top: 16px;
    font-size: 0.7em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: 300;
    text-align: left;
    float: left;
    margin-left: 10px;
}
.article .post-image {
    position: relative;
}

.article .post-image-dark a {
    color: transparent;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 25%;
    border: none;
    background: rgba(0,0,0,.01);
    transition: .2s;
    font-family: 'iransansxv';
    font-size: 1.5em;
}

.article .post-image:hover .post-image-dark a {
    background: rgb(0 0 0 / 37%);
    color: #FFF;
}

.article .post-info {
	display: flex;
    padding: 15px 0;
    font-size: 0.8em;
    color: #a8aab2;
    position: relative;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    align-content: space-between;
    flex-wrap: nowrap;
    line-height: 2em;
}
.article .post-info ul{
    display: block;
    float: right;
}

.article .post-info li {
    display: inline-block;
}

.article .post-info li strong, .post-info li a {
    display: inline-block;
    color: #000;
    font-weight: bold;
    margin: 0 4px;
}

.post-info li a:hover {
    color: #f23051
}

.article .post-info .left {
    text-align: left;
}

.article .post-info .flaticon-heart, .article .post-info .flaticon-heart-1 {
    color: #f23051;
}
.post-content img{
height: auto;
}
.catlink {
    position: absolute;
    top: 260px;
    margin: 0 auto;
    font-weight: 500;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 5px black;
    color: white !important;
}
@media screen and (max-width: 780px){
.catlink {
    display: none;
    }
}
.catlink a{
    color: white !important;

}
.article .post-info .left a {
    margin-right: 12px;
    border: 0;
}

.article .post-content {
    min-height: 50px;
    color: #66676d;
    text-align: justify;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
}
.shortstory .post-content {
    min-height: 50px;
    color: #66676d;
    text-align: justify;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 10px;
    width:100%;
}
.shortstory  p{
    font-size:0.8em;
    width: 100%;
}
.article .readmore {
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
}
.article .readmore a{

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

.sidebar-box {
    padding-bottom: 40px;
}

.sidebar-box.gray-bg {
    background: #f8f9fa;
    padding: 20px;
    margin-bottom: 40px;
}

.sidebar-box.gray-bg .sidebar-title {
    border: none;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 24px;
}

.sidebar-title, .section-main-title {
    display: inline-block;
    color: #000;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
}

.article-list li {
    display: block;
    margin-bottom: 18px;
    line-height: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.article-list li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.sidebar-article {
    display: block;
    position: relative;
}

.sidebar-article .post-category {
    color: #a8aab2;
    font-size: 12px;
}

.sidebar-article .post-title h2 a {
    font-size: 13px;
}

.sidebar-article .post-info {
    padding-top: 6px;
    padding-left: 80px;
    min-height: 80px;
}

.sidebar-article .post-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 60px;
}

.sidebar-article .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.archive-list a {
    display: inline-block;
    padding: 4px 0;
}

#search-area {
    background: #f2f4f6;
    padding: 70px 0;
    display: none;
}

.search-box {
    background: #FFF;
    border: 1px solid #e3e5e7;
    position: relative;
}

.search-box i.flaticon-search:before {
    position: absolute;
    right: 20px;
    top: 17px;
    color: #8e9092;
    font-weight: bold;
    font-size: 24px;
    z-index: 9;
    transition: .3s;
}

.search-box i.flaticon-close:before {
    position: absolute;
    left: 24px;
    top: 18px;
    font-size: 12px;
    color: #e3e5e7;
    z-index: 9;
    transition: .3s;
}

.search-box i:hover:before {
    color: #000;
}

.search-box input {
    display: block;
    width: 100%;
    height: 60px;
    border: 0;
    background: transparent;
    font-size: 16px;
    padding: 0 64px;
}

.footer {
    padding: 40px 0;
    background-color: #222631;
    font-family: verdana;
    font-size: 13px;
    text-align: center;
    direction: ltr;
}

.copyright {
    color: #c9cedc;
    padding-bottom: 26px;
}

.footer-separator {
    height: 1px;
    margin: 0 auto;
    width: 360px;
    background: #5c616f;
    margin-bottom: 26px;
    position: relative;
}

.footer-separator:before {
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 auto;
    background: #f23051;
    content: " ";
    margin-left: -4px;
    position: absolute;
    left: 50%;
    top: -4px;
    border-radius: 50%;
}

.copyright a {
    color: #f23051;
    border: 0;
}

.copyright a:hover {
    color: #ff829a
}

.footer ul li {
    display: inline-block;
}

.footer ul li a {
    color: #c9cedc;
    padding: 4px 4px 5px;
    border: 0;
    margin: 0 18px;
}

.footer ul li a:hover, .footer ul li a:hover i {
    background: #f23051;
    color: #FFF;
}

.footer i.flaticon-rss {
    margin-left: 6px;
    vertical-align: top;
    color: #f78422;
    transition: .2s;
}

.footer i.flaticon-rss:before {
    font-size: 12px;
}

.speedbar {
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f7f9;
}

.speedbar, .speedbar a {
    font-size: 12px;
    color: #a5b2bf;
}

.speedbar a {
    border: none;
}
.speedbar a:hover {
    color: #f23051;
}

.section-box, .tags-box {
    background: #f8f9fa;
    padding: 30px;
}

.tags-box {
    padding: 0;
    position: relative;
    margin-bottom: 30px;
}

.tags-box i {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100px;
    height: 100%;
    line-height: 100px;
    text-align: center;
    background: #ebeef1;
    color: #a7acb1;
}

.tags-box i:before {
    font-size: 23px;
}

.tags-content {
    display: inline-block;
    padding: 40px 120px 40px 40px;
    line-height: 20px;
}

.tags-content a {
    display: inline-block;
    color: #30a9f2;
    border: 1px solid #30a9f2;
    line-height: 20px;
    padding: 4px 10px 2px;
    margin: 0 0px 5px 5px;
    border-radius: 3px;
}

.tags-content a:hover {
    color: #FFF;
    background: #30a9f2;
    border-color: #30a9f2;
}

.section-main-title {
    margin-bottom: 20px;
}

#searchtable #searchinput {
    width: 100%!important;
    height: 40px;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 3px;
}

#fullsearch {
    background: #f8f9fa;
    padding: 20px;
    margin-bottom: 20px;
}

.feedback-form {
    padding: 30px;
}

.editdate {
    color: #aaa;
    border-right: 2px solid #aaa;
    padding-right: 10px;
    margin-top: 10px;
}

@media only screen and (max-width : 1024px) {
    .wrapper { width: 96% }
    .main{width:620px}
    .sidebar{width:349px}
}
@media only screen and (max-width : 1023px) {
    .main{width:100%; padding: 0; }
    .sidebar{ width: 100%; }
}
@media only screen and (max-width : 650px) {
    .article {width: 95%;float: none;padding: 10px 5px 40px 6px!important;}
    .header h1 { padding: 76px 0 30px; }
    #hamburger-button { display: block; }
    .navigation { display: none; width: 100%!important; position: absolute; top: 100%; z-index: 13; background: #212531; padding: 6px 0; }
    .navigation ul li { display: block; }
    .navigation ul li a { color: #fff; border: none; }
    .navigation ul li ul { position: relative; top: auto; right: auto; display: none; background: #2f333e }
    .login-box { width: 96%; right: 2%; margin-right: 0px; box-shadow: none; }
    .copyright { width: 60%; margin: 0 auto; }
    .footer ul { overflow: hidden }
    .footer ul li { width: 50%; float: left; padding: 4px 0; }
}
@media only screen and (max-width : 360px) {

}
/*--------------nsad --------------*/
.tm-header, .tm-header-mobile {
    position: relative;
}
.tm-toolbar-default {
    background: #f5f5f5;
}
.tm-toolbar {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    position: relative;
}
.uk-flex-middle {
    align-items: center;
}
.uk-flex {
    display: flex;
}
.uk-container-expand {
    max-width: none;
}
@media (min-width: 960px)
.container, .uk-container {
    padding-left: 40px;
    padding-right: 40px;
}
.container, .uk-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.uk-grid-column-medium, .uk-grid-medium {
    margin-left: -20px;
}
.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.uk-child-width-auto>* {
    width: auto;
}
.uk-grid-column-medium>*, .uk-grid-medium>* {
    padding-left: 20px;
}
.uk-grid>* {
    margin: 0;
}
.uk-grid>*>:last-child {
    margin-bottom: 0;
}
.uk-panel {
    display: flow-root;
    position: relative;
    box-sizing: border-box;
}
.uk-margin-remove-last-child>:last-child {
    margin-bottom: 0!important;
}
.uk-flex-nowrap {
    flex-wrap: nowrap;
}
.uk-flex-inline {
    display: inline-flex;
}
.uk-grid-column-small, .uk-grid-small {
    margin-left: -10px;
}
.uk-grid-column-small>*, .uk-grid-small>* {
    padding-left: 10px;
}
.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.uk-icon:not(:disabled) {
    cursor: pointer
}

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
    fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-icon>* {
    transform: translate(0,0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.uk-icon-link {
    color: #b4b5ba
}

.uk-icon-link:hover {
    color: #3f3f43
}

.uk-active>.uk-icon-link,.uk-icon-link:active {
    color: #333336
}

.uk-icon-button {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #f5f6f8;
    color: #3f3f43;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: color,background-color,background-size,border-color,box-shadow;
    border: 1px solid #e5e5e7
}

.uk-icon-button:hover {
    background-color: #f5f6f8;
    color: #000;
    border-color: #000
}

.uk-active>.uk-icon-button,.uk-icon-button:active {
    background-color: #000;
    color: #fff;
    border-color: #000
}
.uk-link, a {
    color: #2d2e33;
    text-decoration: none;
    cursor: pointer;
}
svg:not(:root) {
    overflow: hidden;
}
.uk-icon>* {
    transform: translate(0,0);
}
@supports (display:block)
svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
.uk-margin-auto-left {
    margin-left: auto!important;
}
.uk-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -20px;
    padding: 0;
    list-style: none;
}
.uk-subnav>* {
    flex: none;
    padding-left: 20px;
    position: relative;
}
div.mod-languages li {
    margin-left: 5px;
    margin-right: 5px;
}
.uk-subnav>*>:first-child {
    display: flex;
    align-items: center;
    column-gap: 0.25em;
    color: #3f3f43;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 1px;
}
.mod-languages li>a {
    text-transform: capitalize;
    display: block;
    color: #3f3f43;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
}
div.mod-languages a {
    text-decoration: none;
}
div.mod-languages img {
    border: none;
}
canvas, img, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
html {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    -webkit-text-size-adjust: 100%;
    background: #f5f6f8;
    color: #3f3f43;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px;
}
:root {
    --uk-leader-fill-content: '.';
}
:root {
    --uk-position-margin-offset: 0px;
}
::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}
	/*------navbar -------*/
.uk-nav li>a {
    display: flex;
    align-items: center;
    column-gap: .25em;
    text-decoration: none
}

.uk-nav li>a>* {
    flex: none
}

.uk-nav>li>a {
    padding: 8px 0
}

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-sub ul {
    padding-left: 15px
}

.uk-nav-sub a {
    padding: 2px 0
}

.uk-nav-parent-icon>.uk-parent>a::after {
    content: "";
    width: 1.625em;
    height: 1.625em;
    margin-left: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%233F3F43%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-right: 0
}

.uk-nav-parent-icon>.uk-parent.uk-open>a::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%233F3F43%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.uk-nav-header {
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px
}

.uk-nav-header:not(:first-child) {
    margin-top: 20px
}

.uk-nav>.uk-nav-divider {
    margin: 15px 0
}

.uk-nav-default {
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px
}

.uk-nav-default>li>a {
    color: #3f3f43;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow
}

.uk-nav-default>li>a:hover {
    color: #2d2e33;
    background-color: transparent
}

.uk-nav-default>li.uk-active>a {
    color: #2d2e33;
    background-color: transparent
}

.uk-nav-default .uk-nav-header {
    color: #47484a
}

.uk-nav-default .uk-nav-divider {
    border-top: 1px solid #e5e5e7
}

.uk-nav-default .uk-nav-sub a {
    color: #4d4e50
}

.uk-nav-default .uk-nav-sub a:hover {
    color: #00466c
}

.uk-nav-default .uk-nav-sub li.uk-active>a {
    color: #00466c
}

.uk-nav-primary {
    font-family: 'Open Sans'
}

.uk-nav-primary>li>a {
    font-size: 28px;
    line-height: 1.625;
    color: #4b4b4d;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    padding: 8px 0
}

.uk-nav-primary>li>a:hover {
    color: #3f3f43
}

.uk-nav-primary>li.uk-active>a {
    color: #2d2e33
}

.uk-nav-primary .uk-nav-header {
    color: #2d2e33;
    padding: 8px 0
}

.uk-nav-primary .uk-nav-divider {
    border-top: 1px solid #e5e5e7
}

.uk-nav-primary .uk-nav-sub a {
    color: #333334
}

.uk-nav-primary .uk-nav-sub a:hover {
    color: #00466c
}

.uk-nav-primary .uk-nav-sub li.uk-active>a {
    color: #00466c
}

.uk-nav-center {
    text-align: center
}

.uk-nav-center li>a {
    justify-content: center
}

.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul {
    padding-left: 0
}

.uk-nav-center.uk-nav-parent-icon>.uk-parent>a::after {
    margin-left: 0
}

.uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider) {
    margin-top: 0;
    padding-top: 0;
    border-top: 1px solid #e5e5e7
}

.uk-navbar {
    display: flex;
    position: relative
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff
}

.uk-navbar-container>::after,.uk-navbar-container>::before {
    display: none!important
}

.uk-navbar-center,.uk-navbar-center-left>*,.uk-navbar-center-right>*,.uk-navbar-left,.uk-navbar-right {
    display: flex;
    align-items: center
}

.uk-navbar-right {
    margin-left: auto
}

.uk-navbar-center:only-child {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
    box-sizing: border-box;
    z-index: 990
}

.uk-navbar-center-left,.uk-navbar-center-right {
    position: absolute;
    top: 0
}

.uk-navbar-center-left {
    right: 100%
}

.uk-navbar-center-right {
    left: 100%
}

[class*=uk-navbar-center-] {
    width: max-content;
    box-sizing: border-box
}

.uk-navbar-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right {
    flex-wrap: wrap
}

.navbar .brand,.navbar .nav>li>a,.navbar-search,.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 80px;
    padding: 0 8px;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none
}

.uk-navbar-nav>li>a {
    color: #29292a;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    position: relative;
    z-index: 1;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 1px
}

.uk-navbar-nav>li>a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 25px;
    height: 1px;
    background-color: transparent;
    transition: .2s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    left: 0
}

.uk-navbar-primary .uk-navbar-nav>li>a {
    font-size: 28px
}

.uk-navbar-primary .uk-navbar-nav>li>a {
    font-weight: 400
}

.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a[aria-expanded=true] {
    color: #00466c
}

.uk-navbar-nav>li:hover>a::before,.uk-navbar-nav>li>a[aria-expanded=true]::before {
    background-color: #000
}

.uk-navbar-nav>li>a:active {
    color: #00466c
}

.uk-navbar-nav>li>a:active::before {
    background-color: #000
}

.uk-navbar-nav>li.uk-active>a {
    color: #00466c
}

.uk-navbar-nav>li.uk-active>a::before {
    background-color: #00466c
}

.navbar .brand,.navbar .nav>li>a,.navbar-search,.uk-navbar-item {
    color: #3f3f43
}

.uk-navbar-item>:last-child {
    margin-bottom: 0
}

.uk-navbar-toggle {
    color: #2d2e33;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 1px
}

.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true] {
    color: #707175;
    text-decoration: none
}

.uk-navbar-subtitle {
    font-size: 10px
}

.navbar .nav>li>.dropdown-menu,.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 300px;
    padding: 25px;
    background: #f5f6f8;
    color: #3f3f43;
    box-shadow: 0 1px 4px rgba(0,0,0,.14)
}

.navbar .nav>li>.dropdown-menu.uk-open,.uk-navbar-dropdown.uk-open {
    display: block
}

[class*=uk-navbar-dropdown-top] {
    margin-top: 0
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 0
}

[class*=uk-navbar-dropdown-left] {
    margin-left: 0
}

[class*=uk-navbar-dropdown-right] {
    margin-left: 0
}

.uk-navbar-dropdown-grid {
    margin-left: -50px
}

.uk-navbar-dropdown-grid>* {
    padding-left: 50px
}

.uk-navbar-dropdown-grid>.uk-grid-margin {
    margin-top: 50px
}

.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid>* {
    width: 100%!important
}

.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
    width: 600px
}

.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
    width: 900px
}

.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
    width: 1200px
}

.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
    width: 1500px
}

.uk-navbar-dropdown-dropbar {
    margin-top: 0;
    margin-bottom: 30px;
    background: 0 0;
    box-shadow: none
}

.uk-navbar-dropdown-nav {
    margin-left: 10;
    margin-right: 10;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 2px
}

.uk-navbar-dropdown-nav>li>a {
    color: #5c5d60;
    padding: 6px 6px
}

.uk-navbar-dropdown-nav>li>a:hover {
    color: #00466c;
    background-color: rgba(0,70,108,.2)
}

.uk-navbar-dropdown-nav>li.uk-active>a {
    color: #00466c
}

.uk-navbar-dropdown-nav>li.uk-active>a:hover {
    color: #00466c
}

.uk-navbar-dropdown-nav .uk-nav-header {
    color: #2d2e33;
    padding: 6px 6px
}

.uk-navbar-dropdown-nav .uk-nav-divider {
    border-top: 1px solid #e5e5e7;
    margin-top: 8px;
    margin-bottom: 8px
}

.uk-navbar-dropdown-nav .uk-nav-sub a {
    color: #58585a
}

.uk-navbar-dropdown-nav .uk-nav-sub a:hover {
    color: #3f3f43
}

.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a {
    color: #2d2e33
}

.uk-navbar-dropbar {
    background: #f5f6f8
}

.uk-navbar-dropbar-slide {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
    box-shadow: 0 3px 4px rgba(0,0,0,.1)
}

.uk-navbar-container>.container .uk-navbar-left,.uk-navbar-container>.uk-container .uk-navbar-left {
    margin-left: -8px;
    margin-right: -8px
}

.uk-navbar-container>.container .uk-navbar-right,.uk-navbar-container>.uk-container .uk-navbar-right {
    margin-right: -8px
}

.uk-navbar-dropdown-nav .uk-nav-sub {
    padding-left: 21px
}

.uk-navbar-dropdown-grid>* {
    position: relative
}

.uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    border-left: 1px solid #e5e5e7
}

.uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50px;
    right: 0;
    border-top: 1px solid #e5e5e7
}

.uk-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.uk-subnav>* {
    flex: none;
    padding-left: 20px;
    position: relative
}

.uk-subnav>*>:first-child {
    display: flex;
    align-items: center;
    column-gap: .25em;
    color: #3f3f43;
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 1px
}

.uk-subnav>*>a:hover {
    color: #2d2e33;
    text-decoration: none
}

.uk-subnav>.uk-active>a {
    color: #2d2e33
}

.uk-subnav-divider {
    margin-left: -41px
}

.uk-subnav-divider>* {
    display: flex;
    align-items: center
}

.uk-subnav-divider>::before {
    content: "";
    height: 1em;
    margin-left: 0;
    margin-right: 20px;
    border-left: 1px solid transparent
}

.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
    border-left-color: #505050
}

.uk-subnav-pill>*>:first-child {
    padding: 7px 14px;
    background: 0 0;
    color: #3f3f43
}

.nav-pills>li>a:hover,.uk-subnav-pill>*>a:hover {
    background-color: #fff;
    color: #3f3f43
}

.nav-pills>li>a:active,.uk-subnav-pill>*>a:active {
    background-color: #fff;
    color: #3f3f43
}

.nav-pills>.active>a,.uk-subnav-pill>.uk-active>a {
    background-color: #000;
    color: #fff
}

.uk-subnav>.uk-disabled>a {
    color: #b4b5ba
}

	/*-----end - navbar -----*/
/*-----------------end - nsad ---------*/


#page\#0-0-0-0 .uk-slidenav {
	color: #000;
}

#page\#0-0-0-0 .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
	stroke-width: 4;
}

#page\#0-0-0-0 .uk-dotnav > * > * {
	width: 10px;
	height: 10px;
}

#page\#0-0-0-0 .uk-panel.uk-padding {
	padding: 0;
}

#page\#0-0-0-1 .uk-slidenav {
	color: #00466c;
}

#page\#0-0-0-1 .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
	stroke-width: 4;
}

#page\#0-0-0-1 .uk-dotnav > * > * {
	width: 10px;
	height: 10px;
}

#page\#0-0-0-1 .uk-panel.uk-padding {
	padding: 0;
}

#page\#0 .uk-container {
	padding-left: 0;
	padding-right: 0;
}

#page\#1 a {
	text-decoration: none !important;
}

#page\#2-0-0-0 {
	font-size: 4rem;
	color: #000 !important;
}

@media screen and (max-width: 960px) {
	#page\#2-0-0-0 {
		font-size: 2.4rem;
	}
}

#page\#2-0-0-1 p {
	font-size: 1rem;
	text-align:justify;
}

@media screen and (max-width: 960px) {
	#page\#2-0-0-1 p {
		font-size: 1rem;
		
	}
}

#page\#2-0-1 .uk-panel {
	background: #efede8;
	padding: 10px;
}


/*#page\#2{background: #000000 !important;}*/


/*#page\#2 .uk-width-1-1{margin-left: 100px;}*/

#page\#2 .uk-width-2xlarge {
	width: 850px;
}


/*#page\#2 #page\#0-0-0-0, #page\#2 #page\#0-0-0-1{ background: rgba(28,27,25,0.5); }*/

@media screen and (max-width: 1350px) {
	#page\#2 .uk-width-1-1 {
		margin-left: 0;
	}
	#page\#2 .uk-width-2xlarge {
		width: 750px;
	}
}

@media screen and (max-width: 960px) {
	#page\#2 .uk-background-norepeat {
		background-image: none !important;
	}
}

#page\#3-0-1-0 p {
	font-size: 1rem;
	text-align:justify;

}

@media screen and (max-width: 960px) {
	#page\#3-0-1-0 p {
		font-size: 1.4rem;
	}
}

#page\#3-0-1 .uk-margin-auto {
	margin-left: 0 !important;
}


/*#page\#3{background: #000000 !important;}*/


/*#page\#3 #page\#0-0-0-0, #page\#3 #page\#0-0-0-1{ background: rgba(28,27,25,0.5); }*/

@media screen and (max-width: 1350px) {
	#page\#3 .uk-width-1-1 {
		margin-left: 0;
	}
	#page\#3 .uk-width-2xlarge {
		width: 750px;
	}
}

@media screen and (max-width: 960px) {
	#page\#3 .uk-background-norepeat {
		background-image: none !important;
	}
}


/*#page\#6-0-0 .uk-tile-default { color: #323232; border: 1px solid rgb(230,230,230); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(221,222,223,0.1) 52%, rgba(190,192,194,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(52%,rgba(221,222,223,0.1)), color-stop(100%,rgba(190,192,194,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(221,222,223,0.1) 52%,rgba(190,192,194,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(221,222,223,0.1) 52%,rgba(190,192,194,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(221,222,223,0.1) 52%,rgba(190,192,194,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(221,222,223,0.1) 52%,rgba(190,192,194,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bec0c2',GradientType=0 ); }*/


/*#page\#6-0-1 .uk-tile-default { color: #323232; border: 1px solid rgb(230,230,230); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,236,122,0.1) 52%, rgba(255,218,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(52%,rgba(255,236,122,0.1)), color-stop(100%,rgba(255,218,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,236,122,0.1) 52%,rgba(255,218,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,236,122,0.1) 52%,rgba(255,218,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,236,122,0.1) 52%,rgba(255,218,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,236,122,0.1) 52%,rgba(255,218,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffda00',GradientType=0 ); }*/


/*#page\#6-0-2 .uk-tile-default { color: #323232; border: 1px solid rgb(230,230,230); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(52%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 52%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }*/


/*#page\#6 { background-color: #fff!important; }*/

#page\#7-0-0-0 {
	background-color: rgba(255, 255, 255, 0.75);
}

#page\#10-0-0-0 {
	background-color: rgba(0, 70, 108, 0.9);
}

#page\#11-0-0-1 div {
	border: none;
	text-align: left;
}

#page\#11-0-0-1 div:first-child {
	text-transform: uppercase!important;
}

#page\#11-0-0-1 h2,
#page\#11-0-0-1 h3,
#page\#11-0-0-1 hr,
#page\#11-0-0-1 a,
#page\#11-0-0-1 button,
#page\#11-0-0-1 p:first-child {
	display: none;
}

#page\#11-0-0-1 h1 {
	font-size: 1em;
	padding: 0;
	padding-bottom: 30px;
	margin: 0px 0px;
	text-align: justify!important;
	font-weight: bold;
	text-transform: uppercase;
}

#page\#11-0-0-1 p {
	margin-top: 5px;
}

#page\#11-0-0-1 .newsflash > li {
	max-height: 16vw;
	overflow: hidden;
}

@media screen and (max-width: 800px) {
	#page\#11-0-0-1 .newsflash > li {
		max-height: 54vw;
		text-align: center;
		width: 100%;
	}
	#page\#11-0-0-1 img {
		width: 100%;
	}
	#page\#11-0-0-1 .newsflash h1 {
		border-top: 2px solid white;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 500px) {
	#page\#11-0-0-1 .newsflash > li {
		max-height: 60vw;
	}
}

#page\#13-0-0-0 {
	padding-bottom: 40px;
}


div#page\#3 {
	padding-top: 20px;
    padding-bottom: 20px;

}




a.el-content.uk-button.uk-button-primary {
    background-color: #ecb34f;
    color: #584211;
}

a.el-content.uk-button.uk-button-primary:hover {
    background-color: #603a17;
}




#boardprice{width:100%;display:table;background-color:#f5f6f8;}



.boardprice div.item {
    background: rgb(255,255,255);
    background: linear-gradient(91deg, #f5f5f5 0%, rgb(237 237 237) 100%);
    float: right;
    max-width: 40%;
    margin: 0 5% 5%;
	height:92px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    position: relative;
}

.boardprice div.item div.price {
    margin-top: 40px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}


.boardprice div.item h4{margin:0px;padding:5px;position: absolute;z-index:3;top:2px;right:2px;}
.boardprice div.item h5 {
    margin: 0px;
    position: absolute;
    text-align: left;
    left: -3px;
    top: 1px;
	z-index:2;
    font-size: 30px;
    text-transform: capitalize;
    color: #dfdfdf;
}

.boardprice div.item p {
    margin: 0px;
    padding: 5px;
    text-align: left;
    text-transform: capitalize;
    color: #cfcfcf;
}

.boardprice div.item div.lastupdate {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 10px;
    color: #878787;
}

.boardprice div.item h4::before {
	content:"";
    width: 7px;
    height: 7px;
    overflow: hidden;
    margin: 5px;
    vertical-align: -1px;
    display: inline-block;
    border-radius: 50%;
    background-clip: padding-box;
    background: url({THEME}/images/green-blinker.gif) no-repeat;
}

.tm-toolbar .uk-subnav>*>:first-child {
    font-size: 11px;
    letter-spacing: 0px;
    color: #b4b5ba;
}

    .logos img{position:relative;margin:0px auto;border:none;}
.logos span{display:none;font-size: 1em; text-align:center;}
.logos:hover  span{display:block;}
.logo-carousel img{filter: grayscale(100%);}
.logo-carousel img:hover{filter: grayscale(0);}
    .logo{display: block !important;float: right;margin-right: 25%;margin-left: 25%;width: 50%;top: auto;left: auto;bottom: auto;}
    .logo img{width:100%;}
@media only screen and (min-width : 775px) {
    .logo img {width:150px; float:left;}
    .logo{float: left; height: 50px;  position: absolute; top: 33px; left: 0px; bottom: 0px;}
    }
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
    opacity:1;
    font-family: 'vazir', tahoma;
}

/* Tooltip text */
.tooltip .tooltiptext {
    font-size: 0.8em;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: relative;
    z-index: 2000;
    opacity: 0.8;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #010101 transparent;
}    

.slidertxt{
	display: block;
    position: absolute;
    bottom: 10%;
    padding: 20px;
    border-radius: 5px;
    margin-right: 10px;
    width: 10%;
    }
.slidertxt h2{
	font-size: 3em;
    font-weight: 900;
    color: #e9e9e9;
    text-shadow: 2px 2px 4px black;
}


.slidertxt span{
    max-width: fit-content;
    background: #3f3f3f85;
    color: white;
    text-shadow: 1px 1px black;
    padding: 3px 10px;
    max-height: 150px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    font-weight: 500;
    font-size: 1.1em;


}
    .productcard{
	width: 41%;
    float: right;
    margin: 0 0 1% 1%;
    position: relative;
    color: black;
    border: 1px solid #d2d2d2;
    min-height: 300px;
    display: inline-block;
    }
@media (max-width:600px){
.productcard{
	width: 100%;
    }
}
    .product{
    display: block;
    overflow: hidden;
    border-radius: 1px;
        text-decoration: none;
        color: #109bc5;
    }
    .thumbnail_container{
    display: block;
    position: relative;
    overflow: hidden;
        transition: all linear 0.3s;
    }
    .thumbnail_container img{
    display: block;
    position: relative;
    overflow: hidden;
    transition: all linear 0.3s;
    padding: 10px;
    border-bottom: 1px solid grey;
        width: 100%;
	max-height: 239px;
    object-fit: cover;
    object-position: center;        
    }
    .inner_product_header{
    padding: 10px 15px 15px;
    clear: both;
    position: relative;
    border-top-style: solid;
    border-top-width: 1px;
    min-height: 91px;
            border-color: #e1e1e1;
    }
	.product_title{
		min-height: 130px;
	}
    .product_title h2{
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0;
    min-height: 50px;
    padding: 10px;
	}
    .cart_buttons{
    background-color: #7777774f;
    border-color: #7777774f;
    border-top-width: 1px;
    border-top-style: solid;
    padding: 10px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    position: absolute;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    color: black;
        bottom: 0;
    }
.form-control {
  border: none;
  background: #f3f3f3; }
  .form-control:active, .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #000;
    background: #f3f3f3; }

.col-form-label {
  color: #000; }

.btn, .form-control, .custom-select {
  height: 50px; }

.custom-select:active, .custom-select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000; }

.btn {
  border: none;
  border-radius: 4px !important; }
  .btn.btn-primary {
    background: #000;
    color: #fff;
    padding: 15px 20px; }
  .btn:hover {
    color: #fff; }
  .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.box {
  padding: 40px;
  background: #fff;
  -webkit-box-shadow: -30px 30px 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: -30px 30px 0px 0 rgba(0, 0, 0, 0.08); }
  .box h3 {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center; }

label.error {
  font-size: 12px;
  color: red; }

#message {
  resize: vertical; 
    min-height: 200px;
    }

#form-message-warning, #form-message-success {
  display: none; }

#form-message-warning {
  color: #B90B0B; }

#form-message-success {
  color: #55A44E;
  font-size: 18px;
  font-weight: bold; }

.submitting {
  float: left;
  width: 100%;
  padding: 10px 0;
  display: none;
  font-weight: bold;
  font-size: 12px;
  color: #000; }

#feedback  .c-captcha {   
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    }
.dbox .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #46b5d1;
    margin: 0 auto;
    margin-bottom: 20px;
} 
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
    .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
    .dbox .text {
    width: 100%;
}
    .dbox p {
    margin-bottom: 0;
}
    .dbox p span {
    font-weight: bold;
    color: #000;
        display: block;
}
.dbox p a {
    color: #46b5d1;
}
    .dbox .icon span {
    font-size: 20px;
    color: #fff;
}
.infobox{
    text-align: center;
    max-width: 600px;
    margin: 30px auto !important;
    line-height: 2em;
    padding: 20px !important;
    font-weight: 500;
    font-family: 'iransansxv';
    direction: rtl;
    color: #00466c !important;
    background-color: #00466c1f !important;
    border-right: 5px solid #00466c !important;
}
.infobox i{
display: block;
    font-size: 3em;
    color: darkorange;
    margin-bottom: 20px;

}