::selection{background:#c4c4c4; color:#fff}
::-moz-selection{background:#c4c4c4; color:#fff}
::-webkit-selection{background:#c4c4c4; color:#fff}
::-webkit-scrollbar {height: 8px;width: 8px;background: rgb(229, 229, 229) !important}
::-webkit-scrollbar-thumb {background: #c4c4c4;}
::-webkit-scrollbar-corner {background: #c4c4c4;}

html {height: 100%}
body {direction: rtl; text-align: right; line-height: 1.9em; font-family: iran; background: #fff;font-size: 13px; color: #4d5053; height: 100%; display: flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; font-weight: 400}
img.svg {display: none;}
*, *:before, *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }

.clear:before,.clear:after {content:"";display:table;}.clear:after {clear:both;}.clear {zoom:1;}
strong,b {font-weight: bold;}
.tooltip {z-index: 10}
.no_scroll {overflow: hidden;}

#popup .item_detail {width: 340px !important}

.f_upload,
.form_field .text_field, .form_field input[type=text], .form_field input[type=readonly], .form_field input[type=password],
.form_field label:not(.tree_label) {color: #4d5053 !important;}
.form_field input[type=submit],
.form_field button {padding: 8px 10px !important; box-shadow: none !important}

.wrapper {width: 1100px;}
.section {width: 100%;display: flex; flex: 0 0  auto; -webkit-flex: 0 0  auto; position: relative;}
.header {display: flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; height: 80px; width: 100%}
.header span {color: #2d65a1; font-size: 20px; font-weight: 300; letter-spacing: -.9px}
.header a {font-size: 13px; font-weight: 200; margin-right: auto}

.tab_holder .select {display: none;}

#header {display: flex; justify-content: center; -webkit-justify-content: center; background: #28517e; color: #fff; height: 70px; align-items: center; -webkit-align-items: center; position: relative; z-index: 10; box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.5);position: sticky; z-index: 105; top: 0}
#header .wrapper {display: flex; position: relative;}
#header .wrapper:before {content:''; background-image: url(../images/mpbg.png), url(../images/mpbg.png);background-repeat: no-repeat;background-position: left 5px, right bottom; position: absolute; top: 0;left: 0;right: 0;bottom: 0; opacity: 0.2; z-index: -1}
#header .wrapper #change_lang {width: 70px; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 13px}
#header .wrapper #search {width: 70px; display: flex; justify-content: center; align-items: center; font-weight: 200; font-size: 20px; margin-right: auto; cursor: pointer;}
#header .global_hor_menu > ul > li:hover > a {background: inherit; position: relative;}
#header .global_hor_menu > ul > li:hover > a:after {content: ' '; width: 100%; height: 4px; background: #133152; position: absolute; bottom: 5px; right: 0;}
#header .global_hor_menu > ul {display: flex;}
#header .global_hor_menu > ul > li > a {height: 80px; display: flex; justify-content: center;align-items: center; color: #fff; padding: 0 20px; font-weight: 300}
#header .global_hor_menu > ul > li > a svg {fill: #fff}
#header .global_hor_menu > ul > li:not(:last-child):after {content: none;}
#header .global_hor_menu ul ul {background: #fff; padding: 10px; z-index: 11;top:75px;box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.5)}
#header .global_hor_menu ul ul a { padding: 5px 20px !important; font-weight: 300}
#header .global_hor_menu ul ul li:hover > a {background: rgb(25, 72, 123); color: #fff}

#slider {display: flex; justify-content: center; -webkit-justify-content: center; height: 550px; position: relative;}

#slider .wrapper {position: absolute;bottom: 0;top: 0;}
#slider:after {content: ' ';background: url(../images/polygon-2.png);width: 1000px;height: 300px;position: absolute;mix-blend-mode: color-dodge;bottom: 2px; z-index: 6}
#slider:before {content: ' '; background-image: url('../images/banner_overlay_patern.png');position: absolute;top: 0;left: 0;right: 0;bottom: 0;mix-blend-mode: multiply; z-index: 5}
/*#slider .wrapper {position: relative;}
#slider #slider_holder {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; background-color: #012853; display: flex;}
#slider #slider_holder ul {display: flex;width: 100%;flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}
#slider #slider_holder ul > li {height: 550px; background-position: center center;mix-blend-mode: exclusion;opacity: 0.6;background-size: cover;width: 100vw;}
*/
#slider_holder {height: 555px; position: relative; z-index: 1;overflow: hidden;direction: ltr; background-color: #012853}
#slider_holder ul {width: 100vw; height: 100%; display: flex; direction: rtl;}
#slider_holder ul li {height: 550px; background-position: center center;mix-blend-mode: exclusion;opacity: 0.5;background-size: cover;width: 100vw;}

#slider #festival {width: 370px;margin: 0 auto;color: #fff;text-align: center; margin-top: 70px; position: relative; z-index: 6}
#slider #festival .logo_holder {display: flex; justify-content: center;	align-items: center; width: 140px; height: 140px; margin: 0 auto}
#slider #festival .logo_holder img {width: 120px;}
#slider #festival .festival_info {padding: 20px 10px 0px 10px;border: 5px solid #fff;border-bottom: 0;height: 150px; position: relative;display: flex;flex-direction: column;}
#slider #festival .festival_info:before {content: ' ';background: #fff;height: 5px;position: absolute;left: 0px;bottom: 0px;width: 70px;}
#slider #festival .festival_info:after {content: ' ';background: #fff;height: 5px;position: absolute;right: 0px;bottom: 0px;width: 70px;}
#slider #festival .festival_info h1 {display:flex; justify-content:center; -webkit-justify-content:center;align-items:center; -webkit-align-items:center;font-size: 25px; font-weight: 500;line-height: 1.2em; flex: 0 0 auto; height: 40px}
#slider #festival .festival_info h2 {display:flex; justify-content:center; -webkit-justify-content:center;align-items:flex-start; -webkit-align-items:flex-start;font-size: 14px;flex: 1 1 auto; min-height: 60px; padding-top: 5px}
#slider #festival .festival_info h3 {display:flex; justify-content:center; -webkit-justify-content:center;align-items:center; -webkit-align-items:center;font-size: 20px; line-height: 1.9em; position: relative; margin-top: auto; height: 40px; margin-bottom: -17px;white-space: nowrap; flex: 0 0 auto}

#slider .online_report {position: absolute;background: #ff3d00;bottom: 100px;left: 0;width: calc(735px + calc((100% - 1100px) / 2));height: 40px;color: #fff;display: flex;align-items: center; -webkit-align-items: center; z-index: 10}
#slider .online_report .report_list {width: 580px; padding: 0 20px; display: flex; flex-direction: column;padding: 0 15px 0 0; height: 40px; display: flex; overflow: hidden;}
#slider .online_report ul li {display: flex; align-items: center; -webkit-align-items: center; height: 40px;}
#slider .online_report ul li .date {display: flex;background: rgba(0, 0, 0, 0.35);padding: 0px 5px;border-radius: 5px;margin-left: 13px;}
#slider .online_report a {display: flex;background: rgba(0, 0, 0, 0.35);height: 100%;justify-content: center;-webkit-justify-content: center;-webkit-align-items: center;align-items: center;width: 130px;}

#slider .start_festival_countdown {position: absolute;background: #fdcc24;bottom: 100px;right: 0;width: calc(735px + calc((100% - 1100px) / 2));height: 40px;color: #614402;display: flex;align-items: center; -webkit-align-items: center;justify-content: flex-end; -webkit-justify-content: flex-end; z-index: 10}
#slider .start_festival_countdown p { display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 40px;font-size: 14px; margin-left: 20px}
#slider .start_festival_countdown p span {display: inline-flex;background: rgba(0, 0, 0, 0.35);padding: 0 5px;margin: 0 5px;border-radius: 5px;height: 23px;color: #fff;font-weight: bold;}

#quick_access {height: 140px; position: relative; z-index: 10;}
#quick_access .wrapper {margin: 0 auto; display: flex; justify-content: center; align-items: center;}
#quick_access .wrapper ul {display: flex; margin-top: -140px}
#quick_access .wrapper ul li {margin: 0 10px; border-radius: 10px; border: 1px solid rgb(230,233,236); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14); background: #fff}
#quick_access .wrapper ul li a {display: flex; justify-content: center;-webkit-justify-content: center; align-items: center;-webkit-align-items: center; width: 140px; height: 140px;flex-direction: column; -webkit-flex-direction: column;}
#quick_access .wrapper ul li a .image_holder {width: 40px; height: 40px; overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-bottom: 15px}

#events {background: #f5f8fa; padding-top: 140px; margin-top: -140px; position: relative; z-index: 9; flex:0 0 auto;min-height: 300px; padding-bottom: 50px}
#events .wrapper {margin: 0 auto; display: flex; justify-content: center; -webkit-justify-content: center; }
#events .wrapper .tab_holder {width: 100%;display: flex;flex-direction: column;-webkit-flex-direction: column;align-items: center;-webkit-align-items: center;}
#events .wrapper .tab_holder ul.tab {display: flex;}
#events .wrapper .tab_holder ul.tab li {width: 140px; text-align: center; cursor: pointer; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 14px; opacity: 0.7}
#events .wrapper .tab_holder ul.tab li.active {color: #013e6c; position: relative; opacity: 1}
#events .wrapper .tab_holder ul.tab li.active:before {content: ' '; width: 10px; height: 3px; background: #013e6c; position: absolute; right: 0; top: calc(50% - 2px)}
#events .wrapper .tab_holder ul.tab li.active:after {content: ' '; width: 10px; height: 3px; background: #013e6c; position: absolute; left: 0; top: calc(50% - 2px)}
#events .wrapper .tab_holder .content {margin-top: 40px}
#events .wrapper .tab_holder .content .event_holder {width: 1000px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap}
#events .wrapper .tab_holder .content .event_holder:not(.active) {display: none;}
#events .wrapper .tab_holder .content .event_item {display: flex;flex-direction: column;background: #fff;width: 235px;height: 110px;border-radius: 8px;padding: 6px; border: 1px solid rgb(235,235,235); margin: 20px 10px 00px 10px}
#events .wrapper .tab_holder .content .event_item p {display: flex; justify-content: center; align-items: center; flex:1 1 auto; padding:0 5px; text-align: center; line-height: 1.5em}
#events .wrapper .tab_holder .content .event_item div {background: #eff3f5; border-radius: 5px; height: 25px; display: flex; justify-content: center; align-items: center; font-size: 12px; }
#events .wrapper .tab_holder .content .event_item div span.hours {opacity: 0.7; flex: 1 1 auto; text-align: center;}
#events .wrapper .tab_holder .content .event_item div span.isnow {background: #559560;color: #fff;width: 70px;height: 25px;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;border-radius: 5px 0 0 5px;}
#events .wrapper .tab_holder .content .event_item:not(.active) div span.isnow {display: none;}

#news\/multimedia {min-height: 300px; padding: 50px 0 100px; position: relative;} 
#news\/multimedia:after {content: ' ';background-image: url(../images/polygon-1.png);width: 680px;height: 330px;left: 0;bottom: 0;position: absolute;background-repeat: no-repeat; opacity: 0.2; z-index: -1}
#news\/multimedia:before {content: ' ';background-image: url(../images/polygon-1.png);width: 499px;height: 489px;left: 0;bottom: 0;position: absolute;background-repeat: no-repeat;z-index: -1;transform: scaleX(-1);opacity: 0.1;}
#news\/multimedia .wrapper {margin: 0 auto; display: flex; justify-content: space-between;}
#news\/multimedia .wrapper #news {width: 550px; position: relative;}
#news\/multimedia .wrapper #news:after {content: ' ';position: absolute;top: 100px;bottom: 0;width: 1px;left: -35px;border-left-color: #e7e7e7;border-left-style: dashed;border-left-width: 1px;}
#news\/multimedia .wrapper #news .content {display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; justify-content: space-between; -webkit- justify-content: space-between;}
#news\/multimedia .wrapper #news .content a.news_item {display: flex; width: calc((100% / 2) - 10px); margin-top: 30px}
#news\/multimedia .wrapper #news .content a.news_item .image_holder {order: 2; display: flex; border-radius: 5px; width: 50px; height: 50px; overflow: hidden; background: #efefef; flex:0 0 auto; -webkit-flex:0 0 auto; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#news\/multimedia .wrapper #news .content a.news_item .image_holder img {width: 100%}
#news\/multimedia .wrapper #news .content a.news_item .news_content {order: 1; margin-left: 20px; display: flex; flex-direction: column; -webkit-flex-direction: column; flex: 1 1 auto;}
#news\/multimedia .wrapper #news .content a.news_item .news_content .title {display: flex; flex-direction: column; -webkit-flex-direction: column;}
#news\/multimedia .wrapper #news .content a.news_item .news_content .title span {order: 1; background: #f3f3f3; width: max-content; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 20px; padding: 0 10px; border-radius: 5px; font-size: 12px; margin-bottom: 10px}
#news\/multimedia .wrapper #news .content a.news_item .news_content .title h3 {order: 2}
#news\/multimedia .wrapper #news .content a.news_item .news_content .abstract {display: none;}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type {width: 100%; margin-bottom: 20px; margin-top: 20px}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content {margin-left: 0; margin-right: 20px}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title {flex-direction: row;}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title span {margin-right: 20px;background: #2d65a1; color: #fff; white-space: nowrap; order:2;}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .title h3 {font-weight: 500; font-size: 15px; order:1;}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content {order: 2}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .image_holder {order: 1;  width: 140px; height: 140px; border-radius: 8px}
#news\/multimedia .wrapper #news .content a.news_item:first-of-type .news_content .abstract {display: flex; margin-top: 20px}

#news\/multimedia .wrapper #multimedia {width: 480px}
#news\/multimedia .wrapper #multimedia .content {}
#news\/multimedia .wrapper #multimedia .content ul {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap}
#news\/multimedia .wrapper #multimedia .content ul li {width: 140px; height: 140px; margin-left: 20px; margin-top: 20px; background: #f3f3f3; border-radius: 8px; overflow: hidden;}
#news\/multimedia .wrapper #multimedia .content ul li:nth-child(4) {visibility: hidden;}
#news\/multimedia .wrapper #multimedia .content ul li img {height: 100%}

#oldest_festival {background: #023368; height: 380px; position: relative; overflow: hidden;}
#oldest_festival:before {content: ' ';background-image: url(../images/polygon-1.png);width: 809px;height: 380px;left: 0;top: 0;position: absolute;background-repeat: no-repeat;transform: scaleY(-1);opacity: .2;background-position: left 40px;mix-blend-mode: screen;}
#oldest_festival .wrapper {margin: 0 auto; display: flex;}
#oldest_festival .wrapper .gallery {position: relative; width: 600px}
#oldest_festival .wrapper .gallery .mask {position: absolute;display: flex;justify-content: center;align-items: center;bottom: -70px;left: 0;width: 770px;height: 720px;}
#oldest_festival .wrapper .gallery .mask ul {width: 770px; height: 720px;}
#oldest_festival .wrapper .gallery .mask ul li {height: 720px;}
#oldest_festival .wrapper .gallery .mask ul li img {width: 100%;margin-top: calc(50% - 150px);}
/*#oldest_festival .wrapper .gallery .mask img {width: 770px;position: absolute;z-index: 1;top: calc(50% - 100px);}*/
#oldest_festival .wrapper .gallery .mask:after {background: url(../images/pgbg.png) no-repeat;content: ' ';width: 770px;height: 720px;top: 0;position: absolute;left: 0;z-index: 10;}
/*#oldest_festival .wrapper .gallery img {position: absolute;width: 680px;bottom: -50px;left: 0;-webkit-mask: url(../images/pgbg.svg);-webkit-mask-position: bottom left;-webkit-mask-size: cover;-webkit-mask-repeat: no-repeat;mask: url(../images/pgbg.svg);mask-position: bottom left;mask-size: cover;mask-repeat: no-repeat;}*/
#oldest_festival .wrapper .detail {width: 460px;display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; margin-right: 40px; position: relative; z-index: 10}
#oldest_festival .wrapper .detail .item {height: 100%;display: flex;justify-content: center;-webkit-justify-content: center;flex-direction: column;-webkit-flex-direction: column;}
#oldest_festival .wrapper .detail .info {display: flex; justify-content: space-between; -webkit-justify-content: space-between; color: #fff}
#oldest_festival .wrapper .detail .info h3 {font-weight: 400; font-size: 21px}
#oldest_festival .wrapper .detail .info span {white-space: nowrap;}
#oldest_festival .wrapper .detail .info .prev\/next {display: flex;align-items: center;-webkit-align-items: center;}
#oldest_festival .wrapper .detail .info .prev\/next a {font-size: 14px;width: 32px;height: 32px;display: flex;justify-content: center;align-items: center; cursor: pointer; transform: rotate(-90deg);}
#oldest_festival .wrapper .detail .info .prev\/next a.disabled {opacity: 0.5; cursor: default;}
#oldest_festival .wrapper .detail .info .prev\/next #Next {transform: scaleX(-1);transform: rotate(90deg);}
#oldest_festival .wrapper .detail .link {display: flex; margin-top: 50px}
#oldest_festival .wrapper .detail .link a {width: 140px; height: 140px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 8px; background: #fff; margin-left: 20px; flex-direction: column; -webkit-flex-direction: column;}
#oldest_festival .wrapper .detail .link a:last-of-type {margin-left: 0}
#oldest_festival .wrapper .detail .link a i {margin-bottom: 10px}
#oldest_festival .lSAction {display: none !important;}

#statistic {background: #f7fdfc; height: 380px;}
#statistic .wrapper {position: relative; margin: 0 auto; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#statistic .wrapper:before {content: ' ';background-image: url(../images/polygon-3.png);width: 600px;height: 380px;right: 0;top: 0;position: absolute;background-repeat: no-repeat;background-position: left -250px;mix-blend-mode: darken;}
#statistic .wrapper .sign {order: 2; width: 40%;}
#statistic .wrapper .stat {order: 1; width: 60%;}
#statistic .wrapper .stat ul {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
#statistic .wrapper .stat ul li {width: calc((100% / 3) - 50px); height: 130px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; -webkit-flex-direction: column;}
#statistic .wrapper .stat ul li .count {color: #2d65a1; font-size: 40px; font-weight: 300; line-height: 1.3em; display: flex; flex:0 0 auto; height: 85px;}
#statistic .wrapper .stat ul li .title { display: flex; flex:0 0 auto; height: 45px;}

#partner {min-height: 380px; padding: 50px 0}
#partner .wrapper {margin:0 auto; display: flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center;}
#partner .wrapper .header {text-align: center; justify-content: center; -webkit-justify-content: center;}
#partner .wrapper .content ul {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
#partner .wrapper .content ul li a {display: flex;flex-direction: column;background: #fff;width: 140px;height: 140px;border-radius: 8px;padding: 6px; border: 1px solid rgb(235,235,235); margin: 20px 10px 00px 10px}
#partner .wrapper .content ul li a .image_holder {display: flex; justify-content: center; align-items: center; flex:1 1 auto; padding:0 5px; text-align: center; line-height: 1.5em; overflow: hidden;background: #fff;border-radius: 5px;margin-bottom:5px;}
#partner .wrapper .content ul li a .image_holder img {height: 100%}
#partner .wrapper .content ul li a span {background: #eff3f5; border-radius: 5px; height: 25px; display: flex; justify-content: center; align-items: center; font-size: 12px;  opacity: 0.7}

#inside_header {height: 120px; position: relative; border-bottom: 5px solid #fff; overflow: hidden; align-items: center; -webkit-align-items: center;z-index: 1}
#inside_header:before {height: 120px;background-image: url(../images/inside_bg.jpg);background-position: center;    background-size: cover;background-blend-mode: screen;background-color: #28517e;content: ' ';position: absolute;left: 0;top: 0;filter: blur(4px);right: 0; z-index: -1}
#inside_header:after {content: ' ';background-image: url(../images/banner_overlay_patern.png);position: absolute;top: 0;left: 0;right: 0;bottom: 0;mix-blend-mode: multiply;z-index: 5;}
#inside_header .wrapper {margin: 0 auto;position: relative;z-index: 10;}
#inside_header .header span {color: #fff;background: rgba(6, 8, 10, 0.48);line-height: 40px;padding: 0 30px;border-radius: 3px;}
#inside_header .header i {color: #fff;}


#nano_account_user_info {width: 1100px; margin: 20px auto 0}

#login {flex:1 1 auto;}
#login .wrapper {margin:auto;}
#login .wrapper form {width: 350px; margin: 0 auto}
#login .wrapper form .links {display: flex; justify-content: center; -webkit-justify-content: center; padding: 10px 0}
#login .wrapper form .links a {padding: 5px 10px; line-height: 10px; width: 50%; text-align: center;}
#login .wrapper form .links a:first-of-type {border-left: 1px solid silver}
#login .wrapper form .fcaptcha {display: inline-flex;}
#login .wrapper form .fcaptcha .captcha_image {position: relative;top: inherit;left: inherit;order: 2;justify-content: center;align-items: center;display: flex;height: 25px;}


#register {}
#register .wrapper {margin: 50px auto}
#register .wrapper .fcaptcha {display: inline-flex; margin-right: auto;}
#register .wrapper .fcaptcha .captcha_image {position: relative;top: inherit;left: inherit;order: 2;justify-content: center;align-items: center;display: flex;height: 25px;}

#news_view {}
#news_view .wrapper {margin:50px auto;}
#news_view .wrapper .news_header {display: flex; justify-content: center; align-items: center; margin-bottom: 50px}
#news_view .wrapper .news_header .image_holder {width: 140px; height: 140px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; border-radius: 8px; flex-direction: column; -webkit-flex-direction: column; overflow: hidden; flex: 0 0 auto;}
#news_view .wrapper .news_header .image_holder img {height: 100%}
#news_view .wrapper .news_header .title {padding: 0 50px;}
#news_view .wrapper .news_header .title h1 {font-weight: 500; font-size: 22px; letter-spacing: -1px; line-height: 1.8em}
#news_view .wrapper .news_header .detail {width: 280px; margin-right: 0px; flex:0 0 auto;}
#news_view .wrapper .news_header .detail #rating {display: flex;justify-content: space-between;-webkit-justify-content: space-between; width: 280px}
#news_view .wrapper .news_header .detail li {display: flex; justify-content: space-between;-webkit-justify-content: space-between;}

#news_view .wrapper .news_content {display: flex;}
#news_view .wrapper .news_content .header {height: 30px}
#news_view .wrapper .news_content .body a {color: #2d65a1; border-bottom: 1px solid #2d65a1}
#news_view .wrapper .news_content .body strong,
#news_view .wrapper .news_content .body b {font-weight: bold;}
#news_view .wrapper .news_content .body ul {padding-right: 25px; list-style: disc;}
#news_view .wrapper .news_content .related {width: 280px; flex:0 0 auto; margin-right: 50px}
#news_view .wrapper .news_content .related a.news_item {display: flex; width: 100%; margin-top: 30px}
#news_view .wrapper .news_content .related a.news_item .image_holder {order: 2; display: flex; border-radius: 5px; width: 50px; height: 50px; overflow: hidden; background: #efefef; flex:0 0 auto; -webkit-flex:0 0 auto; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#news_view .wrapper .news_content .related a.news_item .image_holder img {width: 100%}
#news_view .wrapper .news_content .related a.news_item .news_content {order: 1; margin-left: 20px; display: flex; flex-direction: column; -webkit-flex-direction: column;flex: 1 1 auto;}
#news_view .wrapper .news_content .related a.news_item .news_content .title {display: flex; flex-direction: column; -webkit-flex-direction: column;}
#news_view .wrapper .news_content .related a.news_item .news_content .title span {order: 1; background: #f3f3f3; width: max-content; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 20px; padding: 0 10px; border-radius: 5px; font-size: 12px; margin-bottom: 10px}
#news_view .wrapper .news_content .related a.news_item .news_content .title h3 {order: 2}
#news_view .wrapper .news_content .related a.news_item .news_content .abstract {display: none;}


#news_list .wrapper {margin: 50px auto; display: flex; flex-direction: column;}
#news_list .wrapper .list {width: 100%}
#news_list .wrapper .list .content {display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; justify-content: space-between; -webkit- justify-content: space-between;}
#news_list .wrapper .list .content a.news_item {display: flex; width: calc((100% / 2) - 20px); flex:0 0 auto; margin-bottom: 20px; border-bottom: 1px dashed #e1e1e1; padding-bottom: 20px}
#news_list .wrapper .list .content a.news_item .image_holder {order: 1; display: flex; border-radius: 5px; width: 70px; height: 70px; overflow: hidden; background: #efefef; flex:0 0 auto; -webkit-flex:0 0 auto; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#news_list .wrapper .list .content a.news_item .image_holder img {width: 100%}
#news_list .wrapper .list .content a.news_item .news_content {order: 1; margin-right: 20px; display: flex; flex-direction: column; -webkit-flex-direction: column;}
#news_list .wrapper .list .content a.news_item .news_content .title {display: flex; flex-direction: column; -webkit-flex-direction: column;}
#news_list .wrapper .list .content a.news_item .news_content .title span {order: 2; background: #f3f3f3; width: max-content; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 20px; padding: 0 10px; border-radius: 5px; font-size: 12px; margin-top: 10px; margin-bottom: 10px;}
#news_list .wrapper .list .content a.news_item .news_content .title h3 {order: 1;  font-size: 14px}

#news_list .wrapper .related {width: 280px; flex:0 0 auto; margin-right: 50px}
#news_list .wrapper .related a.news_item {display: flex; width: 100%; margin-top: 30px}
#news_list .wrapper .related a.news_item .image_holder {order: 2; display: flex; border-radius: 5px; width: 50px; height: 50px; overflow: hidden; background: #efefef; flex:0 0 auto; -webkit-flex:0 0 auto; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#news_list .wrapper .related a.news_item .image_holder img {width: 100%}
#news_list .wrapper .related a.news_item .news_content {order: 1; margin-left: 20px; display: flex; flex-direction: column; -webkit-flex-direction: column;}
#news_list .wrapper .related a.news_item .news_content .title {display: flex; flex-direction: column; -webkit-flex-direction: column;}
#news_list .wrapper .related a.news_item .news_content .title span {order: 1; background: #f3f3f3; width: max-content; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 20px; padding: 0 10px; border-radius: 5px; font-size: 12px; margin-bottom: 10px}
#news_list .wrapper .related a.news_item .news_content .title h3 {order: 2}
#news_list .wrapper .related a.news_item .news_content .abstract {display: none;}

#participant .wrapper {margin: 50px auto;}
#participant .header {}
#participant .tab_holder {display: flex;margin-left: 0;margin-right: auto; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap}
#participant .tab_holder ul.tab {display: flex;margin-bottom: 20px; flex-wrap: wrap;}
#participant .tab_holder ul.tab li {min-width: 140px; height: 40px; display: flex; justify-content: center; align-items: center;  border-radius: 8px; margin-left: 10px; overflow: hidden; background: #f6f6f6; cursor: pointer; margin-bottom: 10px}
#participant .tab_holder ul.tab li span {display: flex; justify-content: center; -webkit-justify-content: center; height: 40px; align-items: center; -webkit-align-items: center; font-size: 14.5px !important; color: inherit;}
#participant .tab_holder ul.tab li .count {width: 40px;background: #efefef;border-left: 1px solid #fff;}
#participant .tab_holder ul.tab li .title {width: calc(100% - 40px); padding: 0 15px; white-space: nowrap;font-size:13px !important;}
#participant .tab_holder ul.tab li.active {background: #efefef;}
#participant .tab_holder ul.tab li.active span.count {background: #28517e;color: #fff}

#participant .content_item {display: none;}
#participant .content_item.active {display: flex; flex-wrap: wrap}
#participant .content_item .participant_item {display: flex;flex-direction: column;background: #fff;width: calc((100% / 4) - 15px);border-radius: 8px;padding: 6px; border: 1px solid rgb(235,235,235); margin-top:20px; margin-left: 20px}
#participant .content_item .participant_item:nth-of-type(4n) {margin-left: 0}
#participant .content_item .participant_item .image_holder {display: flex; justify-content: center; align-items: center; flex:1 1 auto; margin:5px; text-align: center; line-height: 1.5em; overflow: hidden; border-radius: 5px; height: 200px; padding: 10px}
#participant .content_item .participant_item .image_holder img {max-width: 100%; max-height: 100%; display: flex; padding: 20px}
#participant .content_item .participant_item .info {display: flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center;}
#participant .content_item .participant_item .info .title {font-size: 15px; font-weight: 500; line-height: 2.5em}
#participant .content_item .participant_item .info .company_name {line-height: 2.3em}
#participant .content_item .participant_item .info .participant_type {background: #eff3f5; border-radius: 5px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 12px; opacity: 0.7; width: 100%}

#participant .search {position: relative; margin: 0 auto}
#participant .search input {width: 400px;height: 40px;border: 1px solid #cdcdcd;padding: 5px 20px 5px 50px;border-radius: 8px}
#participant .search button {width: 40px;height: 40px;background: transparent;font-size: 20px;position: absolute;left: 0;top: 0;color: #28517e;}


#participant_view .wrapper {margin: 50px auto} 
#participant_view .info {display: flex; justify-content: start; -webkit-justify-content: start; align-items: center; -webkit-align-items: center; margin-bottom: 10px; border-bottom: 1px #e7e7e7 dashed; padding-bottom: 40px} 
#participant_view .info .image_holder {display: flex;flex-direction: column;background: #fff;width: 140px;height: 140px;border-radius: 8px;padding: 6px; border: 1px solid rgb(235,235,235); overflow: hidden; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;} 
#participant_view .info .image_holder img {width: 100%}
#participant_view .info .detail {display: flex; flex-direction: column; -webkit-flex-direction: column; margin-right: 50px; flex: 1 1 auto;} 
#participant_view .info .detail h1 {color: #2d65a1; font-size: 20px; font-weight: 300; letter-spacing: -.9px}
#participant_view .info .detail > span {display: flex; margin-bottom: 10px}
#participant_view .info .detail > span i {background: #f4f4f4;white-space: nowrap;width: max-content;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 26px;padding: 0 10px;border-radius: 5px;font-size: 12px;margin-left: 20px;}
#participant_view .participant_info span {display: flex; line-height: 30px; margin-bottom: 5px}
#participant_view .participant_info span i {background: #f4f4f4;white-space: nowrap;width: max-content;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 26px;padding: 0 10px;border-radius: 5px;font-size: 12px; margin-left: 20px}
#participant_view .content {display: flex; flex-wrap: wrap;}
#participant_view .content > div {width: 50%}
#participant_view .content .participant_gallery {width: 100%}
#participant_view .table_holder table {border-collapse: separate; border-spacing: 0 5px;border:0 !important; font-size: 13px !important}
#participant_view .table_holder table th,
#participant_view .table_holder table td {border:0; background: initial;padding: 10px !important}
#participant_view .table_holder table thead {background: #DCE5E8;color: #73848A;}
#participant_view .table_holder table thead tr {}
#participant_view .table_holder table thead tr th {border: 0; background-color: #eff1f0; color: #8f9693;}
#participant_view .table_holder table thead tr th:nth-child(1) {border-radius: 0 5px 5px 0; border-right: 1px solid #e2e2e2;}
#participant_view .table_holder table thead tr th:nth-last-child(1) {border-radius: 5px 0 0 5px; border-left: 1px solid #e2e2e2;}
#participant_view .table_holder table tbody {background: #fff; color: #757575 !important;}
#participant_view .table_holder table tbody tr {}
#participant_view .table_holder table tbody tr:empty {display: none}
#participant_view .table_holder table tbody tr td {border: 0}
#participant_view .table_holder table tbody tr td:nth-child(1) {border-radius: 0 5px 5px 0;border-right: 1px solid #eaeaea;}
#participant_view .table_holder table tbody tr td:nth-last-child(1) {border-radius: 5px 0 0 5px;border-left: 1px solid #eaeaea;}
#participant_view .table_holder table td {border-top: 1px solid #eaeaea !important; border-bottom: 1px solid #eaeaea !important;}
#participant_view .table_holder table th {border-top: 1px solid #e2e2e2 !important; border-bottom: 1px solid #e2e2e2 !important; background: #F1F1F1}
#participant_view .participant_gallery { border-top: 1px #e7e7e7 dashed; margin-top: 35px}
#participant_view .gallery_holder {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#participant_view .gallery_holder a {width: 140px; height: 140px; margin-left: 20px; margin-top: 20px; background: #f3f3f3; border-radius: 8px; overflow: hidden;}
#participant_view .gallery_holder a img {height: 100%}
#participant_view .gallery_holder a:nth-child(7n) {margin-left: 0}
	
#pages .wrapper {margin: 50px auto;}
#pages .wrapper .content a {color: #2d65a1; border-bottom: 1px solid #2d65a1}
#pages .wrapper .content ul {padding:10px 40px 10px 0; list-style: disc;}
#pages .wrapper .content ol {padding:10px 40px 10px 0; list-style: persian;}
#pages .wrapper .content img {max-width: 90%}


#workshop_list {}
#workshop_list .wrapper {margin: 50px auto;}
#workshop_list .wrapper .content {display: flex; flex-wrap: wrap;}
#workshop_list .wrapper .content .workshop_item {width: calc((100% / 2) - 15px);display: flex;background: #fff;margin-top: 20px;  margin-left: 20px; display: flex; flex-direction: column;}
#workshop_list .wrapper .content .workshop_item:nth-child(2n) {margin-left: 0}
#workshop_list .wrapper .content .workshop_item h3 {font-weight: 500; padding: 0px 5px 10px 5px; color: #4e8e59; font-size: 15px}
#workshop_list .wrapper .content .workshop_item .info {min-height:90px;border-radius: 8px;border: 1px solid rgb(235,235,235);overflow: hidden; display: flex;}
#workshop_list .wrapper .content .workshop_item .info .image_holder {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 150px; height: 150px; overflow: hidden;flex: 0 0 auto;}
#workshop_list .wrapper .content .workshop_item .info .image_holder img {height: 100%;}
#workshop_list .wrapper .content .workshop_item .info .detail {display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
#workshop_list .wrapper .content .workshop_item .info .detail span {width: calc(100% / 2); border-bottom: 1px solid rgb(235,235,235);border-left: 1px solid rgb(235,235,235);padding: 10px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#workshop_list .wrapper .content .workshop_item .info .detail span:nth-child(2n) {border-left: 0}
#workshop_list .wrapper .content .workshop_item .info .detail span:nth-child(5),
#workshop_list .wrapper .content .workshop_item .info .detail span:nth-child(6) {border-bottom: 0}
#workshop_list .wrapper .content .workshop_item .info .detail span:nth-child(5):last-of-type {border-bottom: 0; border-left: 0; width: 100%}
#workshop_list .wrapper .content .workshop_item .info .detail span i {font-weight: bold; margin-left: 5px;}
#workshop_list .wrapper .content .workshop_item .info .detail span.time i:nth-child(2) {margin-right: 20px}
#workshop_list .wrapper .content .workshop_item .info .detail span i:after {content: ':'}
#workshop_list .wrapper .content .workshop_item .description {display: none;}


#workshop_view {}
#workshop_view .wrapper {margin: 50px auto;}
#workshop_view .wrapper .header {justify-content: center;}
#workshop_view .wrapper ul {display: flex; flex-direction: column; margin:0 auto;width: max-content;}
#workshop_view .wrapper ul li {display: flex;min-height: 30px; margin-bottom: 10px}
#workshop_view .wrapper ul li span.title {background: #f4f4f4;padding: 2px 10px;border-radius: 5px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 20px}



#search_overflow {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.9);z-index: 10000;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column;}
#search_overflow .wrapper {margin: 50px auto;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;border-radius: 0;width: 800px;border-bottom: 2px solid #fff;}
#search_overflow .wrapper input[type=text] {width: calc(100% - 50px);height: 60px;padding: 10px;border: 0;background: transparent;color: #fff;font-size: 14px;font-family: iran;}
#search_overflow .wrapper input[type=text]::-webkit-input-placeholder {color: #fff; opacity: 0.8}
#search_overflow .wrapper input[type=text]::-moz-placeholder {color: #fff; opacity: 0.8}
#search_overflow .wrapper input[type=text]:-moz-placeholder {color: #fff; opacity: 0.8}
#search_overflow .wrapper button {width: 50px;height: 50px;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;font-size: 30px;color: #fff;background: transparent;cursor: pointer;}
#search_overflow #close_search {position: absolute;top: 20px;left: 20px;color: #fff;cursor: pointer;}
#search_overflow ul {display: flex; }
#search_overflow ul li {margin: 0 10px; border-radius: 10px; border: 1px solid rgb(230,233,236); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14); background: #fff}
#search_overflow ul li a {display: flex; justify-content: center;-webkit-justify-content: center; align-items: center;-webkit-align-items: center; width: 140px; height: 140px;flex-direction: column; -webkit-flex-direction: column;}
#search_overflow ul li a .image_holder {width: 40px; height: 40px; overflow: hidden; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-bottom: 15px}

#search_result {}
#search_result ul.tab {display: flex;margin-bottom: 30px;}
#search_result ul.tab li {min-width: 140px; height: 40px; display: flex; justify-content: center; align-items: center;  border-radius: 8px; margin-left: 10px; overflow: hidden; background: #f6f6f6; cursor: pointer;}
#search_result ul.tab li span {display: flex; justify-content: center; -webkit-justify-content: center; height: 40px; align-items: center; -webkit-align-items: center;}
#search_result ul.tab li .count {width: 40px;background: #efefef;border-left: 1px solid #fff;}
#search_result ul.tab li .title {width: calc(100% - 40px); padding: 0 15px}
#search_result ul.tab li.active {background: #efefef;}
#search_result ul.tab li.active span.count {background: #28517e;color: #fff}

#search_result div[tabid] {display: none;}
#search_result div[tabid].active {display: block;}
#search_result div[tabid=workshop].active {display: flex; flex-wrap: wrap}
#search_result div[tabid=participant].active {display: flex; flex-wrap: wrap}

#search_result .wrapper {margin: 50px auto;}
#search_result .wrapper a.news_item {display: flex; width: 100%; margin-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e1e1e1; padding-bottom: 20px;}
#search_result .wrapper a.news_item .image_holder {display: flex;  order: 1;  width: 100px; height: 100px; border-radius: 8px; overflow: hidden; background: #efefef; flex:0 0 auto; -webkit-flex:0 0 auto; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#search_result .wrapper a.news_item .image_holder img {width: 100%}
#search_result .wrapper a.news_item .news_content {order: 2; margin-right: 20px; display: flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; flex: 1 1 auto;}
#search_result .wrapper a.news_item .news_content .title {display: flex; flex-direction: column;}
#search_result .wrapper a.news_item .news_content .title span {order: 2; background: #f3f3f3; width: max-content; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 20px; padding: 0 10px; border-radius: 5px; font-size: 12px; margin-top: 10px}
#search_result .wrapper a.news_item .news_content .title h3 {font-size: 14px; order:1;}
#search_result .wrapper a.news_item .news_content .abstract {display: flex; margin-top: 20px}
#search_result .wrapper a.static_page_item {padding: 10px; width: 100%; padding: 10px 15px; display: flex;border: 1px solid #efefef; border-radius: 8px; margin-bottom: 10px}
#search_result .wrapper a.workshop_item {width: calc((100% / 2) - 15px);display: flex;background: #fff;margin-top: 20px;  margin-left: 20px; display: flex; flex-direction: column;}
#search_result .wrapper a.workshop_item:nth-child(2n) {margin-left: 0}
#search_result .wrapper a.workshop_item h3 {font-weight: 500; padding: 0px 5px 10px 5px; color: #4e8e59; font-size: 15px}
#search_result .wrapper a.workshop_item .info {min-height:90px;border-radius: 8px;border: 1px solid rgb(235,235,235);overflow: hidden; display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
#search_result .wrapper a.workshop_item .info .detail {width: 100%;display: flex;flex-wrap: wrap;}
#search_result .wrapper a.workshop_item .info span {width: calc(100% / 2); border-bottom: 1px solid rgb(235,235,235);border-left: 1px solid rgb(235,235,235);padding: 10px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#search_result .wrapper a.workshop_item .info span:nth-child(2n) {border-left: 0}
#search_result .wrapper a.workshop_item .info span:last-of-type {border-bottom: 0; border-left: 0; width: 100%}
#search_result .wrapper a.workshop_item .info span i {font-weight: bold; margin-left: 5px;}
#search_result .wrapper a.workshop_item .info span i:after {content: ':'}
#search_result .wrapper a.workshop_item .description {display: none;}
#search_result .wrapper a.participant_item {display: flex;flex-direction: column;background: #fff;width: calc((100% / 4) - 15px);height: 280px;border-radius: 8px;padding: 6px; border: 1px solid rgb(235,235,235); margin-top:20px; margin-left: 20px}
#search_result .wrapper a.participant_item:nth-of-type(4n) {margin-left: 0}
#search_result .wrapper a.participant_item .image_holder {display: flex; justify-content: center; align-items: center; flex:1 1 auto; padding:0 5px; text-align: center; line-height: 1.5em}
#search_result .wrapper a.participant_item .image_holder img {max-width: 100%}
#search_result .wrapper a.participant_item .info {display: flex; flex-direction: column; -webkit-flex-direction: column; align-items: center; -webkit-align-items: center;}
#search_result .wrapper a.participant_item .info .title {font-size: 15px; font-weight: 500; line-height: 2.5em}
#search_result .wrapper a.participant_item .info .company_name {line-height: 2.3em}
#search_result .wrapper a.participant_item .info .participant_type {background: #eff3f5; border-radius: 5px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 12px; opacity: 0.7; width: 100%}

#festival_report {}
#festival_report .wrapper {margin: 50px auto}
#festival_report .wrapper .description {}
#festival_report .wrapper .description a {color: #2d65a1; border-bottom: 1px solid #2d65a1}
#festival_report .wrapper .description ul {padding:10px 40px 10px 0; list-style: disc;}
#festival_report .wrapper .description ol {padding:10px 40px 10px 0; list-style: persian;}
#festival_report .wrapper .description img {max-width: 90%}

#festival_report .wrapper .header {justify-content: center; -webkit-justify-content: center; margin-top: 50px}
#festival_report .wrapper .report_file {margin:20px auto; width: max-content; display: flex; height: 40px; border-radius: 8px; background: #bbb139; color: #fff; min-width: 100px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 0 10px 0 30px}
#festival_report .wrapper .video {display: flex; justify-content: center; -webkit-justify-content: center; }
#festival_report .wrapper .video #video_player {order: 2; margin-right: 0; position: relative; overflow: hidden;}
#festival_report .wrapper .video ul {order: 1;height: 300px;flex-wrap: wrap;width: 225px;overflow: overlay;}
#festival_report .wrapper .video ul li {width: 105px; height: 70px; background-color: #3a3a3a; border-radius: 7px; /*margin: 0 5px 10px 5px; */display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;overflow: hidden; flex:0 0 auto; margin-left:5px; margin-bottom: 5px; float: left;}
#festival_report .wrapper .video ul li img {width: 100%; display: block;}
#festival_report .wrapper .video_description {width: 660px;display: flex;flex-direction: column;margin-top: 40px;align-items: center;-webkit-align-items: center;padding: 30px 20px;background: #f7f7f7;margin: 0 auto;border-radius: 8px;}
#festival_report .wrapper .video_description h2 {font-weight: 300; font-size: 19px}

#festival_report .wrapper .video {display: flex;flex-direction: column;}
#festival_report .wrapper .video #video_player {display: flex;justify-content: center;-webkit-justify-content: center;order: 1; }
#festival_report .wrapper .video ul {order: 2; height: initial; width: 100%;justify-content: center;-webkit-justify-content: center;display: flex; margin: 10px 0}


#live {}
#live .wrapper {margin:50px auto;}
#live .wrapper .header {justify-content: flex-start; -webkit-justify-content: flex-start;}
#live .wrapper .header i {margin-right: 50px}
#live .wrapper .report_item {margin-bottom: 50px}
#live .wrapper .report_item .image_holder {display: flex;width: 100%;min-height: 300px;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
#live .wrapper .report_item .image_holder img {max-height: 500px; max-width: 700px; display: block;}
#live .wrapper .report_item .head {display: flex;margin-bottom: 10px;}
#live .wrapper .report_item .head .datetime {order: 2; margin-right: 25px; display: flex;flex-direction: row;background: #f4f4f4;padding: 2px 10px; border-radius: 5px; }
#live .wrapper .report_item .head .datetime span:first-of-type {margin-left: 10px}
#live .wrapper .report_item .head h2 {font-size: 18px; font-weight: 400; order: 1;}

.pagination {padding: 50px 0 0 !important; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; width: 100%}
.pagination span:hover {background: #f3f3f3 !important; color: inherit !important;}
.pagination span.current {background-color: #28517e !important; color: #fff !important}
.pagination span {margin: 0px 3px !important;padding: 0 !important;}
.pagination span a {height: 20px; padding: 0 10px !important; min-width: 20px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; display: flex;}

#opinion_form .header {justify-content: center; -webkit-justify-content: center;}
#opinion_form .wrapper {display: flex; flex-direction: column; margin: 0 auto}
#opinion_form .wrapper #opinion_holder {}
#opinion_form .wrapper #opinion_holder form {width: 719px;margin: 0 auto; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: 50px}
#opinion_form .wrapper #opinion_holder .form_field {display: inline-flex;}
#opinion_form .wrapper #opinion_holder .seperator {width: 100%}
#opinion_form .wrapper #opinion_holder .fcaptcha {display: flex;}
#opinion_form .wrapper #opinion_holder .fcaptcha .captcha_image {position: relative;top: inherit;left: inherit;order: 2;justify-content: center;align-items: center;display: flex;height: 25px;}
#opinion_form .wrapper #opinion_holder .fcaptcha input[type=text] {width: 280px !important}
#opinion_form .wrapper #opinion_holder .form_field input[type=text] {width: 350px}
#opinion_form .wrapper #opinion_holder .form_field input[type=submit] {background-color: #28517e;padding:10px;width: auto; min-width: 140px}
#opinion_form .wrapper #opinion_holder .form_field .textarea {width: 719px; height: 300px}
#opinion_form .wrapper #opinion_holder .form_field[field=submit] {display: flex;flex-direction: row-reverse; -webkit-flex-direction: row-reverse;}
#opinion_form .wrapper #opinion_holder .form_field[field=comment_type] {width: 100%}
#opinion_form .wrapper #opinion_holder #reply_to {width: 100%; padding: 5px 10px;}
#opinion_form .wrapper #opinion_holder #reply_to #reply_fullname {margin-right: 10px; font-weight: 500}
#opinion_form .wrapper #opinion_holder #reply_to #clear_reply {margin-right: auto;}
#opinion_form .wrapper #opinion_holder #opinion_items {line-height: 1.7em}
#opinion_form #opinion_items .comment_detail .info {background: #f4f4f4;padding: 2px 10px; border-radius: 5px; display: flex;}
#opinion_form #opinion_items .comment_detail .user {margin-left: 20px}
#opinion_form #opinion_items .comment_detail .reply {margin-right: 20px !important;background: #2d65a1;color: #fff !important;white-space: nowrap;    width: max-content;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 26px;padding: 0 10px;border-radius: 5px;font-size: 12px;}
#opinion_form #opinion_items .comment_detail .rate {margin-right: auto;}
#opinion_form #opinion_items .rate span {min-width: 30px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; text-align: center; font-family: arial; font-size: 12px}
#opinion_form #opinion_items .rate span.p {background: #287e36 !important; margin-left: 1px; border-radius: 0 2px 2px 0}
#opinion_form #opinion_items .rate span.m {background: #c94e4e !important; border-radius: 2px 0 0 2px}
#opinion_form #opinion_items .item .answer {margin-right: 50px}

#dashboard {}
#dashboard .wrapper {margin: 50px auto;}

#footer {height: 335px;position: relative;display: flex;flex-direction: column;-webkit-flex-direction: column;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding-top: 50px;}
#footer .wrapper.info {flex:1 1 auto; -webkit-flex:1 1 auto;display: flex;;}
#footer .wrapper.info #link {flex:1 1 auto; margin-left: 0px}
#footer .wrapper.info #link ul {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: row-reverse; -webkit-flex-direction: row-reverse;}
#footer .wrapper.info #link ul li .image_holder {display: flex; margin-left: 5px; margin-bottom: 5px; width: 100%;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
#footer .wrapper.info #map {width: 500px;flex: 0 0 auto;height: 280px;overflow: hidden;}
#footer .wrapper.info #map img {display: block;}

#g_dialog[instance=workshop_view] {}
#g_dialog[instance=workshop_view] #g_dialog_content {display: flex; flex-direction: column;}
#g_dialog[instance=workshop_view] #g_dialog_content .image_holder {width: 460px;height: 180px;overflow: hidden;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #e5e5e5;}
#g_dialog[instance=workshop_view] #g_dialog_content .detail > * {display: flex;min-height: 30px; margin-bottom: 10px}
#g_dialog[instance=workshop_view] #g_dialog_content .detail > * i {background: #f4f4f4;padding: 2px 10px;border-radius: 5px; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-left: 20px}

#equipment_holder {display: grid;grid-template-columns: repeat(auto-fill, minmax(175px,175px));grid-gap: 10px;}
#equipment_holder li {display: flex;}
#equipment_holder li .item {display: flex;flex-direction: column;background: #fff;width: 100%;min-height: 224px;border-radius: 8px;padding: 6px; border: 1px solid rgb(235,235,235);}
#equipment_holder li .item .image_holder {display: flex; justify-content: center; align-items: center; flex:1 1 auto; padding:5px; text-align: center; line-height: 1.5em; overflow: hidden;background: #fff;border-radius: 5px; flex:0 0 auto; height: 125px; cursor: pointer; margin: 5px 0}
#equipment_holder li .item .image_holder img {max-width: 100%;max-height: 100%;}
#equipment_holder li .item .form_field.checkbox  {border-radius: 5px; min-height: 25px; display: flex; align-items: center; -webkit-align-items: center; font-size: 12px; }
#equipment_holder li .item .form_field.checkbox label {display: flex; margin-right: 0 !important;line-height: 1.3em; align-items: center;}
#equipment_holder li .item .form_field.checkbox label span {    display: inline-flex;white-space: pre-wrap;}
#equipment_holder li .item .form_field .group {max-width: 100%}
#equipment_holder li .item > span {background: #eff3f5;border-radius: 5px;height: 25px;display: flex;justify-content: center;align-items: center;font-size: 12px;opacity: 0.7; flex:0 0 auto;}


#hallery_holder {display: none !important;}
.lg-backdrop {background-color: rgba(68, 68, 68, 0.9) !important;}
.lg-outer .lg-thumb {display: flex !important;}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover {border-color:#2d65a1 !important;}
#copyright {min-height: 40px; background: #4d5053; margin-top: auto}
#copyright .wrapper {display: flex;color: #fff;justify-content: space-around;align-items: center; margin:0 auto; padding: 15px 0}
#copyright .wrapper > article {width: 50%}

.fcaptcha input[type=text] {padding-right: 35px !important; padding-left: 20px !important}
.form_field span.title {line-height: 18px}

#gallery_holder {display: none;}

.f_icon{background: transparent url('../images/files.png') no-repeat 0 0;width:30px;height:30px;display: block;margin-left:10px;}
.html{background-position: 0 0}
.mp3{background-position: 0 -30px}
.xls,.xlsx{background-position: 0 -60px}
.doc,.docx{background-position: 0 -90px}
.mov{background-position: 0 -120px}
.jpg,.jpeg,.gif,.png{background-position: 0 -150px}
.ppt,.pptx{background-position: 0 -180px}
.zip,.rar{background-position: 0 -210px}
.pdf{background-position: 0 -240px}


.mejs-offscreen {display: none;}


.tooltip {padding: 5px 6px !important;line-height: 1.3em;}