@charset "UTF-8";
:root { --a11y-font-size: 100%; --text-scale: 1; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-transition: border-box; box-sizing: border-box; overflow-x: hidden; }

body { -webkit-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }

h1 { font-size: 2em; }

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: bold !important; }

code, kbd, pre, samp, tt { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

small { font-size: 80%; }

sub, sup { font-size: 75%; position: relative; vertical-align: baseline; border: 0; outline: 0; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ }

button, input { /* 1 */ overflow: visible; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }

button, select { /* 1 */ text-transform: none; }

input, select { vertical-align: middle; }

input:focus { outline: 0; }

textarea { overflow: auto; }

fieldset { padding: 0.35em 0.75em 0.625em; }

table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; }

progress { vertical-align: baseline; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

summary { display: list-item; }

template, [hidden], .hidden { display: none; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; }

img { vertical-align: top; border-style: none; line-height: 0; font-size: 0; -ms-interpolation-mode: bicubic; background: 0 0; zoom: 1; }

ol, ul { list-style: none; }

a { background-color: transparent; text-decoration: none; font-size: 100%; vertical-align: baseline; text-decoration: none; background: 0 0; }

a:focus { outline: 0; }

a img { opacity: 1; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }

a img:hover { opacity: 0.7; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

a, button, input { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

/*====================================================================================
■01.MARGIN DEFAULT
====================================================================================*/
/*====================================================================================
■MARGIN% DEFAULT
====================================================================================*/
.text_left { text-align: left !important; }

.text_right { text-align: right !important; }

.text_center { text-align: center !important; }

.text_justify { text-align: justify !important; }

.text_nowrap { white-space: nowrap !important; }

.text_lower { text-transform: lowercase !important; }

.text_upper { text-transform: uppercase !important; }

.text_capitalize { text-transform: capitalize !important; }

.text_normal { font-weight: normal !important; }

.text_bold { font-weight: bold !important; }

.text_line { text-decoration: underline; }

.text_noline { text-decoration: none !important; }

.text_over { overflow: hidden !important; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.visible { visibility: visible; }

.visible-hidden { visibility: hidden; }

.dispc, .breakpc { display: block; }

@media all and (max-width: 960px) { .dispc, .breakpc { display: none; } }

.dissp, .breaksp { display: block; }

@media all and (min-width: 961px) { .dissp, .breaksp { display: none; } }

.flexFont { font-size: 100%; }

.obj__fit, .imgfit { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

.overflow { overflow: hidden; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

font font { vertical-align: middle !important; }

.fonturban { font-family: "Urbanist", sans-serif; }

.fontvazir { font-family: "Vazirmatn", sans-serif; }

html.-color-black { --a11y-color: #fff; --a11y-bg-color: #000; --a11y-color-revert: #000; --a11y-bg-color-revert: #fff; }

html.-color-yellow { --a11y-color: #000; --a11y-bg-color: #ff0; --a11y-color-revert: #ff0; --a11y-bg-color-revert: #000; }

html.-color-blue { --a11y-color: #fff; --a11y-bg-color: blue; --a11y-color-revert: blue; --a11y-bg-color-revert: #fff; }

@media all and (min-width: 961px) { html[class*=-color] a:hover { opacity: 1; } }

html[class*=-color] body, html[class*=-color] header, html[class*=-color] footer, html[class*=-color] .fncSearch .button, html[class*=-color] .pagination a:first-child:not(.prev), html[class*=-color] .pagination span:first-child:not(.prev) { color: var(--a11y-color); background-color: var(--a11y-bg-color); }

html[class*=-color] .banner, html[class*=-color] .purpose .head, html[class*=-color] .purpose .head::after, html[class*=-color] .purpose .head::before, html[class*=-color] .database .container-xlarge, html[class*=-color] .database .head::after, html[class*=-color] .readingMaterial .container-xlarge, html[class*=-color] .readingMaterial .head::after, html[class*=-color] .database .container-xlarge::before, html[class*=-color] .database .container-xlarge::after, html[class*=-color] .readingMaterial .container-xlarge::after, html[class*=-color] .readingMaterial .container-xlarge::before, html[class*=-color] .searchBox, html[class*=-color] #geographic, html[class*=-color] #material, html[class*=-color] .open--menu .header-nav.show .header-nav--inside { background: var(--a11y-bg-color); }

html[class*=-color] .alink a:after { background-color: var(--a11y-color); }

html[class*=-color] p, html[class*=-color] a, html[class*=-color] span, html[class*=-color] small, html[class*=-color] .home .menu > .menu--item:first-child > a, html[class*=-color] .menu--item a, html[class*=-color] .breadcrumb-list *, html[class*=-color] .home .breadcrumb-list a, html[class*=-color] .home *, html[class*=-color] .banner *, html[class*=-color] .searchBox *, html[class*=-color] .outImpact .boxNumber p.num, html[class*=-color] .purpose .txtlink .btnmore, html[class*=-color] .geographical .head h2, html[class*=-color] .geographical h3::first-letter, html[class*=-color] .footer *, html[class*=-color] .alink a:hover, html[class*=-color] .heading h2, html[class*=-color] .contentPage *, html[class*=-color] .listResult dt a.txtcountry, html[class*=-color] .contentPage .titDetail, html[class*=-color] .listRelated li.active a, html[class*=-color] .listRelated li.active span, html[class*=-color] .listInfo a, html[class*=-color] .listArt p.tit a, html[class*=-color] .listMaterial p.tit a, html[class*=-color] .header .icon .txt, html[class*=-color] .listMaterial .txtGenre a, html[class*=-color] .listArea li.active a, html[class*=-color] .wpcf7Block p.note, html[class*=-color] .single-material .listInfo.listGenre a, html[class*=-color] .listArt a { color: var(--a11y-color); }

html[class*=-color] .contentPage h3::first-letter { color: var(--a11y-color); }

html[class*=-color] .listRelated a:hover, html[class*=-color] .listRelated span:hover, html[class*=-color] .listArea a:hover { color: var(--a11y-color); text-decoration: underline; opacity: .8; }

html[class*=-color] .geographical h3, html[class*=-color] .outImpact .boxNumber .box:nth-child(2), html[class*=-color] .geographical .overlist::after, html[class*=-color] .banner dl, html[class*=-color] .footer .nav .submenu, html[class*=-color] .searchBox .selectBox, html[class*=-color] .searchBox .keyword, html[class*=-color] #geographic .btnSutmit, html[class*=-color] #material .btnSutmit, html[class*=-color] .outImpact .boxNumber .slick-slide, html[class*=-color] .contentPage h3, html[class*=-color] .listResult .item, html[class*=-color] .menu--item, html[class*=-color] .contentPage h4 { border-color: var(--a11y-color); }

@media all and (max-width: 960px) { html[class*=-color] .searchBtn { border-top: 1px solid var(--a11y-color); } }

html[class*=-color] .footer { border-top: 1px solid var(--a11y-color); }

html[class*=-color] .fncSearch .button { border-right: 1px solid var(--a11y-color); }

@media all and (max-width: 960px) { html[class*=-color] .fncSearch .button:last-child { border-right: 0; } }

html[class*=-color] path, html[class*=-color] .st0 { fill: var(--a11y-color) !important; }

html[class*=-color] .explanation .headExplain p.tit { color: var(--a11y-color-revert); }

html[class*=-color] .explanation .headExplain p.tit::first-letter { color: var(--a11y-color-revert); }

html[class*=-color] .explanation .headExplain span.closeMethod, html[class*=-color] .explanation .boxExplain p { color: var(--a11y-color-revert); }

html[class*=-color] .header-top-ifc ul, html[class*=-color] .childmenu { background: var(--a11y-bg-color-revert); }

html[class*=-color] .header-top-ifc ul li, html[class*=-color] .header-top-ifc ul a, html[class*=-color] .childmenu li, html[class*=-color] .childmenu a { color: var(--a11y-color-revert); }

html[class*=-color] .readingMaterial .box h3, html[class*=-color] .readingMaterial .box p, html[class*=-color] .searchBox .btnSutmit .submit, html[class*=-color] .searchBox .btnLink a, html[class*=-color] .pagination a, html[class*=-color] .pagination span, html[class*=-color] .btnReset button, html[class*=-color] .btnReset a, html[class*=-color] .btnReturn button, html[class*=-color] .btnReturn a, html[class*=-color] .boxinfo .titMaterial, html[class*=-color] .wpcf7Block input.wpcf7-submit, html[class*=-color] .wpcf7Block select.wpcf7-submit, html[class*=-color] .wpcf7Block textarea.wpcf7-submit, html[class*=-color] .wpcf7Block input, html[class*=-color] .wpcf7Block select, html[class*=-color] .wpcf7Block textarea { color: var(--a11y-color-revert); background: var(--a11y-bg-color-revert); }

html[class*=-color] .geographical select { color: var(--a11y-color-revert); background: var(--a11y-bg-color-revert) url(../images/ico-arrblack.svg); background-repeat: no-repeat; background-size: 30px; background-position: right 30px center; }

html[class*=-color] .geographical .overlist li { border-color: var(--a11y-color); }

html[class*=-color] [type="radio"]:checked + label:before, html[class*=-color] [type="radio"]:not(:checked) + label:before { border-color: var(--a11y-color); }

html[class*=-color] .geographical .overlist li.none { background: none; }

html[class*=-color] .purpose .txtlink .btnmore::after, html[class*=-color] .purpose .txtlink .btnmore::before, html[class*=-color] .readingMaterial .boxTestimonies h3, html[class*=-color] .btnmore::before, html[class*=-color] .btnmore::after, html[class*=-color] [type="radio"]:checked + label:after, html[class*=-color] .header .icon-hamburger span, html[class*=-color] .listRelated li:first-child::after { background: var(--a11y-bg-color-revert); }

@media all and (max-width: 960px) { html[class*=-color] .geographical select { background-size: 20px; background-position: right 20px center; } }

html[class*=-color] .pagination > a:first-child:not(.prev) { color: var(--a11y-color-revert); background: var(--a11y-bg-color-revert); }

html[class*=-color] #searchGSC .gsc-results-wrapper-overlay .gcsc-find-more-on-google span { color: #000; }

html[class*=-color] .searchBox .btnLink a font font, html[class*=-color] .searchBox .btnSutmit .submit font font { color: var(--a11y-color-revert); }

html[class*=-color-black] .pagination span:first-child:not(.prev), html[class*=-color-blue] .pagination span:first-child:not(.prev) { background: #fff; color: var(--a11y-color-revert); }

html[class*=-color-black] .pagination span.current, html[class*=-color-blue] .pagination span.current { background: #ddd; }

html[class*=-color-yellow] .pagination span:first-child:not(.prev) { background: #000; color: yellow; }

html[class*=-color-yellow] .pagination span.current { background: #333; }

html[class*=-color-yellow] .explanation .headExplain { background-color: #333; }

html[class*=-color-yellow] .explanation .boxExplain { background: var(--a11y-bg-color-revert); }

html[class*=-color-yellow] .explanation .headExplain span.closeMethod { background: url(../images/ico-close-yellow.svg) no-repeat left center; background-size: 32px; }

html[class*=-color-yellow] .explanation .headExplain span.closeMethod.toggle { background: url(../images/ico-open-yellow.svg) no-repeat left center; background-size: 32px; }

html[class*=-color-yellow] .geographical select optgroup { color: yellow; }

@media all and (min-width: 961px) { html[class*=-color-yellow] .childmenu li a:hover { color: yellow; } }

html[class*=-color-black] .explanation .headExplain span.closeMethod { background: url(../images/ico-close-black.svg) no-repeat left center; background-size: 32px; }

html[class*=-color-black] .explanation .headExplain span.closeMethod.toggle { background: url(../images/ico-open-black.svg) no-repeat left center; background-size: 32px; }

body { overflow-x: hidden; font-family: "Urbanist", sans-serif; color: #282828; font-size: calc(1rem * var(--text-scale)); }

body p { font-size: calc(1rem * var(--text-scale)); line-height: 1.8; color: #282828; }

@media all and (max-width: 960px) { body p { font-size: calc(0.875rem * var(--text-scale)); } }

body a { color: #282828; line-height: normal; }

body img, body iframe { max-width: 100%; line-height: 0; }

.flexmasonry { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; }

.flexmasonry-item { width: 100%; }

.flexmasonry-cols-2 .flexmasonry-item { width: 50%; }

.flexmasonry-cols-3 .flexmasonry-item { width: 33.333%; }

.flexmasonry-cols-4 .flexmasonry-item { width: 25%; }

.flexmasonry-cols-5 .flexmasonry-item { width: 20%; }

.flexmasonry-cols-6 .flexmasonry-item { width: 16.666%; }

.flexmasonry-cols-7 .flexmasonry-item { width: 14.285%; }

.flexmasonry-cols-8 .flexmasonry-item { width: 12.5%; }

.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+5) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+5) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+6) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n) { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+5) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+6) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+7) { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n) { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; }

.flexmasonry-break { content: ""; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 0 !important; margin: 0; }

.flexmasonry-break-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.flexmasonry-break-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }

.flexmasonry-break-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; }

.flexmasonry-break-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; }

.flexmasonry-break-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; }

.flexmasonry-break-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; }

.flexmasonry-break-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

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

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

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

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

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

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

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

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

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

.slick-slide img { display: block; }

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

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

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

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

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

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

.slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

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

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

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

.slick-next:before, .slick-prev:before { font-family: "slick"; font-size: calc(1.25rem * var(--text-scale)); line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

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

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

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

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

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

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

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

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.scroller { scrollbar-width: auto; scrollbar-color: #fff; }

.scroller::-webkit-scrollbar { width: 8px; height: 8px; }

.scroller::-webkit-scrollbar-track { background: #fff; }

.scroller::-webkit-scrollbar-thumb { background-color: #9F9F9F; }

.scroller::-webkit-scrollbar-thumb:hover { background: #fff; }

.dflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.dflex-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.dflex-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.dflex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media all and (min-width: 961px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }

.alink { position: relative; }

.alink a { position: relative; }

.alink a:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.alink a:after { bottom: -1px; display: block; height: 1px; width: 0%; content: ""; background-color: #fff; left: 0%; }

@media all and (min-width: 961px) { .alink a:hover { opacity: 1; color: #fff; }
  .alink a:hover:after { opacity: 1; width: 100%; left: 0; } }

.container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

@media all and (max-width: 960px) { .container { padding: 0 15px; } }

.container-large { margin: 0 auto; padding: 0 20px; max-width: 1380px; }

@media all and (max-width: 960px) { .container-large { padding: 0 15px; } }

.container-xlarge { margin: 0 auto; padding: 0 20px; max-width: 1620px; }

@media all and (max-width: 960px) { .container-xlarge { padding: 0 15px; } }

/* -----------------------------------------------
/* HEADER
-------------------------------------------------- */
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 15px; background: #fff; height: 106px; font-family: "Urbanist", sans-serif; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }

@media all and (min-width: 1680px) { .header { padding-left: 12%; } }

@media all and (max-width: 960px) { .header { height: 64px; background: #003366; border-bottom: 3px solid #fff; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.header-top { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 1740px) { .header-top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media all and (max-width: 960px) { .header-top { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } }

.header-top--logo { position: absolute; z-index: -1; top: 190px; left: 5%; }

@media all and (min-width: 961px) { .header-top--logo { visibility: hidden; } }

.header-top--logo a { line-height: 0; }

@media all and (max-width: 960px) { .header-top--logo a { color: #fff; font-weight: bold; font-size: calc(0.875rem * var(--text-scale)); } }

@media all and (max-width: 960px) { .header-top--logo { position: relative; z-index: 1; top: inherit; left: inherit; }
  .header-top--logo a { opacity: 1; visibility: inherit; } }

@media all and (min-width: 961px) { .header-top--logo a { color: #fff; font-size: calc(2.375rem * var(--text-scale)); font-weight: bold; opacity: 0; visibility: hidden; } }

.header-top--menu { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header-top--menu .header-nav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: inherit; }

@media all and (max-width: 1740px) { .header-top--menu { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media all and (min-width: 1151px) { .header-top--menu { position: relative; z-index: 2; } }

.header-top-ifc { position: relative; top: -1px; margin-left: 30px; }

@media all and (max-width: 1740px) { .header-top-ifc { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: right; margin-left: 0; margin-bottom: 20px; } }

.header-top-ifc span { font-weight: bold; padding: 0 15px; line-height: 1; display: inline-block; font-size: calc(0.875rem * var(--text-scale)); }

.header-top-ifc span:first-child { padding-left: 0; }

.header-top-ifc span:last-child { padding-right: 0; }

.header-nav { position: relative; z-index: 98; }

@media all and (max-width: 1150px) { .header-nav--inside { position: absolute; width: 100%; height: 100vh; right: -100%; top: 106px; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } }

@media all and (max-width: 960px) { .header-nav--inside { top: 64px; overflow-y: scroll; } }

.header .icon-hamburger { position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 57px; height: 57px; -webkit-transition: all .3s; transition: all .3s; }

@media all and (max-width: 960px) { .header .icon-hamburger { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } }

@media all and (min-width: 1151px) { .header .icon { display: none; } }

.header .icon-hamburger { z-index: 99; }

.header .icon-hamburger span { left: 0; height: 3px; position: absolute; background: #003366; display: inline-block; width: 100%; border-radius: 10px; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.header .icon-hamburger span:first-child { top: 0; }

.header .icon-hamburger span:nth-child(2) { top: 0; bottom: 0; margin: auto; position: absolute; }

.header .icon-hamburger span:last-child { bottom: 0; }

@media all and (max-width: 960px) { .header .icon-hamburger span { background: #fff; } }

.header .icon--bar { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 38%; width: 56%; }

.header .icon--bar img { max-width: 30px; }

.header .icon .txt { position: absolute; font-weight: bold; left: 0; bottom: -10px; right: 0; line-height: 1; opacity: 0; color: #fff; text-align: center; }

@media all and (max-width: 960px) { .header .icon .txt { display: none; } }

/* -----------------------------------------------
/* MENU
-------------------------------------------------- */
@media all and (min-width: 1151px) { .menu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

@media all and (max-width: 1150px) { .menu { height: auto; overflow: hidden; padding-top: 170px; padding-bottom: 200px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 90%; margin: 0 auto; } }

@media all and (max-width: 960px) { .menu { padding-top: 35px; width: 70%; min-width: 250px; } }

.menu--item { padding: 0 10px; }

.menu--item:nth-child(7) { padding-right: 0; }

@media all and (max-width: 1150px) { .menu--item:first-child { padding-left: 0; }
  .menu--item a { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } }

@media all and (min-width: 1151px) { .menu--item:first-child { padding-left: 0; }
  .menu--item.currentPage > a { color: #0D6CCD; text-decoration: underline; } }

@media all and (max-width: 960px) { .menu--item { border-bottom: 1px dashed #fff; padding: 22px 0; margin: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .menu--item:nth-child(6) .childmenu { display: none; }
  .menu--item.dissp { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 55%; -ms-flex: 0 0 55%; flex: 0 0 55%; }
  .menu--item.dissp a { font-size: calc(1rem * var(--text-scale)); }
  .menu--item:nth-child(9), .menu--item:nth-child(11) { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; padding-left: 35px; }
  .menu--item:nth-child(9) { position: relative; }
  .menu--item:nth-child(9)::before { position: absolute; content: ''; border-left: 1px dashed #fff; width: 1px; height: 155%; left: 0; top: 15px; } }

.menu--item a { font-weight: bold; line-height: 24px; color: #000; text-decoration: none; display: block; white-space: nowrap; }

@media all and (min-width: 1151px) { .menu--item a:hover { color: #0D6CCD; opacity: 0.8; text-decoration: underline; } }

@media all and (max-width: 1150px) { .menu--item a { font-size: calc(1.25rem * var(--text-scale)); color: #fff; }
  .menu--item a:hover { text-decoration: underline; } }

@media all and (max-width: 960px) { .menu--item a:hover { text-decoration: none; } }

.megamenu { position: relative; }

@media all and (min-width: 1151px) { .megamenu > a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .megamenu span.icon { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .megamenu span.icon img, .megamenu span.icon svg { width: 24px; } }

@media all and (max-width: 1150px) { .megamenu span.icon { display: none; } }

.childmenu { display: none; }

@media all and (min-width: 1151px) { .childmenu { position: absolute; background: rgba(255, 252, 252, 0.9); padding: 10px 25px; } }

@media all and (max-width: 1150px) { .childmenu { display: block; } }

@media all and (max-width: 960px) { .childmenu { margin-top: 10px; padding-left: 10px; } }

.childmenu li { padding: 9px 0; border-bottom: 1px dashed #000; }

.childmenu li:last-child { border-bottom: 0; }

@media all and (max-width: 1150px) { .childmenu li { border-bottom: 0; padding: 30px 10px; border-bottom: 1px dashed #fff; }
  .childmenu li:first-child { padding-left: 10px; } }

@media all and (max-width: 960px) { .childmenu li { border-bottom: 0; padding: 4px 10px; } }

.childmenu li a { display: inline-block; }

@media all and (max-width: 1150px) { .childmenu li a { font-size: calc(1rem * var(--text-scale)); }
  .childmenu li a:hover { text-decoration: underline; color: #fff; } }

@media all and (max-width: 960px) { .childmenu li a { font-size: calc(0.875rem * var(--text-scale)); } }

@media all and (min-width: 1151px) { .childmenu li a:hover { opacity: 1; color: #4376A9; } }

/* -----------------------------------------------
/* MENU OPEN
-------------------------------------------------- */
.open--menu { position: relative; }

.open--menu .header-top--logo { visibility: inherit; }

@media all and (min-width: 961px) { .open--menu .header-top--logo { z-index: 99; }
  .open--menu .header-top--logo a { opacity: 1; visibility: inherit; }
  .open--menu .header-top--logo a:hover { opacity: .7; } }

.open--menu .header .icon .txt { opacity: 1; }

.open--menu .header-nav.show .header-nav--inside { background: -webkit-linear-gradient(top, #0f3f70 0%, #193139 100%); background: linear-gradient(180deg, #0f3f70 0%, #193139 100%); right: 0; width: 100%; opacity: 1; visibility: visible; }

.open--menu .icon-hamburger { top: 130px; right: 50%; }

@media all and (max-width: 960px) { .open--menu .icon-hamburger { top: 0; right: 0; } }

.open--menu .icon-hamburger span { background: #fff; }

.open--menu .icon-hamburger span:nth-child(1) { -webkit-transform: translateY(9px) rotate(-225deg); -ms-transform: translateY(9px) rotate(-225deg); transform: translateY(9px) rotate(-225deg); }

.open--menu .icon-hamburger span:nth-child(2) { -webkit-transform: translateY(0) rotate(225deg); -ms-transform: translateY(0) rotate(225deg); transform: translateY(0) rotate(225deg); width: 100%; }

.open--menu .icon-hamburger span:nth-child(3) { opacity: 0; }

@media all and (max-width: 960px) { .open--menu .menu--item { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

.open--menu .menu--item:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.open--menu .menu--item:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.open--menu .menu--item:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.open--menu .menu--item:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.open--menu .menu--item:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.open--menu .menu--item:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.open--menu .menu--item:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.open--menu .menu--item:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.open--menu .menu--item:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.open--menu .menu--item:nth-child(10) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.open--menu .menu--item:nth-child(11) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.open--menu .menu--item:nth-child(12) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

/* -----------------------------------------------
/* FOOTER
-------------------------------------------------- */
.footer { margin-top: 13%; background: #003366; padding-top: 100px; padding-bottom: 30px; }

@media all and (max-width: 960px) { .footer { margin-top: 120px; padding-top: 50px; padding-bottom: 100px; } }

.footer * { color: #fff; }

.footer-logo { margin-bottom: 100px; }

@media all and (max-width: 960px) { .footer-logo { margin-bottom: 25px; } }

.footer-logo h2 { font-size: calc(2.125rem * var(--text-scale)); text-align: center; letter-spacing: 1px; }

@media all and (max-width: 960px) { .footer-logo h2 { font-size: calc(1.25rem * var(--text-scale)); } }

.footer-brn { max-width: 920px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 80px; }

.footer-brn a { -webkit-box-flex: 0; -webkit-flex: 0 0 46%; -ms-flex: 0 0 46%; flex: 0 0 46%; }

@media all and (max-width: 960px) { .footer-brn { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .footer-brn a { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 10px auto; text-align: center; max-width: 420px; } }

@media all and (max-width: 768px) { .footer-brn a { max-width: 300px; } }

.footer .nav { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

@media all and (max-width: 960px) { .footer .nav { display: none; } }

.footer .nav > li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.footer .nav > li:last-child { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.footer .nav > li:nth-child(5) .icon, .footer .nav > li:nth-child(6) .icon { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.footer .nav > li:nth-child(5) .icon svg, .footer .nav > li:nth-child(6) .icon svg { width: 24px; }

.footer .nav > li:nth-child(5) .icon path, .footer .nav > li:nth-child(6) .icon path { fill: #fff; }

.footer .nav > li a { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-weight: bold; font-size: calc(0.875rem * var(--text-scale)); line-height: 24px; }

.footer .nav.nav2 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 100px auto; }

.footer .nav.nav2 li { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 30px; text-align: center; }

.footer .nav .submenu { margin-top: 10px; padding-left: 15px; border-left: 1px solid #fff; }

.footer .nav .submenu li { padding: 9px 0; }

.footer-bottom p { font-size: calc(0.875rem * var(--text-scale)); text-align: center; font-weight: bold; }

@media all and (max-width: 960px) { .footer-bottom p { font-weight: normal; } }

.footer .backtop { width: 100%; max-width: 100%; position: fixed; z-index: 8; bottom: 75px; right: 0; }

.footer .backtop--icon { cursor: pointer; display: block; position: absolute; bottom: 0; right: 15px; zoom: 1; text-align: right; z-index: 8; }

.footer .backtop--icon .st0 { fill: #4876A7; }

.footer .backtop--icon svg { width: 30px; }

@media all and (max-width: 960px) { .footer .backtop--icon svg { width: 18px; } }

@media all and (min-width: 961px) { .fontSize120 .searchBox .contentBtn { padding: 0 18px; }
  .fontSize120 .searchBox .btnLink a { width: 180px; } }

.fncSearch { position: fixed; left: 0; width: 420px; z-index: 100; }

.fncSearch .searchBtn { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (min-width: 961px) { .fncSearch { top: 0; } }

@media all and (max-width: 960px) { .fncSearch { bottom: 0; width: 100%; } }

.fncSearch .button { color: #fff; text-align: center; font-weight: bold; font-size: calc(0.9375rem * var(--text-scale)); line-height: 1.4; padding-top: 20px; width: 140px; height: 106px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; position: relative; }

.fncSearch .button .icon { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-bottom: 5px; }

.fncSearch .button .icon svg { width: 24px; }

@media all and (max-width: 960px) { .fncSearch .button .icon svg { width: 20px; } }

.fncSearch .button .icon .st0 { fill: #fff; }

.fncSearch .button .txt { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.fncSearch .button .txt font + br { display: none; }

@media all and (min-width: 961px) { .fncSearch .button:hover { opacity: .7; } }

@media all and (max-width: 960px) { .fncSearch .button { width: 33.333%; font-size: calc(0.8125rem * var(--text-scale)); line-height: 1; height: 64px; padding-top: 8px; }
  .fncSearch .button span { display: none; }
  .fncSearch .button:first-child span.icon, .fncSearch .button:nth-child(2) span.icon { margin-bottom: 11px; } }

.fncSearch .button.btndata { background: #003366; }

.fncSearch .button.btngeographic { background: #4376A9; }

.fncSearch .button.btnmaterial { background: #9CA69C; }

@media all and (max-width: 960px) { .fncSearch .button.btnmaterial span { display: block; } }

.banner { margin-top: 106px; background: #0F3F70; background: -webkit-linear-gradient(top, #0f3f70 0%, #193139 100%); background: linear-gradient(180deg, #0f3f70 0%, #193139 100%); padding: 120px 0; }

@media all and (max-width: 960px) { .banner { margin-top: 64px; padding-top: 0; } }

.banner * { color: #fff; }

.banner h1 { font-family: "Vazirmatn", sans-serif; font-size: calc(6rem * var(--text-scale)); line-height: 1; margin-top: 35px; margin-bottom: 120px; }

@media all and (max-width: 1150px) { .banner h1 { font-size: calc(4.5rem * var(--text-scale)); } }

@media all and (max-width: 960px) { .banner h1 { display: none; } }

.banner h2 { font-size: calc(2.375rem * var(--text-scale)); margin-bottom: 20px; }

@media all and (max-width: 960px) { .banner h2 { font-size: calc(2rem * var(--text-scale)); text-align: center; margin-top: 60px; } }

@media all and (max-width: 960px) { .banner p { text-align: center; } }

.banner .content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; }

@media all and (max-width: 960px) { .banner .content { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.banner .boxInfomation .head { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 25px; }

@media all and (max-width: 960px) { .banner .boxInfomation .head { margin-bottom: 5px; } }

@media all and (max-width: 960px) { .banner .boxInfomation .head { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; }
  .banner .boxInfomation .head .txtlink { display: none; } }

.banner .boxInfomation .head p { font-size: calc(1.5rem * var(--text-scale)); font-weight: bold; margin-right: 35px; }

@media all and (max-width: 960px) { .banner .boxInfomation .head p { font-size: 1.125rem; margin-right: 0; } }

.banner .video { aspect-ratio: 83/47; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 54.8%; -ms-flex: 0 0 54.8%; flex: 0 0 54.8%; }

@media all and (max-width: 1280px) { .banner .video { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

@media all and (max-width: 960px) { .banner .video { width: calc(100% + 30px); margin-left: -15px; } }

.banner .video .iframe { width: 100%; height: 100%; }

.banner .video img { width: 100%; }

.banner dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 0; border-bottom: 1px dashed #fff; max-width: 800px; }

@media all and (max-width: 960px) { .banner dl { font-size: calc(0.8125rem * var(--text-scale)); max-width: inherit; } }

.banner dl dt { margin-right: 15px; }

.banner dl:last-child { border-bottom: 0; }

@media all and (min-width: 961px) { .banner dl a:hover { text-decoration: underline; } }

.btnmore { font-weight: bold; width: 300px; text-align: right; position: relative; display: inline-block; padding-bottom: 8px; padding-right: 50px; letter-spacing: 2px; }

@media all and (min-width: 961px) { .btnmore { font-size: calc(1.25rem * var(--text-scale)); } }

@media all and (max-width: 960px) { .btnmore { width: 180px; text-align: center; padding-right: 0; } }

.btnmore::after { position: absolute; content: ''; background: #fff; width: 40px; height: 3px; right: -20px; top: 82%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.btnmore::before { position: absolute; content: ''; background: #fff; width: 100%; height: 1px; left: 0; bottom: 0; }

@media all and (min-width: 961px) { .btnmore:hover { opacity: .7; } }

.breadcrumb-list { padding: 30px 0 5px; font-family: "Vazirmatn", sans-serif; margin-bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow-x: auto; scrollbar-width: auto; /* auto | thin | none */ scrollbar-color: #fff; /* thumb color track color */ }

.breadcrumb-list::-webkit-scrollbar { width: 8px; /* vertical scrollbar width */ height: 4px; /* thickness of the vertical scrollbar */ }

.breadcrumb-list::-webkit-scrollbar-track { background: #ddd; }

.breadcrumb-list::-webkit-scrollbar-thumb { background-color: #9F9F9F; }

.breadcrumb-list::-webkit-scrollbar-thumb:hover { background: #000; /* color on hover */ }

.breadcrumb-list li { font-weight: 600; color: #0D6CCD; position: relative; white-space: nowrap; }

.breadcrumb-list li::after { position: relative; content: '-'; margin: 0 5px; }

.breadcrumb-list li:last-child::after { content: ''; margin: 0; }

@media all and (max-width: 960px) { .breadcrumb-list { display: none; } }

.breadcrumb-list a { font-weight: 600; }

@media all and (min-width: 961px) { .breadcrumb-list a:hover { text-decoration: underline; } }

.home .breadcrumb-list { margin-bottom: 50px; }

.home .breadcrumb-list a { color: #0D6CCD; }

@media all and (max-width: 960px) { .outImpact { padding-top: 50px; } }

.outImpact h2 { font-size: calc(4rem * var(--text-scale)); margin-bottom: 70px; }

@media all and (max-width: 960px) { .outImpact h2 { font-size: 2.5rem; margin-bottom: 30px; } }

.outImpact .boxNumber { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 960px) { .outImpact .boxNumber .slick-slide { border-right: 1px dashed #000; width: 260px; } }

.outImpact .boxNumber .box { -webkit-box-flex: 0; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; padding: 55px 0; }

.outImpact .boxNumber .box:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000; }

@media all and (max-width: 960px) { .outImpact .boxNumber .box { padding: 20px 0 30px; } }

.outImpact .boxNumber p { max-width: 235px; margin: 0 auto; }

@media all and (max-width: 960px) { .outImpact .boxNumber p { padding: 0 10px; } }

.outImpact .boxNumber p.num { font-size: calc(6rem * var(--text-scale)); font-weight: bold; text-align: center; color: #003366; line-height: 1; margin-bottom: 30px; letter-spacing: 5px; }

.outImpact .boxNumber p.num small { font-size: calc(1.25rem * var(--text-scale)); color: #000; display: block; letter-spacing: 0; }

@media all and (max-width: 960px) { .outImpact .boxNumber p.num small { margin-top: 20px; } }

@media all and (max-width: 960px) { .outImpact .boxNumber p.num { font-size: calc(4rem * var(--text-scale)); margin-bottom: 20px; } }

.purpose { margin: 130px 0; background: url(../images/img-purpose.png) no-repeat right bottom; }

@media all and (max-width: 960px) { .purpose { margin: 70px 0 55px; background: none; } }

.purpose .head { max-width: 980px; background: #fff; padding-bottom: 60px; padding-top: 220px; position: relative; width: 70%; padding-right: 30px; }

@media all and (min-width: 1680px) { .purpose .head { padding-right: 0; } }

@media all and (max-width: 1240px) { .purpose .head { padding-top: 160px; } }

@media all and (max-width: 960px) { .purpose .head { width: 100%; padding: 0; } }

.purpose .head::after { position: absolute; content: ''; background: #D9D9D9; width: 37%; height: 80%; left: 0; bottom: 0; z-index: 0; border-bottom-right-radius: 30px; }

@media all and (max-width: 1240px) { .purpose .head::after { height: 84%; } }

@media all and (max-width: 960px) { .purpose .head::after { top: 0; bottom: inherit; height: 66%; width: 60%; } }

.purpose .head::before { position: absolute; content: ''; background: #D9D9D9; width: 50%; height: 80%; left: -40%; bottom: 0; z-index: 0; }

@media all and (max-width: 1240px) { .purpose .head::before { height: 84%; } }

@media all and (max-width: 960px) { .purpose .head::before { top: 0; bottom: inherit; height: 66%; } }

.purpose h2 { font-size: calc(6rem * var(--text-scale)); color: #003366; line-height: 1; margin-bottom: 30px; position: relative; z-index: 2; }

@media all and (max-width: 960px) { .purpose h2 { font-size: calc(3rem * var(--text-scale)); padding-top: 30px; margin-bottom: 20px; } }

.purpose p { position: relative; z-index: 2; }

.purpose p.text_bold { font-size: calc(1.5rem * var(--text-scale)); font-weight: 600 !important; margin-bottom: 60px; }

@media all and (max-width: 960px) { .purpose p.text_bold { font-size: calc(1.25rem * var(--text-scale)); margin-bottom: 20px; line-height: 1.4; } }

.purpose .img { position: relative; z-index: 2; }

@media all and (max-width: 960px) { .purpose .img { margin-top: 20px; margin-right: -15px; text-align: right; }
  .purpose .img img { width: 68%; } }

.purpose .txtlink { text-align: right; position: relative; z-index: 2; margin-top: 120px; margin-right: 40px; }

@media all and (max-width: 1240px) { .purpose .txtlink { margin-top: 80px; } }

@media all and (max-width: 960px) { .purpose .txtlink { margin-right: 20px; margin-top: 35px; } }

.purpose .txtlink .btnmore { color: #0D6CCD; }

.purpose .txtlink .btnmore::after { background: #0D6CCD; }

.purpose .txtlink .btnmore::before { background: #0D6CCD; }

.largeimg img { width: 100%; }

.database { margin-top: 120px; position: relative; }

@media all and (max-width: 960px) { .database { margin-top: 70px; } }

.database .container-xlarge { background: #DEEFF1; position: relative; padding-bottom: 20%; padding-right: 90px; border-bottom-left-radius: 40px; }

.database .container-xlarge::after { position: absolute; content: ''; background: #DEEFF1; width: 20%; height: 100%; right: -20%; top: 0; }

@media all and (max-width: 1620px) { .database .container-xlarge::after { display: none; } }

.database .container-xlarge::before { position: absolute; content: ''; background: #DEEFF1; border-bottom-left-radius: 40px; width: 60px; height: 100%; left: -20px; top: 0; }

@media all and (max-width: 1620px) { .database .container-xlarge::before { display: none; } }

@media all and (max-width: 1620px) { .database .container-xlarge { padding-right: 20px; } }

@media all and (max-width: 960px) { .database .container-xlarge { padding: 0 15px; padding-bottom: 120px; border-bottom-left-radius: 30px; } }

.database .head { margin-bottom: 40px; position: relative; }

.database .head::after { position: absolute; content: ''; background: #fff; width: 160%; height: 150px; left: -20%; top: 0; z-index: 1; }

@media all and (max-width: 960px) { .database .head::after { height: 60px; } }

.database h2 { font-size: 256px; color: #CDC57E; line-height: 1; position: relative; z-index: 2; margin-left: -15px; margin-bottom: 20px; }

@media all and (max-width: 1280px) { .database h2 { font-size: 20vw; } }

@media all and (max-width: 960px) { .database h2 { font-size: 80px; margin-left: -5px; } }

.database .box { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; position: relative; z-index: 2; }

@media all and (max-width: 960px) { .database .box { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 70px; }
  .database .box:last-child { margin-bottom: 0; } }

.database .box h3 { font-size: calc(2.25rem * var(--text-scale)); margin-bottom: 30px; }

@media all and (max-width: 960px) { .database .box h3 { font-size: calc(1.5rem * var(--text-scale)); margin-bottom: 20px; } }

.database .box .img { max-width: 420px; margin-left: auto; margin-right: 0; width: 90%; }

@media all and (max-width: 960px) { .database .box .img { margin-left: 0; width: 85%; max-width: inherit; }
  .database .box .img img { width: 100%; } }

.database .box p { padding-left: 30px; margin-top: 20px; }

@media all and (max-width: 960px) { .database .box p { font-size: calc(0.8125rem * var(--text-scale)); padding-left: 0; margin-top: 15px; } }

.readingMaterial { margin-top: 11%; }

@media all and (max-width: 960px) { .readingMaterial { margin-top: 70px; } }

.readingMaterial .container-xlarge { background: #FFDBDB; padding: 0 60px; position: relative; padding-bottom: 55%; border-bottom-right-radius: 40px; }

@media all and (min-width: 1640px) { .readingMaterial .container-xlarge { padding-bottom: 50%; } }

@media all and (min-width: 1720px) { .readingMaterial .container-xlarge { padding-bottom: 48%; } }

@media all and (min-width: 1820px) { .readingMaterial .container-xlarge { padding-bottom: 46%; } }

@media all and (max-width: 960px) { .readingMaterial .container-xlarge { padding: 0 15px; background: none; } }

.readingMaterial .container-xlarge::after { position: absolute; content: ''; background: #FFDBDB; width: 20%; height: 100%; left: -20%; top: 0; }

@media all and (max-width: 1620px) { .readingMaterial .container-xlarge::after { display: none; } }

.readingMaterial .container-xlarge::before { position: absolute; content: ''; background: #FFDBDB; width: 100px; height: 100%; top: 0; }

@media all and (min-width: 1560px) { .readingMaterial .container-xlarge::before { right: -20px; border-bottom-right-radius: 40px; } }

@media all and (max-width: 1620px) { .readingMaterial .container-xlarge::before { display: none; } }

@media all and (max-width: 960px) { .readingMaterial .container-xlarge::before { display: block; height: calc(100% - 20px); width: 90%; top: 80px; margin-left: -15px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } }

.readingMaterial .head { position: relative; }

.readingMaterial .head::after { position: absolute; content: ''; background: #fff; width: 160%; height: 240px; left: -20%; top: 0; z-index: 1; }

@media all and (max-width: 960px) { .readingMaterial .head::after { height: 80px; } }

.readingMaterial .head p { margin-left: auto; margin-right: 0; max-width: 570px; width: 40%; }

@media all and (max-width: 960px) { .readingMaterial .head p { width: 100%; max-width: inherit; } }

.readingMaterial h2 { font-size: 256px; color: #CDC57E; line-height: 1; position: relative; z-index: 2; margin-left: -15px; margin-bottom: 20px; text-align: right; }

@media all and (max-width: 1280px) { .readingMaterial h2 { font-size: 20vw; } }

@media all and (max-width: 960px) { .readingMaterial h2 { font-size: 80px; } }

.readingMaterial .boxinfo { position: relative; }

@media all and (max-width: 960px) { .readingMaterial .boxinfo { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } }

.readingMaterial .box { display: block; max-width: 650px; width: 46%; margin-top: 10px; }

@media all and (max-width: 960px) { .readingMaterial .box { -webkit-box-flex: 0; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; margin: 0; margin-bottom: 4%; } }

.readingMaterial .box a { display: block; width: 100%; }

.readingMaterial .box .img { overflow: hidden; aspect-ratio: 1.58537; position: relative; z-index: 1; }

.readingMaterial .box .img img { width: 100%; height: 100%; object-fit: cover; }

@media all and (max-width: 960px) { .readingMaterial .box .img { aspect-ratio: 18/23; } }

.readingMaterial .box .titMaterial, .readingMaterial .box p { position: absolute; z-index: 2; }

.readingMaterial .box .titMaterial { font-size: calc(1.25rem * var(--text-scale)); color: #fff; top: 0; right: 0; padding: 15px 0; width: 200px; text-align: center; border-bottom-left-radius: 20px; }

@media all and (max-width: 960px) { .readingMaterial .box .titMaterial { width: 110px; font-size: calc(0.875rem * var(--text-scale)); padding: 10px; } }

.readingMaterial .box p { font-size: calc(0.875rem * var(--text-scale)); background: rgba(255, 255, 255, 0.8); left: 0; bottom: 0; width: 80%; max-width: 440px; padding: 20px; border-top-right-radius: 20px; line-height: 1.4; }

@media all and (max-width: 960px) { .readingMaterial .box p { display: none; } }

.readingMaterial .boxTestimonies { position: absolute; left: 0; top: 0; }

.readingMaterial .boxTestimonies .titMaterial { background: #17657D; }

@media all and (max-width: 960px) { .readingMaterial .boxTestimonies { position: relative; } }

.readingMaterial .boxImpact { position: absolute; margin-top: 20%; margin-left: 40%; }

@media all and (min-width: 1520px) { .readingMaterial .boxImpact { margin-left: 33%; } }

.readingMaterial .boxImpact .titMaterial { background: #B95004; }

@media all and (max-width: 960px) { .readingMaterial .boxImpact { position: relative; margin: 0; } }

.readingMaterial .boxBlog { position: absolute; left: -120px; margin-top: 53%; }

.readingMaterial .boxBlog .titMaterial { background: #95C05C; }

@media all and (max-width: 1720px) { .readingMaterial .boxBlog { left: -40px; } }

@media all and (max-width: 960px) { .readingMaterial .boxBlog { position: relative; margin: 0; left: 0; } }

.readingMaterial .boxDocumentary { position: absolute; margin-top: 45%; right: 0; }

.readingMaterial .boxDocumentary .titMaterial { background: #786A22; }

@media all and (max-width: 1620px) { .readingMaterial .boxDocumentary { right: -40px; margin-top: 48%; } }

@media all and (max-width: 960px) { .readingMaterial .boxDocumentary { position: relative; margin: 0; right: 0; } }

.geographical { margin-top: 35%; }

@media all and (max-width: 960px) { .geographical { margin-top: 130px; } }

.geographical .head { text-align: center; }

@media all and (max-width: 960px) { .geographical .head { padding: 0 15px; } }

.geographical .head h2 { font-size: calc(4rem * var(--text-scale)); color: #003366; line-height: 1; margin-bottom: 30px; }

@media all and (max-width: 960px) { .geographical .head h2 { font-size: 2.5rem; line-height: 1.4; margin-bottom: 20px; } }

.geographical .worldmap { background: #D9D9D9 url(../images/gmap.png) no-repeat center center; height: 675px; margin: 70px 0; }

@media all and (max-width: 960px) { .geographical .worldmap { margin: 30px 0 60px; height: 270px; } }

.geographical .dflex { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .geographical .dflex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.geographical h3 { font-size: calc(2.25rem * var(--text-scale)); border-bottom: 1px solid #000; padding-bottom: 10px; line-height: 1; margin-bottom: 35px; }

.geographical h3::first-letter { color: #003366; }

@media all and (max-width: 960px) { .geographical h3 { font-size: calc(1.5rem * var(--text-scale)); margin-bottom: 25px; } }

.geographical .browseMap { width: 44%; }

@media all and (max-width: 1380px) { .geographical .browseMap { width: 40%; } }

@media all and (max-width: 960px) { .geographical .browseMap { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.geographical .browseMap .selectMap { margin-bottom: 20px; background: #4376A9 url(../images/ico-arrwhite.svg) no-repeat right 30px center; background-size: 30px; }

.geographical .browseMap .selectMap:last-child { margin-bottom: 0; }

.geographical .overView { width: 52%; }

@media all and (max-width: 1380px) { .geographical .overView { width: 57%; } }

@media all and (max-width: 960px) { .geographical .overView { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 80px; }
  .geographical .overView h3 { margin-bottom: 10px; } }

.geographical select { font-family: "Vazirmatn", sans-serif; color: #fff; background: transparent; background-size: 30px; border: none; outline: none; width: 100%; padding: 27px 30px 23px; cursor: pointer; }

.geographical select optgroup { color: #000; }

.geographical select:last-child { margin-bottom: 0; }

@media all and (max-width: 960px) { .geographical select { font-size: calc(0.875rem * var(--text-scale)); max-width: 300px; padding: 16px 20px; background-position: right 10px center; background-size: 20px; } }

.geographical .overlist { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (min-width: 961px) { .geographical .overlist { margin-top: -10px; position: relative; }
  .geographical .overlist::after { position: absolute; content: ''; width: 1px; height: calc(100% - 40px); left: 50%; top: 30px; border-right: 1px dashed #000; } }

.geographical .overlist li { font-family: "Vazirmatn", sans-serif; font-size: calc(1.5rem * var(--text-scale)); font-weight: bold; border-bottom: 1px dashed #000; padding: 25px 0; cursor: pointer; width: 47%; -webkit-transition: all .3s; transition: all .3s; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.geographical .overlist li .icon { margin-right: 10px; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; top: -2px; }

.geographical .overlist li .icon img, .geographical .overlist li .icon svg { width: 24px; }

.geographical .overlist li.none { background: none; border-bottom: none; }

@media all and (min-width: 961px) { .geographical .overlist li:last-child { border-bottom: 0; }
  .geographical .overlist li:hover { opacity: .7; } }

@media all and (max-width: 1180px) { .geographical .overlist li { font-size: 1.375rem; padding-top: 26px; padding-bottom: 26px; } }

@media all and (max-width: 960px) { .geographical .overlist li { font-size: calc(1rem * var(--text-scale)); padding: 0; height: 60px; background-position: left top 16px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.2; } }

[type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; }

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; font-weight: bold; text-decoration: underline; }

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: -5px; top: 0; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 100%; }

[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #fff; position: absolute; top: 5px; left: 0; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: #FFFC4D; }

[type="radio"]:checked + label:before { border: 2px solid #FFFC4D; }

.searchBox { background: rgba(0, 51, 102, 0.9); position: absolute; left: 0; top: 0; z-index: 8; width: 100%; overflow: hidden; display: none; }

.searchBox .icon { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.searchBox .icon svg { width: 20px; }

.searchBox .icon .st0 { fill: #fff; }

@media all and (max-width: 1150px) { .searchBox { display: none; } }

@media all and (max-width: 960px) { .searchBox { position: fixed; } }

.searchBox * { color: #fff; }

.searchBox .head { height: 106px; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 40px; width: 100%; border-bottom: 3px solid #fff; }

@media all and (max-width: 960px) { .searchBox .head { height: 64px; padding-right: 20px; } }

.searchBox .head .tit { font-size: calc(1.25rem * var(--text-scale)); font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.searchBox .head .tit .icon { margin-right: 10px; }

.searchBox .head .close { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: calc(0.875rem * var(--text-scale)); cursor: pointer; -webkit-transition: all .3s; transition: all .3s; padding-top: 1px; }

@media all and (min-width: 961px) { .searchBox .head .close:hover { opacity: .7; } }

.searchBox .head .close .icon { margin-left: 10px; }

.searchBox .content { padding: 30px 0 50px; overflow-y: scroll; height: calc(100vh - 106px); }

@media all and (max-width: 960px) { .searchBox .content { height: calc(100vh - 64px); } }

.searchBox .outpadding { padding: 0 76px; }

@media all and (max-width: 768px) { .searchBox .outpadding { padding: 0 40px; } }

.searchBox .titSearchbox { margin-bottom: 20px; background-size: 20px; margin-left: -35px; }

@media all and (max-width: 960px) { .searchBox .titSearchbox { margin-left: -15px; } }

.searchBox .titSearchbox span { font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.searchBox .titSearchbox span.icon { line-height: 1; margin-right: 15px; position: relative; top: 1px; }

.searchBox .titSearchbox svg .st0 { fill: #FFFC4D; }

.searchBox .contentBox { margin: 0 auto; max-width: 400px; margin-bottom: 20px; }

@media all and (max-width: 960px) { .searchBox .contentBox { max-width: 300px; } }

.searchBox .contentBox .label.tit { margin-bottom: 20px; margin-left: -30px; }

@media all and (max-width: 960px) { .searchBox .contentBox .label.tit { margin-bottom: 10px; margin-left: -10px; } }

.searchBox .contentBox label.tit { font-weight: bold; text-decoration: underline; }

.searchBox .contentBox label.tit input { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); margin-right: 15px; position: relative; top: -1px; }

.searchBox .contentBox.contentArt { margin-bottom: 30px; }

.searchBox .contentBox2 { margin: 0 auto; max-width: 400px; margin-bottom: 20px; }

@media all and (max-width: 960px) { .searchBox .contentBox2 { max-width: 300px; } }

.searchBox form > p { font-size: calc(0.75rem * var(--text-scale)); font-weight: bold; margin: 0 0 15px; }

@media all and (max-width: 960px) { .searchBox form > p { margin: 0 20px; margin-bottom: 5px; } }

.searchBox .selectBox { border-bottom: 1px dashed #fff; padding-bottom: 25px; margin-bottom: 15px; }

@media all and (max-width: 960px) { .searchBox .selectBox { padding: 0 20px; padding-bottom: 20px; } }

.searchBox .selectBox.selectCateBox { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

@media all and (max-width: 960px) { .searchBox .selectBox.selectCateBox + .selectBox p.tit { margin-top: 10px; } }

.searchBox .selectBox p { font-weight: bold; margin-top: 15px; margin-bottom: 5px; }

@media all and (max-width: 960px) { .searchBox .selectBox p { margin-bottom: 0; margin-top: 10px; }
  .searchBox .selectBox p:first-child { margin-top: 0; } }

.searchBox .selectBox select { background: #fff url(../images/ico-arrblack-d.svg) no-repeat right 5px center; background-size: 24px; width: 100%; padding: 5px 10px; border: none; outline: none; color: #000; border-top-left-radius: 5px; }

.searchBox .selectBox select option { color: #000; }

.searchBox .checkBox { margin-bottom: 15px; }

@media all and (max-width: 960px) { .searchBox .checkBox { padding: 0 20px; } }

.searchBox .checkBox p { font-size: calc(0.75rem * var(--text-scale)); }

.searchBox .checkBox .item { margin: 10px 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.searchBox .checkBox .item:last-child { margin-bottom: 0; }

@media all and (max-width: 960px) { .searchBox .checkBox .item { margin: 7px 0; } }

.searchBox .checkBox label { font-weight: bold; font-size: calc(0.875rem * var(--text-scale)); line-height: 1; cursor: pointer; }

.searchBox .checkBox label input { margin-right: 8px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); top: -1px; position: relative; }

@media all and (max-width: 960px) { .searchBox .checkBox.personCheckBox .item:first-child, .searchBox .checkBox.personCheckBox .item:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } }

.searchBox .keyword { border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; padding: 20px 0 25px 0; margin: 10px 0 25px; }

@media all and (max-width: 960px) { .searchBox .keyword { padding: 15px 20px 20px; margin-bottom: 20px; } }

.searchBox .keyword p { font-weight: bold; margin-bottom: 5px; }

.searchBox .keyword p.txtlocation { margin-top: 20px; }

@media all and (max-width: 960px) { .searchBox .keyword p.txtlocation { margin-top: 10px; } }

.searchBox .keyword input { width: 100%; padding: 5px 10px; border-top-left-radius: 5px; border: none; outline: none; color: #000; font-size: calc(0.875rem * var(--text-scale)); height: 29px; }

.searchBox .keyword .dflex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-right: -25px; margin-top: 20px; }

@media all and (max-width: 960px) { .searchBox .keyword .dflex { margin-top: 10px; } }

.searchBox .keyword .dflex .it { width: 30%; max-width: 90px; }

.searchBox .keyword .dflex .it:first-child { margin-right: 10px; }

.searchBox .keyword .dflex span { padding-bottom: 3px; }

.searchBox .btnSutmit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .searchBox .btnSutmit { padding: 0 20px; } }

.searchBox .btnSutmit button { background: none; border: none; outline: none; padding: 7px 10px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .searchBox .btnSutmit button:hover { opacity: .7; } }

.searchBox .btnSutmit .submit { text-align: center; background: #FFFC4D; color: #000; width: 175px; border-bottom-right-radius: 5px; }

.searchBox .btnSutmit .submit font font { color: #000; }

.searchBox .btnSutmit .reset { text-decoration: underline; font-weight: 600; margin-left: 10px; white-space: nowrap; }

.searchBox .btnLink a { background: #fff; width: 160px; border-top-left-radius: 5px; text-align: center; color: #000; display: inline-block; padding: 10px 0; }

@media all and (min-width: 961px) { .searchBox .btnLink a:hover { opacity: .7; } }

.searchBox .btnLink a font font { color: #000; }

.searchBox .ortherBox { text-align: center; margin: 20px 0 25px; }

@media all and (max-width: 960px) { .searchBox .ortherBox { margin-top: 15px; margin-bottom: 20px; } }

.searchBox .ortherBox .btnLink { margin-bottom: 15px; }

.searchBox .ortherBox .btnLink a { width: 190px; }

.searchBox .ortherBox p { font-size: calc(0.75rem * var(--text-scale)); margin-bottom: 5px; }

.searchBox p.error { color: #fff; font-size: calc(0.875rem * var(--text-scale)); margin-top: 5px; display: none; }

.searchBox .contentBtn { padding: 0 40px; margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }

@media all and (max-width: 960px) { .searchBox .contentBtn { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.formArchive .checkBox .item:first-child, .formArchive .checkBox .item:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.formArt .checkBox .item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.formArt .checkBox .item:nth-child(7) { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.formArt .checkBox .item:last-child { margin-bottom: 10px; }

@media all and (max-width: 960px) { .formArt .checkBox .item:last-child { margin-bottom: 7px; } }

@media all and (max-width: 960px) { .formArt .checkBox .item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } }

.formArt p.error { margin-bottom: 0; }

.formData.show, .formData.formArchive { display: block; }

#material .btnSutmit, #geographic .btnSutmit { border-bottom: 1px dashed #fff; padding-bottom: 25px; }

@media all and (max-width: 960px) { #material .btnSutmit, #geographic .btnSutmit { border-bottom: 0; padding-bottom: 0; } }

@media all and (max-width: 960px) { #material .outpadding, #geographic .outpadding { margin: 0 auto; } }

#geographic { background: rgba(67, 118, 169, 0.9); }

#geographic .btnSutmit { border-top: 1px dashed #fff; padding-top: 25px; }

@media all and (max-width: 960px) { #geographic .btnSutmit { padding-top: 20px; } }

#material { background: rgba(156, 166, 156, 0.9); }

.mainmv { margin-top: 106px; height: 290px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-size: cover !important; }

@media all and (max-width: 960px) { .mainmv { margin-top: 64px; height: 120px; margin-bottom: 35px; } }

.mainmv h1 { text-align: center; font-size: calc(2.25rem * var(--text-scale)); color: #fff; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); font-family: "Vazirmatn", sans-serif; }

@media all and (max-width: 960px) { .mainmv h1 { font-size: calc(1.25rem * var(--text-scale)); } }

.mainmv-about-this-site { background: url(../images/bgAbout.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-about-this-site { background: url(../images/bgAbout-sp.png) no-repeat center center; } }

.mainmv-archive { background: url(../images/bgArchive.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-archive { background: url(../images/bgArchive-sp.png) no-repeat center center; } }

.mainmv-person { background: url(../images/bgPerson.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-person { background: url(../images/bgPerson-sp.png) no-repeat center center; } }

.mainmv-art { background: url(../images/bgArt.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-art { background: url(../images/bgArt-sp.png) no-repeat center center; } }

.mainmv-material { background: url(../images/bgMaterial.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-material { background: url(../images/bgMaterial-sp.png) no-repeat center center; } }

.mainmv-geographical { background: url(../images/bgGeographical.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-geographical { background: url(../images/bgGeographical-sp.png) no-repeat center center; } }

.mainmv-contact { background: url(../images/bgContact.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-contact { background: url(../images/bgContact-sp.png) no-repeat center center; } }

.mainmv-privacy-policy, .mainmv-site-policy { background: url(../images/bgPolicy.png) no-repeat center center; }

@media all and (max-width: 960px) { .mainmv-privacy-policy, .mainmv-site-policy { background: url(../images/bgPolicy-sp.png) no-repeat center center; } }

.heading { font-family: "Vazirmatn", sans-serif; }

.heading h2 { font-size: calc(6rem * var(--text-scale)); text-align: center; color: #003366; line-height: 1; margin-bottom: 40px; }

@media all and (max-width: 960px) { .heading h2 { font-size: calc(2rem * var(--text-scale)); margin-bottom: 30px; } }

.heading h3.text_center { font-size: calc(2rem * var(--text-scale)); font-weight: 600; line-height: 1.4; }

@media all and (max-width: 960px) { .heading h3.text_center { font-size: calc(1rem * var(--text-scale)); margin-top: 30px; } }

.heading p { margin-bottom: 30px; }

@media all and (max-width: 960px) { .heading p { font-size: calc(1rem * var(--text-scale)); }
  .heading p.text_right { font-size: calc(0.875rem * var(--text-scale)); } }

@media all and (min-width: 961px) { .secondpage.showboxSearch .main-body, .secondpage.showboxSearch .mainmv, .secondpage.showboxSearch .breadcrumb { padding-left: 420px; } }

@media all and (max-width: 1150px) { .secondpage.showboxSearch .main-body, .secondpage.showboxSearch .mainmv, .secondpage.showboxSearch .breadcrumb { padding-left: 0; } }

.explanation { margin-top: 120px; margin-bottom: 100px; }

@media all and (max-width: 960px) { .explanation { margin-top: 60px; margin-bottom: 60px; } }

.explanation .headExplain { background: #FCFBE9; padding: 22px 0; }

@media all and (max-width: 960px) { .explanation .headExplain { padding: 18px 0 12px; } }

.explanation .headExplain .dflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 1400px) { .explanation .headExplain .dflex { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (max-width: 960px) { .explanation .headExplain .dflex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.explanation .headExplain p.tit { font-size: calc(2rem * var(--text-scale)); font-weight: 600; margin: 0; line-height: 1; margin-right: 130px; }

.explanation .headExplain p.tit::first-letter { color: #4376A9; }

@media all and (max-width: 1400px) { .explanation .headExplain p.tit { margin-right: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; } }

@media all and (max-width: 960px) { .explanation .headExplain p.tit { font-size: calc(1rem * var(--text-scale)); margin: 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; border-bottom: 1px dashed #000; margin-bottom: 10px; padding-bottom: 10px; } }

.explanation .headExplain span.closeMethod { color: #4376A9; font-size: calc(1.25rem * var(--text-scale)); font-weight: 600; cursor: pointer; background: url(../images/ico-close.svg) no-repeat left center; background-size: 32px; padding-left: 45px; -webkit-transition: all .3s; transition: all .3s; padding-top: 2px; }

.explanation .headExplain span.closeMethod.toggle { background: url(../images/ico-open.svg) no-repeat left center; background-size: 32px; }

@media all and (max-width: 960px) { .explanation .headExplain span.closeMethod.toggle { background-size: 20px; background-position: left top; } }

@media all and (min-width: 961px) { .explanation .headExplain span.closeMethod:hover { opacity: .7; } }

@media all and (max-width: 960px) { .explanation .headExplain span.closeMethod { font-size: calc(0.875rem * var(--text-scale)); background-size: 20px; padding-left: 30px; padding-top: 1px; background-position: left top; } }

.explanation .boxExplain { background: #EFEFE3; padding: 60px 0; }

@media all and (max-width: 960px) { .explanation .boxExplain { padding: 45px 0; } }

.explanation .boxExplain p.tit { font-size: calc(2rem * var(--text-scale)); font-weight: 600; color: #003366; border-bottom: 1px solid #000; margin-bottom: 25px; max-width: 1000px; }

@media all and (max-width: 960px) { .explanation .boxExplain p.tit { font-size: calc(1.25rem * var(--text-scale)); margin-bottom: 10px; } }

@media all and (max-width: 960px) { .explanation .boxExplain p { margin-bottom: 15px; } }

.areacountry span.tit { display: none; }

.areacountry .countryFlag { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.areacountry .countryFlag .flag { width: 35px; line-height: 1.5; background-size: 35px !important; top: -2px; }

@media all and (max-width: 960px) { .areacountry .countryFlag .flag { top: -1px; width: 30px; background-size: 30px !important; } }

.contentPage { position: relative; z-index: 1; font-family: "Vazirmatn", sans-serif; }

.contentPage h3 { margin-top: 110px; margin-bottom: 30px; font-size: calc(3rem * var(--text-scale)); font-weight: 900; line-height: 1.4; max-width: 1000px; border-bottom: 1px solid #282828; }

.contentPage h3::first-letter { color: #4376A9; }

@media all and (max-width: 960px) { .contentPage h3 { font-size: calc(1.5rem * var(--text-scale)); padding-bottom: 10px; margin-top: 80px; margin-bottom: 25px; } }

.contentPage h4 { font-size: calc(1.5rem * var(--text-scale)); font-weight: 900; max-width: 1000px; border-bottom: 1px solid #282828; margin-bottom: 15px; padding-bottom: 10px; line-height: 1.4; margin-top: 50px; }

@media all and (max-width: 960px) { .contentPage h4 { font-size: calc(1.25rem * var(--text-scale)); margin-top: 35px; } }

.contentPage p { margin-bottom: 30px; }

.contentPage p:last-child { margin-bottom: 0; }

.contentPage p.notfound { margin-bottom: 0; }

.contentPage .img { margin-top: 60px; }

@media all and (max-width: 960px) { .contentPage .img { margin-top: 40px; } }

.contentPage a { color: #4376A9; }

@media all and (min-width: 961px) { .contentPage a:hover { text-decoration: underline; } }

.contentPage .txtresult { font-size: calc(0.875rem * var(--text-scale)); display: none; margin-bottom: 25px; }

@media all and (max-width: 960px) { .contentPage .txtresult { font-size: calc(0.75rem * var(--text-scale)); margin-bottom: 25px; } }

.contentPage .titDetail { font-size: calc(4rem * var(--text-scale)); font-weight: 600; color: #003366; line-height: 1.2; margin-bottom: 50px; }

@media all and (max-width: 960px) { .contentPage .titDetail { font-size: calc(1.5rem * var(--text-scale)); margin-bottom: 35px; } }

.listInfo dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 17px; }

.listInfo dl:last-child { margin-bottom: 0; }

@media all and (max-width: 960px) { .listInfo dl { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } }

.listInfo dt { font-size: calc(1.25rem * var(--text-scale)); font-weight: 600; margin-right: 15px; line-height: 1.2; white-space: nowrap; }

@media all and (max-width: 960px) { .listInfo dt { font-size: calc(1rem * var(--text-scale)); line-height: 25px; padding-top: 1px; } }

.listInfo dd { line-height: 1.2; }

@media all and (max-width: 960px) { .listInfo dd { line-height: 26px; } }

.listInfo dl:last-child dd { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.listInfo a { color: #282828; line-height: 1; }

.listInfo a.mail { color: #4376A9; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.listInfo a.elink { color: #4376A9; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.listInfo a.txtArea { display: none; }

.listInfo a .icon { margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; }

.listInfo a .icon svg { width: 24px; position: relative; top: -3px; }

.listInfo a .icon path.st0 { fill: #4376A9; }

.listInfo.listGenre { padding-left: 20px; }

@media all and (max-width: 960px) { .listInfo.listGenre { padding-left: 0; } }

.listInfo.listGenre dt { font-size: calc(1rem * var(--text-scale)); }

.listInfo.listGenre .areaName { display: none; }

.listInfo.listGenre a { font-size: calc(0.75rem * var(--text-scale)); text-decoration: underline; margin-left: 15px; }

.listInfo.listGenre a:first-child { margin-left: 0; }

@media all and (min-width: 961px) { .listInfo.listGenre a:hover { text-decoration: none; } }

.listInfo.listGenre a.txtcountry { font-size: calc(0.875rem * var(--text-scale)); }

.listInfo.listLocation { padding: 35px 0 0; padding-left: 20px; border-top: 1px dashed #000; margin-top: 35px; }

@media all and (max-width: 960px) { .listInfo.listLocation { padding-left: 0; padding-top: 0; border-top: 0; margin-top: 17px; } }

.pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pagination a, .pagination span { background: #F5F5F5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 10px; font-size: calc(0.75rem * var(--text-scale)); border-radius: 100%; width: 32px; height: 32px; margin: 0 4px; color: #000; -webkit-transition: all .3s; transition: all .3s; }

.pagination a.prev, .pagination span.prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pagination a:hover, .pagination a.current, .pagination span:hover, .pagination span.current { background: #4376A9; color: #fff; text-decoration: none; }

.pagination a:first-child:not(.prev), .pagination span:first-child:not(.prev) { background: #4376A9; color: #fff; pointer-events: none; }

.btnReset, .btnReturn { margin-top: 120px; text-align: center; }

@media all and (max-width: 960px) { .btnReset, .btnReturn { margin-top: 60px; } }

.btnReset button, .btnReset a, .btnReturn button, .btnReturn a { display: inline-block; background: #4376A9; outline: none; border: none; text-align: center; color: #fff; font-size: calc(1.25rem * var(--text-scale)); font-weight: 600; width: 310px; padding: 20px 10px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; cursor: pointer; }

@media all and (min-width: 961px) { .btnReset button:hover, .btnReset a:hover, .btnReturn button:hover, .btnReturn a:hover { background: #003366; text-decoration: none; } }

@media all and (max-width: 960px) { .btnReset button, .btnReset a, .btnReturn button, .btnReturn a { font-size: calc(1rem * var(--text-scale)); min-width: 190px; width: auto; padding: 10px 20px 8px; background: #003366; } }

.btnReset { display: none; }

.listRelated { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 30px; margin-bottom: 25px; }

.listRelated li { margin-right: 30px; position: relative; }

.listRelated li:first-child::after { position: absolute; content: ''; background: #000; width: 1px; height: 32px; right: -15px; top: -4px; }

.listRelated li:last-child { margin-right: 0; }

.listRelated li.active a, .listRelated li.active span { color: #4376A9; text-decoration: underline; }

.listRelated a, .listRelated span { font-size: calc(0.875rem * var(--text-scale)); color: #000; font-weight: bold; cursor: pointer; }

@media all and (min-width: 961px) { .listRelated a:hover, .listRelated span:hover { color: #4376A9; } }

.listResult { margin-bottom: 60px; border-top: 0; height: auto; background: none; }

@media all and (max-width: 960px) { .listResult { margin-bottom: 30px; } }

.listResult .item { padding: 16px 20px; border-bottom: 1px dashed #000; }

.listResult .item:first-child { padding-top: 0; }

@media all and (max-width: 960px) { .listResult .item { padding: 20px 0; } }

.listResult.hasFilter .item:first-child { border-top: 1px dashed #000; padding-top: 16px; }

@media all and (max-width: 960px) { .listResult.hasFilter .item:first-child { padding-top: 20px; } }

.listResult dt { font-size: calc(1.5rem * var(--text-scale)); font-weight: 600; color: #4376A9; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (min-width: 961px) { .listResult dt a:hover { opacity: .7; } }

@media all and (max-width: 960px) { .listResult dt { font-size: calc(1rem * var(--text-scale)); margin-bottom: 15px; }
  .listResult dt a.linkArchives { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 10px; } }

.listResult dt .flag { margin-left: 20px; }

@media all and (max-width: 960px) { .listResult dt .flag { margin-left: 0; } }

.listResult dt a.txtArea { display: none; }

.listResult dt a.txtcountry { font-size: calc(0.875rem * var(--text-scale)); color: #000; font-weight: normal; text-decoration: underline; margin-left: 20px; position: relative; top: -2px; }

@media all and (min-width: 961px) { .listResult dt a.txtcountry:hover { text-decoration: none; } }

@media all and (max-width: 960px) { .listResult dt a.txtcountry { top: 0; margin-left: 10px; } }

.listResult dd { font-size: calc(0.875rem * var(--text-scale)); }

@media all and (max-width: 960px) { .listResult dd { font-size: calc(0.8125rem * var(--text-scale)); } }

.listResult dd p { font-size: calc(0.875rem * var(--text-scale)); }

@media all and (min-width: 961px) { .listResult dd p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } }

@media all and (max-width: 960px) { .listResult dd p { font-size: calc(0.8125rem * var(--text-scale)); } }

.listResult dl { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.listResult dl:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.listResult dl:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.listResult dl:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.listResult dl:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.listResult dl:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.listResult dl:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.listResult dl:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.listResult dl:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.listResult dl:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.listResult dl:nth-child(10) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.listResult dl:nth-child(11) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.listResult dl:nth-child(12) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.listArt, .listMaterial { width: 100%; }

.listArt .item, .listMaterial .item { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.listArt .item:nth-child(1), .listMaterial .item:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.listArt .item:nth-child(2), .listMaterial .item:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.listArt .item:nth-child(3), .listMaterial .item:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.listArt .item:nth-child(4), .listMaterial .item:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.listArt .item:nth-child(5), .listMaterial .item:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.listArt .item:nth-child(6), .listMaterial .item:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.listArt .item:nth-child(7), .listMaterial .item:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.listArt .item:nth-child(8), .listMaterial .item:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.listArt .item:nth-child(9), .listMaterial .item:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.listArt .item:nth-child(10), .listMaterial .item:nth-child(10) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.listArt .item:nth-child(11), .listMaterial .item:nth-child(11) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.listArt .item:nth-child(12), .listMaterial .item:nth-child(12) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.listArt .gutter-sizer, .listMaterial .gutter-sizer { width: 3%; }

.listArt .img, .listMaterial .img { margin: 0; background: #ddd; }

.listArt .img img, .listMaterial .img img { width: 100%; }

.listArt .cateName, .listMaterial .cateName { margin-right: 15px; }

.listArt .flag, .listMaterial .flag { margin-right: 10px; }

.listArt .txtGenre, .listMaterial .txtGenre { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.listArt .txtGenre p, .listMaterial .txtGenre p { margin-bottom: 0; }

@media all and (max-width: 960px) { .listArt .txtGenre, .listMaterial .txtGenre { margin-top: 10px; } }

.listArt .txtGenre a, .listMaterial .txtGenre a { margin-right: 15px; font-size: calc(0.875rem * var(--text-scale)); color: #282828; text-decoration: underline; }

.listArt .txtGenre a:last-child, .listMaterial .txtGenre a:last-child { margin-right: 0; }

@media all and (min-width: 961px) { .listArt .txtGenre a:hover, .listMaterial .txtGenre a:hover { text-decoration: none; } }

@media all and (max-width: 960px) { .listArt .txtGenre a, .listMaterial .txtGenre a { font-size: calc(0.8125rem * var(--text-scale)); } }

.listArt .txtOther li, .listMaterial .txtOther li { margin-right: 15px; }

.listArt .txtOther a, .listMaterial .txtOther a { font-size: calc(1rem * var(--text-scale)); color: #282828; text-decoration: underline; margin-right: 15px; white-space: pre-line; }

.listArt .txtOther a:last-child, .listMaterial .txtOther a:last-child { margin-right: 0; }

@media all and (min-width: 961px) { .listArt .txtOther a:hover, .listMaterial .txtOther a:hover { text-decoration: none; } }

@media all and (max-width: 960px) { .listArt .txtOther a, .listMaterial .txtOther a { font-size: calc(0.8125rem * var(--text-scale)); display: block; margin-right: 0; margin-bottom: 8px; } }

.listArt p.tit, .listMaterial p.tit { margin: 17px 0 15px; line-height: 1; }

.listArt p.tit a, .listMaterial p.tit a { font-size: calc(1.5rem * var(--text-scale)); font-weight: 600; color: #4376A9; line-height: 1.2; }

@media all and (max-width: 960px) { .listArt p.tit a, .listMaterial p.tit a { font-size: calc(1rem * var(--text-scale)); } }

.listArt { margin-bottom: 60px; min-height: 300px; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.listArt.loading { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.listArt .item { width: calc(33.3333% - 20px); padding-top: 50px; }

.listArt .item:first-child, .listArt .item:nth-child(2), .listArt .item:nth-child(3) { padding-top: 0; }

@media all and (max-width: 960px) { .listArt .item { width: calc(50% - 7px); padding-top: 20px; }
  .listArt .item:nth-child(3) { padding-top: 20px; } }

.listArt .txtArea { display: none; }

.listArt.listArtRelated { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.5%; }

@media all and (max-width: 960px) { .listArt.listArtRelated { gap: 3%; margin-bottom: 30px; } }

.listArt.listArtRelated .item { -webkit-box-flex: 0; -webkit-flex: 0 0 31.5%; -ms-flex: 0 0 31.5%; flex: 0 0 31.5%; }

@media all and (max-width: 960px) { .listArt.listArtRelated .item { -webkit-box-flex: 0; -webkit-flex: 0 0 48.5%; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; margin-top: 30px; }
  .listArt.listArtRelated .item:first-child, .listArt.listArtRelated .item:nth-child(2) { margin-top: 0; } }

.content-contact-us .container { max-width: 620px; }

@media all and (max-width: 960px) { .content-contact-us .container p { font-size: calc(1rem * var(--text-scale)); } }

.content-contact-us .wpcf7 { margin-top: 70px; }

@media all and (max-width: 960px) { .content-contact-us .wpcf7 { margin-top: 40px; } }

@media all and (min-width: 961px) { .content-contact-us .text_line:hover { text-decoration: none; } }

.wpcf7Block { margin-top: 35px; }

@media all and (max-width: 960px) { .wpcf7Block { margin-top: 30px; } }

.wpcf7Block.wpcf7BlockBtn { margin-top: 120px; text-align: center; }

@media all and (max-width: 960px) { .wpcf7Block.wpcf7BlockBtn { margin-top: 60px; } }

.wpcf7Block p { margin-bottom: 10px; color: #4376A9; line-height: 1.2; }

.wpcf7Block p.note { font-size: calc(0.875rem * var(--text-scale)); color: #000; margin-top: 10px; }

.wpcf7Block.wpcf7BlockCk { background: #F0F0F0; margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 58px; padding: 0 20px; }

.wpcf7Block.wpcf7BlockCk > .wpcf7-checkbox:first-child { margin-right: 20px; }

@media all and (max-width: 960px) { .wpcf7Block.wpcf7BlockCk > .wpcf7-checkbox:first-child { margin-right: 0; } }

.wpcf7Block.wpcf7BlockCk > .wpcf7-checkbox label { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .wpcf7Block.wpcf7BlockCk { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 22px 40px 18px; height: auto; margin-top: 30px; } }

.wpcf7Block.wpcf7BlockCk input { width: auto; margin-right: 12px; position: relative; top: -1px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.wpcf7Block.wpcf7BlockCk span { color: #000; }

.wpcf7Block input, .wpcf7Block select, .wpcf7Block textarea { background: #F0F0F0; border: none; outline: none; width: 100%; padding: 22px 20px 18px; padding-left: 40px; margin-top: 10px; }

.wpcf7Block input::-webkit-input-placeholder, .wpcf7Block select::-webkit-input-placeholder, .wpcf7Block textarea::-webkit-input-placeholder { color: #9B9B9B; }

.wpcf7Block input::-moz-placeholder, .wpcf7Block select::-moz-placeholder, .wpcf7Block textarea::-moz-placeholder { color: #9B9B9B; }

.wpcf7Block input:-ms-input-placeholder, .wpcf7Block select:-ms-input-placeholder, .wpcf7Block textarea:-ms-input-placeholder { color: #9B9B9B; }

.wpcf7Block input::-ms-input-placeholder, .wpcf7Block select::-ms-input-placeholder, .wpcf7Block textarea::-ms-input-placeholder { color: #9B9B9B; }

.wpcf7Block input::placeholder, .wpcf7Block select::placeholder, .wpcf7Block textarea::placeholder { color: #9B9B9B; }

@media all and (max-width: 960px) { .wpcf7Block input, .wpcf7Block select, .wpcf7Block textarea { padding-left: 30px; font-size: calc(1rem * var(--text-scale)); } }

.wpcf7Block input.wpcf7-submit, .wpcf7Block select.wpcf7-submit, .wpcf7Block textarea.wpcf7-submit { background: #4376A9; outline: none; border: none; text-align: center; color: #fff; font-size: calc(1.25rem * var(--text-scale)); font-weight: 600; width: 310px; padding: 22px 10px 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; cursor: pointer; text-transform: capitalize; }

@media all and (min-width: 961px) { .wpcf7Block input.wpcf7-submit:hover, .wpcf7Block select.wpcf7-submit:hover, .wpcf7Block textarea.wpcf7-submit:hover { background: #003366; } }

.wpcf7Block select { background: #F0F0F0 url(../images/ico-arrblue-d.svg) no-repeat right 30px center; cursor: pointer; }

.wpcf7Block textarea { resize: none; }

.wpcf7Block .wpcf7-checkbox input { margin-top: 0; }

@media all and (max-width: 960px) { .wpcf7Block .wpcf7-checkbox { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .wpcf7Block .wpcf7-checkbox:first-child { margin-bottom: 30px; } }

.wpcf7Block .wpcf7-spinner { display: block; margin: 0 auto; margin-top: 10px; }

.wpcf7Block .wpcf7-list-item { margin: 0; }

.wpcf7Block label.error, .wpcf7Block .wpcf7-not-valid-tip { color: red !important; font-size: calc(0.875rem * var(--text-scale)); margin-top: 5px; }

.header-top-ifc { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 3; }

@media all and (max-width: 1150px) { .header-top-ifc { display: none; } }

.header-top-ifc > div { margin-left: 25px; }

.header-top-ifc > div:first-child { margin-left: 0; }

.header-top-ifc > div input { width: 96px; padding: 4px 5px; border: 1px solid #000; font-size: calc(0.875rem * var(--text-scale)); }

.header-top-ifc > div input.inputSearch { background: #fff url(../images/ico-search2.svg) no-repeat left 2px center; background-size: 14px; padding-left: 20px; }

.header-top-ifc ul { padding: 10px 7px; background: rgba(255, 252, 252, 0.9); position: absolute; display: none; }

.header-top-ifc ul li { font-size: calc(0.875rem * var(--text-scale)); font-weight: bold; border-bottom: 1px dashed #000; padding: 9px 0; position: relative; padding-left: 16px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; text-align: left; }

@media all and (min-width: 961px) { .header-top-ifc ul li:hover { text-decoration: underline; color: #4376A9; } }

.header-top-ifc ul li::before { position: absolute; content: ''; width: 10px; height: 10px; left: 0; top: 11px; }

.header-top-ifc ul li:last-child { border-bottom: 0; }

.header-top-ifc ul li.clStandard::before { background: #fff; border: 1px solid #000; }

.header-top-ifc ul li.clBlack::before { background: #000; border: 1px solid #000; }

.header-top-ifc ul li.clYellow::before { background: #FFCA13; border: 1px solid #FFCA13; }

.header-top-ifc ul li.clBlue::before { background: #007AFF; border: 1px solid #007AFF; }

.header-top-ifc .blockSize ul li { padding-left: 0; }

.header-top-ifc .blockFnc span { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.header-top-ifc .blockFnc span.icon { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header-top-ifc .blockFnc span.icon img, .header-top-ifc .blockFnc span.icon svg { width: 24px; }

.header-top-ifc .blockLang, .header-top-ifc .blockSearch { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.header-top-ifc .blockLang span, .header-top-ifc .blockSearch span { padding-right: 8px; }

#wpcf7cpcnf table { width: 100%; }

#wpcf7cpcnf table th, #wpcf7cpcnf table td { display: block; width: 100%; text-align: left; }

#wpcf7cpcnf table th { padding-top: 15px; }

#wpcf7cpcnf table th p { color: #4376A9; font-weight: normal; }

#wpcf7cpcnf table td { padding: 10px 0; border-bottom: 1px dashed #000; }

#wpcf7cpcnf table tr:nth-child(7), #wpcf7cpcnf table tr:nth-child(8) { display: none; }

#wpcf7cpcnf .wpcf7cp-btns { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 100px; }

#wpcf7cpcnf .wpcf7cp-btns button { margin-bottom: 0; }

#wpcf7cpcnf .wpcf7cp-btns .wpcf7-submit { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; background: #4376A9; outline: none; border: none; text-align: center; color: #fff; font-size: calc(1.25rem * var(--text-scale)); font-weight: 600; width: 310px; padding: 22px 10px 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; cursor: pointer; text-transform: capitalize; }

@media all and (min-width: 961px) { #wpcf7cpcnf .wpcf7cp-btns .wpcf7-submit:hover { background: #003366; } }

#wpcf7cpcnf .wpcf7cp-btns .wpcf7cp-cfm-edit-btn { margin: 0 auto; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; background: none; border: none; outline: none; text-decoration: underline; margin-top: 30px; cursor: pointer; }

@media all and (min-width: 961px) { #wpcf7cpcnf .wpcf7cp-btns .wpcf7cp-cfm-edit-btn:hover { text-decoration: none; } }

.content-geographical .worldmap { background: #D9D9D9 url(../images/gmap.png) no-repeat center center; height: 720px; margin: 60px 0 120px; }

@media all and (max-width: 960px) { .content-geographical .worldmap { margin: 30px 0; height: 360px; } }

.content-geographical .worldmap.mb60 { margin-bottom: 60px; }

@media all and (max-width: 960px) { .content-geographical .worldmap.mb60 { margin-bottom: 40px; } }

.listArea { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media all and (max-width: 960px) { .listArea { display: none; } }

.listArea a { font-weight: bold; font-size: calc(1.25rem * var(--text-scale)); font-family: "Vazirmatn", sans-serif; text-decoration: underline; color: #282828; margin: 0 30px; }

@media all and (min-width: 961px) { .listArea a:hover { color: #4376A9; } }

.listArea li.active a { color: #4376A9; }

@media all and (min-width: 961px) { .single-geographical .listArea { margin: 120px 0; } }

@media all and (min-width: 1151px) { .home .menu > .menu--item:first-child > a { color: #0D6CCD; text-decoration: underline; } }

@media all and (max-width: 960px) { .home .footer { margin-top: 60px; } }

@media all and (min-width: 961px) { .single-art .breadcrumb-list { margin-bottom: 60px; } }

.single-art .thumbnail { margin-bottom: 30px; }

@media all and (max-width: 960px) { .single-art .thumbnail { margin-bottom: 20px; } }

.single-art .thumbnail img { width: 100%; }

.single-art .titDetail { margin-bottom: 10px; }

.single-art .description { font-size: calc(1.25rem * var(--text-scale)); font-weight: 600; }

@media all and (max-width: 960px) { .single-art .description { font-size: calc(0.75rem * var(--text-scale)); }
  .single-art .description + h3 { margin-top: 40px; margin-bottom: 15px; } }

@media all and (max-width: 960px) { .single-art .listInfo.listGenre dl { margin-bottom: 10px; } }

@media all and (min-width: 961px) { .single-art .listInfo.listGenre a { font-size: calc(1rem * var(--text-scale)); } }

@media all and (max-width: 960px) { .single-art .listInfo.listGenre a { font-size: calc(0.8125rem * var(--text-scale)); } }

@media all and (max-width: 960px) { .single-art .listInfo.listGenre dt, .single-art .listInfo.listGenre dd { font-size: calc(0.8125rem * var(--text-scale)); } }

.single-material .listInfo.listGenre { padding-left: 0; margin-bottom: 60px; }

@media all and (max-width: 960px) { .single-material .listInfo.listGenre { margin-bottom: 30px; } }

.single-material .listInfo.listGenre a { font-size: calc(1rem * var(--text-scale)); color: #4376A9; }

.single-material .listInfo.listGenre dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.single-material .listInfo.listGenre dl:last-child dd { margin-right: 30px; }

@media all and (max-width: 960px) { .single-material .listInfo.listGenre dl { margin-bottom: 10px; } }

@media all and (max-width: 960px) { .single-material .listInfo.listGenre dt, .single-material .listInfo.listGenre dd, .single-material .listInfo.listGenre a { font-size: calc(0.8125rem * var(--text-scale)); } }

@media all and (max-width: 960px) { .content-material .heading p { font-size: calc(0.875rem * var(--text-scale)); } }

.content-material .readingMaterial { margin-top: 0; }

@media all and (max-width: 960px) { .content-material .readingMaterial { margin-top: 40px; } }

.content-material .boxinfo { margin-top: 0; }

@media all and (min-width: 961px) { .content-material .boxinfo { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.content-material .boxinfo .box { -webkit-box-flex: 0; -webkit-flex: 0 0 48.5%; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; margin: 0; position: relative; left: inherit; right: inherit; top: inherit; bottom: inherit; margin-top: 3%; }

.content-material .boxinfo .box:first-child, .content-material .boxinfo .box:nth-child(2) { margin-top: 0; }

.content-material .boxinfo .img { margin-top: 0; }

.content-material .listArea { margin: 100px 0; }

@media all and (max-width: 960px) { .content-material .listArea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0; border-top: 1px dashed #000; border-bottom: 1px dashed #000; margin: 30px 0; }
  .content-material .listArea li { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; text-align: center; padding: 20px 0; -webkit-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; position: relative; }
  .content-material .listArea li:last-child, .content-material .listArea li:nth-child(4) { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-top: 30px; }
  .content-material .listArea li:last-child::before, .content-material .listArea li:nth-child(4)::before { position: absolute; content: ''; border-top: 1px dashed #000; width: 100%; height: 1px; left: 0; top: -15px; }
  .content-material .listArea li a { color: #4376A9; margin: 0; font-size: calc(1rem * var(--text-scale)); }
  .content-material .listArea li::after { position: absolute; content: ''; border-right: 1px dashed #000; width: 1px; height: 100%; right: 0; top: 0; }
  .content-material .listArea li:nth-child(3)::after, .content-material .listArea li:last-child::after { border: none; }
  .content-material .listArea + h3 { margin-top: 40px; } }

.content-material .blockResult { margin-bottom: 110px; }

@media all and (max-width: 960px) { .content-material .blockResult { margin-bottom: 80px; } }

.content-material .blockResult h3 { margin-top: 0; }

.listMaterial { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2%; }

@media all and (max-width: 960px) { .listMaterial { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 0; } }

.listMaterial .item { margin: 30px 0 0; }

@media all and (min-width: 961px) { .listMaterial .item { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(32%); -ms-flex: 0 0 calc(32%); flex: 0 0 calc(32%); } }

@media all and (max-width: 960px) { .listMaterial .item { width: 48.5%; } }

.listMaterial .item:first-child, .listMaterial .item:nth-child(2), .listMaterial .item:nth-child(3) { margin-top: 0; }

@media all and (max-width: 960px) { .listMaterial .item:nth-child(3) { margin-top: 30px; } }

.listMaterial .img { overflow: hidden; aspect-ratio: 1.35484; text-align: center; }

.listMaterial .img img { width: 100%; height: 100%; object-fit: cover; }

.listMaterial .img img { height: 100%; width: auto; }

.listMaterial p.desc { font-size: calc(0.875rem * var(--text-scale)); }

@media all and (max-width: 960px) { .listMaterial p.tit { border-top: 1px dashed #000; margin-top: 5px; padding-top: 15px; margin-bottom: 10px; } }

.listMaterial .txtGenre { margin-top: 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .listMaterial .txtGenre { margin-top: 10px; } }

.listMaterial .txtGenre a { margin-right: 15px; font-size: calc(0.875rem * var(--text-scale)); color: #282828; text-decoration: underline; }

.listMaterial .txtGenre a:last-child { margin-right: 0; }

@media all and (min-width: 961px) { .listMaterial .txtGenre a:hover { text-decoration: none; } }

@media all and (max-width: 960px) { .listMaterial .txtGenre a { font-size: calc(0.8125rem * var(--text-scale)); } }

.listMaterial .txtGenre p { line-height: 1; margin: 0; }

@media all and (min-width: 961px) { .listMaterial .txtGenre p span:not(.flag) { display: none; } }

@media all and (max-width: 960px) { .listMaterial .txtGenre p { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.listMaterial .txtGenre p span:not(.flag) { font-weight: 600; font-size: calc(0.8125rem * var(--text-scale)); margin-right: 10px; }

@media all and (max-width: 960px) { .listMaterial .txtGenre p span:not(.flag) { line-height: 2; } }

.listMaterial .txtGenre .cateName { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.listMaterial .txtGenre .area { margin-right: 15px; }

@media all and (max-width: 960px) { .listMaterial .txtGenre .area { margin: 0; margin-bottom: 10px; } }

.listMaterial .txtGenre .areacountry { margin: 15px 0 10px; }

.listMaterial .txtGenre .areacountry .areaName { margin-right: 20px; }

@media all and (max-width: 960px) { .listMaterial .txtGenre .areacountry .areaName { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 0; margin-bottom: 5px; } }

@media all and (max-width: 960px) { .listMaterial .txtGenre .areacountry { margin: 5px 0; }
  .listMaterial .txtGenre .areacountry span.tit { display: block; } }

.wpcontent h3 { font-size: calc(2rem * var(--text-scale)); margin-top: 50px; }

@media all and (max-width: 960px) { .wpcontent h3 { font-size: calc(1.5rem * var(--text-scale)); margin-top: 30px; } }

.blockflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.blockflex .info, .blockflex .map { -webkit-box-flex: 0; -webkit-flex: 0 0 48.5%; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; }

.blockflex .iframe { aspect-ratio: 5/3; overflow: hidden; margin-bottom: 10px; }

.blockflex iframe { width: 100% !important; height: 100% !important; }

@media all and (max-width: 960px) { .blockflex { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .blockflex .info { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 30px; }
  .blockflex .map { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .blockflex .info, .blockflex .map { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.blockflex a { color: #000; text-decoration: underline; }

.blockRelated .pagination { margin-top: 60px; }

#widget .glink, #widget br { display: none; }

#widget .gt_selector { border-color: #000; height: 26px; width: 100px; padding: 0 5px; font-size: calc(0.875rem * var(--text-scale)); }

#searchGSC .gsc-control-cse { padding: 0; border: 0; }

#searchGSC form.gsc-search-box { width: 100px; margin: 0; font-size: calc(0.875rem * var(--text-scale)); }

#searchGSC form.gsc-search-box .gsc-input { font-size: calc(0.875rem * var(--text-scale)); }

#searchGSC form.gsc-search-box .gsib_a { height: auto; padding: 0; background-position: left 2px center; background-size: 16px; padding-left: 20px; }

#searchGSC form.gsc-search-box .gsib_a input { background: none !important; }

#searchGSC form.gsc-search-box .gsib_b { padding: 0; width: 24px; height: auto; }

#searchGSC form.gsc-search-box .gsst_b { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

#searchGSC form.gsc-search-box .gsst_a { padding: 0; }

#searchGSC form.gsc-search-box input.gsc-input, #searchGSC form.gsc-search-box .gsc-input-box, #searchGSC form.gsc-search-box .gsc-input-box-hover, #searchGSC form.gsc-search-box .gsc-input-box-focus { border-color: #000 !important; }

#searchGSC form.gsc-search-box .gsc-input-box { border-radius: 0; }

#searchGSC .gsc-results-wrapper-overlay { top: 12%; left: 50%; margin-left: -35%; }

#searchGSC .gsc-results-wrapper-overlay .gsc-above-wrapper-area, #searchGSC .gsc-results-wrapper-overlay .gsc-wrapper { margin: 0 auto; }

#searchGSC .gsc-results-wrapper-overlay .gcsc-find-more-on-google span { padding: 0; }

#searchGSC .gsc-results-wrapper-overlay .gsc-wrapper { border-top: 1px solid #ddd; }

#searchGSC .gsc-results-wrapper-overlay .gsc-orderby-container { padding-right: 0; }

html.fontSize120 { --text-scale: 1.2; }

html.fontSize120 #searchGSC form.gsc-search-box .gsc-input { height: 27px; }

.modal { display: none; position: fixed; background: rgba(134, 126, 122, 0.8); width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; }

.modal.showthis { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.modal-content { position: relative; background: #fff; }

@media all and (min-width: 961px) { .modal-content { padding: 70px 100px; max-width: 900px; } }

@media all and (max-width: 960px) { .modal-content { width: 90%; margin: 0 auto; padding: 40px 23px; } }

.modal-content .tit { font-weight: bold; text-align: center; font-size: 20px; margin-bottom: 25px; }

@media all and (min-width: 961px) { .modal-content .tit { font-size: 26px; margin-bottom: 35px; } }

.modal-content .btn_close { display: block; position: absolute; width: 14px; height: 14px; background: url(../images/ico-closeblack.svg) no-repeat center center; background-size: 20px; right: 20px; top: 20px; cursor: pointer; }