._MA, img{ display:block }
.btn, a{ text-decoration:none }
.flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus, :active, :focus{ outline:0 }
._pointer, .btn-switch__label, .flex-direction-nav a, button{ cursor:pointer }
button{box-shadow:0px 0px 3px 1px rgba(200, 200, 200, 0.7);}
::-webkit-input-placeholder{ color:#c8c8c8 }
::-moz-placeholder{ color:#c8c8c8 }
:-ms-input-placeholder{ color:#c8c8c8 }
:-moz-placeholder{ color:#c8c8c8 }
._unselectable{ -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none }
._ZB{ border:0 solid }
button:hover{ background-color:#ff8200; color:#fff }
#sliderPart button{ box-shadow:0px 0px 0px !important;}
#sliderPart button:hover{ background-color:rgba(255, 255, 255, 0) !important;}
.hover:hover{ background-color:#ff8200 !important; color:#fff }
.selected, .selected *{ color:#fff !important }
.selected{ background-color:#9a00ff !important }
.BG_def{ background:#9a00ff }
img{ margin-right:auto; margin-left:auto;max-width:100% }
._ZM, ul{ margin:0 }
li{ list-style:none }
.A_AutoWH, .A_AutoWH *{
    width:100% !important;
    height:100% !important;
}


.motionBG:not(:focus) {
    background-color: rgb(255,130,0);
    animation: motionBG 2s linear 0s infinite alternate;
}
.motionBG::placeholder {
    color: rgb(100,100,100);
    opacity: 1;
    font-weight:900;
}
.motionBG:-ms-input-placeholder {
    color: rgb(100,100,100);
    font-weight:900;
}
.motionBG::-ms-input-placeholder {
    color: rgb(100,100,100);
    font-weight:900;
}
.motionBG:not(:focus) {
    background-color: rgb(255,130,0);
    animation: motionBG 2s linear 0s infinite alternate;
}

@keyframes motionBG {
    from {background-color: rgb(255,130,0);color:white}
    to {background-color: rgb(250,250,250);}
}

@font-face{
    font-family:yekan;
    src:url(../fonts/BYekan.eot?V=1);
    src:url(../fonts/BYekan.eot?V=1) format("embedded-opentype"), url(../fonts/BYekan.svg?V=1) format("svg"), url(../fonts/BYekan.woff?V=1) format("woff"), url(../fonts/BYekan.ttf?V=1) format("truetype");
    font-weight:400;
    font-style:normal
}
a, h1, h2, h3, h4, h5, input, label, li, option, p, select, span, textarea, ul{ font-size:15px; line-height:20px; direction:rtl }
select, input, input[type="file"]{
    border:0px;
    height:45px;
    font-size:20px;
    box-shadow:0px 0px 2px 2px rgba(210, 210, 210, 0.5);
}
input[type="file"]{
    height:50px;
}
*{ color:rgba(60, 60, 60, 1); font-family:yekan, Droid, tahoma, verdana, arial, sans-serif }
.yekan{ font-family:yekan, Droid, tahoma, verdana, arial, sans-serif !important }
ul{ padding:0 }
input, label, p, select{ margin-top:0; margin-bottom:0; padding-right:3px }
._text_file *{ line-height:25px !important; font-size:14px !important }
._text_file img{ width:100% }
._Co_white{ color:#fff }
._Co_black{ color:#505050 }
._rtl{ direction:rtl }
._R{ float:right }
._L{ float:left }
input, label{ direction:rtl; float:right }
._panel_BG{ background:#FFFCD2 }
._none_BG{ background:0 0 }
._BG_white{ background:#fff }
._B{ border:1px solid #000 }
._BL{ border:1px solid #b4b4b4 }
._TC{ text-align:center }
._TL{ text-align:left }
._TR{ text-align:right }
._MA{ margin-right:auto; margin-left:auto }
._ML_1{ margin-left:1px }
._ML_3{ margin-left:3px }
._ML_5{ margin-left:5px }
._ML_15{ margin-left:15px }
._ML_30{ margin-left:30px }
._ML_40{ margin-left:40px }
._MR_3{ margin-right:3px }
._MR_5{ margin-right:5px }
._MR_10{ margin-right:10px }
._ML_10{ margin-left:10px }
._MR_20{ margin-right:20px }
._MR_40{ margin-right:40px }
._MR_80{ margin-right:80px }
._MB_5{ margin-bottom:5px }
._MB_10{ margin-bottom:10px }
._MB_20{ margin-bottom:20px }
._MB_30{ margin-bottom:30px }
._MB_50{ margin-bottom:50px }
._MB_2{ margin-bottom:2px }
._MB_0{ margin-bottom:0 }
._MB_100{ margin-bottom:100px }
._MT_2{ margin-top:2px }
._MT_5{ margin-top:5px }
._MT_10{ margin-top:10px }
._MT_half{ margin-top:50% }
._MT_20{ margin-top:20px }
._MT_30{ margin-top:30px }
._MT_40{ margin-top:40px }
._MT_50{ margin-top:50px }
._MT_70{ margin-top:70px }
._MT_100{ margin-top:100px }
._MT_150{ margin-top:150px }
._MT_15{ margin-top:15px }
._MT_0{ margin-top:0 }
._relative{ position:relative }
._absolute{ position:absolute }
._fixed{ position:fixed }
.btn, .flexslider{ position:relative }
._justify{ text-align:justify }
._AJustify{ text-align:justify !important; }
._ZP{ padding:0 }
._P_5{ padding:5px }
._PL_3{ padding-left:3px }
._PL_0{ padding-left:0 }
._PR_3{ padding-right:3px }
._PR_5{ padding-right:5px }
._PL_5{ padding-left:5px }
._PR_15{ padding-right:15px }
._PL_15{ padding-left:15px }
._PT_0{ padding-top:0 }
._PT_5{ padding-top:5px }
._PT_20{ padding-top:20px }
._PT_40{ padding-top:40px }
._PB_0{ padding-bottom:0 }
._PB_5{ padding-bottom:5px }
._PB_20{ padding-bottom:20px }
._PB_40{ padding-bottom:40px }
._PB_100{ padding-bottom:100px }
._Fu_h{ height:100% }
._H_15{ height:15px }
._H_20{ height:20px }
._H_30{ height:30px }
._H_40{ height:40px }
._H_50{ height:50px }
._H_60{ height:60px }
._H_70{ height:70px }
._H_100{ height:100px }
._H_130{ height:130px }
._H_200{ height:200px }
._H_250{ height:250px }
._H_300{ height:300px }
._H_150{ height:150px }
._H_400{ height:400px }
._W_10{ width:10px }
._W_50{ width:50px }
._W_60{ width:60px }
._W_90{ width:90px }
._W_100{ width:100px }
._W_120{ width:120px }
._W_150{ width:150px }
._W_200{ width:200px }
._W_210{ width:210px }
._W_250{ width:250px }
._W_255{ width:255px }
._W_300{ width:300px }
._W_350{ width:350px }
._W_400{ width:400px }
._W_450{ width:450px }
._W_500{ width:500px }
._Fu_w{ width:100% }
._half_W{ width:50% }
input, label, textarea{ width:100% }
._FS_x{ font-size:15px }
._FS_x1{ font-size:16px }
._FS_x2{ font-size:17px }
._FS_x3{ font-size:18px }
._AFS_x3, ._AFS_x3 *{ font-size:18px !important }
._FS_x4{ font-size:19px }
._FS_x5{ font-size:20px }
._FS_l1{ font-size:14px }
._FS_l2{ font-size:13px }
._FS_l3{ font-size:12px }
._FS_l4{ font-size:11px }
._FS_l5{ font-size:10px }
._hidden{ display:none }
._LiH_60{ line-height:60px }
._LiH_50{ line-height:50px }
._ALiH_40, ._ALiH_40 *{ line-height:40px }
._LiH_40{ line-height:40px }
._ALiH_30, ._ALiH_30 *{ line-height:30px }
._LiH_30{ line-height:30px }
._LiH_35{ line-height:35px }
._LiH_25{ line-height:25px }
._LiH_20{ line-height:20px }
._LiH_18{ line-height:18px }
._LiH_15{ line-height:15px }
._BR_3{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
._BR_5{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px }
._BR_10, ._BR_15{ -webkit-border-radius:3px }
._BR_10{ -moz-border-radius:10px; border-radius:10px }
._BR_15{ -moz-border-radius:15px; border-radius:15px }
._BR_180{ -moz-border-radius:180px; -webkit-border-radius:3px; border-radius:180px }
._BR_TR_5{ border-top-right-radius:5px }
._BR_TL_5{ border-top-left-radius:5px }
._BR_BR_5{ border-bottom-right-radius:5px }
._BR_BL_5{ border-bottom-left-radius:5px }
._BR_TR_10{ border-top-right-radius:10px }
._BR_TL_10{ border-top-left-radius:10px }
._BR_BL_10{ border-bottom-left-radius:10px }
._BR_TR_15{ border-top-right-radius:15px }
._BR_TL_15{ border-top-left-radius:15px }
._BR_BR_10{ border-bottom-right-radius:15px }
._BR_BL_15{ border-bottom-left-radius:15px }
._overflow_auto{ overflow:auto; overflow-x:hidden }
._overflow_hidden{ overflow:hidden; overflow-x:hidden }
._transition_1{ transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease }
._transition_half{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease }
._block{ display:block }
.btn, input{ display:inline-block }
._bold_800{ font-weight:800 }
._opacity_5{ opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5 }
._opacity_7{ opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7 }
span{ font-size:17px; line-height:30px }
p{ font-size:13px; line-height:20px }
input{ padding:12px 20px; margin:8px 0; border:1px solid #ccc; border-radius:4px; box-sizing:border-box }
textarea{box-shadow:0px 0px 2px 2px rgba(210, 210, 210, 0.5);}
.btn{ border-radius:5px; padding:15px 25px; font-size:22px; margin:0; color:#fff; line-height:10px }
.btn:active{ transform:translate(0, 5px); -webkit-transform:translate(0, 5px); box-shadow:0 1px 0 0 }
.btn_ins{ background-color:#32e632 }
.btn_ins:hover{ background-color:#32d232 }
.btn_del{ background-color:#e63232; box-shadow:0 5px 0 0 #b43232 }
.btn_del:hover{ background-color:#d23232 }
.btn_upd{ background-color:#ff8c00 }
.btn_upd:hover{ background-color:#ff7800 }
textarea{ height:100px }
.mainHeader{box-shadow:0 1px 20px 2px rgba(155, 155, 155, .3);background:#fff;z-index:100;}
.submit_search{ padding:5px 0 6px !important; border-top-left-radius:15px !important; border-bottom-left-radius:15px !important; margin-top:8px; margin-right:-36px; height:46px; color:#fff }
.flex-control-nav, .flex-direction-nav, .slides{ margin:0; padding:0; list-style:none }
.flexslider a img{ outline:0; border:none }
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden }
.flexslider .slides img{ width:100%; display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px }
.slides:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
html[xmlns] .slides{ display:block }
* html .slides{ height:1% }
.flexslider{ margin:0; zoom:1; padding:0; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, .2); box-shadow:0 1px 1px rgba(0, 0, 0, .2) }
.flex-container{ min-width:150px; max-width:1449px }
.flexslider .slides{ zoom:1 }
.flex-direction-nav a{ display:block; position:absolute; margin:-17px 0 0; width:35px; height:35px; top:50%; text-indent:-9999px; z-index:9999; background-color:#82d344; background-image:-webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34)); background-image:-webkit-linear-gradient(top, #82d344, #51af34); background-image:-moz-linear-gradient(top, #82d344, #51af34); background-image:-o-linear-gradient(top, #82d344, #51af34); background-image:linear-gradient(to bottom, #82d344, #51af34) }
.flex-direction-nav a:before{ display:block; position:absolute; content:''; width:9px; height:13px; top:11px; left:11px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAYAAACkTj4ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY2NTc0NzBGRUJFMTFFMTkzMDc5MTlFQkVERTMwODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY2NTc0NzFGRUJFMTFFMTkzMDc5MTlFQkVERTMwODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjY1NzQ2RUZFQkUxMUUxOTMwNzkxOUVCRURFMzA4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjY1NzQ2RkZFQkUxMUUxOTMwNzkxOUVCRURFMzA4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrWflYkAAAG3SURBVHjafJPBS8JQHMc3ScKWmMIQb0WEc81ykIRjyPBU1yChWwXeiv4I/wKhcx06BHVShE4iKIpHGbRcJHQoSILVnDYk0H5Ptphz+uDD3t7b7+N37zfx0WiE2QeO4ytwOQK+gDtjOQ34gVuo+bbXuGZIjoEgQOVyOZYgCBLN0RrMM8lkkpyqsyaySNAVEwThpVwuP8FU8vl8Qrfb3UXrXq/3JxaLXVcqlc+pRHMkHUBXVfWBoigR7WmattRsNk+sycaJ7JJUKtUulUqSIXmzvkIkEjlotVpb9mS4keoMCNgkH8A75jBssl6hULhcMPaG5kODwcCl63rH4/E4SiA9+nHdvHe73Vg8Ht9wwasN/X7/DZg1tFGr1dZYluWMAifJHjA+dGhAL5/PN6CTw/FhK4qiMgxzbcpkWabD4fChVeYkKRaLDZ7n0Tf1PNF+juMCkiSdQoeW0T3IHuEs7g3R/gyJDPxOfJD1el2hafrKkmwzm81ugyQ4TzIuRonsJBKJAEmS59FoNNPv93dEUSTg8NOhUOiiWq3y8AwDuK01uNN/zWwIsI4aCbwaa6vAItD+T2KMPwEGAHqO1kV1hN+PAAAAAElFTkSuQmCC) no-repeat }
.flex-direction-nav a:after{ display:block; position:absolute; content:''; width:0; height:0; top:35px }
.flex-direction-nav .flex-next{ right:-5px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px }
.flex-direction-nav .flex-prev{ left:-5px; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0 }
.flex-direction-nav .flex-next:before{ background-position:-9px 0; left:15px }
.flex-direction-nav .flex-prev:before{ background-position:0 0 }
.flex-direction-nav .flex-next:after{ right:0; border-bottom:5px solid transparent; border-left:5px solid #31611e }
.flex-direction-nav .flex-prev:after{ left:0; border-bottom:5px solid transparent; border-right:5px solid #31611e }
.flexslider .flex-control-nav{ position:absolute; width:100%; bottom:-40px; text-align:center; margin:0 0 0 -10px }
.flex-control-nav li{ display:inline-block; zoom:1 }
.flex-control-paging li a{ display:block; cursor:pointer; text-indent:-9999px; width:12px; height:12px; margin:0 3px; background-color:#b6b6b6 \9; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -webkit-box-shadow:inset 0 0 0 2px #b6b6b6; -moz-box-shadow:inset 0 0 0 2px #b6b6b6; box-shadow:inset 0 0 0 2px #b6b6b6 }
.flex-control-paging li a.flex-active{ background-color:#82d344; background-image:-webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34)); background-image:-webkit-linear-gradient(top, #82d344, #51af34); background-image:-moz-linear-gradient(top, #82d344, #51af34); background-image:-o-linear-gradient(top, #82d344, #51af34); background-image:linear-gradient(to bottom, #82d344, #51af34); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none }
.flexslider .slides p{ display:block; position:absolute; left:0; bottom:0; padding:0 5px; margin:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; line-height:20px; color:#fff; background-color:#222; background:rgba(0, 0, 0, .9); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px }
.btn-switch{ font-size:6em; position:relative; display:inline-block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.btn-switch__radio{ display:none }
.btn-switch__label{ display:inline-block; padding:0; vertical-align:top; font-size:5px; font-weight:700; line-height:1.5; color:#666; transition:color .2s ease-in-out; position:absolute; width:100px; right:0 }
.btn-switch__label + .btn-switch__label{ padding-right:.75em; padding-left:0 }
.btn-switch__txt{ position:relative; z-index:2; display:inline-block; min-width:0; opacity:1; pointer-events:none; transition:opacity .2s ease-in-out; line-height:30px; font-size:15px }
.btn-switch__label:before, .btn-switch__label_no:after{ position:absolute; content:"" }
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt, .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt{ opacity:0 }
.btn-switch__label:before{ z-index:-1; top:0; right:0; bottom:0; left:0; background:#f0f0f0; border-radius:1.5em; box-shadow:inset 0 .0715em .3572em rgba(43, 43, 43, .05); transition:background .2s ease-in-out }
.btn-switch__radio_yes:checked ~ .btn-switch__label:before{ background:#6ad500 }
.btn-switch__label_no:after{ z-index:2; top:.4em; bottom:.5em; left:.5em; width:5.3em; background:#fff; border-radius:3em; pointer-events:none; box-shadow:0 .1429em .2143em rgba(43, 43, 43, .2), 0 .3572em .3572em rgba(43, 43, 43, .1); transition:left .2s ease-in-out, background .2s ease-in-out }
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after{ left:calc(100% - 5.5em); background:#fff }
.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before, .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before{ z-index:1 }
.btn-switch__radio_yes:checked ~ .btn-switch__label_yes{ color:#fff }
#editor button{ border:none; color:none; text-shadow:none; font-size:none; padding:none; border-radius:none; box-shadow:none; margin:none; line-height:none }
.menuPart{background:#f5f5f5;}
.replyIcon:after{ content:""; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAByUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////3C/CN8AAAAldFJOUwAbPciJ6EmogrJDKQ2FMdz5mkBZjKRlIXKtzm/HZ/ELI9N8374r0LeLAAAAf0lEQVQYGWXABxZDUBAF0Ad+QfT0Xt7+t5gh4TAu/u7xbQPlmpAOC+mForSuwWi/5SQy6GVxxTkH4ag4iDTiUojeLuFciUEeU/iz5yDET3YkD0BxougwMomFeJL0mOQFREDyA82SHlpLdtAMGUJr+caKZQMtYA0tqCy0R/2C+AIyPRK5+SnJwQAAAABJRU5ErkJggg==); width:20px; height:20px; float:left; margin:5px 12px 0 0 }
.description img{ max-width:100% !important; height:auto !important }
.menuPart li a, .ul_header li a{ padding:0 15px !important }
/* -------------------------------------------------------------------------------------------------------------------------------- */
input, label{ direction:rtl; float:right }
.btn, input{ display:inline-block; width:100% }
.btn, input, label{ width:100% }
body{ margin:0; padding:0; background:#e8e8e8 }
input{ padding:12px 20px; margin:8px 0; border:1px solid #a9a9a9; border-radius:4px; box-sizing:border-box }
.btn{ border-radius:5px; padding:15px 25px; font-size:22px; text-decoration:none; margin:0; color:#fff; position:relative; line-height:10px; border:0; background:#2e00ff }
.btn:active{ transform:translate(0, 5px); -webkit-transform:translate(0, 5px); box-shadow:0 1px 0 0 }
.btn_ins{ background-color:#32e632; box-shadow:0 5px 0 0 #32b432 }
.btn_ins:hover{ background-color:#32d232 }
.btn_del{ background-color:#e63232; box-shadow:0 5px 0 0 #b43232 }
.btn_del:hover{ background-color:#d23232 }
.btn_upd{ background-color:#ff8c00 }
.btn_upd:hover{ background-color:#ff7800 }
/* -------------------------------------------------------------------------------------------------------------------------------- */
._W_5per{ width:5% }
._W_10per{ width:10% }
._W_15per{ width:15% }
._W_20per{ width:20% }
._W_25per{ width:25% }
._W_30per{ width:30% }
._W_33per{ width:33% }
._W_35per{ width:35% }
._W_40per{ width:40% }
._W_45per{ width:45% }
._W_50per{ width:50% }
._W_55per{ width:55% }
._W_60per{ width:60% }
._W_65per{ width:65% }
._W_70per{ width:70% }
._W_75per{ width:75% }
._W_80per{ width:80% }
._W_85per{ width:85% }
._W_90per{ width:90% }
._W_95per{ width:95% }
._MT_50per{ margin-top:50% }
._MB_50per{ margin-bottom:50% }
.W23per{ width:23% }
.W19per{ width:19% }
.MRL1per{ margin-right:.5%; margin-left:.5% }
.MRL4per{ margin-right:2%; margin-left:2% }
._Fu_MXW{ max-width:100% }
._MX_W_Page{ max-width:1366px }
.MR10per{ margin-right:10% }
.MinW70{ min-width:70px }
.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
@media (min-width:0px) and (max-width:1250px){
    .Fu_w_mx1250{ width:100% !important }
    .W_50per_1250{ width:50% !important }
}
@media (min-width:780px) and (max-width:5000px){
    #btn-close-header, #btn-open-header{ display:none !important }

    .menuPart, .ul_header{ display:block !important }

    .hifInFull{ display:none }

    .Fu_w_mx1250{ width:100% !important }

    .W_50per_1250{ width:50% !important }
}
@media (min-width:0px) and (max-width:1130px){
    .learning, .learning_group, .product, .product_group{ width:24% }
}
@media (min-width:0px) and (max-width:1000px){
    .W_48per_mx1000{ width:48% !important }

    .MRL2per_mx1000{ margin-right:1%; margin-left:1% }
}
@media (min-width:780px) and (max-width:4000px){
    .W_70per_min780{ width:70% !important }
}
@media (min-width:0px) and (max-width:900px){
    .MAXW_400_mx900, .mainIMG1{ max-width:400px !important }

    .learning, .learning_group, .product, .product_group{ width:31% !important; margin-left:1% !important; margin-right:1% !important }

    .MA_mx900, .mainIMG1{ margin-left:auto !important; margin-right:auto !important; float:none !important }

    .Fu_w_mx900{ width:100% !important }

    .MT_10_900{ margin-top:10px !important }

    .MB_10_900{ margin-bottom:10px !important }

    .mainIMG1{ height:auto !important; width:90% !important }
}
@media (min-width:780px) and (max-width:4000px){
    .H50Bigger780{height:50px !important}
}
@media (min-width:0px) and (max-width:780px){
    /* ----------------------------------------------------------------------------------- */
    .mainHeader, .main_header{ z-index:10000; position:fixed }

    .FixedMX780{ position:fixed !important }

    .MT20MX780{ margin-top:20px !important }

    .MT50MX780{ margin-top:50px !important }

    .MT60MX780{ margin-top:60px !important }

    .MT70MX780{ margin-top:70px !important }

    .MobilePhoneBG{background:#fafafa;}

    .MRL1perMX780{ margin-right:1% !important;margin-left:1% !important; }

    .MAMX780{ margin-right:auto !important;margin-left:auto !important;float:none !important; }

    .floatNone{ float:none !important; }

    .CoWhite_MX780{ color:white !important; }

    .MTB10MX780{ margin-top:10px !important;margin-bottom::10px !important; }

    #btn_main_menu_part{ display:block }

    .hidInMin{ display:none }

    .showInMin{ display:block }

    .H100_MX780{ height:100px !important; }

    .H110_MX780{ height:110px !important; }

    .W100_MX780{ width:100px !important; }

    .W150_MX780{ width:150px !important; }

    .W120_MX780{ width:120px !important; }

    .W200_MX780{ width:200px }

    .W300_MX780{ width:300px }

    .W400_MX780{ width:400px }

    .W450_MX780{ width:450px }

    .W70_MX780{ width:70px }

    .W50_MX780{ width:50px }

    .W150_MX780{ width:150px }

    .W20_MX780{ width:20px }

    .Fu_w_mx780{ width:100% !important }

    .MaxFu_w_mx780{ max-width:100% !important }

    .LiH50_mx780{ line-height:50px !important }

    .FW900_mx780{ font-weight:900 !important }

    .L_mx780{ float:left !important }

    .W_570_mx780{ width:570px !important }

    .W_95per_mx780{ width:95% !important }

    .W_90per_mx780{ width:90% !important }

    .W_80per_mx780{ width:80% !important }

    .W_50per_mx780{ width:50% !important }

    .W_48per_mx780{ width:48% !important }

    .W_35per_mx780{ width:35% !important }

    .W_31per_mx780{ width:31% !important }

    .W_415_mx780{ width:415px !important }

    .ZMT_780{ margin-top:0 !important }

    .ZM_780{ margin:0 !important }

    .ZP_780{ padding:0 !important }

    .ZMLR_MX550{ margin-left:0px !important;margin-right:0px !important; }

    .MT_20_780{ margin-top:20px !important }

    .MT_30_780{ margin-top:30px !important }

    .MT_10_780{ margin-top:10px !important }

    .MT_50_780{ margin-top:50px !important }

    .MB_20_780{ margin-bottom:20px !important }

    .MB_50_780{ margin-bottom:50px !important }

    .ATC_780, .ATC_780 *, .TC_780{ text-align:center }

    .TR_780{ text-align:right }

    .ul_header a{ color:#f5f5f5 }

    .ul_header a:hover{ background-color:#f0f0f0; color:#5a5a5a }

    .opacity0InMObile{opacity:0}

    /*.main_header{ height:70px; box-shadow:0 0 1px 2px rgba(10, 10, 10, .4) }*/
    .menuPart li a:hover{ background:#FFF }

    .menuPart li a{ color:#FFF }

    .menuPart li:hover a{ color:#000 }

    .headr_section, .menuPart, .menuPart li, .ul_header, .ul_header li{ width:100% !important }

    .menuPart li a, .ul_header li a{ text-align:center; padding:0 !important }

    .mainHeader{ margin-bottom:20px }

    .menuPart, .ul_header{ display:none; position:fixed; height:1000px; top:49px; left:0; z-index:1000; background-color:rgba(50, 50, 50, .9) }

    #btn-close-header, #btn-open-header{ display:block }

    .account-icon:before, .account-signout-icon:before, .account-signup-icon:before{ position:relative; right:35% }
}
#btn_main_menu_part{ cursor:pointer; margin-top:5px; margin-bottom:5px }
#btn_main_menu_part .bar1, #btn_main_menu_part .bar2, #btn_main_menu_part .bar3{ width:35px; height:5px; background-color:#484848; margin:6px 0; transition:.4s }
.change .bar1{ -webkit-transform:rotate(-45deg) translate(-9px, 6px); transform:rotate(-45deg) translate(-9px, 6px) }
.change .bar2{ opacity:0 }
.change .bar3{ -webkit-transform:rotate(45deg) translate(-8px, -8px); transform:rotate(45deg) translate(-8px, -8px) }
@media (min-width:0px) and (max-width:600px){
    .learning, .product{ width:48% !important; margin-left:1% !important; margin-right:1% !important }

    .learning_group, .product_group{ width:46% !important; margin-left:2% !important; margin-right:2% !important }
}
@media (min-width:0px) and (max-width:500px){
    .hideen_mx500, .slideImage2{ display:none !important }

    .Fu_w_mx500{ width:100% !important }

    .W_31per_mx500{ width:31% !important }

    .W_48per_mx500{ width:48% !important }

    .MRL2per_mx500{ margin-right:1%; margin-left:1% }

    .MT5per_mx500{ margin-top:5px }

    .TR_500{ text-align:right !important }

    .TC_500{ text-align:center !important }

    .LiH_20_500{ line-height:20px !important }
}
@media (min-width:0px) and (max-width:350px){
    .learning, .learning_group, .product, .product_group{ margin-left:auto !important; margin-right:auto !important; float:none !important }

    .learning, .product{ width:95% !important }

    .learning_group, .product_group{ width:90% !important; margin-bottom:10px !important }
}

.search_icon:after{content:"";width:32px;height:30px;float:right;background-position:-257px -2px;background-image:url(../images/icon.png);background-repeat:no-repeat;margin-top:-2px;margin-right:11px;}
.account_icon:after, .sign_out_icon:after{margin-top:3px;margin-left:8px;height:29px;content:"";float:right;background-image:url(../images/icon.png);background-repeat:no-repeat}
.shop_icon:after, .signUp_icon:after{content:"";height:32px;float:right;background-image:url(../images/icon.png);background-repeat:no-repeat}
.signUp_icon{width:145px}
.signUp_icon:after{width:28px;background-position-x:-139px;background-position-y:6px;margin-top:3px}
.shop_icon:after{width:36px;background-position-x:-166px;margin-top:5px}
.account_icon:after, .sign_out_icon:after{margin-top:3px;margin-left:8px;height:29px;content:"";float:right;background-image:url(../images/icon.png);background-repeat:no-repeat}
.account_icon:after{width:28px;background-position-x:-203px}
.sign_out_icon:after{width:23px;background-position:-231px -2px}
.search_icon:after{content:"";width:32px;height:29px;float:right;background-position:-256px -2px;background-image:url(../images/icon.png);background-repeat:no-repeat;margin-top:-2px;margin-right:5px;text-align:center;}
.login_icon:after{content:"";width:21px;height:28px;float:right;background-position-x:-115px;background-position-y:4px;background-image:url(../images/icon.png);background-repeat:no-repeat;margin-top:5px;margin-left:8px}
.register_icon:after{content:"";width:21px;height:28px;float:right;background-position-x:-144px;background-position-y:4px;background-image:url(../images/icon.png);background-repeat:no-repeat;margin-top:5px;margin-left:8px;}
.sign_out_icon:after{content:"";width:21px;height:28px;float:right;background-position-x:-234px;background-position-y:-1px;background-image:url(../images/icon.png);background-repeat:no-repeat;margin-top:5px;margin-left:8px;}

.contactUsDirect:after{content:"";max-width:239px;width:100%;height:80px;float:left;background-position-x:0px;background-position-y:4px;background-image:url(../images/pico-contact-us.png);background-repeat:no-repeat;margin-top:5px;margin-left:0%;}
.contactUsTelegram:after{content:"";max-width:220px;width:100%;height:80px;float:left;background-position-x:-454px;background-position-y:4px;background-image:url(../images/pico-contact-us.png);background-repeat:no-repeat;margin-top:5px;margin-left:0%;}
.contactUsInstagram:after{content:"";max-width:209px;height:80px;width:100%;float:left;background-position-x:-239px;background-position-y:4px;background-image:url(../images/pico-contact-us.png);background-repeat:no-repeat;margin-top:5px;margin-left:0%;}

.brandPicoGame:after{content:"";width: 160px;height: 200px;float:right;background-position:0px 0px;background-image:url(../images/game.png?V=1.1);background-repeat:no-repeat;margin-top:-2px;}
.GameLoss:after{content:"";width: 228px;height: 283px;float:right;background-position: -143px 0px;background-image:url(../images/game.png?V=1.1);background-repeat:no-repeat;margin-top:-2px;}
.GameWin:after{content:"";width: 222px;height: 240px;float:right;background-position: -381px 0px;background-image:url(../images/game.png?V=1.1);background-repeat:no-repeat;margin-top:-2px;}
.clockIcon:after{content:"";width: 65px;height: 73px;background-position: -12px -208px;background-image:url(../images/game.png?V=1.1);background-repeat:no-repeat;margin-top:-2px;float: left;}

/* =================================================================================================================  */

.bar1, .bar2, .bar3{
    width:41px;
    height:5px;
    background-color:rgb(233, 195, 132);
    margin:6px 14px;
    transition:.4s;
}

.change .bar1{
    -webkit-transform:rotate(-45deg) translate(-9px, 6px);
    transform:rotate(-45deg) translate(-9px, 6px)
}

.change .bar2{
    opacity:0
}

.change .bar3{
    -webkit-transform:rotate(45deg) translate(-8px, -8px);
    transform:rotate(45deg) translate(-8px, -8px)
}

#btn_main_menu_part{
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px
}

#btn_main_menu_part .bar1, #btn_main_menu_part .bar2, #btn_main_menu_part .bar3{
    width:35px;
    height:5px;
    background-color:#484848;
    margin:6px 0;
    transition:.4s
}

.change .bar1{
    -webkit-transform:rotate(-45deg) translate(-9px, 6px);
    transform:rotate(-45deg) translate(-9px, 6px)
}

.change .bar2{
    opacity:0
}

.change .bar3{
    -webkit-transform:rotate(45deg) translate(-8px, -8px);
    transform:rotate(45deg) translate(-8px, -8px)
}

/* =================================================================================================================  */
.theMenu:hover .underMenu{
    top:70px !important;
}

.uploadAnimition{
    animation:uploadAnimition 1s infinite;
    animation-direction:alternate;
}

@keyframes uploadAnimition{
    from{box-shadow:0px 0px 10px 35px rgba(200, 200, 200, 0.5);width:300px;height:300px;margin-top:0px;margin-right:0px;}
    to{box-shadow:0px 0px 10px 20px rgba(200, 200, 200, 0.5);width:250px;height:250px;margin-top:25px;margin-right:25px;line-height:250px;}
    /*from {height: 300px;}
    to {height: 280px;}*/
}

/* =================================================================================================================  */
.headerLeftSide:before{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:left;
    width:84px;
    height:81px;
    background-position:-30px 0px;
    margin-left:-71px;
    margin-top:-12px;
    position:absolute;
    left:0px;
}
.headerRightSide:after{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:right;
    width:90px;
    height:81px;
    background-position:-120px 0px;
    margin-right:-79px;
    margin-top:-12px;
    position:absolute;
    right:0px;
}
.picoIcon:after{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:right;
    width:50px;
    height:55px;
    background-position:-179px -140px;
    background-size:320px;
    margin-right:5px;
    margin-top:-1px;
}
.searchWhiteIcon:after{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:right;
    width:46px;
    height:46px;
    background-position:-240px -153px;
    background-size:330px;
    margin-right:5px;
    margin-top:-1px;
}
.searchIcon:after{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:right;
    width:48px;
    height:42px;
    background-position:-184px 0px;
    background-size:330px;
    margin-right:9px;
    margin-top:7px;
}
.shopIcon:after{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:right;
    width:50px;
    height:43px;
    background-position:-255px 1px;
    background-size:300px;
    margin-right:2px;
    margin-top:10px;
}
.accountIcon:after{
    content:"";
    background-image:url(../images/micon.png?V=1.2);
    float:right;
    width:44px;
    height:50px;
    background-position:-228px 0px;
    background-size:320px;
    margin-right:9px;
    margin-top:6px;
}
.FileUploadIcon:after{
    content:"";
    background-image:url(../images/FileUpload.png?V=1.1);
    float:right;
    width:158px;
    height:104px;
    margin-right:72px;
    margin-top:-210px;
    position:relative;
}

.tag-remove::before{
    content:'x';
    color:#fff;
    font-weight:300;
    font-size:70px;
    font-family:Arial, sans-serif;
    float:left;
}


/* =================================================================================================================  */

.bar1, .bar2, .bar3{
    width:65px;
    height:10px;
    background-color:rgb(118 118 118);
    margin:6px 14px;
    transition:.4s;
}

.change .bar1{
    -webkit-transform:rotate(-45deg) translate(-9px, 6px);
    transform:rotate(-45deg) translate(-9px, 6px)
}

.change .bar2{
    opacity:0
}

.change .bar3{
    -webkit-transform:rotate(45deg) translate(-8px, -8px);
    transform:rotate(45deg) translate(-8px, -8px)
}

#btn_main_menu_part{
    cursor:pointer;
    margin-top:5px;
    margin-bottom:5px
}

#btn_main_menu_part .bar1, #btn_main_menu_part .bar2, #btn_main_menu_part .bar3{
    width:35px;
    height:5px;
    background-color:#484848;
    margin:6px 0;
    transition:.4s
}

.change .bar1{
    -webkit-transform:rotate(-45deg) translate(-9px, 6px);
    transform:rotate(-46deg) translate(-16px, 10px);
}

.change .bar2{
    opacity:0
}

.change .bar3{
    -webkit-transform:rotate(45deg) translate(-8px, -8px);
    transform:rotate(45deg) translate(-8px, -8px)
}




*, *::before, *::after {
    box-sizing: border-box;
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

.rainbow {
    position: relative;
    z-index: 0;
    width: 400px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    padding: 2rem;

&::before {
     content: '';
     position: absolute;
     z-index: -2;
     left: -50%;
     top: -50%;
     width: 200%;
     height: 200%;
     background-color: #399953;
     background-repeat: no-repeat;
     background-size: 50% 50%, 50% 50%;
     background-position: 0 0, 100% 0, 100% 100%, 0 100%;
     background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);
     animation: rotate 4s linear infinite;
 }

&::after {
     content: '';
     position: absolute;
     z-index: -1;
     left: 6px;
     top: 6px;
     width: calc(100% - 12px);
     height: calc(100% - 12px);
     background: white;
     border-radius: 5px;
 }
}