/* slick */
.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 img{display:block}.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}
/* slick-theme */

/*Fonts*/
@font-face{font-family:IRANSans;font-display: swap;font-style:normal;font-weight:700;src:url(../fonts/IRANSans/eot/IRANSansWeb_Bold.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_Bold.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_Bold.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_Bold.ttf) format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-display: swap;font-weight:500;src:url(../fonts/IRANSans/eot/IRANSansWeb_Medium.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_Medium.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_Medium.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_Medium.ttf) format("truetype")}@font-face{font-family:IRANSans;font-display: swap;font-style:normal;font-weight:300;src:url(../fonts/IRANSans/eot/IRANSansWeb_Light.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_Light.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_Light.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_Light.ttf) format("truetype")}@font-face{font-family:IRANSans;font-display: swap;font-style:normal;font-weight:200;src:url(../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb_UltraLight.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb_UltraLight.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb_UltraLight.ttf) format("truetype")}@font-face{font-family:IRANSans;font-display: swap;font-style:normal;font-weight:400;src:url(../fonts/IRANSans/eot/IRANSansWeb.eot);src:url(../fonts/IRANSans/eot/IRANSansWeb.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANSans/woff2/IRANSansWeb.woff2) format("woff2"),url(../fonts/IRANSans/woff/IRANSansWeb.woff) format("woff"),url(../fonts/IRANSans/ttf/IRANSansWeb.ttf) format("truetype")}@font-face{font-family:IRANSansDigit;font-display: swap;font-style:normal;font-weight:400;src:url(../fonts/IRANSans/woff/IRANSansWebFaNum.woff) format("woff");src:url(../fonts/IRANSans/ttf/IRANSansWebFaNum.ttf) format("truetype")}@font-face{font-family:IRANSansDigit;font-display: swap;font-style:normal;font-weight:700;src:url(../fonts/IRANSans/woff/IRANSansWebFaNum_Bold.woff) format("woff");src:url(../fonts/IRANSans/ttf/IRANSansWebFaNum_Bold.ttf) format("truetype")}@font-face{font-family:IRANSansDigit;font-display: swap;font-style:normal;font-weight:400;src:url(../fonts/IRANSans/woff/IRANSansWebFaNum_Medium.woff) format("woff");src:url(../fonts/IRANSans/ttf/IRANSansWebFaNum_Medium.ttf) format("truetype")}@font-face{font-family:IRANSansDigit;font-display: swap;font-style:normal;font-weight:300;src:url(../fonts/IRANSans/woff/IRANSansWebFaNum_Light.woff) format("woff");src:url(../fonts/IRANSans/ttf/IRANSansWebFaNum_Light.ttf) format("truetype")}@font-face{font-family:IRANSansDigit;font-display: swap;font-style:normal;font-weight:200;src:url(../fonts/IRANSans/woff/IRANSansWebFaNum_UltraLight.woff) format("woff");src:url(../fonts/IRANSans/ttf/IRANSansWebFaNum_UltraLight.ttf) format("truetype")}@font-face{font-family:iranyekan;font-display: swap;font-style:normal;font-weight:700;src:url(../fonts/IRANYekan/eot/iranyekanwebbold.eot);src:url(../fonts/IRANYekan/eot/iranyekanwebbold.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANYekan/woff2/iranyekanwebbold.woff2) format("woff2"),url(../fonts/IRANYekan/woff/iranyekanwebbold.woff) format("woff"),url(../fonts/IRANYekan/ttf/iranyekanwebbold.ttf) format("truetype")}@font-face{font-family:iranyekan;font-display: swap;font-style:normal;font-weight:300;src:url(../fonts/IRANYekan/eot/iranyekanweblight.eot);src:url(../fonts/IRANYekan/eot/iranyekanweblight.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANYekan/woff2/iranyekanweblight.woff2) format("woff2"),url(../fonts/IRANYekan/woff/iranyekanweblight.woff) format("woff"),url(../fonts/IRANYekan/ttf/iranyekanweblight.ttf) format("truetype")}@font-face{font-family:iranyekan;font-display: swap;font-style:normal;font-weight:400;src:url(../fonts/IRANYekan/eot/iranyekanwebregular.eot);src:url(../fonts/IRANYekan/eot/iranyekanwebregular.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANYekan/woff2/iranyekanwebregular.woff2) format("woff2"),url(../fonts/IRANYekan/woff/iranyekanwebregular.woff) format("woff"),url(../fonts/IRANYekan/ttf/iranyekanwebregular.ttf) format("truetype")}@font-face{font-family:IRANYekanDigit;font-display: swap;font-style:normal;font-weight:400;src:url(../fonts/IRANYekan/woff/iranyekanwebregular(fanum).woff) format("woff");src:url(../fonts/IRANYekan/ttf/iranyekanwebregular(fanum).ttf) format("truetype")}@font-face{font-family:IRANYekanDigit;font-display: swap;font-style:normal;font-weight:300;src:url(../fonts/IRANYekan/woff/iranyekanweblight(fanum).woff) format("woff");src:url(../fonts/IRANYekan/ttf/iranyekanweblight(fanum).ttf) format("truetype")}@font-face{font-family:IRANYekanDigit;font-display: swap;font-style:normal;font-weight:700;src:url(../fonts/IRANYekan/woff/iranyekanwebbold(fanum).woff) format("woff");src:url(../fonts/IRANYekan/ttf/iranyekanwebbold(fanum).ttf) format("truetype")}@font-face{font-family:roboto;font-display: swap;font-style:normal;font-weight:700;src:url(../fonts/IRANYekan/eot/robotobold.eot);src:url(../fonts/IRANYekan/eot/robotobold.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANYekan/woff2/robotobold.woff2) format("woff2"),url(../fonts/IRANYekan/woff/robotobold.woff) format("woff"),url(../fonts/IRANYekan/ttf/robotobold.ttf) format("truetype")}@font-face{font-family:roboto;font-display: swap;font-style:normal;font-weight:300;src:url(../fonts/IRANYekan/eot/robotolight.eot);src:url(../fonts/IRANYekan/eot/robotolight.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANYekan/woff2/robotolight.woff2) format("woff2"),url(../fonts/IRANYekan/woff/robotolight.woff) format("woff"),url(../fonts/IRANYekan/ttf/robotolight.ttf) format("truetype")}@font-face{font-family:roboto;font-display: swap;font-style:normal;font-weight:400;src:url(../fonts/IRANYekan/eot/robotoregular.eot);src:url(../fonts/IRANYekan/eot/robotoregular.eot?#iefix) format("embedded-opentype"),url(../fonts/IRANYekan/woff2/robotoregular.woff2) format("woff2"),url(../fonts/IRANYekan/woff/robotoregular.woff) format("woff"),url(../fonts/IRANYekan/ttf/robotoregular.ttf) format("truetype")}.yekan-digit{font-family:IRANYekanDigit}.sans-digit{font-family:IRANSansDigit}
/*Paging*/
.pagination a,.pagination span{display:inline-block;color:#999;padding:5px 15px;border:1px solid #ddd;margin:0 2px;vertical-align:bottom}.pagination .current{background:#E34E48;color:#fff}.pagination a:hover{color:#E34E48;background-color:#eee}
/*Reset*/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
/*Viewbox*/
.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:700}.viewbox-body{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);-moz-box-shadow:0 0 10px rgba(0,0,0,0.6);box-shadow:0 0 10px rgba(0,0,0,0.6);overflow:auto}.viewbox-header{padding:10px 0 0;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.viewbox-content{margin:10px;width:300px;height:300px}.viewbox-footer{padding:0 0 10px;margin:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.viewbox-content .viewbox-image{width:100%;height:100%}.viewbox-button-default{cursor:pointer;height:64px;width:64px}.viewbox-button-default > svg{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0px)}.viewbox-button-default{fill:#999}.viewbox-button-default:hover{fill:#fff}.viewbox-button-close{position:absolute;top:10px;right:10px;z-index:9}.viewbox-button-full-screen{position:absolute;top:84px;right:10px;z-index:9}.viewbox-button-next,.viewbox-button-prev{position:absolute;top:50%;height:128px;width:128px;margin:-64px 0 0;z-index:9}.viewbox-button-next{right:10px}.viewbox-button-prev{left:10px}@media (max-width: 480px){.viewbox-button-close{top:0;right:0}.viewbox-button-next,.viewbox-button-prev{height:81px;width:81px;margin-top:-40px}.viewbox-button-next{right:-15px}.viewbox-button-prev{left:-15px}}.viewbox-container .loader{widows:100%;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px}.viewbox-container .loader *{margin:0;padding:0}.viewbox-container .loader .spinner{width:50px;height:50px;position:relative;margin:0 auto}.viewbox-container .loader .double-bounce1,.viewbox-container .loader .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#999;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.viewbox-container .loader .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframes sk-bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}50%{transform:scale(1.0);-webkit-transform:scale(1.0)}}
/*icon*/
@charset "UTF-8";[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before{font-family:blank!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:blank;font-display: swap;src:url(../fonts/blank.eot);src:url(../fonts/blank.eot?#iefix) format("embedded-opentype"),url(../fonts/blank.woff) format("woff"),url(../fonts/blank.ttf) format("truetype"),url(../fonts/blank.svg#blank) format("svg");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}.icon-android-add:before{content:"\61"}.icon-android-arrow-back:before{content:"\62"}.icon-android-arrow-down:before{content:"\63"}.icon-android-arrow-up:before{content:"\64"}.icon-android-arrow-forward:before{content:"\65"}.icon-alert-circled:before{content:"\66"}.icon-android-attach:before{content:"\67"}.icon-android-checkbox:before{content:"\68"}.icon-android-call:before{content:"\69"}.icon-android-camera:before{content:"\6a"}.icon-android-close:before{content:"\6b"}.icon-android-done:before{content:"\6c"}.icon-android-create:before{content:"\6d"}.icon-android-film:before{content:"\6e"}.icon-android-favorite:before{content:"\6f"}.icon-android-more-horizontal:before{content:"\70"}.icon-android-more-vertical:before{content:"\71"}.icon-android-home:before{content:"\72"}.icon-android-mail:before{content:"\73"}.icon-android-people:before{content:"\74"}.icon-android-person:before{content:"\75"}.icon-android-send:before{content:"\76"}.icon-android-pin:before{content:"\77"}.icon-android-menu:before{content:"\78"}.icon-android-search:before{content:"\79"}.icon-android-print:before{content:"\7a"}.icon-android-remove:before{content:"\41"}.icon-android-options:before{content:"\42"}.icon-android-map:before{content:"\43"}.icon-android-folder:before{content:"\44"}.icon-android-arrow-dropup:before{content:"\45"}.icon-android-arrow-dropright:before{content:"\46"}.icon-android-arrow-dropdown:before{content:"\47"}.icon-android-arrow-dropleft:before{content:"\48"}.icon-android-share-alt:before{content:"\49"}.icon-android-time:before{content:"\4a"}.icon-image:before{content:"\4b"}.icon-images:before{content:"\4c"}.icon-flame:before{content:"\4d"}.icon-navicon:before{content:"\4e"}.icon-social-linkedin:before{content:"\4f"}.icon-social-rss:before{content:"\50"}.icon-social-googleplus-outline:before{content:"\51"}.icon-social-whatsapp:before{content:"\52"}.icon-social-twitter:before{content:"\53"}.icon-ios-arrow-down:before{content:"\54"}.icon-ios-arrow-left:before{content:"\55"}.icon-ios-arrow-right:before{content:"\56"}.icon-ios-arrow-up:before{content:"\57"}.icon-help:before{content:"\58"}
/*Public*/
.pointer{cursor: pointer}.box-shadow{box-shadow: 1px 1px 5px 0 #b5b5b5;}a{text-decoration:none}.container{width:1200px;margin:0 auto}.container-fluid{width:100%}.min-height{min-height:580px}.pull-right{float:right}.pull-left{float:left}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.iransans{font-family:IRANSans}.iranyekan{font-family:iranyekan}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray{background-color:#f2f2f2}.color-white{color:#fff}.color-black{color:#000}.color-gray{color:gray}.bold{font-weight:700}.font-w300{font-weight:300}.font-w200{font-weight:200}.font-s8{font-size:8px}.font-s9{font-size:9px}.font-s10{font-size:10px}.font-s11{font-size:11px}.font-s12{font-size:12px}.font-s13{font-size:13px}.font-s14{font-size:14px}.font-s15{font-size:15px}.font-s17{font-size:17px}.font-s18{font-size:18px}.font-s19{font-size:19px}.font-s20{font-size:20px}.font-s21{font-size:21px}.font-s22{font-size:22px}.font-s23{font-size:23px}.font-s24{font-size:24px}.font-s25{font-size:25px}.font-s30{font-size:30px}.font-s35{font-size:35px}.font-s40{font-size:40px}.font-s45{font-size:45px}.font-s50{font-size:50px}.font-s60{font-size:60px}.font-s70{font-size:70px}.font-s80{font-size:80px}.font-w200{font-weight:200}.font-w300{font-weight:300}.font-w500{font-weight:500}.hide{display:none}.show{display:block}.responsive img{width:100%;height:auto}.responsive2 img{width:auto;height:100%}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.margin-auto{margin:0 auto}.overflow{overflow:hidden}.vertical:before,img{vertical-align:middle}.pad-5{padding:5px}.pad-10{padding:10px}.pad-15{padding:15px}.pad-20{padding:20px}.pad-25{padding:25px}.pad-30{padding:30px}.pad-35{padding:35px}.pad-40{padding:40px}.pad-t5{padding-top:5px}.pad-t10{padding-top:10px}.pad-t15{padding-top:15px}.pad-t20{padding-top:20px}.pad-t25{padding-top:25px}.pad-t30{padding-top:30px}.pad-t35{padding-top:35px}.pad-t40{padding-top:40px}.pad-r5{padding-right:5px}.pad-r10{padding-right:10px}.pad-r15{padding-right:15px}.pad-r20{padding-right:20px}.pad-r25{padding-right:25px}.pad-r30{padding-right:30px}.pad-r35{padding-right:35px}.pad-r40{padding-right:40px}.pad-l5{padding-left:5px}.pad-l10{padding-left:10px}.pad-l15{padding-left:15px}.pad-l20{padding-left:20px}.pad-l25{padding-left:25px}.pad-l30{padding-left:30px}.pad-l35{padding-left:35px}.pad-l40{padding-left:40px}.pad-b5{padding-bottom:5px}.pad-b10{padding-bottom:10px}.pad-b15{padding-bottom:15px}.pad-b20{padding-bottom:20px}.pad-b25{padding-bottom:25px}.pad-b30{padding-bottom:30px}.pad-b35{padding-bottom:35px}.pad-b40{padding-bottom:40px}.pad-b50{padding-bottom:50px}.spacer-t5{margin-top:5px}.spacer-t10{margin-top:10px}.spacer-t15{margin-top:15px}.spacer-t20{margin-top:20px}.spacer-t25{margin-top:25px}.spacer-t30{margin-top:30px}.spacer-t35{margin-top:35px}.spacer-t40{margin-top:40px}.spacer-t50{margin-top:50px}.spacer-b5{margin-bottom:5px}.spacer-b10{margin-bottom:10px}.spacer-b15{margin-bottom:15px}.spacer-b20{margin-bottom:20px}.spacer-b25{margin-bottom:25px}.spacer-b30{margin-bottom:30px}.spacer-b35{margin-bottom:35px}.spacer-b40{margin-bottom:40px}.radius-2{border-radius:2px}.radius-3{border-radius:3px}.radius-5{border-radius:5px}.radius-10{border-radius:10px}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}
.font-w5{
    font-weight: 500;
}
/* ---------- Header ------------ */
.color1 {
    color: #5f1a8b;
}
.line-height{
    line-height: 2;
}
.bg-footer {
    background: #000;
    background-size: cover;
    width: 100%;
}
.margin-b10 {
    margin-bottom: 10px;
}
.pad-t3 {
    padding-top: 3px;
}
.border-r5,.border-img-r5 img{
    border-radius: 5px;
}
.header-input input {
    border: 1px solid #cfcfcf;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: iransans;
    border-radius: 15px;
    padding: 5px 30px;
    position: relative;
}
.search-header{
    background: #fff;
    border: #fff;
    font-size: 17px;
    position:absolute;
    top:4px;
    right: 1px;
    border-radius: 25px;
}
.header-border {
    border-bottom: 1px solid #d3d3d3;

}
.header-tel {
    color: #aaa8ab;
}
.box-header-tel {
    text-align: left;
    font-family: iransansdigit;
}
.number-tel {
    padding-top: 8px;
}
.header-tell-ico {
    position: absolute;
    top: -1px;
    left: -8px;
}
.menu-item {
    display: inline-block;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    position: relative;
    font-weight: 500;
    list-style:none inside;
}
.menu-item:hover .sub-menu {
    display: block;
    transition: 2s;
}
.menu-item a {
    color: #000;
    font-weight: 500;
    font-family: 'IRANSans';
}
.menu-item a:hover {
    color: #e01e1e;
    font-weight: 500;
    font-family: 'IRANSans';
}
.sub-menu {
    display: none;
    position: absolute;
    top: 44px;
    right: -4px;
    background: #fff;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    box-shadow: 0px 0px 4px 0px #8b8888;
    text-shadow:0px 0px 4px 0px #8b8888;
    z-index: 9999;
    transition: .75s;

}
.filter-archive{
    border: 1px solid #ccc;
    border-radius: 7px;
    position: static;
    font-size: 15px;
    text-align: justify;
}
.sub-menu li {
    width: 140px;
    padding-left: 0;
    padding-bottom: 10px;
}
.sub-menu li a {
    color: #5c1de6;
    font-size: 15px;
    font-weight: 500;
}
.sub-menu li a:hover {
    color: #e01e1e;
}
.sub-menu ul{
    display: none;
    position: absolute;
    top: 14px;
    right: 140px;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    box-shadow: 0px 0px 4px 0px #8b8888;
    text-shadow:0px 0px 4px 0px #8b8888;
    z-index: 9999; 
}

/*============menu mobile ===============*/
.mobile-menu ul{
    font-size: 15px;
    color: #000;
}
.mobile-menu ul li a {
	display: block;
	padding: 5px 17px;
    color: #000;
    font-weight: 500;
    font-family: 'IRANSans';
    text-shadow: 0px 0px 4px #ccc;
    text-decoration: none;
    font-size: 17px;
    border-radius: 10px;
}
.mobile-menu ul li ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	right: 0px;
    background: #efefef;
    z-index: 1;
    padding-right: px;

}
.mobile-menu ul  li ul li{
	float: none;
	position: relative;
    z-index: 1;   
}
.mobile-menu ul li ul li a {
	padding: 5px 4px;
	color: rgb(22, 3, 3);
}	
.mobile-menu ul ul li a:hover {
	background: #6de7e1;
    color: #fff;

}
.mobile-menu ul:after {
	content: "";
	clear: both;
	display: block;
}
.mobile-menu ul li:hover a {
	color: red;
    font-weight: 500;
    font-family: 'IRANSans';
    text-shadow: 0px 0px 4px #ccc;
    font-size: 17px;
}
.mobile-menu ul li:hover > ul {
	display: block;
    border-radius: 10px;
}
.mobile-menu ul {
	list-style: none;
	position: relative;
}
.mobile-menu ul ul {
	display: none;
}
.text-mobile{
    font-size: 15px;
    font-weight: 500;
    text-shadow: 2px 0px 3px #BDB76B;
}







#menu-item li:hover ul ul {display:none;} /* hides sub-sublists */
#menu-item li:hover ul {display:block;} /* shows sublist on hover */
#menu-item li li:hover ul {
display:block; /* shows sub-sublist on hover */
margin-left:200px; /* this should be the same width as the parent list item */
margin-top:-35px; /* aligns top of sub menu with top of list item */
}
/* .header-submenu {
    position: absolute;
    top: 44px;
    right: -4px;
    background: #eee;
    color: #a65fa3;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    transition: 2s;
}
.header-men ul li.header-submenu ul li {
    font-weight: 500;
    transition: 2s;  
} */
.header-logo {
    max-width: 65px;
    object-fit: scale-down;
    margin-top: -6px;
}
.total-header {
    box-shadow: 0px -14px 26px #000;
    top: 0;
    background: #fff;
    z-index: 9999;
    position: -webkit-sticky;
    position: sticky;
}
.logo-khatam{
	text-align:center;
}
.logo-iran{
	text-align:center;
}
.logo-mihan{
	text-align:center;
}
.logo-iralco{
	text-align:center;
}
.logo-golgohar{
	text-align:center;
}
.logo-sipa{
	text-align:center;
}
.logo-shop{
		text-align:center;

}
.text-moshtar{
	font-size:22px;
	font-weight:500;
		color:#ccc;
}

/* ---------- slider-top ------------ */

.social-media-instagram {
    position: fixed;
    bottom: 10%;
    left: 5px;
    z-index: 999;
    padding: 5px;


}
.slider-title {
    position: absolute;
    top: 20%;
    right: 20%;
    background: linear-gradient(0deg, rgb(46 56 177 / 72%) 0%, rgb(172 86 175 / 48%) 100%);
    padding: 35px 20px;
    border-radius: 7px;
    color: #FFF;
    box-shadow: 1px 1px 4px 1px #c3c3c3;
    height: 100px;
    width: 250px;
    margin: auto
}

.image-sliderr img{
    height: 300px;
}

/* ---------- Index ------------ */
body {
    font-family: iransans;
}
/* ---------- content-top ----------- */

.content-top-box {
    box-shadow: 0px 2px 4px 2px #e9e9e9;
    border-radius: 7px;
    height: 390px;
    transition: 0.5s;
}
.content-top-box:hover {
    box-shadow: 0px 2px 4px 1px #9f9e9e;
}
.content-top-title {
    text-align: justify;
    height: 22px;
    overflow: hidden; 
}
.total-content-top::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 2px;
    background: #ce8591;
    width: 30px;
    height: 3px;
}
.content-top-excerpt {
    height: 67px;
    overflow: hidden;
    text-align: justify;
}
.content-top-box-img {
    max-height: 180px;
}
.content-top-box-img img {
    object-fit: contain;
    width: 100%;
    height: 180px;
}
.articles::after {
    position: absolute;
    content: "";
    top: 16px;
    right: 100px;
    width: calc(100% - 110px);
    height: 2px;
    background: #cc8490;
}
.read-more a {
    font-size: 12px;
    font-family: iransans;
    background: linear-gradient(0deg,#2e3eb1 0%,#ac3eaf 100%);
    border: none;
    border-radius: 15px;
    padding: 5px 15px;
    color: #FFF;
}
/* ---------- content-portfolio ------------ */
.portfolio::after {
    position: absolute;
    content: "";
    top: 16px;
    right: 180px;
    width: calc(90% - 141px);
    height: 2px;
    background: #cc8490;
}
.zzz{
    position: relative;
}
/* .xxx::after {
    position: absolute;
    content: "";
    top: 440px;
    right: 133px;
    width: calc(100% - 141px);
    height: 2px;
    background: #cc8490;
} */
.content-portfolio-img {
    max-height: 180px;
    
}
.content-portfolio-img img {
    object-fit: cover;
    width: 100%;
    height: 180px;
    transition: 1s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border-radius: 7px;
}
.content-portfolio-box:hover .content-portfolio-img img {
    /* filter: brightness(50%); */
    filter: none;
}
.content-portfolio-box {
    padding: 0;
    box-shadow: none;
    z-index: 1;
}
.content-portfolio-img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 86px;
    width: 110px;
    height: 2px;
    background: #bfbfbf;
    z-index: 9999;
    transition: 0.5s;
}
.content-portfolio-img::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 86px;
    width: 110px;
    height: 2px;
    background: #bfbfbf;
    z-index: 9999;
    transition: 0.5s;
}
.content-portfolio-box:hover .content-portfolio-img::after {
    background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
    transition: 1s;
}
.content-portfolio-box:hover .content-portfolio-img::before {
    background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
    transition: 1s;
}
.portfolio-ico {
    position: absolute;
    bottom: 33px;
    right: 42%;
    background: #ffffff;
    border-radius: 53px;
    padding: 10px;
    width: 50px;
    z-index: 9999;
}
.portfolio-ico img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: 0.5s;
}
.content-portfolio-box:hover .portfolio-ico img {
    filter: none;
    transition: 0.5s;
    transform: scale(1.1);
}
.portfolio-title {
    opacity: 0.5;
    transition: 0.5s;
}
.content-portfolio-box:hover .portfolio-title {
    opacity: 1; 
    transition: 0.5s;
}

/* ---------- content-product ------------ */




.product::after {
    position: absolute;
    content: "";
    top: 16px;
    right: 133px;
    width: calc(100% - 141px);
    height: 2px;
    background: #ff0000;
}
.zzz{
    position: relative;
}
.xxx::after {
/*     position: absolute;
    content: "";
    top: 16px;
    right: 133px;
    width: calc(100% - 141px);
    height: 2px;
    background: #cc8490; */
}
.content-product-img {
    max-height: 180px;
    
}
.content-product-img img {
    object-fit: cover;
    width: 100%;
    height: 180px;
    transition: 1s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border-radius: 7px;
}
.content-product-box:hover .content-portfolio-img img {
    /* filter: brightness(50%); */
    filter: none;
}
.content-product-box {
    padding: 0;
    box-shadow: none;
    z-index: 1;
	border: 1px solid #ccc;
    border-radius: 10px 10px 10px 10px;
	height: 430px;
}
.content-product-img::before {
    content: "";
    position: absolute;
    top: 0;
    right: 86px;
    width: 110px;
    height: 2px;
    background: #bfbfbf;
    z-index: 9999;
    transition: 0.5s;
}
.content-product-img::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 86px;
    width: 110px;
    height: 2px;
    background: #ff0000;


}
.content-product-box:hover .content-portfolio-img::after {
    background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
    transition: 1s;
}
.content-product-box:hover .content-portfolio-img::before {
    background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c);
    transition: 1s;
}
.product-ico {
    position: absolute;
    bottom: 33px;
    right: 42%;
    background: #ffffff;
    border-radius: 53px;
    padding: 10px;
    width: 50px;
    z-index: 9999;
}
.product-ico img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: 0.5s;
}
.content-product-box:hover .portfolio-ico img {
    filter: none;
    transition: 0.5s;
    transform: scale(1.1);
}
.product-title {
	height: 67px;
    overflow: hidden;
	padding: 10px;
    font-size: 18px;
}
.product-content {
	height:99px;
	overflow:hidden;
	font-size:16px;
	text-align:justify;
	padding:15px;
}
.content-product-box:hover .portfolio-title {
    opacity: 1; 
    transition: 0.5s;
}
.filter-archive{
    border: 1px solid #ccc;
    border-radius: 7px;
    position: static;
    font-size: 15px;
    text-align: justify;
}
.border-price {
    height: 2px;
    background: gold;
    border-radius: 2px;
    width: 60%;
	position: absolute;
    right: 22%;
}
.product-content-price{
	font-size:17px;
	color:gold;
}
.toman{
	color:#000;
	position:absolute;
	bottom:40px;
	left:28%;
	font-size:17px;
	font-weight:500;
}
.bottom-price{
	width:100px;
	height:25px;
	background:#000;
	border:1px solid #ccc ;
	border-radius:10px;
	color:#fff;
	font-size:16px;
	font-weight:500;
}
.bottom-price {
    width: 144px;
    height: 28px;
    background: red;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #000;
    font-size: 17px;
    font-weight: 500;
	position: absolute;
    left: 62px;
}



