@font-face { font-family: iranyekan; src: url(../font/iranyekanwebregular.ttf) format("truetype"), url(../font/iranyekan.woff2),url(../font/iranyekanwebregular.eot),url(../font/iranyekanwebregular.eot); } @font-face { font-family: oswald; src: url(../font/oswald.ttf); } @font-face { font-family: montserrat; src: url(../font/montserrat.ttf); } * { font-family: "iranyekan"; /*user-select: none;*/ } html { scroll-behavior: smooth; } body { margin: 0; padding: 0; color: rgb(238, 238, 238); direction: rtl; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 3px grey; border-radius: 7px; } ::-webkit-scrollbar-thumb { background: rgb(255, 111, 0); border-radius: 7px; } ::-webkit-scrollbar-thumb:hover { background: rgb(0, 23, 96); } a { text-decoration: none; color: inherit; } a, p, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } /* header */ /* main page */ #newservicescontainer, #proservicescontainer { color: rgb(45, 45, 45); text-align: right; margin: 0 6.35% 2%; background-color: inherit; border-radius: 5px; box-shadow: 0 1px 5px rgb(0 0 1); padding: 20px 1.95vw; } .newservices { display: flex; } .newservices:first-child { margin: 10px 0 5px 5px; } .newservices:nth-child(2) { margin: 10px 5px 5px 0; } .newservicea { display: flex; border-radius: 5px; flex-direction: column; } #newserviceaa { margin: 5px 0 0 5px; } #newserviceab { margin: 5px 5px 0 0; } .subnewservices1 { width: 25%; display: flex; flex-direction: column; border-radius: 0 5px 5px 0; } .subnewservices1 img { height: 2.5vw; } .subnewservices1 > div { display: inherit; flex-direction: inherit; align-items: center; justify-content: center; height: 50%; } .subnewservices1 > div:first-child { background-color: rgb(255, 255, 255); border-radius: 0 5px; } .subnewservices1 > div:nth-child(2) { background-color: rgb(255, 111, 0); color: rgb(255, 255, 255); font-size: 10px; border-radius: 0 0 5px 0; } .subnewservicea2 { display: flex; background-color: rgb(255, 255, 255); border-radius: 0 0 5px 5px; padding: 25px 0; } .subnewservicea2 > div { display: flex; align-items: center; } .subnewservicea2 > div:nth-of-type(1) { flex: 1%; display: flex; justify-content: flex-end; } .subnewservicea2 > div:nth-of-type(2) { flex: 50%; } .subnewservicea2 img { height: 2.5vw; margin: 0 5px; } .percentage { font-size: 18px; } .subnewservices2 { width: 85%; padding: 1vw; background-color: rgb(255, 255, 255); flex-direction: column; justify-content: space-around; display: flex; border-radius: 5px 0 0 5px; } .servicedate, .servicedetail, .serviceshowmore { font-size: 11px; } .servicetitle { font-size: 16px; } .serviceshowmore { color: rgb(255, 111, 0); margin-top: 1vh; } #proservicescontent { display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 10px 0; } .proservices { display: flex; flex-direction: column; border-radius: 5px; margin: 1%; } .psimgcontainer { flex: 25%; border-radius: 5px 5px 0 0; background-color: rgb(243, 243, 243); justify-content: center; display: flex; align-items: center; padding: 2vh 0; } .psimgcontainer img { height: 5vh; } .psdtlcontainer { flex: 75%; border-radius: 0 0 5px 5px; text-align: center; background-color: rgb(255, 255, 255); padding: 5% 10%; } .psdtlcontainer h4 { font-size: 1.12vw; height: 6vh; } .psdtlcontainer h4:last-child { font-weight: bold; color: blue; } .psdtlcontainer p { font-size: 0.77vw; height: 8vh; } .psdtlcontainer span { font-size: 0.77vw; color: rgb(255, 255, 255); background-color: rgb(45, 45, 45); width: calc(100% - 6px); display: inline-block; padding: 3px; border-radius: 5px; margin-top: 6%; font-size: 1em; } #newscontainer.home a { color: rgb(255, 111, 0); } #newscontainer2.home a { color: rgb(255, 111, 0); } #newscontainer3.home a { color: rgb(255, 111, 0); } #proservicestitle span, #newservicestitle span, #newstitle span, #newstitle2 span, #newstitle3 span { color: rgb(255, 111, 0); font-size: 1.2vw; display: inline-block; } #proservicestitle p, #newservicestitle p, #newstitle p, #newstitle2 p, #newstitle3 p { font-size: 1.2vw; display: inline-block; } #proservicestitle span img { width: 25px; margin: 0 5px; } .psvgcontainer { display: inline-block; } .psvg { margin: 13px 5px 0 5px; } .titlecontainer { display: inline-flex; align-items: center; } #headercontainer { background-color: rgb(0, 23, 96); height: 100px; width: 100%; position: fixed; top: 0; right: 0; z-index: 10; justify-content: center; display: flex; border-bottom: 5px solid rgb(255, 111, 0); } #header { width: 83.33vw; display: flex; flex-wrap: nowrap; margin-top: 25px; } #responsive_menu, .menu { display: none; } #logopersian { width: 5.55vw; display: flex; justify-content: center; } #logopersianimg { align-content: center; align-items: center; display: flex; } #logopersianimg > div { background-color: rgb(255, 111, 0); height: 3px; border-radius: 15px; border: 3px solid rgb(255, 111, 0); position: absolute; bottom: -5px; width: 60px; } #logopersianimg img { width: 60px; padding: 2px; } #menu { width: 67.75vw; display: grid; grid-template-columns: auto; padding-right: 2%; } #menu_title, #menu_content { display: flex; /* height: 40px; */ } #menu_title h6 { margin: 1vh 0 0 0; font-size: 1.2vw; } #right { width: 85%; /*48vw;*/ } #left { width: 15%; /*17vw;*/ } #right ul { list-style: none; padding: 0; display: flex; flex-wrap: nowrap; margin: 0; height: 100%; margin-top: -10px; } #right ul li { position: relative; text-align: center; margin: 0px 2px; } #right ul li:first-child { padding-right: 0 !important; } .menulink:hover { border-bottom: 2px solid rgb(255, 111, 0); box-shadow: 0 0 0 5px rgb(0, 23, 96) inset; } .menulink:active { color: rgb(255, 111, 0); } .menulink { text-decoration: none; transition: all 0.3s ease-in-out; color: rgb(255, 255, 255); padding: 0 0 0 0.7vw; font-size: 1vw; } .submenulink { float: right; overflow: hidden; } .submenulinkbtn { border: none; outline: none; background-color: inherit; color: rgb(255, 255, 255); cursor: pointer; } .submenulink-content { display: none; position: fixed; height: fit-content; padding: 1vh; background-color: rgb(0, 23, 96); width: 10vw; z-index: 1; box-sizing: border-box; direction: rtl; text-align: right; border-bottom: 5px solid rgb(255, 111, 0); } .submenulink-content .hot { display: none; position: fixed; height: fit-content; padding: 1vh; background-color: rgb(0, 23, 96); width: 50vw; z-index: 1; box-sizing: border-box; direction: rtl; text-align: right; border-bottom: 5px solid rgb(255, 111, 0); } .submenulink-content a { display: block; padding: 7px; font-size: 1vw; box-sizing: border-box; transition: all 0.3s ease-in-out; } .submenulink-content a:hover, .submenulink-content a:active { border-bottom: 2px solid rgb(255, 111, 0); color: rgb(255, 111, 0); } .submenulink:hover .submenulinkbtn { color: rgb(255, 111, 0); } .submenulinkbtn #wssasi { margin-right: 4px; transition: transform 0.2s linear; } .submenulink:hover #wssasi { transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0) !important; top: 2px; } .submenulink:hover .submenulink-content { display: block; } /* #right ul li a:first-of-type{padding-right: 0;} */ #left hr { width: 100%; margin: 10px 0 0 0; color: rgb(55, 67, 103); } #logoenglish { display: flex; flex-wrap: nowrap; width: 11vw; } #settingicons { display: flex; align-items: center; } #settingiconscontainer { display: flex; margin-top: 20px; height: 30px; } #selectlanguege { /* background-color: rgb(0, 29, 119); */ display: flex; align-items: center; } #selectlanguege img { padding: 0 5px; } #menuicons { background-color: rgb(80, 81, 85); border-radius: 5px 0 0 5px; display: flex; align-items: center; padding-right: 15px; } #menuicons a img:first-of-type { padding: 0 5px; } #settingicons p { margin: 10px 0 0 0; font-size: 1.7vh; } #logoenglishimg { text-align: right; display: flex; align-items: center; } #logoenglishimg img { height: 2.77vw; margin: 0 0.5vw 0 0; } /*end of header */ .search { margin-top: 80px; text-align: center; border-bottom: 20px solid rgb(110, 204, 233); background-size: cover; -webkit-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out; position: relative; } .search.home { border-bottom: 20px solid rgb(255, 111, 0); } .searchhead { padding: 2% 0 !important; } #searchcontainer { width: 70vw; margin: 0 15vw; padding: 150px 0 50px 0; } .tab { display: flex; flex-wrap: nowrap; overflow: hidden; background-color: rgba(100, 100, 100, 0.5); border-radius: 10px 10px 0 0; } .tab button { background-color: inherit; border: none; outline: none; cursor: pointer; padding: 1.6vh; transition: 0.3s; font-size: 1.25vw; color: #ffffff; width: 20%; } .tab button.active, .tab button:hover { background-color: rgb(45, 45, 45); } .tabcontent { display: none; border-top: none; background-color: rgba(209, 209, 209, 0.5); border-radius: 0 0 10px 10px; align-items: center; } .tabcontent > div:first-of-type { width: 100%; display: flex; justify-content: center; margin: 20px 0; padding-bottom: 8px; } #article { display: flex; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; left: 0; right: 0; color: black; text-align: right; font-size: 1vw; } .autocomplete-items div { padding: 7px 30px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div:hover { background-color: #e9e9e9; } .autocomplete-active { background-color: dodgerblue !important; color: #ffffff; } .searchlable { background-color: rgb(255, 111, 0); width: 18%; border-radius: 0 5px 5px 0; display: flex; align-items: center; justify-content: center; padding: 7px 0; } .searchlablefn { background-color: rgb(255, 111, 0); padding: 7px 0; width: 10%; border-radius: 0 5px 5px 0; display: flex; justify-content: center; align-items: center; } .searchlableln { background-color: rgb(255, 111, 0); padding: 7px 0; width: 14%; display: flex; justify-content: center; align-items: center; } .autocomplete { position: relative; width: 65%; } .searchinput { width: calc(100% - 60px); padding: 9px 30px; border: none; } .searchinputauther { width: 31%; padding: 9px 30px; border: none; } .serachicon { width: 4%; padding: 0; /* width: 25px; Xpadding: 0px 10px 0px 10px;*/ border: none; background-color: rgb(255, 111, 0); border-radius: 5px 0 0 5px; } .serachicon:hover { cursor: pointer; } .serachicon img { /*Xwidth: 50%*/ width: 18px; height: 18px; } /*X*/ .siprogress img { position: relative; animation: search-proc 1.5s infinite; } @keyframes search-proc { 0% { left: -5px; top: -5px; } 25% { left: 5px; top: -5px; } 50% { left: 5px; top: 5px; } 75% { left: -5px; top: 5px; } 100% { left: -5px; top: -5px; } } #slidertext { display: grid; grid-template-columns: auto; background-color: rgba(0, 0, 0, 0.8); padding: 2.78vh 0 5.56vh 0; } #slidercontainer { display: flex; flex-wrap: nowrap; width: 83.4%; margin: 0 8.3%; } .subslides { display: none; flex-wrap: nowrap; } .subslides div:first-of-type { width: 4.17vw; height: 4.17vw; border: 1px solid white; border-radius: 10px; display: flex; justify-content: center; align-items: center; padding: 0; background-image: url(../image/bg.png); background-size: 70%; background-repeat: no-repeat; background-position: center; } .subslides.home div:first-of-type { background-image: url(../image/main/icons/slbg.svg); } .subslides img { width: 2vw; height: 2vw; } .subslides > div { padding-right: 10px; } .subslides > div h4 { color: rgb(110, 204, 233); text-align: right; font-size: 1.2vw; } .subslides.home > div h4 { color: rgb(255, 111, 0); } .subslides > div p { font-size: 11px; /*width: 60%;*/ width: auto; text-align: right; font-size: 0.9vw; } #linecontainer { text-align: right; padding-right: calc(8.3% + 4.17vw + 10px); margin-top: 0; } .line { cursor: pointer; height: 0.278vw; width: 2.78vw; margin: 5px 2px; background-color: rgb(110, 110, 110); border-radius: 5%; display: inline-block; transition: background-color 0.6s ease; text-align: right; } .activeslide, .line:hover { background-color: rgb(110, 204, 233); } .activeslide.home, .line.home:hover { background-color: rgb(255, 111, 0); } #internalcontents { background-color: rgb(231, 231, 231); text-align: center; padding-bottom: 2%; } #fieldscontainer { margin: 0 6.35% calc(2% - 6.66vh); background-color: inherit; z-index: 5; position: relative; top: -6.66vh; border-radius: 5px; box-shadow: 0 1px 5px rgb(0 0 1); display: grid; grid-template-columns: 25% 25% 25% 25%; color: black; padding: 20px 1.95vw; } .fields { padding: 5px 0; display: grid; grid-template-columns: 28% 36% 36%; } .fields > div { background-image: url(../image/bg.png); grid-area: 1 / 1 / span 3 / span 1; border-radius: 10px; align-items: center; display: flex; background-size: 100%; background-repeat: no-repeat; } .fields div img { width: 3.125vw; margin: auto; } .dot { height: 10px; width: 10px; margin: 10% -70%; background-color: rgb(110, 204, 233); border-radius: 50%; display: inline-block; } .s-line { /* height: 4px; width: 8%;*/ display: inline-block; /*background-color: rgb(110, 204, 233);*/ /* margin: 3px 5px 0 5px; border-radius: 2px;*/ background-color: transparent !important; border-bottom: 3px solid; font-size: 1vw; } .s-line .co { background-color: rgb(144, 196, 0); } .s-line .pl { background-color: rgb(144, 196, 0); } .fieldtitle { font-size: 0.9vw; margin: 0; grid-area: 1 / 2 / span 1 / span 2; text-align: right; padding: 0 15px; font-weight: bold; } .fields.home .fieldtitle { font-size: 1vw; } .fields.home .fieldnumber { font-size: 1.9vw; } .fieldnumber { font-size: 2.1vw; margin: 0; grid-area: 2 / 2 / span 1 / span 2; text-align: right; padding: 0 15px; font-weight: bold; font-family: oswald; } .fieldmore { font-size: 0.7vw; margin: 0; grid-area: 3 / 2 / span 1 / span 2; text-align: right; padding: 0 15px; width: 100%; display: flex; align-items: center; } .accesstitle, #accesstitle, #advertisingtitle, #reputablearticlestitle, #primarticlestitle, #primarticlestitle2, #newstitle, #newstitle2, #newstitle3, #newservicestitle, #proservicestitle { align-items: center; display: flex; } .circle { width: 12px; height: 12px; margin: 4px; border-radius: 50%; background-color: rgb(120, 120, 120); display: inline-block; border: 2px solid rgb(204, 204, 204); box-shadow: 0 0 0 2px rgb(234, 234, 234) inset; } .accesstitle hr, #accesstitle hr, #advertisingtitle hr, #reputablearticlestitle hr, #primarticlestitle hr, #primarticlestitle2 hr, #newstitle hr, #newstitle2 hr, #newstitle3 hr { height: 2px; width: 90%; background-color: rgb(110, 204, 233); border: none; margin: 0 1%; } .accesstitle p, #accesstitle p, #advertisingtitle p, #reputablearticlestitle p, #primarticlestitle p, #primarticlestitle2 p, #newstitle p, #newstitle2 p, #newstitle3 p { font-size: 1.2vw; display: inline-block; } #mainaccess, #mainnewsevrices { display: grid; grid-template-columns: 50% 50%; padding: 10px 0; } .access, #newservices { border-radius: 5px; box-shadow: 0 1px 5px rgb(0 0 1); display: flex; flex-wrap: nowrap; } .access:first-child, #newservices:first-child { margin: 10px 0 5px 5px; } .access:nth-child(2), #newservices:nth-child(2) { margin: 10px 5px 5px 0; } .accessa { display: flex; border-radius: 5px; box-shadow: 0 1px 5px rgb(0, 0, 1); flex-direction: column; margin: 5px 0 10px 5px; } .accessb, .newserviceb { display: flex; border-radius: 5px; box-shadow: 0 1px 5px rgb(0, 0, 1); flex-direction: column; margin: 5px 5px 10px 0; } .subaccess1 { background-color: rgb(110, 204, 233); width: 25%; justify-content: center; display: flex; align-items: center; border-radius: 0 5px 5px 0; } .subaccess1 img { width: 50%; margin-top: 5%; } .subaccess2 { background-color: white; width: 75%; border-radius: 5px; padding: 15px; } .subaccess2 h4 { font-size: 1vw; } .subaccess2 p { margin: 5px 0 0 0; font-size: 0.9vw; } .subaccess2 a p { color: rgb(110, 204, 233); } .subaccess3 { background-color: rgb(110, 204, 233); text-align: center; color: white; border-radius: 5px 5px 0 0; } .subnewservicea1 { background-color: rgb(255, 111, 0); text-align: center; color: white; border-radius: 5px 5px 0 0; } .subaccess3 h4, .subnewservicea1 h4 { margin: 5px 0; } .subaccess4 { text-align: center; background-color: white; border-radius: 5px; } .subaccess4 h4 { font-size: 1vw; margin: 15px 0 5px 0; } .subaccess4 p { font-size: 0.9vw; margin: 2px 0 15px 0; } #mainadvertising { display: flex; flex-wrap: nowrap; padding: 10px 0; } .advertising { padding: 5px; width: 12%; } .advertising, .advertising img { border-radius: 5px; } .advertising img { width: 100%; height: 100%; } #accesscontainer, #reputablearticlescontainer, #primarticlescontainer, #primarticlescontainer2, #advertisingcontainer, #newscontainer, #newscontainer2, #newscontainer3 { color: rgb(45, 45, 45); text-align: right; margin: 2% 6.35% 0 6.35%; background-color: inherit; border-radius: 5px; box-shadow: 0 1px 5px rgb(0 0 1); padding: 1.45vh 1.95vw; } .titleicon { margin: -6px 6px; } #reputablearticlestitle span, #primarticlestitle span, #primarticlestitle span2 { color: rgb(110, 204, 233); font-size: 1.2vw; } #reputablearticlestitle hr, #primarticlestitle hr, #primarticlestitle2 hr, #newstitle hr, #newstitle2 hr, #newstitle3 hr { width: 80%; } .swiper-container { width: 100%; height: 30vh; } .swiper-slide { text-align: center; background: rgb(255, 255, 255); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiperhead { height: 40%; background-color: rgb(243, 243, 243); border-radius: 5px 5px 0 0; display: flex; justify-content: center; align-items: center; } .swiperhead img { height: 75%; object-fit: contain; } .swiperdetail { padding: 5%; } .swiperdetail h4 { font-size: 1.5vh; } .swiperdetail p { margin: 5px 0; font-size: 1.5vh; } .swiperdetail p:last-of-type { background-color: rgb(45, 45, 45); border: none; color: white; width: 100%; border-radius: 5px; /*margin-top: 1.5vh;*/ bottom: 10px; right: 5%; font-size: 1.5vh; margin-top: 2vh; } .swiperhead p:last-of-type { background-color: rgb(45, 45, 45); border: none; color: white; width: 100%; border-radius: 5px; /*margin-top: 1.5vh;*/ bottom: 10px; right: 5%; font-size: 1.5vh; margin-top: 2vh; } .primslide { display: flex !important; } .primhead { width: 40%; display: flex; justify-content: center; align-items: center; padding: 5% 5% 5% 2.5%; } .primhead img { object-fit: scale-down; background-color: rgb(220, 220, 220); height: 21vh; border-radius: 5px; } .primdetail { width: 100%; padding: 5% 2.5% 5% 5%; height: 21vh; display: flex; flex-direction: column; justify-content: space-around; } .journalnumber { display: flex; font-size: 0.9vw; } .seminarnumber { display: flex; font-size: 0.9vw; } .seminarnumber > p:first-child { background-color: rgb(144, 196, 0); color: white; border-radius: 0 5px 5px 0; width: 30%; padding: 0.8vh; text-align: right; } .journalnumber > p:first-child { background-color: rgb(110, 204, 233); color: white; border-radius: 0 5px 5px 0; width: 30%; padding: 0.8vh; text-align: right; } .journalnumber > p:nth-child(2) { background-color: rgb(112, 112, 112); color: white; border-radius: 5px 0 0 5px; width: 70%; padding: 0.8vh; text-align: right; } .seminarnumber > p:nth-child(2) { background-color: rgb(112, 112, 112); color: white; border-radius: 5px 0 0 5px; width: 70%; padding: 0.8vh; text-align: right; } .primdetail h4 { font-size: 1.5vh; text-align: right; } .primdetail p { margin: 0.5vh 0; font-size: 1.28vh; text-align: right; } .primdetail > div { display: flex; } .primdetail > div h4 { width: 40%; font-size: 1.4vh; } .primdetail > div p { width: 60%; text-align: left; font-size: 1.1vh; } .primdetail h3 { font-size: 1.4vh; background-color: rgb(110, 204, 233); color: white; border-radius: 5px; padding: 3px; margin: 2% 0; } .primdetail .co h3 { font-size: 1.4vh; background-color: rgb(144, 196, 0); color: white; border-radius: 5px; padding: 3px; margin: 2% 0; } .primdetail button { background-color: rgb(45, 45, 45); border-radius: 5px; color: white; border: none; width: 100%; padding: 2px; font-size: 1.4vh; } #mainnews2, #mainnews { display: grid; /*grid-template-columns: 33.33% 33.33% 33.33%;*/ grid-template-columns: 25% 25% 25% 25%; padding: 10px 0px; } .news { display: grid; border-radius: 5px; margin: 10px; } .news img { width: 100%; /* height: 100px; */ border-radius: 5px; } .news h4 { margin: 2%; font-size: 1vw; } .news p { margin: 0 2%; font-size: 1vw; text-align: justify; } .news a { margin: 2%; color: #6ecce9; font-size: 0.7vw; } /* search_result page */ .search_rp { margin-top: 85px; text-align: center; background-size: cover; -webkit-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out; position: relative; /*padding-bottom: 5.75vh;*/ } #searchresultcontainer, #absortingcontainer { margin: 5.55vh 6.35% 0; background-color: rgb(255, 255, 255); z-index: 5; position: relative; top: -5.55vh; border-radius: 5px; box-shadow: 0 1px 7px 0 rgb(112, 112, 112); display: grid; grid-template-columns: 15% 70% 15%; color: black; padding: 0; } .result_number { text-align: right; padding: 0 15%; display: flex; flex-direction: column; justify-content: center; } .result_number h4 { color: rgb(255, 111, 0); } .result_number > p:first-of-type { font-family: oswald; font-size: 2.1vw; } .result_number > p:nth-of-type(2) { font-size: 0.8vw; } #sorting { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; } .sortingborder { position: relative; bottom: 0; width: 80%; height: 3px; background-color: rgb(255, 111, 0); display: inline-block; } #sorting > div { justify-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; } .activesort { background-color: rgb(255, 111, 0); color: rgb(255, 255, 255); } .sortingcontainer { width: 80%; height: 100%; padding: 10% 0; border-bottom: 3px solid rgb(255, 111, 0); } .sortimg > div svg { padding: 5px; } .activesort > div svg { fill: white; border-radius: 5px; padding: 5px; } .activesort .sortingcontainer { border-bottom: 3px solid white !important; } .sorttitle { font-size: 1.1vw; } .sortdo { font-size: 0.8vw; } #pagenumber { background-color: rgb(197, 197, 197); display: grid; grid-template-columns: auto; padding: 5%; border-radius: 5px 0 0 5px; } #pagenumber > div { display: flex; } #pagenumber > div:first-of-type { align-items: flex-end; } #pagenumber > div:nth-of-type(2) { align-items: center; } #pagenumber > div:first-of-type p { font-weight: bolder; font-size: 1vw; padding: 0 0 0 5%; } #pagenumber > div:first-of-type span { height: fit-content; font-weight: bold; font-size: 1vw; font-family: oswald; } #pagenumber > div:nth-of-type(2) p { font-size: 0.9vw; padding: 0 0 0 5%; } #pagenumber input { border: none; border-radius: 5px; height: 3vh; width: 35%; text-align: center; font-weight: bold; font-size: 1vw; margin: 0 0 0 5%; } #pagenumber input[type="submit"] { border: none; border-radius: 5px; height: 3vh; width: 3.4vw; background-color: rgb(45, 45, 45); color: rgb(255, 255, 255); } #searchbody { position: relative; top: -5.55vh; margin: 0 6.35%; border-radius: 5px; display: grid; grid-template-columns: 24% 2% 74%; color: black; padding: 0; } #searchfilters { text-align: right; padding: 15%; background-color: rgb(255, 255, 255); border-radius: 5px; margin-bottom: 2%; max-height: fit-content; } #searchfilters > p:first-of-type { color: #555555; font-weight: bold; cursor: pointer; } #arrowdown { /*display: none;*/ /* border: solid #555555;*/ display: inline-flex; border-width: 0 4px 4px 0; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: 0; transition: transform 0.5s; } #arrowdown.active { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-bottom: -2px; } #searchfilters > div:first-of-type { display: flex; margin: 1em 0; } #searchinresults { border: 1px solid #2d2d2d; border-radius: 0 5px 5px 0; padding: 0 3px; width: 75%; } #searchinresults:focus { outline: none; } #searchfilters > div > button { background-color: rgb(70, 70, 70); border: none; border-radius: 5px 0 0 5px; padding: 5px; width: 15%; } #searchfilters > div:not(:first-of-type) { display: flex; align-items: center; /*width: 90%;*/ } #searchfilters > div:nth-of-type(2) { border-top: 2px solid black; border-bottom: 2px solid black; padding: 2px 0; } #filtercontainer { padding: 0 0 10px 0; } #roottitle { font-weight: bolder; font-size: 0.9em; padding: 0 5px; } .filtertitle p { /*font-size: 0.7em;*/ color: rgb(255, 111, 0); padding: 10px 5px; } #bankfilterform_a, #bankfilterform_b, #bankfilterform_c { width: 100%; overflow: hidden; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } #bankfilterform_a label, #bankfilterform_b label { font-size: 1vw; } input[type="radio"]:after { border: 1px solid black; box-shadow: 0 0 0 2px rgb(255, 255, 255) inset; box-sizing: border-box; } input[type="radio"]:checked:after { width: 13px; height: 13px; position: relative; content: ""; background-color: rgb(255, 111, 0); display: inline-block; border-radius: 13px; } input[type="checkbox"]:checked:after { width: 13px; height: 13px; content: "\2714"; background-color: rgb(255, 255, 255); display: flex; font-size: 13px; font-weight: bold; color: rgb(255, 111, 0); border: 1px solid black; justify-content: center; align-items: center; } .relationrate { width: 100%; background-color: rgb(207, 207, 207); } .relationrate { width: 100%; background-color: rgb(207, 207, 207); } .relationratiopercent { height: 2px; background-color: rgb(255, 111, 0); } .showmore { color: rgb(255, 111, 0); font-size: small; } .showmorecontainer { justify-content: center; border-bottom: 2px solid black; padding-bottom: 15px; } #searchfilters > div > button img { width: 60%; } #resultcontents { border-radius: 5px; } .resultcontainer { display: grid; grid-template-columns: 8% 92%; /*min-height: 280px;*/ background-color: rgb(255, 255, 255); border-radius: 5px; margin-bottom: 2%; } .resultcontainer.srseminar { min-height: 220px; } .resultcontainer.srjournal { min-height: 240px; } .resultcontainer.srjournal > .resultaside > div:first-of-type { background-color: rgb(110, 204, 233); } .resultcontainer.srseminar > .resultaside > div:first-of-type { background-color: rgb(144, 196, 0); } .resultcontainer.srplan > .resultaside > div:first-of-type { background-color: rgb(199, 34, 0); } .srplan { min-height: 120px; height: auto; } .resultcontainer.differentlang .srtitlecontainer, .resultcontainer.differentlang .srabscontainer, .resultcontainer.differentlang .abstractshoemore { text-align: left; width: 85%; display: inline-block; padding: 0; } .abstractshoemore { width: 100% !important; } .srabscontainer { width: 80%; } .resultcontainer.differentlang .srabs { width: 80%; direction: ltr; } .resultcontainer.uncomplete .resultaside > div:nth-of-type(2) { -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); cursor: not-allowed; } .resultcontainer.uncomplete .resultaside > div:nth-of-type(2) a { cursor: not-allowed; pointer-events: none; } .resultaside { display: flex; flex-direction: column; justify-content: center; } .srimgx { width: 45%; } /* tear filter */ .min-max-slider { position: relative; text-align: center; direction: ltr !important; display: block !important; border-bottom: 2px solid black; padding-bottom: 15px; } .min-max-slider > label { display: none; } span.value { height: 15px; font-size: small; display: inline-block; } span.value.lower::before { content: ""; display: inline-block; } span.value.upper::before { content: "- "; display: inline-block; margin: 0 0.4em; } .min-max-slider > .legend { display: flex; justify-content: space-between; } .min-max-slider > .legend > * { font-size: small; opacity: 0.25; margin-top: 2px; } .min-max-slider > input { cursor: pointer; position: absolute; } .min-max-slider > input { -webkit-appearance: none; outline: none !important; background: transparent; background-image: linear-gradient( to bottom, transparent 0%, transparent 40%, rgb(207, 207, 207) 30%, rgb(207, 207, 207) 60%, transparent 60%, transparent 100% ); } .min-max-slider > input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 10px; width: 10px; border-radius: 2px; background: rgb(255, 111, 0); cursor: pointer; } .min-max-slider > input::-webkit-slider-runnable-track { cursor: pointer; } .resultaside > div { background-color: rgb(210, 210, 210); font-size: 1vw; padding: 10px 0; height: 70px; display: flex; justify-content: center; align-items: center; } .resultaside > div:first-of-type { border-radius: 5px 0 0 0; background-color: rgb(255, 111, 0); } .resultaside > div:nth-of-type(3) { border-radius: 0 0 0 5px; font-size: 0.7vw; background-color: rgb(226, 226, 226); } .resultaside > div { display: flex; } .resultaside > div p { padding-top: 3px; font-size: 0.9em; } .resultdetails { text-align: right; padding: 4% 4% 1% 4%; } .resultdetails > div { display: flex; } .resultdetails > div { align-items: center; } .srtitle { font-size: 1.2vw !important; } .resultdetails .ttl { min-width: 4.6vw !important; max-width: 4.7vw !important; /*font-size: 1.25vh;*/ font-size: 0.8vw; font-weight: 700; } .srauther, .srjournal { font-weight: 700; } .resultdetails span { /* width: 13%; */ display: inline-block; font-size: 1.1vw; } .resultdetails p { /*font-size: 1.5vh;*/ font-size: 1vw; display: inline-block; text-align: justify; margin: 3px 0; } .sras { font-weight: bolder; } .srabs { width: auto !important; /*65%;*/ max-height: 5ch; overflow: hidden; } .abstractshoemore { padding: 0 16% 0 0; } .srmd { color: rgb(255, 111, 0); font-size: 0.9vw; } .srks > div { border-radius: 5px; font-size: 0.8vw; display: inline-block; margin: 5px 0px 0px 5px; } .keyword { background-color: rgb(216, 216, 216); padding: 0 3px; border-radius: 0 5px 5px 0; width: auto !important; } .kdetail { background-color: rgb(255, 111, 0); padding: 0 3px; border-radius: 5px 0 0 5px; width: auto !important; } .counter { display: table-cell !important; align-items: center; } /* .counter > span:first-child { padding: 5px 5px 5px 0px !important; }*/ .counter > span:not(:first-child) { width: auto; height: 3vh; margin: 10px -10px; border-radius: 8px; padding: 5px 10px 5px 0px; font-size: 0.9vw; font-weight: bold; display: flex; justify-content: center; align-items: center; min-width: 100px; vertical-align: middle; padding: 5px; text-align: center; /*font-size: 1.2vh;*/ font-size: 1vw; display: inline !important; align-items: center; justify-content: space-around; margin: 0px auto; vertical-align: baseline; background-color: rgb(255 111 0 / 50%) !important; } .counter > span img { /*height: 2vh; padding: 0 5px; vertical-align: middle; margin-right: 5px; margin-bottom: 5px;*/ vertical-align: middle; margin-left: 2px; width: 2vh !important; } .viewcounter { background-color: rgb(225, 225, 225) !important; z-index: 6; } .downloadcounter { background-color: rgb(200, 200, 200) !important; z-index: 5; } .citecounter { background-color: rgb(175, 175, 175) !important; z-index: 4; } .referencecounter { background-color: rgb(150, 150, 150) !important; z-index: 3; } .sraac { margin-bottom: 2%; } .sraac img { width: 100%; border-radius: 15px; } .srps { display: flex !important; } .srps ul { list-style: none; padding: 0; display: flex; flex-wrap: nowrap; margin: 0; /*font-size: 1.5vh;*/ font-size: 0.8em; justify-content: center; } .srps ul li { border-left: 1px solid grey; padding: 0 1.1vh; text-align: center; } .srps ul li:first-child { padding-right: 0; } .srps ul li:last-child { border: none; } .sradvertising { border-radius: 5px; margin-bottom: 2%; } .sradvertising img { width: 100%; border-radius: 5px; } #srpagination, #abpagination, .wspagination { height: 75px; background-color: rgb(255, 111, 0); border-radius: 5px; display: flex; align-items: center; justify-content: center; } #pre, #next { display: flex; color: rgb(255, 255, 255); font-size: 1vw; margin: 0 5px; align-items: center; } /* #pre span:before, #next span:before { width: 10px; height: 10px; transition: .5s; box-shadow: -3px 3px 0 white; position: relative; display: inline-block; top: 7px; content: ""; } */ #pre span::before { transform: rotate(-135deg); right: 5px; } #next span::before { transform: rotate(45deg); left: 5px; } #pre span, #next span { background-color: rgb(85, 85, 85); width: 25px; height: 25px; border-radius: 5px; display: inline-flex; margin: 0 20px; align-items: center; justify-content: center; font-weight: bold; font-size: xx-large; } #pre:hover span, #next:hover span { background-color: rgb(190, 190, 190); } #pre:hover, #next:hover { color: rgb(85, 85, 85); } /*.srcpln { background-color: #c722001f; } .srcsem { background-color: #90c40030; } .srcjrn { background-color: #6ecce940; }*/ .srcsem .resultaside img { width: 40% !important; } .pagenumber, #firstpage, #lastpage { /* display: flex; color: rgb(255, 255, 255); font-size: 0.8vw; margin: 0 5px; opacity: 0.67;*/ display: flex; color: #fff; font-size: 1.15vw; margin: 0 5px; opacity: 0.8; font-weight: bold; } .pagenumber { font-family: montserrat; } .pagenumber:hover, #firstpage:hover, #lastpage:hover, .pagenumberactive { opacity: 1; } .pagenumberactive { padding: 5px; background-color: rgba(0, 0, 0, 0.3); } /* author bank page */ .activesort.ab, .relationratiopercent.ab, input[type="radio"].abinput:checked:after, #abpagination { background-color: rgb(48, 152, 87); } .sortingcontainer.ab { border-bottom: 3px solid rgb(48, 152, 87); } .result_number.ab h4, .filtertitle.ab p, input[type="checkbox"].abinput:checked:after, .showmore.ab, .maindetail > div:nth-of-type(2) > div span { color: rgb(48, 152, 87); } .authordetailcontainer { display: flex; flex-direction: column; background-color: rgb(255, 255, 255); border-radius: 5px; margin-bottom: 2%; box-shadow: -1px 10px 10px -1px rgb(112 112 112); } .maindetail { display: flex; } .maindetail > div:first-of-type { flex: 1%; display: inherit; justify-content: center; align-items: center; } .maindetail > div:nth-of-type(2) { flex: 75%; text-align: right; padding: 3vh 0; } .maindetail > div:nth-of-type(2) > div p { display: inline-block; } .maindetail > div:nth-of-type(2) p { color: rgb(219, 219, 219); } .moredetailab { background-color: rgb(235, 235, 235); border-radius: 0 0 5px 5px; } .mdcontentab { display: none; overflow: hidden; } .showmdab { text-align: right; display: flex; cursor: pointer; } .showmdab > div:first-of-type, .mdcontentab > div:first-of-type { flex: 1%; font-size: 1vw; } .showmdab > div:nth-of-type(2), .mdcontentab > div:nth-of-type(2) { flex: 75%; font-size: 0.7vw; display: flex; } .showmdab > div:nth-of-type(2) { align-items: center; } .mdcontentab > div:nth-of-type(2) { flex-direction: column; padding: 1vh 0; } .mdcontentab > div:nth-of-type(2) > div { text-align: right; display: list-item; margin-right: 1.3em; } .mdcontentab > div:nth-of-type(2) > div * { display: inline-block; } .mdcontentab > div:nth-of-type(2) > div p:first-of-type { width: 30%; } .relationrate.mdcab { width: 45%; text-align: left; } .showmdab i { background-color: rgb(48, 152, 87); padding: 2px 5px 0; border-radius: 5px 5px 0 0; position: relative; right: 100%; top: -100%; } /* conferences page */ .subslides.co div:first-of-type { background-image: url(../image/co/bg.svg); } .subslides.co > div h4, #reputablearticlestitle span.co, #primarticlestitle span.co, #primarticlestitle2 span.co, .news.co a, .subaccess2.co a p { color: rgb(144, 196, 0); } .activeslide.co, .line.co:hover, .s-line.co, .subaccess1.co, .subaccess3.co, .journalnumber.co > p:first-child, .primdetail.co h3 { background-color: rgb(144, 196, 0); border-color: rgb(144, 196, 0); } .search.co { border-bottom: 20px solid rgb(144, 196, 0); } .fields.co > div { background-image: url(../image/co/bg.svg); } .titleicon { width: 1.5vw; } /* plan page */ .subslides.pl div:first-of-type { background-image: url(../image/pl/bg.svg); } .subslides.pl > div h4, #reputablearticlestitle span.pl, #primarticlestitle span.pl, #primarticlestitle2 span.pl, .news.pl a, .subaccess2.pl a p { color: rgb(199, 34, 0); } .activeslide.pl, .line.pl:hover, .s-line.pl, .subaccess1.pl, .subaccess3.pl, .journalnumber.pl > p:first-child, .primdetail.pl h3 { background-color: rgb(199, 34, 0); } .search.pl { border-bottom: 20px solid rgb(199, 34, 0); } .fields.pl > div { background-image: url(../image/pl/bg.svg); } /* publisher archive page */ .publisherarchivepa { border-radius: 11px; margin-bottom: 1vh; padding: 5px; } .publisherarchivepa * { font-size: 12px !important; } .publisherarchivepa > #publisherarchivetitle { border-radius: 11px 11px 0 0; } .publisherarchivepa > #pinumber { border-radius: 0 0 11px 11px; } .publisherarchivepa > #piperiod > div, .publisherarchivepa > #publisherarchiveyear > div { text-align: right; } .publisherarchivepa > #years ul { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; } .publisherarchivepa > #pinumber > div:first-of-type { display: none; } #pinumberList { display: block; } #pinumberListshow { padding-top: 5px; } .publisherarchivepa > #years ul li, .publisherarchivepa > #pinumber ul li { width: auto; border: 1px solid grey; } .publisherarchivepa > #pinumber ul li { display: block; } .publisherarchivepa > #years ul li:first-of-type, .publisherarchivepa > #pinumber ul li:last-of-type { border: 1px solid grey; } .publisherarchivepa > #publisherarchiveyear, .publisherarchivepa > #years, .publisherarchivepa > #piperiod, .publisherarchivepa > #pinumber { padding: 1.5vh; } .activesort.pa, .resultaside.pa > div:first-of-type, .kdetail.pa { background-color: rgb(138, 213, 236); } .pagingpa { background-color: rgb(138, 213, 236) !important; } .sortimg.pa > .sortingcontainer { border-bottom: 3px solid rgb(138, 213, 236); } .result_number.pa h4, .srmd.pa { color: rgb(138, 213, 236); } /* conferece archive page */ .activesort.ca, .resultaside.ca > div:first-of-type, .kdetail.ca, #pinumbers.ca { background-color: rgb(144, 196, 0); } .pagingca { background-color: rgb(144, 196, 0) !important; } .sortimg.ca > .sortingcontainer { border-bottom: 3px solid rgb(144, 196, 0); } .result_number.ca h4, .srmd.ca, #piperiod.ca > div:nth-of-type(2) p, #publisherarchiveyear.ca > div:nth-of-type(2) p { color: rgb(144, 196, 0); } #years.ca ul li a:active, #years.ca ul li:hover, #pinumber.ca ul li a:active, #pinumber.ca ul li a:hover { color: rgb(144, 196, 0); } /* plan archive page */ .activesort.paa, .resultaside.paa > div:first-of-type, .kdetail.paa, #pinumbers.paa { background-color: rgb(199, 34, 0); } .pagingpaa { background-color: rgb(199, 34, 0) !important; } .sortimg.paa > .sortingcontainer { border-bottom: 3px solid rgb(199, 34, 0); } .result_number.paa h4, .srmd.paa, #piperiod.paa > div:nth-of-type(2) p, #publisherarchiveyear.paa > div:nth-of-type(2) p { color: rgb(199, 34, 0); } #years.paa ul li a:active, #years.paa ul li:hover, #pinumber.paa ul li a:active, #pinumber.paa ul li a:hover { color: rgb(199, 34, 0); } /* author bank search result page */ .result_number.ab.sr { padding: 0 15% 0 0; } .authorname { font-size: 1.2vw; margin-bottom: 1vh; } #absrnumber * { display: inline-block; font-size: 0.9vw; font-weight: bold; } #absremail * { display: inline-block; font-size: 0.8vw; } #absremail span { color: rgb(48, 152, 87); } /* article content page */ #articlecontenthead { width: 100%; display: inline-block; background-color: rgb(70, 70, 70); } #articlecontentcontainer, #pubinfocontainer { display: flex; flex-direction: column; align-items: center; background-color: rgb(238, 238, 238); padding-bottom: 5vh; } #articledetails, #pubdetails { width: 87.3vw; height: 11.5vh; position: relative; top: -5.75vh; border-radius: 5px; display: grid; grid-template-columns: 25% 75%; font-size: 1.5vh; } #articletitle, #pubtitle { background-color: rgb(110, 204, 233); border-radius: 0 5px 5px 0; display: flex; align-items: center; color: rgb(0 0 0); } #articletitle > div:nth-of-type(2), #pubtitle > div:nth-of-type(2) { flex: 70%; height: 2.77vw; display: flex; flex-direction: column; justify-content: space-evenly; } #articletitle > div:nth-of-type(2) p, #pubtitle > div:nth-of-type(2) p { font-size: 0.85vw; } #articleproperties, #pubproperties { border-radius: 5px 0 0 5px; background-color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; color: rgb(0 0 0); padding: 0 2vw 0 0; } #articlecontents { display: grid; grid-template-columns: 25% 75%; width: 87.3vw; margin-top: -4vh; border-radius: 5px; } #aside { display: flex; flex-direction: column; box-shadow: 0 1px 7px 0 rgb(112, 112, 112); } #articletabs { position: sticky; position: -webkit-sticky; top: 90px; } #atab { display: flex; flex-direction: column; } .atablinks { color: #000; border: none; text-align: right; font-weight: bold; display: flex; align-items: center; border-bottom: 2px solid rgb(202, 202, 202); padding: 10px 0; background-color: rgb(229, 229, 229); cursor: pointer; } .atablinks.active { background-color: rgb(255, 255, 255); } .atablinks > div:first-of-type, #articletitle > div:first-of-type, #pubtitle > div:first-of-type { flex: 30%; text-align: left; } .atablinks > div:first-of-type img, #articletitle > div:first-of-type img, #pubtitle > div:first-of-type img { width: 1.8vw; height: 1.8vw; padding: 0 0 0 0.7vw; } .atablinks > div:nth-of-type(2) { flex: 70%; height: 40%; } .articletab { /*Xcolor: black; display: none; flex-direction: column; justify-content: center; padding: 1vw 3vw 0 0; scroll-margin-top: 85px;*/ /* height: calc(100vh - 85px);*/ scroll-margin-top: 90px; color: black; /*display: block !important;*/ flex-direction: column; justify-content: center; padding: 1vw 3vw 0 0; background-color: #fff; } .article { font-size: 1.5vw; } #text { display: flex; } #arasideadvertising { padding: 20px 10px; } #articletabcontainer { padding-bottom: 10vh; width: calc(100% - 4vw); position: relative; right: -4vw; } .articletab > div { display: flex; align-items: flex-start; padding: 5px 0; } .articletab p { display: inline-block; font-weight: bold; font-size: 12px; width: 12%; margin-bottom: 2vh; } .articletab span { display: inline-block; font-size: 1vw; text-align: justify; width: 80%; } .arjournal { width: 30% !important; background-color: rgb(110, 204, 233); padding: 5px 10px; border-radius: 10px; color: black; margin: 3vh 0 1vh; font-size: 1.25em; font-weight: bold; } .aradvertising { padding: 0.4vh 3vw; border-radius: 15px; } .aradvertising img { width: 100%; border-radius: inherit; } #articledownload { display: flex; flex-direction: column; justify-content: center; align-items: center; } #downloadbottom { width: 10vw; height: 10vw; border-radius: 5px; background-color: rgb(226, 226, 226); display: flex; justify-content: center; align-items: center; margin: 5vh 0; scroll-margin-top: 40vh; } #downloadbottom div { background-color: rgb(255, 111, 0); border-radius: inherit; width: 75%; height: 75%; display: inherit; justify-content: inherit; align-items: inherit; flex-direction: column; } #downloadbottom a { width: 100%; text-align: center; } #downloadbottom p { color: white; font-size: 1.2vw; margin-top: 0.5vh; } #downloadbottom img { width: 45%; } #downloadbottom1 img { width: 7%; } #mmicons, #piicons { width: 4vw; right: calc(100% - 4vw); display: flex; flex-direction: column; align-items: center; text-align: center; height: fit-content; position: sticky; top: 90px; } .mmsubicons, #gotodown { display: flex; flex-direction: column; width: 100%; align-items: center; direction: rtl; padding: 2vw 0; } #gotodown { padding: 0 !important; } .mmsubicons p, .mmsubicons span { width: auto; margin: 0; font-size: 10px; } .mmsubicons span img { width: 1.8vw; height: 1.8vw; } #mmiconsdown, #piarchive { background-color: rgb(110, 204, 233); border-radius: 0 5px 0 0; } #mmiconsvideo, #pigroup { background-color: rgb(138, 213, 236); } #mmiconssound, #piindex { background-color: rgb(165, 221, 239); } #mmiconsenv, #pirateii { background-color: rgb(179, 226, 241); } #mmiconsview, #pirateif { background-color: rgb(194, 232, 243); } #mmiconsdc { background-color: rgb(207, 236, 244); } #mmiconscite { background-color: rgb(228, 243, 247); border-radius: 0 0 5px 0; } #mmiconsdownco, #piarchiveco { background-color: rgb(144, 196, 0); border-radius: 0 5px 0 0; } #mmiconsvideoco, #pigroupco { background-color: rgb(178, 205, 3); } #mmiconssoundco, #piindexco { background-color: rgb(205,213,6); } #mmiconsenvco, #pirateiico { background-color: rgb(219,218,8); } #mmiconsviewco, #pirateifco { background-color: rgb(234,224,10); } #mmiconsdcco { background-color: rgb(247,228,11); } #mmiconsciteco { background-color: rgb(255,235,14); border-radius: 0 0 5px 0; } /* publisher info page */ .activenum { color: rgb(0, 195, 245); } #yearsList li a { cursor: pointer; } .procontainer { display: flex; align-items: center; } .dts { width: 28px; height: 2px; display: flex; align-items: center; background-color: black; margin: 0 5px; } .dts > div { width: 8px; height: 5px; background-color: rgb(255, 111, 0); } #pubimg { display: flex; justify-content: center; position: relative; padding: 2vw 2vw 1vw; } #pubimg img { /* width: 13.88vw; height: 20.83vw;*/ width: 80%; border-radius: 11px; } #pubimg > div { position: relative; } #subpubimg { position: absolute; top: -1.14vw; right: -1.736vw; background-color: rgb(255, 255, 255); border: 0.486vw solid rgb(219, 219, 219); border-radius: 50%; zoom: 0.75; } #subpubimg1 { display: inline-block; zoom: 1.75; position: absolute; right: -20px; } #subpubimg2 { display: inline-block; zoom: 1.75; position: absolute; left: -20px; } #subpubimg img { width: 5.55vw; height: 5.55vw; } #archiveshortcut { display: flex; justify-content: center; align-items: center; padding: 0 2vh; } #archiveshortcut button { border: none; border-radius: 11px; background-color: rgb(110, 204, 232); padding: 1vh 2vh; width: 13.88vw; font-size: 1.3vw; font-weight: bold; } #center { /*display: flex;*/ position: relative; padding: 2vw 3.5vw 2vw 0; background-color: rgb(255, 255, 255); border-radius: 5px 0 0 5px; color: black; } #center > div:first-of-type { display: flex; } #mmsubicons > span:nth-child(2) { font-size: 10px; font-weight: bold; } #pirateif { border-radius: 0 0 5px 0; } #pidetails { display: inline-block !important; text-align: right; width: 100%; } #pidtitle { font-size: 2vh; margin-bottom: 10px; display: inline-block; } #subpid { display: inline-block; } .subpid p, .subpid span { /*font-size: 1.5vh;*/ font-size: 1vw; width: 10vw; margin: 5px 0; font-weight: 500; display: inline-block; } .subpid span { width: auto !important; display: inline; font-weight: bold; } .pisplitter { margin: 1vw 0; } .pisplitter img { width: 38vw !important; } #pimoredetail { width: 100%; display: grid; grid-template-columns: 5vw auto; border-radius: 11px; margin: 1vw 0; } #pimoredetail > div { display: flex; align-items: center; } #pimoredetail > div:first-of-type { background-color: rgb(137, 212, 235); border-radius: 0 11px 11px 0; justify-content: center; } #pimoredetail > div:nth-of-type(2) { background-color: rgb(226, 226, 226); border-radius: 11px 0 0 11px; padding: 0.8vw 2vw; display: inline-block; } #pimoredetail > div:nth-of-type(2) p, #pimoredetail > div:nth-of-type(2) span { margin: 0; } #pisearch { margin-bottom: 1vh; max-width: 95%; } #pisearch > div:first-child { display: flex; align-items: center; } #pisearch input { border: none; box-shadow: 0 2px 7px 0 rgba(112, 112, 112, 0.5); width: 92%; height: 4vh; padding: 0 1vw; } #pisearch button { background-color: rgb(70, 70, 70); border: none; width: 8%; border-radius: 11px 0 0 11px; height: 4vh; } #pisearch button img { width: 1.34vw; } #publisherarchive { scroll-margin-top: 30vh; } #publisherarchive > div { color: rgb(255, 255, 255); font-size: 1.5vh; margin: -1px 0; } #publisherarchivetitle { background-color: rgb(45 45 45 / 85%); padding: 1.6vh; } #publisherarchiveyear { background-color: rgb(24, 24, 24); padding: 0.8vh 1.6vh; display: flex; } #years { background-color: rgb(36, 36, 36); padding: 0.8vh 1vw; direction: ltr; color: rgb(223, 223, 233); } #years ul, #pinumber ul { list-style: none; padding: 0; /* display: flex; */ flex-wrap: nowrap; margin: 0; font-size: 1.5vh; justify-content: center; } #years ul li, #pinumber ul li { width: 10%; border-left: 1px solid grey; border-right: none; border-top: none; border-bottom: none; text-align: center; display: inline-block; } #years ul li:first-of-type { border: none; } /*X#pinumber ul li:last-of-type { border: none }*/ #pinumber ul li { display: block; width: 100%; padding: 5px 0; border: none; } #years ul li a:active, #years ul li:hover, #pinumber ul li a:active, #pinumber ul li a:hover { color: rgb(0, 195, 245); } #piperiod { background-color: rgb(45 45 45 / 85%); padding: 1.6vh; display: flex; } #piperiod > div, #publisherarchiveyear > div { flex: 50%; } #piperiod > div:nth-of-type(2), #publisherarchiveyear > div:nth-of-type(2) { display: flex; align-items: center; justify-content: flex-end; } #piperiod > div:nth-of-type(2) p, #publisherarchiveyear > div:nth-of-type(2) p { display: inline-block; color: rgb(0, 195, 245); } #piperiod > div:nth-of-type(2) img, #publisherarchiveyear > div:nth-of-type(2) img { width: 3vh; } #pinumbers { background-color: rgb(138, 213, 236); color: rgb(0, 0, 0) !important; padding: 0.8vh 1vw; } #pinumber { background-color: rgb(36, 36, 36); padding: 1vw; } /* footer */ footer { display: grid; grid-template-columns: auto; } #footercontents { background-color: rgb(0, 29, 119); display: flex; flex-wrap: nowrap; align-items: center; color: rgb(255, 255, 255); padding-bottom: 30px; } #footercontents > div:first-child { width: 22%; height: 100%; direction: ltr; } #fccontainer { width: 50%; height: 100%; text-align: center; padding: 0 0 0 10px; } #fccontainer img { margin: 35px 0 5px 0; } #fccontainer h4 { line-height: 20px; } #socialnetworksicon img { margin: 3px 6px; } #footercontents > div:nth-child(2) { width: 56%; height: 100%; display: flex; flex-wrap: nowrap; } #postaladdress { width: 38%; padding: 55px 20px 0 5px; } #postaladdress p, #sponsors p { font-size: 11px; margin: 0 0 7px 0; line-height: 150%; } #sponsors, #links { width: 31%; padding: 55px 20px 0 5px; } #sponsors p, #links p { font-size: 11px; margin: 0 0 4px 0; line-height: 150%; } #sponsors > p:first-of-type { font-weight: bold; padding-bottom: 4px; } #sponsors a, #links a { text-decoration: none; transition: all 0.3s ease-in-out; color: rgb(255, 255, 255); } #footercontents > div:nth-child(3) { width: 22%; height: 100%; display: flex; align-items: center; } #footercontents > div:nth-child(3) a img { width: 50%; } #footermembership { /* height: 250px; */ background-color: rgb(0, 22, 90); text-align: center; padding-top: 30px; } #footermembership label { font-size: smaller; } #footermembership input { margin: 5px 0 50px 0; width: 235px; padding: 5px 30px; border: 4px solid rgb(255, 111, 0); border-bottom: none; border-top: none; border-left: none; } #footermembership button { background-color: rgb(255, 111, 0); color: rgb(255, 255, 255); padding: 5px 30px; border: none; margin: 0 -6px 0 0; cursor: pointer; } #footermembership p { color: rgb(110, 110, 110); font-size: 5px; font-size: 11px; } #footermembership a { text-decoration: none; padding: 0 10px; } #footermembership a p { width: 5%; display: inline; color: rgb(209, 209, 209); margin-top: 15px; font-size: 11px; } /* contact us page */ #cucontainer { margin: 5.55vh 6.35% 0; background-color: rgb(255, 255, 255); z-index: 5; position: relative; top: -5.55vh; border-radius: 10px; box-shadow: 0 1px 7px 0 rgb(112 112 112); display: grid; grid-template-columns: 10% 90%; color: black; padding: 1vw 0; } .cuimg { text-align: right; display: flex; align-items: center; justify-content: center; } .cuimg img { width: 3.33vw; height: 3.33vw; } .cutitle { font-size: 1.25vw; font-weight: bold; display: flex; align-items: center; } #contactinfocontainer, #aboutinfocontainer { padding: 1vw 1vw 5vw; margin: calc(1% - 2.78vw) 6.35% 0; background-color: rgb(255, 255, 255); text-align: right; box-shadow: 0 1px 7px 0 rgb(112 112 112); } .caontactinfo { background-color: rgb(238, 238, 238); border-radius: 10px; color: black; padding: 3vw calc(8.73% - 1vh); margin-bottom: 1%; } .caontactinfo:nth-of-type(2) { padding: 1vw calc(8.73% - 1vh); } .caontactinfo > div { display: flex; align-items: center; margin: 0.5% 0; } .caontactinfo > div:first-child { margin-bottom: 2vw; } .caontactinfo:nth-of-type(2) > div:first-child { margin-bottom: 0; } /* .caontactinfo > div *{ display: inline-block; } */ .caontactinfo > div > img { width: 1.6vw; margin: 0 0 0 1%; } table { max-width: 100% !important; text-align: center; font-size: 0.9vw; border-collapse: collapse; overflow: initial; display: block; border: none; } table th { background-color: rgb(43, 43, 43); padding: 1vw 0; } table th:first-child { border-radius: 0 10px 10px 0; } table th:last-child { border-radius: 10px 0 0 10px; } td { color: black; border: 1px solid rgb(75, 75, 75); padding: 5px; } .tbfa { background-color: rgb(239, 163, 124); } .tbfb { background-color: rgb(223, 208, 197); } .tbf1 { background-color: rgb(226, 226, 226); margin-top: 5px; } .spacer { height: 5px; } .infoblack { width: auto !important; } .caontactinfo > div > p { font-size: 1vw; } /* about us page */ .caontactinfo p { text-align: justify; } #dataanalyticimgcontainer { display: flex; align-items: center; justify-content: center; } #dataanalyticimgcontainer img { width: 70vw; margin: 0; padding: 1vw; } .viewtable { display: flex; border-radius: 10px; width: 100%; } .viewtable > div:nth-child(1) { flex: 10%; background-color: rgb(233, 101, 0); border-radius: 0 10px 10px 0; display: inherit; align-items: center; justify-content: center; padding: 1vw; } .viewtable > div:nth-child(2) { flex: 60%; background-color: rgb(255, 255, 255); padding: 1vw; } .viewtable > div:nth-child(3) { flex: 30%; background-color: rgb(255, 255, 255); border-radius: 10px 0 0 10px; padding: 1vw; } .viewtable > div:nth-child(3) p { text-align: left; } .caontactinfo li { font-size: 1vw; } /* chart page */ .search_rp.blank { display: inline-block; width: 100%; height: 10vh; background-color: rgb(70, 70, 70); } #cucontainer.blank { margin: 0 6.35%; top: -5vh; height: 10vh; padding: 0; } .caontactinfo.blank { padding: 1.5vw calc(8.73% - 1vh); margin: 0; } .caontactinfo.blank > div { margin: 0 !important; } .charts { display: flex; justify-content: center; padding: 1vw; } .chartcontainer { color: rgb(0, 0, 0); width: 24%; margin: 0 0.5%; } .chartcontainer.manager { width: 30%; } .persontitle { display: flex; align-items: center; background-color: rgb(213, 213, 213); border-bottom: 4px solid rgb(255, 111, 0); padding: 0.5vh 0; margin: 0 0 0.5vw 0; } .persontitle * { display: inline-block; } .persontitle img { padding: 0 0.5vw; width: 1.45vw !important; } .persontitle h4 { font-size: 0.76vw; font-weight: 500; } .persondatacontainer { display: flex; background-color: rgb(239, 239, 239); border-radius: 10px; min-height: 12.3vh; } .personimage { width: 80px; padding: 1vw; } .personimage img { border-radius: 10px; width: 90%; max-height: 90px; } .persondate { /* flex: 80%; */ display: flex; flex-direction: column; justify-content: center; } .persondate p { margin: 0; font-size: 0.67vw; } .persondate p:first-child { font-weight: bolder; } /* citetion report paqge */ .citetionHeader { margin-top: 80px; text-align: center; background-size: cover; -webkit-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out; position: relative; height: 50vh; background-image: url("../image/citation.jpg"); background-color: rgb(127, 127, 127); background-blend-mode: multiply; } .cthdcontainer { display: flex; height: calc(100% - 80px); align-items: center; } #cthdicon { padding: 0 9vw 0 2%; } #cthdtxt { text-align: right; } #cthdtxt p:first-of-type { font-weight: bold; font-size: 26px; } #cthdtxt p:nth-of-type(2) { font-size: 21px; } #cthdtxt p:nth-of-type(3) { letter-spacing: 10px; } #citefiedcontainer { margin: 0 6.35% calc(2% - 13vh); background-color: inherit; z-index: 5; position: relative; top: -13vh; border-radius: 5px; box-shadow: 0 1px 5px rgb(0 0 1); display: grid; grid-template-columns: 25% 25% 25% 25%; color: black; padding: 20px 1.95vw; } .fieldscite { padding: 5px; margin: 5px; border-radius: 11px; display: grid; grid-template-columns: 28% 36% 36%; height: 10.77vh; } .fieldscite > div { background-color: #dbdbdb; display: flex; grid-area: 1 / 1 / span 3 / span 1; border-radius: 10px; align-items: center; justify-content: center; } .fieldscite:hover, .fieldscite:hover > div, .fieldscite.active, .fieldscite.active > div { background-color: #ff6f00; } .fieldscite:hover > p, .fieldscite.active > p { color: rgb(255, 255, 255); } .fieldscite > div > img { width: 2.57vw; height: 4.786vh; } .citetitle { font-size: calc(0.5vmin + 0.6vmax); margin: 0; grid-area: 1 / 2 / span 1 / span 2; text-align: right; padding: 0 15px; display: flex; align-items: flex-end; } .citedetail { font-size: calc(0.5vmin + 0.6vmax); margin: 0; grid-area: 2 / 2 / span 1 / span 2; text-align: right; padding: 0 15px; display: flex; align-items: center; font-weight: bold; } .reportsum { font-size: calc(0.5vmin + 0.6vmax); margin: 0; grid-area: 3 / 2 / span 1 / span 2; text-align: right; padding: 0 15px; width: 100%; display: flex; align-items: flex-start; color: #ff6f00; } #citereportcontainer { color: rgb(45, 45, 45); text-align: right; margin: 0 6.35% 2%; background-color: inherit; border-radius: 11px; box-shadow: 0 1px 5px rgb(0 0 1); } .reporthead { display: flex; align-items: center; background-color: rgb(255, 255, 255); height: 12.66vh; border-radius: 11px 11px 0 0; } .rhtitle { display: flex; flex-direction: column; justify-content: center; padding: 0 1.95vw; width: 9%; } #ctrh { font-size: 1vw; } #cdrh { color: #ff6f00; font-weight: bold; font-size: 1.1vw; } .relationrate.rh { height: 3px; width: 71%; } .rhmoredetail { width: calc(30% - 3.9vw); text-align: center; display: flex; justify-content: center; } .rhmoredetail a { font-size: 0.7vw; color: rgb(255, 255, 255); background-color: #404040; width: 80%; border-radius: 5px; display: flex; align-items: center; padding: 0 5px; } .rhmoredetail a span { display: flex; align-items: center; } .rhmoredetail a span img { width: 75%; margin: 3px; } #ctfilter { filter: drop-shadow(0 7px 30px 0, 0, 0, 0.12); background-color: rrgba(0, 0, 0, 0.16); height: 14vh; display: flex; flex-direction: column; justify-content: space-evenly; } #ctfc, #ctbc { display: flex; justify-content: space-evenly; } #ctbc button { color: rgb(255, 255, 255); background-color: rgb(255, 111, 0); border: none; border-radius: 7px; padding: 5px; font-size: 1vw; width: 27.22vw; cursor: pointer; } .custom-select { position: relative; width: 14%; } .custom-select select { display: none; } .select-selected { background-color: rgb(64, 64, 64); } .select-selected:after { position: absolute; content: ""; top: 10px; right: 15px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 4px; } .select-items div, .select-selected { color: #ffffff; padding: 5px 5px 5px 20px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; border-radius: 7px; text-align: end; font-size: 1vw; } .select-items { position: absolute; background-color: rgb(64, 64, 64); left: 0; right: 0; z-index: 99; border-radius: 7px; } .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(10, 10, 10); } #repottable th { background-color: rgb(227, 227, 227); border-style: solid; border-width: 2px 2px 10px 2px; border-color: rgb(255, 255, 255); } #repottable td { border: solid 2px rgb(255, 255, 255); } #repottable tr:nth-child(odd) { background-color: rgb(238, 238, 238) !important; } #repottable tr:nth-child(even) { background-color: rgb(227, 227, 227) !important; } #repottable tr:last-child { border-bottom: solid 10px rgb(255, 255, 255); } #ctrpaging { height: 7.77vh; background-color: rgb(227, 227, 227); border-radius: 5px; display: flex; align-items: center; justify-content: center; } #ctrpaging > .pagenumber, #ctrpaging > #firstpage, #ctrpaging > #lastpage, #ctrpaging > #next { color: rgb(22, 22, 22) !important; } #ctrpaging > #pre span, #ctrpaging > #next span { color: white; } #ctrb { background-color: white; display: flex; justify-content: center; padding: 2vh 0 3vh 0; } #ctrb > button { color: rgb(255, 255, 255); border-radius: 4px; border: none; width: 20.2vw; height: 4.235vh; margin: 10px; cursor: pointer; } #recivefile { background-color: rgb(255, 111, 0); } #drawchart { background-color: rgb(85, 85, 85); } #reportdes { background-color: rgb(246, 246, 246); height: 8vh; padding: 10px 25% 25px 25%; display: flex; align-items: center; } #reportdes span img { width: 3.34vh; height: 3.34vh; margin: 5px; } #reportdestxt { background-color: rgb(255, 255, 255); padding: 10px 25% 25px 25%; border-radius: 0 0 7px 7px; } #reportdestxt p { text-align: justify; } /*workshop page */ .wso { background-color: rgb(255, 255, 255); border-radius: 5px; } .wsoi { display: flex; justify-content: center; align-items: center; padding: 5px; } .wsot { display: flex; flex-direction: column; justify-content: center; align-items: center; color: black; padding: 5%; } .wsot h4 { font-size: 1.5vh; } .wsot p { margin: 5px 0; font-size: 1.5vh; } .wsotb { background-color: rgb(45, 45, 45); border: none; color: white; width: 100%; border-radius: 5px; margin-top: 1.5vh; font-size: 1.5vh; } #menu.workshop #right { width: 51vw; /*width: 30vw;*/ } #menu.workshop #left { /*width: 19vw; width: 36vw;*/ width: 15vw; } #menu.workshop .menulink { font-size: 0.8vw; } #workcat + span { position: relative; right: -5px; display: inline-block; border-width: 0 2px 2px 0; padding: 3px; border-style: solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #workcat:hover + span { transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0); -webkit-transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0); transition: all 0.3s ease-in-out; top: 3px; } #catcontainer { position: fixed; right: 0; top: 85px; height: 0; overflow: hidden; width: 100%; background-color: rgb(255, 255, 255); transition: height 0.4s ease-in-out; display: grid; grid-template-columns: 34% 66%; z-index: 99; box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1); } .maincat { padding: 10px; color: rgb(0 0 0); cursor: pointer; } .maincat:before, .subcat ul li:before, .subcatdetail ul li:before { content: ""; position: relative; margin: 0 15px; display: inline-block; border-width: 0 2px 2px 0; padding: 3px; border-style: solid; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .subcat ul li:before, .subcatdetail ul li:before { color: rgb(255, 111, 0); } .maincat.active, .subcat ul li.active { background-color: rgb(255, 255, 255); color: rgb(255, 111, 0); } .maincat:hover::before { color: rgb(255, 111, 0); } #maincatcontainer { padding: 0 14vw 0 0; height: 100%; } #subcatcontainer { padding: 20px; } #subcatcontainer p { color: black; padding: 15px 15px 0 0; } #subcatcontainer p span { color: rgb(233, 101, 0); } #subcatcontainer > div { display: flex; } #subcatcontainer > div > div { width: 30%; } #maincatcontainer h2 { font-size: 16px; font-weight: bold; color: rgb(233, 101, 0); text-align: left; padding: 10px 0; } #maincatcontainer > div { background-color: rgb(238, 238, 238); height: inherit; } .subcat, .subcatdetail ul { display: none; color: black; cursor: pointer; } .sctul, .sctdul { list-style-type: none; padding: 0; } .sctul li, .sctdul li { padding: 5px; } .subcatdetail ul li a:hover { color: rgb(233, 101, 0); } #workshopHeader { height: 40vh; position: relative; margin-top: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; } #headSlider { width: 72vw; height: 24vh; border-radius: 10px; } .wsSlider { display: none; flex-wrap: nowrap; width: 72vw; height: 24vh; border-radius: inherit; } .wsSlider > div { display: flex; align-items: center; justify-content: center; } .wsImage { width: 25%; border-radius: 0 10px 10px 0; } .wsImage img { object-fit: cover; width: -webkit-fill-available; height: -webkit-fill-available; border-radius: inherit; } .wsIcon { width: 7%; background-color: rgb(233, 101, 0); } .wsText { flex-direction: column; background-color: rgba(31, 53, 53, 0.85); width: 48%; align-items: flex-start !important; } .wsText p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; } .wsText h4, .wsText p { padding: 0 15px; font-size: small; } .wsButton { background-color: rgba(31, 53, 53, 0.85); width: 20%; border-radius: 10px 0 0 10px; } .wsButton button { background-color: rgb(233, 101, 0); color: rgb(246, 246, 246); padding: 5px; outline: none; border: none; border-radius: 3px; width: 70%; } .leftarrow { position: relative; display: inline-block; border-width: 0 3px 3px 0; padding: 3px; border-style: solid; transform: rotate(45deg); -webkit-transform: rotate(135deg); } #wscontainer { display: flex; flex-direction: column; align-items: center; background-color: rgb(238, 238, 238); padding-bottom: 5vh; } #wssearch { width: 87.3vw; height: 11.5vh; position: relative; top: -5.75vh; border-radius: 5px; display: grid; grid-template-columns: 30% 70%; font-size: 1.5vh; background-color: rgb(238, 238, 238); box-shadow: 10px 2px 30px rgba(0, 0, 0, 0.1); margin-bottom: -2.875vh; } #wsstext { border-radius: 0 5px 5px 0; display: flex; align-items: center; } #wsstext > div:nth-of-type(2) { flex: 70%; height: 2.77vw; display: flex; flex-direction: column; justify-content: space-evenly; color: rgb(0 0 0); } #wsst span { display: none; } #wsstext > div:first-of-type { width: 7.858vw; text-align: center; } #wssinput { display: flex; align-items: center; padding-right: 3%; } #wssinput > div:first-child { display: flex; width: 100%; } .autocomplete.ws { /*X width: 73%;*/ width: 67%; } .searchlable.ws { background-color: rgb(64, 64, 64); width: 10%; } #wsparts { color: rgb(45, 45, 45); width: 87.3vw; background-color: inherit; border-radius: 5px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 5px; } .wspartContainer { display: grid; grid-template-columns: 25% 75%; border-radius: 10px; height: 17vh; box-shadow: 3px 2px 10px rgb(0 0 0 / 16%); cursor: pointer; } .wspartContainer:hover > div { background-color: rgb(233, 101, 0); color: white; } .wspartContainer:hover > .wspText a { color: white; } .wspartContainer > div { display: flex; justify-content: center; align-items: center; } .wspImage { background-color: rgb(238, 238, 238); border-radius: 0 10px 10px 0; } .wspText { flex-direction: column; align-items: flex-start !important; justify-content: space-between; font-size: x-small; background-color: rgb(255, 255, 255); border-radius: 10px 0 0 10px; padding: 0 4vw; } /*X.wspText a { color: rgb(233,101,0); }*/ .wspText span { color: rgb(233, 101, 0); } .wssort { width: 87.3vw; } #wssort td { border: none !important; } .wsTitle { width: 100%; height: 10vh; display: flex; border-radius: 5px; font-size: 1.5vh; background-color: rgb(255, 255, 255); box-shadow: 10px 2px 30px rgba(0, 0, 0, 0.1); color: rgb(0 0 0); margin: 3vh 0 1vh 0; } .wsTitle span { font-weight: bolder; } .wsTitle > div { display: inherit; justify-content: center; align-items: center; } .wsTitle > div:first-of-type { width: 10%; } .wsTitle > div:nth-of-type(2) { width: 90%; justify-content: flex-start; } .wsCarts { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.4vw; color: rgb(0 0 0); } .wscartContainer { display: flex; flex-direction: column; height: fit-content; border-radius: 5px; box-shadow: 10px 2px 30px rgba(0, 0, 0, 0.1); font-size: 1.7vh; word-spacing: 1px; color: black; background-color: rgb(243, 243, 243); } .wscartContainer > div:not(:first-child) { display: inherit; flex-direction: inherit; justify-content: space-around; } .cartImage { width: 100%; border-radius: 5px 5px 0 0; } .cartImage img { width: 100%; border-radius: inherit; } .cartTitle { height: 5%; } .cartTitle p, .cartContent h4, .wsTeacher p { padding: 1vh; height: 12vh; font-size: 1.5vh; overflow: hidden; } .cartContent { background-color: rgb(255, 255, 255); } .cartContent h4 { /*height: 80px;*/ height: 120px; line-height: 1.7; } .wscDate { display: flex; flex-direction: column; height: 23%; width: 100%; /*width: 40%;*/ } .wsstartDay { display: inline-block; align-items: center; color: rgb(255, 255, 255); height: 60%; } .wsstartDay > div { display: inline-block; align-items: center; justify-content: center; height: 100%; } .wsstartDay > div:first-of-type { /*width: 15%;*/ width: auto; background-color: rgb(255, 111, 0); justify-content: flex-start !important; } .wsstartDay > div:first-of-type p { padding: 0px 15px; text-align: right; width: 100%; } .wsstartDay > div:nth-of-type(2) { /*width: 15%;*/ width: auto; background-color: rgb(45, 45, 45); } .wsstartDay > div:nth-of-type(2) > p { padding: 0px 15px; text-align: right; width: 100%; } .wsstartDay > div:nth-of-type(3) > p { padding: 0px 15px; text-align: right; width: 100%; } .wsstartDay > div:nth-of-type(3) { /*width: 70%;*/ width: auto; background-color: rgb(243, 243, 243); color: rgb(0 0 0); } .wsDays { text-align: right; font-size: small; padding-right: 10px; } .wsDays span { color: rgb(233, 101, 0); } .wsTeacher span { display: inline-block; padding: 5px 1vw; font-weight: bold; } .wsTeacher span > * { vertical-align: middle; } .wsTeacher p { background-color: rgb(243, 243, 243); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; line-height: 1.7; word-spacing: 1px; } .cartShop { height: 35px; padding: 0 !important; } .cartShop a { background-color: rgb(45, 45, 45); color: rgb(255, 255, 255); height: 100%; border-radius: 0 0 5px 5px; position: relative; padding: 0 1vw; display: flex; align-items: center; } .cartShop a span { background-color: rgb(233, 101, 0); height: 100%; width: 50px; display: inline-flex; justify-content: center; align-items: center; position: absolute; left: 0; border-radius: 0 0 0 5px; } .wspagination { /*Xbackground-color: transparent;*/ background-color: rgb(255, 255, 255); margin: 1vh 0; height: 6vh; } .wspagination > .pagenumber, .wspagination > #firstpage, .wspagination > #lastpage { color: rgb(0, 0, 0); } /* .carousel_arrows{ position: relative; } */ .carousel_arrow { bottom: -7vh !important; top: unset !important; } .carousel_arrow_prev { right: 9vw !important; } .carousel_arrow_next { left: 9vw !important; } /* workshop search page */ #wssorting { height: 8.89vh; width: 87.3vw; border-radius: 5px; display: grid; grid-template-columns: 30% 70%; font-size: 1.5vh; background-color: rgb(255, 255, 255); box-shadow: 10px 2px 30px rgb(0 0 0 / 10%); } #wsst { border-left: 1px solid rgb(112 112 112); } #wssort { color: rgb(0, 0, 0); display: flex; align-items: center; padding-right: 3%; } #wssort p { font-weight: bolder; } #wssort > div { display: inherit; flex-grow: 1; } #wssort input[type="radio"]:checked + label { color: rgb(233, 101, 0); } #wssort td { font-size: inherit !important; padding: 2px 0 5px 0 !important; } #wssort td:before { content: "" !important; } #wsscontainer { display: grid; grid-template-columns: repeat(1, 25% 1fr); grid-column-gap: 5px; width: 87.3vw; padding-top: 2vh; color: rgb(0 0 0); font-size: 1.7vh; } #cphbody_wsscontainer { /*display: grid;*/ grid-template-columns: repeat(1, 25% 1fr); grid-column-gap: 5px; width: 87.3vw; padding-top: 2vh; color: rgb(0 0 0); font-size: 1.7vh; grid-template-columns: auto; } #wsfilter { display: flex; flex-direction: column; border-radius: 5px; z-index: 5; } #wsccontainer { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } #wsfiltercontainer > div { background-color: rgb(255, 255, 255); width: 100%; margin-bottom: 5px; } #wsfiltercontainer > div:first-of-type { border-radius: 5px 5px 0 0; } #wsfiltercontainer > div:last-of-type { border-radius: 0 0 5px 5px; } #wsfsearch, #wsfsearch > div { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } #wsfsearch > div:not(:nth-of-type(2)) { border-radius: inherit; } #wsfstext { height: 13.78vh; box-shadow: 1px 5px 30px rgb(0 0 0 / 10%); flex-direction: row !important; } #wsfstext p { user-select: none; } #wsfstext > i { margin-right: 10px; } #wsfsinput { height: 8vh; flex-direction: row !important; } #wsfsinput > * { padding: 5px 15px; border: none; box-shadow: 0px 1px 3px rgb(0 0 0 / 45%); } #wsfsinput > input { border-radius: 0 5px 5px 0; } #wsfsinput > input:last-child { border-radius: 5px 0 0 5px; background-color: rgb(233, 101, 0); display: flex; align-items: center; justify-content: center; height: 20px; } #wsfsinput > button { background-color: rgb(70, 70, 70); display: flex; align-items: center; justify-content: center; border-radius: 5px 0 0 5px; } #wsfsinput > button img { height: 60%; } #wsfilterfield, #wsafheader { height: 11.89vh; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0px 2px 10px rgb(0 0 0 / 20%); position: relative; } #wsfilterfield p { font-size: 0.9rem; padding-bottom: 5px; } #wsafheader > div > * { display: inline-block; color: rgb(233, 101, 0); font-size: larger; font-weight: bolder; } .wsselectcontainer { display: flex; justify-content: center; align-items: center; position: relative; } .wsselectcontainer > * { background-color: rgb(64, 64, 64); color: rgb(255, 255, 255); height: 4.23vh; } #wsff1 { width: 17.9vw; border-radius: 6px; padding: 0 4vw; -webkit-appearance: none; } .wsff1 { border-radius: 6px 6px 0 0 !important; } #wssas { position: absolute; right: 0; width: 3.61vw; background-color: rgba(10, 10, 10); display: flex; align-items: center; justify-content: center; border-radius: 0 6px 6px 0; pointer-events: none; } .wssas { border-radius: 0 6px 0 0 !important; } /*#wssasi { position: relative; top: -3px; display: inline-block; border-width: 0 2px 2px 0; padding: 3px; border-style: solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .wssasi { top: 2px !important; transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0) !important; }*/ .submenulink .wssasi { margin-right: 4px; transition: transform 0.2s linear; position: relative; display: inline-block; border-width: 0 2px 2px 0; padding: 3px; border-style: solid; -webkit-transform: rotate(45deg); } .submenulink:hover .wssasi { transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0) !important; } .submenulink-content .hot a { display: inline-block; } .wsf { padding: 1rem; /* max-height: 60vh; overflow-y: scroll; */ transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } .wspagination.wssearchpage { grid-column-end: span 4; } /* course details page */ #cdcontainer { display: grid; width: 87.3vw; grid-template-columns: repeat(10, 1fr); grid-gap: 1vw; color: #000; background-color: rgb(238, 238, 238); } #cdtext { background-color: rgb(238, 238, 238); grid-column-end: 6 span; box-shadow: none !important; height: fit-content; } #cdtext > .cartContent { background-color: inherit; height: 18.4vh; margin-bottom: 2vh; } #cdtext .wscDate { flex-direction: inherit; height: 15%; } #wsdtitlecontainer { display: flex; align-items: center; padding: 1vh 0; } #wsdtitlecontainer > div:first-child { width: 7.858vw; text-align: center; } #wsdtitlecontainer > h4 { width: 75%; } #cdtext .wscDate > div { display: flex; height: 100%; flex-grow: 1; background-color: white; align-items: center; justify-content: center; } #cdtext .wsTeacher { display: flex; padding: 2vh 0; } #cdtext .wsTeacher p { background-color: inherit; padding: 7px; } #cdmedia { grid-column-end: 12 span; } #coursesigup { background-color: rgb(255, 255, 255); height: 55vh; border-radius: 5px; box-shadow: 10px 2px 30px rgb(0 0 0 / 10%); padding: 0; justify-content: unset !important; } #signuptitle { box-shadow: 10px 0 30px rgb(0 0 0 / 10%); height: 5.11vh; display: flex; align-items: center; } #signuptitle p { padding: 0 5px; } #signupbody, #signupform { padding: 1rem 3rem; } #signupform { display: none; grid-template-columns: repeat(2, 1fr); grid-gap: 5px; } .itemcontainer { padding-left: 5px; } .courseitem, .tbl-res td { display: flex; align-items: center; /*color: rgb(130 130 130);*/ color: #000; height: 4.44vh; border: none; border-bottom: 1px solid rgb(130 130 130); position: relative; } .cdprice { text-decoration: line-through; } .cdprice > span { color: rgb(255, 0, 0); font-weight: bold; } .courseitemprice { color: rgb(50, 205, 50); font-weight: bold; } /* .courseitemprice{ position: absolute; left: 0; border-radius: 5px; width: 15%; color: rgb(255, 255, 255); height: 3vh; display: flex; align-items: center; justify-content: center; } .courseitemprice{ background-color: rgb(96,96,96); } */ .courseitem input:checked ~ p { background-color: rgb(198, 198, 198); } #itemcountinfo { background-color: rgb(190, 43, 13); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; height: 3.22vh; margin: 5px 0; } #itemcountinfo img { height: 80%; margin: 0 5px; } #totalprice { height: 5.55vh; border-top: 1px solid rgb(198, 198, 198); border-bottom: 1px solid rgb(198, 198, 198); display: flex; align-items: center; font-weight: bolder; position: relative; } #totalpricenum { height: 4.11vh; border-radius: 5px; color: rgb(255, 255, 255); background-color: rgb(92, 92, 92); width: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; } #pricecheck { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .totalprice { background-color: rgb(45, 45, 45); color: rgb(255, 255, 255); border-radius: 5px; height: 4.11vh; display: flex; align-items: center; position: relative; } .totalprice label { width: 100%; text-align: center; } .itemcontainer input[type="text"] { width: 50% !important; box-sizing: border-box; border-radius: 5px; height: 4.11vh !important; padding: 0 10px; margin: 6px 0; font-size: smaller; outline: none; border-color: rgb(112 112 112); } .itemcontainer > div > div { display: flex !important; align-items: center; } .itemcontainer > div > div span { display: inline-block; width: 15%; } #phonenumber::placeholder { color: var(--c, rgb(130 130 130)); font-weight: var(--w, 100); } .itemcontainer input[type="submit"] { width: 100%; background-color: rgb(233, 101, 0); border-radius: 5px; color: rgb(255, 255, 255); outline: none; border: none; height: 4.11vh; cursor: pointer; } .wstpc { margin: 0 !important; position: absolute; top: 5%; box-sizing: border-box; right: 0.5vh; width: 3vh !important; height: 90% !important; } .wstpc:after { width: 3vh !important; height: 90% !important; box-sizing: border-box !important; border-radius: 3px; position: absolute; top: 5%; } #cdmedia > * { border-radius: 5px; } #cdmedia .cartvideo { /*height: 18.4vh;*/ margin-bottom: 2vh; } #cdmedia .cartvideo > * { border-radius: inherit; } #cdmedia .cartImage { height: auto; } #courseInfo { width: 87.3vw; border-radius: 5px; padding: 3rem 0; box-shadow: 10px 2px 30px rgb(0 0 0 / 10%); box-sizing: border-box; margin: 2vh 0; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } #courseInfo div { padding: 0 3rem; margin-bottom: 2vh; } #courseInfo h4 { margin: 1vh 0; } #courseInfo p { width: 60%; text-align: justify; font-size: small; } .wscinfodetail { display: flex; background-color: rgb(246, 246, 246); align-items: center; height: 7.89vh; } .wscinfodetail > * { padding-left: 2vw; } .wscinfodetail p, #wsteacher > p:nth-of-type(2) { color: rgb(233, 101, 0); } #wsteacher > * { margin-bottom: 1vh; } #wsteacher > a { display: block; background-color: rgb(45, 45, 45); color: rgb(255, 255, 255); border-radius: 5px; text-align: center; padding: 5px; } #wsteacher > a:not(first-child) { margin-top: 20px; } #wsteacher { font-size: x-small; width: 50%; } #wsccontact { margin-top: 3vh; } #wsccontact h4 a { color: rgb(233, 101, 0); } .signupforminput { width: 70%; outline: none; box-sizing: border-box; border-radius: 5px; height: 4.11vh; padding: 0 10px; border: 2px solid rgb(112 112 112); } .sficontainer > label, .sficontainer > p { display: inline-block; width: 28%; } .sficontainer input[type="text"] { width: 70%; } .sficontainer { line-height: 3em; text-align: right; } .genderform { width: auto !important; } #faddresscontainer { grid-column-end: span 2; } #faddresscontainer > label { width: 14%; font-size: small; } #faddresscontainer > textarea { width: 85.2%; height: auto; box-sizing: border-box; border-radius: 5px; font-size: smaller; outline: none; border-color: rgb(112 112 112); } /* .sficontainer{ display: inline-block; width: 50%; } */ @media only screen and (max-width: 750px) { .s-line { font-size: 1.75vw; } .fieldtitle { font-size: 2vw !important; } .counter { display: table-cell !important; /*text-align:left;*/ } #header { width: 100%; } #menu { padding: 0; width: 100%; } #logopersian { width: 100%; justify-content: center; height: inherit; } #logopersianimg, #logoenglishimg { border: none; } #settingiconscontainer { height: inherit; align-items: center; } #logoenglish { height: inherit; } #logoenglish img, #settingiconscontainer { margin: 0; } #menuicons, #logoenglishimg img { height: 25px; } #menuicons { padding-right: 5px; } .submenulink { float: none; direction: rtl; } .submenulink #wssasi { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .submenulink-content { width: 50%; right: auto; left: 0; top: 85px; height: fit-content; } .submenulink-content a { font-size: 3vw; display: block; float: none; width: fit-content; padding: 10px 0 0 0; } .submenulinkbtn { padding: 0; } .submenulink:hover .submenulink-content { display: none; } .submenulink:hover #wssasi { transform: rotate(135deg) !important; -webkit-transform: rotate(135deg) !important; top: 0 !important; } .submenulinkbtn.sr { color: #ff6f00; } .submenulinkbtn.sr #wssasi { transform: rotate(-45deg) !important; -webkit-transform: rotate(-45deg) !important; right: 2px; } .submenulink-content.scr { display: block !important; } #logoenglishimg img { padding: 3px 5px 0 0; } #header, #menu_content { display: block; } #header ul li, #menu_title, #left { display: none; } #responsive_menu { display: block; position: absolute; right: 5%; top: 45px; } .menu { position: absolute; right: 5%; top: 30px; background-color: transparent; border: none; cursor: pointer; display: flex; padding: 0; } .linex { fill: none; stroke: white; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .line1 { stroke-dasharray: 60 207; stroke-width: 6; } .line2 { stroke-dasharray: 60 60; stroke-width: 6; } .line3 { stroke-dasharray: 60 207; stroke-width: 6; } .opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } .opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; } .opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; } #right.responsive, #menu.workshop { background-color: rgb(0, 23, 96); border-bottom: 5px solid rgb(255, 111, 0); width: 100% !important; padding-bottom: 15px; } #menu.workshop { border-bottom: none; padding-bottom: 0; } #right.responsive ul { display: block !important; direction: ltr !important; } /* #right.responsive ul li:first-child{float:none;display:block !important;text-align:left !important;position: relative !important} */ #right.responsive ul li { float: none; display: block !important; width: 95% !important; text-align: right !important; padding-top: 10px !important; } .menuline { stroke: rgb(255, 255, 255); stroke-width: 3; stroke-linecap: round; } .menulink, #menu.workshop, .submenulinkbtn { font-size: 3vw !important; } #logoenglish { position: fixed; top: 40px; left: 4vw; width: auto; } #settingicons p { font-size: 2.1vw; } .tab button, .searchinput { font-size: 2.5vw; } .searchinputauther { padding: 5px; font-size: 1.8vw; } .searchlable, .searchlablefn, .searchlableln { font-size: 2.5vw; } #searchcontainer { width: 90%; margin: 0 4.8%; padding: 50px 0; } .autocomplete-items { font-size: 1.8vw; } .serachicon { /*Xwidth: 6%*/ width: 12%; } .line { width: 20px; } .subslides img { width: 4.5vw; height: 4.5vw; } #fieldscontainer { grid-template-columns: 50% 50%; } .fields { grid-template-columns: 30% 70%; } .fieldtitle { font-size: 2vw; } .fieldnumber { font-size: 4vw; } .fieldmore { font-size: 1.5vw; } .fieldtitle { margin-top: 0; } .fields div img { width: 7vw; } #linecontainer { margin-top: -10px !important; padding-right: calc(8.3% + 8vw + 10px); } #mainaccess, #mainadvertising, #mainnews, #mainnews2, #mainnews3 { padding: 0; } .access:first-child, .access:nth-child(2), .accessa, .accessb { margin: 10px 0 5px 0 !important; } #mainnewsevrices > div, #mainnewsevrices > a { margin: 5px 0; } #mainnewsevrices p, #mainnewsevrices h4, #mainnewsevrices h1 { font-size: 2vw; } #mainaccess, #mainnewsevrices { grid-template-columns: 100%; } .subaccess2 p, .subaccess4 p, .subaccess2 h4, .subaccess4 h4, .news h4 { font-size: 2vw; } .subslides > div p { font-size: 1.5vw; width: 80%; } .subslides > div h4 { margin: 0; font-size: 2vw; } .line { height: 2px; margin: 0 2px; } .subaccess2 p, .subaccess4 p { font-size: 1.8vw; } .accesstitle p, #accesstitle p, #advertisingtitle p, #reputablearticlestitle p, #primarticlestitle p, #primarticlestitle2 p, #newstitle2 p, #newstitle3 p, #reputablearticlestitle span, #primarticlestitle span, #primarticlestitle2 span, .news p, .news a, #newstitle p { font-size: 1.8vw; width: auto; } .titleicon { width: 4vw; } .circle { margin: -6px 3px; } #mainadvertising { /*display: grid;*/ display: flow-root; display: block; grid-template-columns: 33.33% 33.33% 33.33%; } #mainadvertising { text-align: center; } .advertising { /*width: 90%;*/ width: 20%; display: inline-flex; } #mainnews3, #mainnews2, #mainnews { grid-template-columns: 100%; } /* .swiper-container{height:60%} .swiper-slide{height: 85% !important;} */ .swiperdetail h4 { font-size: 2.5vw; } .swiperdetail p { font-size: 2.2vw; text-align: justify; } .swiper-button-next, .swiper-button-prev { width: 10% !important; top: 97% !important; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 2.5vw !important; } .primhead, .primdetail { padding: 3%; } .primdetail h3 { font-size: 2.2vw; } .primdetail p { font-size: 2vw; } .journalnumber, .primdetail h4 { font-size: 2.2vw; } .primdetail > div h4, .primdetail > div p { font-size: 1.7vw; } .primdetail button a { font-size: 2vw; } #footercontents { display: grid; } #footercontents > div:first-child, #fccontainer, #footercontents > div:nth-child(2), #footercontents > div:nth-child(3) { width: 100%; } #fccontainer { padding: 0; } #footercontents > div:nth-child(3) { justify-content: center; text-align: center; } #postaladdress, #sponsors, #links { padding-top: 20px; } #footermembership > p:first-of-type, #footermembership > div { padding: 0 20px; } #footermembership > div { display: none !important; } #postaladdress p, #sponsors p, #links p { font-size: 1.9vw; } /* main page */ #proservicescontent { grid-template-columns: 50% 50%; } .fields.home .fieldtitle, .psdtlcontainer p, .psdtlcontainer a { font-size: 1.5vw; } .psdtlcontainer h4 { font-size: 2.5vw; } .fields.home .fieldnumber { font-size: 2.9vw; } #proservicestitle p, #newservicestitle p, #newstitle p, #newstitle2 p, #newstitle3 p, #proservicestitle span, #newservicestitle span, #newstitle span, #newstitle2 span, #newstitle3 span { font-size: 2.2vw; } .subslides div:first-of-type { width: 8vw; height: 8vw; border-radius: 5px; } .subnewservices1 img, .subnewservicea2 img { height: 4.5vw; } /* author bank page */ .showmdab > div:nth-of-type(2), .mdcontentab > div:nth-of-type(2) { font-size: 2.5vw; } .mdcontentab > div:nth-of-type(2) > div p:first-of-type { width: 80%; } .relationrate.mdcab { width: 65%; } .maindetail > div:nth-of-type(2) { padding: 2vh 0; } .showmdab i { padding: 10px 6px 0; } .maindetail > div:first-of-type img { width: 80%; } /* search result page */ .searchhead { width: 96% !important; margin: 0 2% !important; } #searchresultcontainer { margin: 0 2%; grid-template-columns: auto auto; } #sorting { grid-column-start: 1; grid-column-end: 3; } #pagenumber { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; } #searchbody { display: block; margin: 2%; } #searchfilters { padding: 5%; overflow: hidden; max-height: 2vh; } #pagenumber > div:first-of-type { justify-content: center; } #arrowdown { display: inline-block; } #pagenumber > div:nth-of-type(2) { display: grid; grid-template-columns: 50% 50%; justify-content: space-evenly; } #pagenumber > div:nth-of-type(2) p { padding: 0; grid-column-start: 1; grid-column-end: 3; } .result_number h4, .result_number > p:first-of-type, #pagenumber > div:nth-of-type(2) p { font-size: 15px; } .result_number > p:nth-of-type(2) { font-size: 12px; } #pagenumber > div:first-of-type p, #pagenumber > div:first-of-type span, #pagenumber button { font-size: 12px; } #pagenumber input { width: 85%; margin: 0; padding: 0; font-size: 12px; } #pagenumber input[type="submit"] { width: 100%; } .sortimg > div svg { width: 50%; padding: 0; } .sorttitle, .sortdo { font-size: 2.9vw; } input[type="radio"]:checked:after { width: 16px; height: 16px; } #bankfilterform_a label, #bankfilterform_b label { font-size: 11px; } #searchinresults { width: 85%; } #searchfilters > div { width: 100%; } #srasideadvertising { display: grid; grid-template-columns: 50% 50%; } .sraac:nth-of-type(odd) { margin: 0 0 2% 1%; } .sraac:nth-of-type(even) { margin: 0 1% 2% 0; } .resultcontainer { grid-template-columns: 8% 92%; } .resultaside > div { font-size: 2.7vw; height: auto; padding: 5px 0; } .resultaside > div:nth-of-type(3) { font-size: 2vw; } .resultaside > div img { width: 65%; } .resultcontainer { min-height: auto; } .srtitle { font-size: 9px; } .resultdetails { padding: 4% 2% 1% 2%; } .resultdetails p { font-size: 1.25vh; font-weight: 800; } .abstractshoemore { padding: 0; } .abstractshoemore p { padding: 0 16% 0 0; } .srmd { font-size: 9px; margin-bottom: 6px; } .resultdetails span { font-size: 2vw; } .srks > div { margin: 0; } .srps ul li { padding: 0 0.2vh; } .srps ul li:first-child { padding-left: 0.2vh; } .srtitle { font-size: 2.2vw !important; } .resultdetails .ttl { min-width: 11vw !important; max-width: 12vw !important; font-size: 66%; } .counter > span img { /*height: 1.5vh;*/ vertical-align: middle; margin-left: 2px; width: 2vh !important; } .counter > span:not(:first-child) { padding: 5px; text-align: center; font-size: 1.2vh; display: inline !important; align-items: center; justify-content: space-around; margin: 0px auto; vertical-align: baseline; } .counter > span:nth-of-type(2) { border-radius: 8px; } #pre, #next, .pagenumber, #firstpage, #lastpage { font-size: 8px; } #pre span, #next span { margin: 0 5px; } #srpagination, #abpagination { height: auto; padding: 5px 0; } /* article content page; */ #aside { margin-bottom: 2.875vh; } #articledetails, #pubdetails { display: flex; flex-direction: column; height: auto; top: -5.75vh; } #articletitle, #pubtitle { border-radius: 5px 5px 0 0; height: 5.75vh; } #articleproperties, #pubproperties { border-radius: 0 0 5px 5px; padding: 0 15%; height: 5.75vh; } #articlecontents, #pubcontent { grid-template-columns: auto; } .atablinks > div:first-of-type, #articletitle > div:first-of-type, #pubtitle > div:first-of-type { flex: 15%; } #articletitle > div:nth-of-type(2), .atablinks > div:nth-of-type(2), #articletitle > div:nth-of-type(2), #pubtitle > div:nth-of-type(2) { flex: 85%; } .atablinks > div:first-of-type img, #articletitle > div:first-of-type img, #pubtitle > div:first-of-type img { width: 4vw; height: 4vw; padding: 0 0 0 2vw; } .atablinks > div:nth-of-type(2) p { font-size: 3vw; } #articletitle > div:nth-of-type(2) p, #pubtitle > div:nth-of-type(2) p { font-size: inherit; } /* #arasideadvertising {display: grid;grid-template-columns: 50% 50%;} */ #arasideadvertising { display: none; } .arjournal { width: 60% !important; } .articletab p { font-size: 2.5vw; width: 15%; } .srks > div { margin-bottom: 5px; } #downloadbottom { width: 20vw; height: 20vw; margin: 4vh 0; } #downloadbottom p { font-size: 3vw; margin: 0; } .keyword, .kdetail { font-size: 2.5vw !important; } .artitle { font-size: 3vw; width: 95%; } #mmicons { width: 7vw; right: calc(100% - 7vw); } #articletabcontainer { width: calc(100% - 7vw); right: -7vw; padding-bottom: 4vh; } /* publisher info page */ .pisplitter img { width: 60vw !important; } .subpid p, .subpid span { font-size: 3vw; width: 18vw; } #pisearch div { margin: 1vh; } #pisearch input { width: 88%; } #pisearch button { width: 12%; border-radius: 5px 0 0 5px; } #pisearch button img { width: 50%; } #pimoredetail { grid-template-columns: 15vw auto; } #piicons { width: 7vw; } #center { border-radius: 0 0 5px 5px; } .mmsubicons span img { width: 4vw; height: 4vw; } .mmsubicons p, .mmsubicons span { font-size: 2vw; } .articletab span { font-size: 3vw; } #pubimg img { width: 100%; } #archiveshortcut button { width: 44vw; font-size: 2vw; } /* publisher archive page */ .publisherarchivepa * { font-size: 2vh !important; } #pinumberList { display: none; } .publisherarchivepa > #pinumber > div:first-of-type { display: block; } .publisherarchivepa > #pinumber > div:first-of-type:hover { color: rgb(138, 213, 236); cursor: pointer; } /* contact us page */ .caontactinfo > div > p, .caontactinfo li { font-size: 2.4vw; } .cutitle { font-size: 3.5vw; } .caontactinfo > div > img { width: 3.5vw; } table { font-size: 2vw; } .viewtable { flex-direction: column; margin: 1vh 0; } .viewtable > div, .viewtable > div:nth-child(3) p { text-align: center; } .viewtable > div:nth-child(1) { border-radius: 10px 10px 0 0; } .viewtable > div:nth-child(3) { border-radius: 0 0 10px 10px; } #cucontainer { margin: 2.55vh 6.35% 0; top: -1.55vh; } /* chart page */ #cucontainer.blank { top: -3vh; height: 6vh; } .cuimg img { width: 5vw; height: 5vw; } .caontactinfo.blank h4 { font-size: 2.8vw; } .charts { display: grid; grid-template-columns: 50% 50%; } .charts.manager { grid-template-columns: auto; } .persontitle h4 { font-size: 2vw; } .persontitle img { width: 4vw !important; } .chartcontainer { width: 99%; } .chartcontainer.manager { width: 100%; } .personimage { width: auto; align-items: center; display: flex; } .personimage img { width: 13.5vw; max-height: 65px; } .persondate p { font-size: 2.4vw; } /* citetion report paqge */ .citetionHeader { height: 30vh; } #cthdicon img { width: 10vw; } #cthdtxt p:first-of-type { font-size: 4vw; } #cthdtxt p:nth-of-type(2) { font-size: 3.2vw; } #cthdtxt p:nth-of-type(3) { font-size: 2.9vw; letter-spacing: 5px; } #citefiedcontainer { grid-template-columns: 50% 50%; } .fieldscite { border-radius: 4px; } .fieldscite > div > img { width: 60%; height: auto; } .citetitle, .citedetail, .reportsum { font-size: 2.4vw; } .fieldscite > div { border-radius: 4px; } .fieldscite { height: auto; } .rhtitle { width: 33%; } #ctrh, #cdrh, .rhmoredetail a { font-size: calc(1vh + 1vw); } .relationrate.rh { width: 20%; height: 2px; } .rhmoredetail { width: calc(90% - 3.9vw); } .rhmoredetail a span img { width: 100%; } #ctfilter { height: auto; } #ctfc { display: block; padding: 5px; } .custom-select { display: inline-block; width: 49%; } .select-selected { font-size: calc(1vh + 1vw); margin-top: 5px; margin-bottom: -1px; } .select-items div { font-size: 3vw; } #ctbc { padding: 10px 0; } #ctbc button { width: 40vw; font-size: calc(1vh + 1vw); } #ctrb { padding: 1vh; } #ctrb > button { width: 30vw; } #reportdes, #reportdestxt { padding: 10px 10%; } #repottable, #repottable thead, #repottable tbody, #repottable th, #repottable td, #repottable tr { display: block; } thead tr { position: absolute; top: -9999px; left: -9999px; } td { /* position: relative; border: none; padding-right: calc(25% + 5px); font-size: 3vw;*/ } td:before { position: absolute; top: 0; right: 5px; width: 25%; padding-right: 5px; white-space: nowrap; font-weight: 600; font-size: 2.8vw; } /*td:nth-of-type(1):before { content: "ردیف"; } td:nth-of-type(2):before { content: "نام نشریه"; } td:nth-of-type(3):before { content: "مقالات سال"; } td:nth-of-type(4):before { content: "مقالات سال"; } td:nth-of-type(5):before { content: "استناد های سال"; } td:nth-of-type(6):before { content: "استناد های سال"; } td:nth-of-type(7):before { content: "استناد های سال"; } td:nth-of-type(8):before { content: "استناد های سال"; } td:nth-of-type(9):before { content: "شاخص آنی"; } td:nth-of-type(10):before { content: "ضریب تاثیر"; } td:nth-of-type(11):before { content: "ضریب تاثیر 5 سال"; }*/ /* workshop page */ #headSlider { width: 90vw; } .wsSlider { width: unset; display: grid; grid-template-columns: 30% 12% 58%; } .wsSlider > div { width: 100%; } .wsImage { border-radius: 0 5px 0 0; } .wsText { border-radius: 5px 0 0 0; } .wsText h4, .wsText p { font-size: x-small; } .wsButton { grid-column-end: span 3; border-radius: 0 0 5px 5px; } .wclc { padding: 0 !important; margin: 0 !important; } #wssearch, #wssorting { grid-template-columns: auto; padding: 1.5vh 0; height: auto; } #wsstext { font-size: x-small; } #wssinput { justify-content: center; } #wssinput > div:first-child { width: 90%; justify-content: center; margin-top: 10px; } #wsparts, .wsCarts { grid-template-columns: unset; } .wsTitle > div:first-of-type { width: 30%; } .wsTitle > div:nth-of-type(2) { width: 70%; } .wspImage img { width: 75%; } /* workshop page */ #catcontainer { grid-template-columns: auto; } #maincatcontainer { padding: 0; } #maincatcontainer h2 { text-align: inherit; padding: 10px; } #subcatcontainer { padding: 0; } #subcatcontainer > div > div { width: 50%; } /* workshop search */ #wsstext { cursor: pointer; } #wsfiltercontainer { /*max-height: 0;*/ /*Xmax-height: 31vw; overflow:hidden;*/ max-height: 14vh; overflow: hidden; transition: all 1s ease-in-out; } #wsfiltercontainer.wsshowfilter { /*X max-height: max-content;*/ max-height: fit-content; overflow: auto; } #wsst { border: none; } #wssort { max-height: 0; overflow: hidden; flex-direction: column; align-items: flex-start; } #wssort tr { display: flex; flex-direction: column; align-items: flex-start; } #wssort > div { padding: 5px 0; } .wssortshow { max-height: 25vh !important; } #wssort input[type="radio"] { margin: 1px 0 0 5px; } #wsstext > div:nth-of-type(2) { position: relative; } .arrowspan { position: absolute; left: 25px; display: inline-block !important; border-width: 0 3px 3px 0; padding: 4px; border-style: solid; transform: rotate(45deg); transition: all 0.3s ease-in-out 0s; } .wsstspan { transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0) !important; transition: all 0.3s ease-in-out 0s; } #wsff1 { width: 45vw; padding: 0 13vw 0 0; } #wssas { width: 10vw; } .wsf { overflow: hidden; padding: 0; } .wsfshow { max-height: 30vh !important; overflow-y: scroll; padding: 1rem; } #wsccontainer { display: block; z-index: 3; } .wscartContainer { margin-bottom: 15px !important; height: auto; } .cartContent h4, .wsTeacher p { height: auto; } /* course details page */ #cdtext td:nth-of-type(1):before { content: ""; } #cdtext td { padding: 0 !important; } #cdcontainer { display: block; } #coursesigup, .cartImage, .cartImage img, #cdmedia .cartImage, .wsstartDay, #wsstext > div:nth-of-type(2) { height: auto; } #cdtext > .cartContent { height: auto; } #cdtext .wscDate { display: block; height: auto; } #cdtext .wsTeacher { padding: 0; } .wstpc, .wstpc:after { top: unset; width: 2vh !important; height: 2vh !important; } #totalpricenum, .totalprice, #phonenumber, .submitcourse { height: 3vh; } #wsstext > div:first-of-type, #wsdtitlecontainer > div:first-child { width: auto; flex: 35%; } #signupbody { padding: 1rem; } .courseitem { padding: 0 !important; } .courseitem::before { content: "" !important; } .tbl-res td label { font-size: x-small; text-align: justify; padding-right: 3px; } #wsdtitlecontainer > h4, #cdtext .wsTeacher p { font-size: x-small; } .wsTeacher span { display: flex; align-items: center; } .wsTeacher span img { width: 5vw; padding-left: 5px; } #itemcountinfo { font-size: x-small; } #totalprice, #pricecheck { font-size: xx-small; margin-top: 5px; } #courseInfo h4 { font-size: xx-small; } #courseInfo { padding: 1rem 0; } #courseInfo div { padding: 0 1rem; } #courseInfo li { font-size: x-small; } #courseInfo p { width: 100%; font-size: x-small; } .wscinfodetail { height: auto; } .wscinfodetail img { width: 3vw; } .wscinfodetail h4 { width: 25%; } .wscinfodetail h4:last-child { width: auto; } #wsteacher { width: auto; } /* course detail page */ .sficontainer { margin-bottom: 5px; } #faddresscontainer > label { width: 28%; } #faddresscontainer > textarea { width: 70%; } } .w0 { width: 0%; } .w1 { width: 1%; } .w2 { width: 2%; } .w3 { width: 3%; } .w4 { width: 4%; } .w5 { width: 5%; } .w6 { width: 6%; } .w7 { width: 7%; } .w8 { width: 8%; } .w9 { width: 9%; } .w10 { width: 10%; } .w11 { width: 11%; } .w12 { width: 12%; } .w13 { width: 13%; } .w14 { width: 14%; } .w15 { width: 15%; } .w16 { width: 16%; } .w17 { width: 17%; } .w18 { width: 18%; } .w19 { width: 19%; } .w20 { width: 20%; } .w21 { width: 21%; } .w22 { width: 22%; } .w23 { width: 23%; } .w24 { width: 24%; } .w25 { width: 25%; } .w26 { width: 26%; } .w27 { width: 27%; } .w28 { width: 28%; } .w29 { width: 29%; } .w30 { width: 30%; } .w31 { width: 31%; } .w32 { width: 32%; } .w33 { width: 33%; } .w34 { width: 34%; } .w35 { width: 35%; } .w36 { width: 36%; } .w37 { width: 37%; } .w38 { width: 38%; } .w39 { width: 39%; } .w40 { width: 40%; } .w41 { width: 41%; } .w42 { width: 42%; } .w43 { width: 43%; } .w44 { width: 44%; } .w45 { width: 45%; } .w46 { width: 46%; } .w47 { width: 47%; } .w48 { width: 48%; } .w49 { width: 49%; } .w50 { width: 50%; } .w51 { width: 51%; } .w52 { width: 52%; } .w53 { width: 53%; } .w54 { width: 54%; } .w55 { width: 55%; } .w56 { width: 56%; } .w57 { width: 57%; } .w58 { width: 58%; } .w59 { width: 59%; } .w60 { width: 60%; } .w61 { width: 61%; } .w62 { width: 62%; } .w63 { width: 63%; } .w64 { width: 64%; } .w65 { width: 65%; } .w66 { width: 66%; } .w67 { width: 67%; } .w68 { width: 68%; } .w69 { width: 69%; } .w70 { width: 70%; } .w71 { width: 71%; } .w72 { width: 72%; } .w73 { width: 73%; } .w74 { width: 74%; } .w75 { width: 75%; } .w76 { width: 76%; } .w77 { width: 77%; } .w78 { width: 78%; } .w79 { width: 79%; } .w80 { width: 80%; } .w81 { width: 81%; } .w82 { width: 82%; } .w83 { width: 83%; } .w84 { width: 84%; } .w85 { width: 85%; } .w86 { width: 86%; } .w87 { width: 87%; } .w88 { width: 88%; } .w89 { width: 89%; } .w90 { width: 90%; } .w91 { width: 91%; } .w92 { width: 92%; } .w93 { width: 93%; } .w94 { width: 94%; } .w95 { width: 95%; } .w96 { width: 96%; } .w97 { width: 97%; } .w98 { width: 98%; } .w99 { width: 99%; } .w100 { width: 100%; } /* swipe css */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; height: 24vh; position: relative; transition-property: transform; margin-top: 1.1vh; width: 20%; display: block; border-radius: 5px; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 95%; width: 70%; height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #bebebe; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: 1.3vw; text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'بعدی' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'قبلی' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; bottom: 0; right: 50%; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 3px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { height: 100%; display: inline-block; border-radius: 50%; opacity: 0.5; padding-left: 5px; padding-right: 5px; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translatey(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: -9px 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translatex(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-progressbar { position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; --ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hide { display: none !important; } @media (min-width: 650px) and (max-width: 1000px) { .carousel_arrow { bottom: -7vh !important; top: unset !important; } .splide__pagination { bottom: -5.5vh !important; } } .bldt { font-weight: bold; } #mainnews3 li { display: inline-block; width: 24%; } #mainnews3 li:before { content: ""; display: list-item; position: absolute; } @media only screen and (min-width:500px) and (max-width: 750px) { #mainnews3 li { width: 50%; } } @media only screen and (max-width: 500px) { #mainnews3 li { width: 100%; } } .news h4, .news p, .news a, .news {text-align:center;} #st-2{font-family:"Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;backface-visibility:hidden;display:block;position:fixed;opacity:1;text-align:left;top:160px;z-index:94034} #st-2.st-left{left:0} #st-2.st-hidden.st-left{left:-48px} #st-2.st-hidden{width:96px} #st-2 > div{clear:left;float:left} #st-2 .st-btn{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;border:none;cursor:pointer;display:inline-block;font-size:NaNpx;height:48px;line-height:24px;margin-bottom:0;opacity:1;overflow:hidden;padding:12px;position:relative;text-align:left;top:0;vertical-align:top;white-space:nowrap;width:48px} #st-2 .st-btn.st-first{border-top:none;border-top-right-radius:4px} #st-2 .st-btn.st-last{border-bottom:none;border-bottom-right-radius:4px} #st-2 .st-btn > svg{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;height:24px;margin-left:0;vertical-align:top;width:24px} #st-2 .st-btn > img{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;height:24px;margin-left:0;vertical-align:top;width:24px} #st-2 .st-btn > span{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;color:#fff;display:inline-block;font-weight:500;left:-35px;letter-spacing:.5px;opacity:0;padding:0 6px;position:relative;vertical-align:top;filter:alpha(opacity=0)} #st-2 .st-btn.st-hide-label > span{display:none!important} #st-2 .st-total{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:#fff;color:#555;display:inline-block;font-weight:500;line-height:18px;margin-right:0;min-height:34px;max-width:80px;opacity:1;padding:4px 0;text-align:center;width:48px} #st-2 .st-total.st-hidden{display:none} #st-2 .st-total > span{display:block;font-size:18px;line-height:21px;padding:0} #st-2 .st-total > span.st-shares{font-size:11px;line-height:11px} #st-2 .st-toggle{left:-48px;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:#ccc;border-bottom-right-radius:4px;color:#fff;cursor:pointer;font-size:24px;line-height:24px;position:relative;text-align:center;width:48px} #st-2.st-hidden .st-toggle{border-top-right-radius:4px} #st-2.st-left .st-toggle .st-left{display:inline-block} #st-2.st-left.st-hidden .st-toggle .st-left{display:none} #st-2.st-left .st-toggle .st-right{display:none} #st-2.st-left.st-hidden .st-toggle .st-right{display:inline-block} #st-2:hover .st-toggle{left:0} #st-2.st-hidden:hover .st-toggle{left:48px} #st-2.st-toggleable:hover .st-btn.st-last{border-bottom-right-radius:0} #st-2.st-toggleable:hover .st-btn.st-last:hover{border-bottom-right-radius:4px} #st-2 .st-btn:hover{border-bottom-right-radius:4px;border-top-right-radius:4px} #st-2.st-has-labels .st-btn:hover{width:60px} #st-2:not(.st-has-labels) .st-btn:hover{width:60px} #st-2 .st-btn.st-hide-label:hover{width:62px} #st-2 .st-btn:hover > svg{margin-left:5px} #st-2 .st-btn:hover > img{margin-left:5px} #st-2 .st-btn:hover > span{opacity:1;display:inline-block;left:0;filter:alpha(opacity=100)} @media (max-width: 1024px) { #st-2 .st-btn:hover > svg{margin-left:0} #st-2 .st-btn:hover > span{display:none} #st-2{bottom:0;display:flex;left:0;right:0;top:auto;width:100%} #st-2.st-hidden{bottom:-48px;width:100%} #st-2.st-hidden.st-left{left:0} #st-2.st-hidden.st-right{right:0} #st-2 > div{-moz-flex:1;-ms-flex:1;-webkit-flex:1;clear:none;flex:1;float:none} #st-2 .st-total{background:#fff;padding:6px 8px} #st-2 .st-btn{-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important;text-align:center;width:auto} #st-2 .st-btn > span{display:none} #st-2 .st-toggle{display:none} body{padding-bottom:48px} } #st-2 .st-btn[data-network='gmail'] { background-color: #D44638; } #st-2 .st-btn[data-network='skype'] { background-color: #00aff0; } #st-2 .st-btn[data-network='copy'] { background-color: #14682B; } #st-2 .st-btn[data-network='telegram']{background-color:#08c} #st-2 .st-btn[data-network='telegram'] > span{color:#fff} #st-2 .st-btn[data-network='whatsapp']{background-color:#25d366} #st-2 .st-btn[data-network='whatsapp'] > span{color:#fff} #st-2 .st-btn[data-network='linkedin']{background-color:#0077b5} #st-2 .st-btn[data-network='linkedin'] > span{color:#fff} #st-2 .st-btn[data-network='twitter']{background-color:#55acee} #st-2 .st-btn[data-network='twitter'] > span{color:#fff} #st-2 .st-btn[data-network='email']{background-color:#7d7d7d} #st-2 .st-btn[data-network='email'] > span{color:#fff} #st-2 .st-btn[data-network='sharethis']{background-color:#95D03A} #st-2 .st-btn[data-network='sharethis'] > span{color:#fff} #st-2 .st-btn[data-network='snapchat'] > span{color:#333} body.st-body-no-scroll{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}