/* ---------- content-bottom ------------ */

.content-bottom-img img {
    object-fit: contain;
    max-height: 300px;
    width: 100%;
}
.content-bottom-title {
    padding-top: 40px;
    width: 100%;
}
.bottom-title-box {
    height: 460px;
    /* background: url(../images/95000.jpg) no-repeat;
     opacity: 0.2; 
    background-size: contain; */
}
.content-bottom-excerpt {
    /* overflow: hidden; */
}

/* ---------- content-consulting ------------ */

.consulting-form form input {
    font-family: iransans;
    display: block;
    outline: none;
    border: 1px solid #d1d1d1;
    background: linear-gradient(0.25turn, #b3bfc5, #fff7fd, #efefef);
    border-radius: 15px;
    padding: 5px 20px;
    box-shadow: 0px 2px 4px 0px #cfcfcf;
    margin: auto;
    margin-bottom: 10px;
    font-size: 13px;
}
.consulting-form form button {
    font-family: iransans;
    background: linear-gradient(0deg,#2e3eb1 0%,#ac3eaf 100%);
    border: 1px solid #e3e3e3;
    padding: 5px 20px;
    font-size: 16px;
    width: 190px;
    border-radius: 20px;
    color: #fff;
    margin-top: 10px;
}
.consulting-form {
    background: #ffffff;
    width: 400px;
    box-shadow: 0px 0px 2px 1px #dfdfdf;
    padding: 20px;
    border-radius: 20px;
    margin: auto;
    text-align: center;
}
.total-consulting {
    margin: auto;
}

/* ---------- Archive ------------ */
.archive-title span {
    font-weight: 500;
}
/* .archive-title::after {
    position: absolute;
    content: "";
    top: 13px;
    right: 300px;
    width: calc(85% - 190px);
    height: 2px;
    background: #cc8490;
} */

/* ---------- Single ------------ */
.single-menu {
    box-shadow: 0px 0px 4px 1px #cfcfcf;
}
.single-border {
    border-bottom: 1px dotted #a3a3a3;
}
.single-menu li {
    border-bottom: 1px dotted #a3a3a3;
    padding-bottom: 10px;
    padding-top: 10px;
}
.single-menu li a {
    font-size: 12px;
    color: #000;
    font-weight: 500;
}
.single-article {
    color: #2e3eb1;
}


/* ---------- contact-us ------------ */
.contact-us-ico a img {
    transition: 0.5s;
}
.contact-us-ico a:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.box-contact-us {
    box-shadow: 0px 0px 2px 1px #dfdfdf;
    border-radius: 20px;
}

/* ---------- Page ------------ */

/* ---------- Comment ------------ */


/* ---------- Footer ------------ */
/*  .scrollToTop{
    background:linear-gradient(0deg,#2e3eb1 0%,#ac3eaf 100%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
    height: 50px;
    line-height: 50px;
    width: 50px;
    z-index: 100;
    position: fixed;
    right: 24px;
    bottom: 24px;
    transition: all 0.4s ease 0.1s;
}  */
.footer-bottom{
    background: #BDB76B;
    height: 40px;
    line-height: 40px;
	position:fixed;
	bottom:0;
	z-index:9999;
	width:100%;
	text-align:center;
}
.footer-menu ul li {
    display: block;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 13px;
    position: relative;
}
.footer-menu ul li a {
    color: #fff;
    font-weight: 400;
}
.footer-menu-title {
    color: #c98ed7;
}
.footer-address {
    line-height: 30px;
}
/* --------- map-google --------- */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;

}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;

}
/* ---------- public whidth ------------ */
.portfolio-ico-wid{
    width:50px ;
    height: 35px;
}
.article-write{
    width:25px ;
    height: 25px;   
}
.social-icon-wid{
    width:30px ;
    height: 30px; 
}
.social-email-wid{
    width:40px ;
    height: 37px; 
}
.logo-icon{
    width:48px ;
    height: 48px;  
}

/* ---------- 404 ------------ */
.error404 footer,.error404 header{display:none}body.error404{background-color:#2F3242}.error404 svg{position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-400px}.error404 .message-box{height:200px;width:380px;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:50px;color:#FFF;font-weight:300}.error404 .message-box h1{font-size:60px;line-height:46px;margin-bottom:40px}.buttons-con .action-link-wrap{margin-top:40px}.buttons-con .action-link-wrap a{background:#68c950;padding:8px 25px;border-radius:4px;color:#FFF;font-weight:700;font-size:14px;transition:all .3s linear;cursor:pointer;margin-right:10px}.buttons-con .action-link-wrap a:hover{background:#5A5C6C;color:#fff}#Polygon-1,#Polygon-2,#Polygon-3,#Polygon-4,#Polygon-5{animation:float 1s infinite ease-in-out alternate}#Polygon-2{animation-delay:.2s}#Polygon-3{animation-delay:.4s}#Polygon-4{animation-delay:.6s}#Polygon-5{animation-delay:.8s}@keyframes float{100%{transform:translateY(20px)}}@media (max-width: 450px){.message-box,.error404 svg{top:50%;left:50%;margin-left:-190px}.error404 svg{position:absolute;margin-top:-250px}.message-box{margin-top:-100px;text-align:center}}
@charset "UTF-8";.slick-loading 
.slick-list{
    background:#fff url(../ajax-loader.gif) center center no-repeat}
@font-face{
    font-display: swap;
    font-family:'slick';
    font-weight:400;
    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")}  
    .slick-prev,.slick-next{
        font-size:0;
        line-height:0;
        position:absolute;
        top:50%;
        display:block;
        width:0px;
        height:30px;
        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;
        z-index: 1;
    }
    .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{
        position: absolute;
        font-family:'slick';
        font-size:23px;
        line-height:0;
        opacity:.85;
        color:#000;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;   
    }
    .slick-prev{left:15px}[dir='rtl'] 
    .slick-prev{right:15px;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:'←'}
     .slick-dotted.slick-slider{margin-bottom:30px}
     .slick-dots{
         position:absolute;
         bottom:-25px;
         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:0px;
            line-height:20px;
            position:absolute;
            top:0;
            width:10px;
            height:10px;
            content:'•';
            text-align:center;
            opacity:.25;
            color:#000;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
            border-radius: 25px;
            background: #000;
        }
        .slick-dots li.slick-active button:before{opacity:.75;color:#000}



/* **********************************    start     ************************************ */
.image-slider-top{
    height: 600px;
    width: 100%;
}
.image-slider-top img{
    width: 100%;
    height: 600px;
}
.txt-top-slider{
    font-size: 22px;
    font-weight: 500;
    color: #5A5C6C;
    /* text-shadow: 1px 0px 12px #5A5C6C; */
      display: flex;
		align-items:center;
      text-align: center;
	justify-content:center;
    padding-top: 10px; 
}
.txt-top-slider::before,
    .txt-top-slider::after {
      content: '';
      flex: 1;
      border-bottom: 2px solid gray; /* خط صاف و ضخامت ۲px */
}

.txt-top-slider:not(:empty)::before {
      margin-left: 10px;
}

.txt-top-slider:not(:empty)::after {
      margin-right: 10px;
}
.absolute-line-txt{
    height: 3px;
    width: 36px;
    background: #5A5C6C;
    position: absolute;
    right: 37px;
    top: 47px;
    border-radius: 5px;
}
.txt-top-slider-1{
    font-size: 22px;
    font-weight: 500;
    color: #5A5C6C;
    /* text-shadow: 1px 0px 12px #5A5C6C; */
    display: flex;
		align-items:center;
      text-align: center;
	justify-content:center;
    padding-top: 10px;   
}
.txt-top-slider-1::before,
    .txt-top-slider-1::after {
      content: '';
      flex: 1;
      border-bottom: 2px solid gray; /* خط صاف و ضخامت ۲px */
}

.txt-top-slider-1:not(:empty)::before {
      margin-left: 10px;
}

.txt-top-slider-1:not(:empty)::after {
      margin-right: 10px;
}
.absolute-line-txt-1{
    height: 3px;
    width: 36px;
    background: #5A5C6C;
    position: absolute;
    right: 19px;
    top: 49px;
    border-radius: 5px;
}
.darbare-ma-img{
	padding-right:20px;
}
.darbare-ma-img img{
	height:380px;
	
}
.txt-top-slider-2{
    font-size: 22px;
    font-weight: 500;
    color: #5A5C6C;
    /* text-shadow: 1px 0px 12px #5A5C6C; */
   		display: flex;
		align-items:center;
      text-align: center;
	justify-content:center;
    padding-top: 10px;   
}
.txt-top-slider-2::before,
    .txt-top-slider-2::after {
      content: '';
      flex: 1;
      border-bottom: 2px solid gray; /* خط صاف و ضخامت ۲px */
}

.txt-top-slider-2:not(:empty)::before {
      margin-left: 10px;
}

.txt-top-slider-2:not(:empty)::after {
      margin-right: 10px;
}
.absolute-line-txt-2{
    height: 3px;
    width: 36px;
    background: #5A5C6C;
    position: absolute;
    right: 24px;
    top: 48px;
    border-radius: 5px;
}
.mar-0{
    margin: 0 auto;
}
.box-slider-top{
    background: #fff;
    height: 300px;
    box-shadow: 0px 0px 3px 2px #ccc;
    position: relative;
}
.logo-portfilo-box{
    width: 150px;
    height: 150px;
    margin: auto;
    padding-top: 18px;
    transition: .5s;
    display: block;
    height: auto;

}
.logo-portfilo-boxx{
    width: 150px;
    height: 150px;
    margin: auto;
    padding-top: 30px;
    transition: .5s;
    display: block;
    height: auto;

}
.logo-portfilo-box2{
    width: 140px;
    margin: auto;
    font-size: 21px;
    color: #7c7a7a;
    font-weight: 500;
    text-align: center;
    padding-top: 20px;
}
.logo-portfilo-box2 img{
    width: 140px;
    
}
.logo-portfilo-box3{
    width: 90%;
    margin: auto;
    padding-top: 21px;
    font-size: 15px;
    color: #7c7a7a;
    font-weight: 500;
    text-align: center;
}
.overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #BDB76B;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
  }
.absolute-txt {
    white-space: nowrap; 
    color: #fff;
    text-shadow: 2px 2px 1px#7C7A7B;
    font-size: 19px;
    font-weight: 500;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .box-slider-top:hover .overlay {
    bottom: 0;
    height: 20%;
  }
  .box-left-vedio {
    font-size: 16px;
    color: #5A5C6C;
    text-align: center;
    text-align: justify;
    font-weight: 400;
}
.vedio-right{
    width: 90%;
    padding: 15px;

}
.back-web{
background: #000);
    background-size: cover;
    width: 100%;
    height: 300px;
    background-attachment: fixed;
}
.div-back-total{
    margin: 0 auto;
}
.div-back-safa img{
    width: 230px;
    height: 120px;
 
}

.icon-back-web{
    width: 70px;
    height: 70px;
    border-radius: 50px;
    margin: 0 auto;
    background: #000;
}
.icon-back-web img{
    text-align: center;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    margin: 0 auto;
    background: #000;
}

.box-article-web{
    height: 400px;
    text-align: justify;
    border-radius: 20px;
    
}
.box-date-web{
    position: absolute;
    font-size: 13px;
    bottom: 5px;
    right: 10px;
    color: #000000;
    background: #ffed16;
    width: 80px;
    height: 27px;
    text-align: center;
    padding: 3px 0px 0px 0px;
    font-weight: 550;
    border-radius: 10px;

}
.pic-article{
    height: 180px;
    position: relative;

}
.pic-article img{
    height: 180px;
    width: 100%;
    border-radius: 20px 20px 0px 0px;
}
.text-pic-article{
    height: 180px;
    text-align: justify;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 0px 0px 20px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.title-article-web{
    font-size: 17px;
    font-weight: 400;
    color: #222121;
    padding: 4px 20px 0px 20px;
    height: 39px;
    overflow: hidden;
}
.nnumber-article-web{
    font-size: 11px;
    font-weight: 400;
    color: #666161;
    padding: 0px 27px 0px 23px;
    height: 15px;
    overflow: hidden;
}
.content-article-web{
    font-size: 14px;
    font-weight: 500;
    color: #666161;
    padding: 3px 27px 0px 23px;
    height: 71px;
    overflow: hidden;
}
.footer-bottom-2{
    background:#BDB76B;
    height: 50px;
    line-height: 40px;
	position:fixed;
	bottom:0;
	z-index:9999;
	width:100%;
	text-align:center;
    display: block;
    padding-top: 5px;
}

/* category-mobile */
.category-mobile{
    width: 75px;
    height: 75px;
    border-radius: 95px;
    /* border: 1px solid #000; */
    background: #BDB76B;
}

.pad-9 {
    padding: 9px;
}
.sss-55{
    height: 120px;
    width:33.3%;

}
.text-category{
    text-align: right;
    font-size: 14px;
    color: #666161;
    font-weight: 700;
}
.article-write-icon{
    width: 75px;
    height: 75px;
}
.text-footer-mobile a{
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 600;
    transition: .05s;
}
.text-footer-mobile a:hover{
    font-size: 16px;
    color: #5A5C6C;
    text-align: center;
    font-weight: 600;
}