.namesite {
    display: none;
}
header.fix-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.5;
}
.bt-front.reg {
    background: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    border-color: #ccc; /* از رنگ نارنجی پالت اصلی برای حاشیه */
    border-radius: 10px;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0px 0px 10px 2px #ccc; /* سایه با رنگ نارنجی برای جلب توجه بیشتر */
    font-size: 22px!important;
    position: relative;
    animation: colorChange 2s infinite;
}

@keyframes colorChange {
    0%, 100% {
        background: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    }
    50% {
        background: linear-gradient(to top, #5ed6d9 0%, #512f8c 100%);
    }
}
h3.field-content {
    display: block;
    position: relative;
    z-index: 9;
    font-size: 17px;
    text-align: center;
    color: #6d6837;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 0 -5px 0;
    padding: 0 5px;
}
h4.field-content {
    display: block;
    position: relative;
    z-index: 9;
    font-size: 16px;
    text-align: center;
    color: #515151;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}
.img-Speech img {
    border: 3px solid #ffffff;
    border-radius: 10px;
}
header {
    top: -150px;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}
.fix-header #header {
    padding: 5px 0;
}
.swiper-container {
    position: relative;
    height: 300px;
    padding-top: 0px;
    margin-bottom: 40px;
}
.swiper-slide {
    height: 300px;
    display: block;
    background: #eee;
    align-items: center;
    justify-content: center;
    transition: all 200ms linear;
    transform: scale(0.8);
}
.swiper-slide.swiper-slide-active {
    transform: scale(1);
    background: #30cfd0;
}
.swiper-slide.swiper-slide-active {
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-weight: bolder;
    font-size: 14px;
}
.swiper-button-next, .swiper-button-prev {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #ffffff;
    color: #000000;
    top: 55%;
}
.swiper-pagination-bullet-active{
  background: #e9e9e9;
}
.import_event {
	width: 100%;
    padding: 26px 15px 14px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0px;
    background: url(../images/posh03.jpg);
    background-size: cover;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.import_event div.content-heading h2 {
    color: #727272;
}
.quote-box {
    width: 500px;
    background: #ffffff;
    padding: 10px 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 0.25rem;
    transition: all 0.3s linear;
}
.quote-box .image-quota img {
  position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid #ccc;
    border-radius: 10px;
}
.quote-box .views-field.views-field-title{
  position: relative;
  width: 100%;
  height: 85px;
}
.quote-box .views-field.views-field-title span{
  color: #000;
  margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    right: 0;
}
.swiper-slide.swiper-slide-active .views-field.views-field-title span{
  color: #ffffff;
}
.quote-box .image-quota {
  position: relative;
    width: 100%;
    height: 160px;
}
.views-field.views-field-field-addr-node {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 140px;
    margin: 0 auto;
}
.btn-grad {
   background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC  51%, #02AAB0  100%);
   margin: 10px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;
   border-radius: 5px;
   display: block;
   border: 2px solid #ffffff;
 }
 .swiper-slide-active .btn-grad {
    background: #ffffff;
    color: #000000;
}
.swiper-slide-active .btn-grad a {
    color: #000000;
}
.btn-grad a{
  display: block;
  color: #ffffff;

}
 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }

.fix-header .namesite {
    display: block;
    background: url(../images/fix-logo.png) no-repeat;
    background-position: right center;
    text-indent: 48px;
    padding: 3px 0 0 0;
    font-weight: bold;
    text-shadow: 0px -2px 5px #000;
    font-size: 22px;
}
.fix-header .header-social {
    display: none;
}
.fix-header .quick-link {
    padding: 0!important;
}
.fix-mainmenu #block-iucstyle-main-menu a, .navbar-nav a {
    color: #fff;
}
.fix-mainmenu .container {
    padding: 0px 0 3px 0!important;
}
div#mainmenu.fix-mainmenu {
    position: fixed;
    width: 100%;
    top: 84px;
    box-shadow: 0 0 10px #555;
    padding: 0;
    background: linear-gradient(#055d8f, #0b90dc, #055d8f);
    z-index: 30;
    transition: all 0.5;
    border-top: 1px dashed #075582;
}
.fix-mainmenu .menu--main a::before{
    background: none;
}
.fix-mainmenu .menu--main a::after {
    background: #ffd400;
}
.fix-mainmenu .menu--main a:hover, .fix-mainmenu .menu--main a:focus, .fix-mainmenu #block-iucstyle-main-menu > ul > li.active.active-trail > a  {
    color: #ffd94f!important;
}
.fix-mainmenu li.active.active-trail {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


#mainmenu{
    background-image: linear-gradient(#efecec, white);
    /*padding: 15px 0px;*/
    top: -150px;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}
#mainmenua {
	padding: 15px 0px;
}
nav.navbar.navbar-expand-lg.navbar-light.quick-link {
    padding: 40px 0 0;
}
ul.navbar-nav {
    padding: 0 5px;
    margin: 0;
}
#block-quickmenu > ul > li a {
    font-size: 16px;
}
#block-quickmenu > ul > li:hover a, li.active.first a{
    font-weight: bold;
    text-shadow: 0px -2px 1px #000;
}
#block-quickmenu > ul > li:before{
    content: '';
    border: 2px solid #fff;
    display: inline-block;
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.35rem;
    width: 0.35rem;
    margin-right: 0.4rem;
    padding: 1px;
    position: relative;
    top: 10px;
    right: 0;
}
#block-quickmenu > ul > li{
  display: flex;
}
#block-quickmenu > ul > li:hover::before, #block-quickmenu > ul > li.active.first:before{
    content: '';
    border: 2px solid #fff;
    background: white;
    width: 6px;
    box-shadow: 0px -2px 1px #000;
}
div#topic-place {
    box-shadow: 0px -5px 0px 0px #002f4240;
    -webkit-box-shadow: 0px -5px 0px 0px #002f4240;
    -moz-box-shadow: 0px -5px 0px 0px #002f4240;
}
.bg-top{
    border-bottom: 1px solid #d8d8d8;
    padding: 0;
    background: #002f42;
    height: 37px;
}
nav.navbar.navbar-expand-lg.navbar-light {
    padding: 0;
    height: 37px;
}
div#header {
    width: 100%;
    background: #055d8f;
    padding: 10px 0px;
}
div#header a, div#header a:hover {
    color: #fff;
}
.fa::before, .far::before, .fas::before {
    font-size: 14px
}
.topm ul > li > a{
color: #000000!important;
font-size: 17px;
}
div.bg-top nav.navbar.navbar-expand-lg.navbar-light.col-md-11{
    display: table-column;
}
#block-topmenu > ul.menu--top-menu{
    float: left;
    padding: 3px 0;
    margin-left: 1.3em;
}
#block-topmenu > ul.menu--top-menu a{
    padding: 3px 8px;
    text-shadow: unset;
}
.menu--top-menu ul.dropdown-menu {
    margin: 0px 0px 0 0;
    min-width: 100%;
    border: 0;
    text-align: right;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px 5px;
    background: #e4e4e4;
}
a, a:hover{
   text-decoration: none!important;
}
#block-topmenu > .menu--top-menu {
    padding: 0;
    direction: rtl;
}
#block-topmenu > ul > li.last {
    background: #e4e4e4;
    border-radius: 10px;
    background: #e4e4e4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: unset;
    width: fit-content;
}
#block-topmenu > ul > li.last:hover{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
#block-topmenu > ul > li.last a {
    color: #000!important;
    display: block;
}
#block-iucstyle-main-menu a {
	padding-right: .6rem;
    padding-left: .6rem;
    font-size: 21px;
    color: #055d8f;
}
.navbar-nav a{
	padding-right: .2rem;
    padding-left: .4rem;
    font-size: 21px;
    color: #055d8f;
}
.expanded.dropdown li:hover {
    background: #658789;
    transition: 0.4s all;
}
#block-languageswitchercontent > ul{
	height: 37px;
	position: absolute;
    z-index: 9;
    display: inline-flex;
	top: 0;
}
#block-languageswitchercontent > ul > li {
    position: relative;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #6c8380;
    margin: auto;
    display: table;
    vertical-align: middle;
    border-spacing: 0;
    border-collapse: collapse;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 4px;
    width: 25px;
    height: 25px;
}
#block-languageswitchercontent > ul > li:hover {
    width: 30px;
    height: 30px;
    z-index: 999999;
    background: #ffffff;
}
#block-languageswitchercontent > ul > li.is-active {
    background: #ffffff;
    z-index: 99;
}
#block-languageswitchercontent > ul > li.is-active a {
    color: #000000!important;
}

#block-languageswitchercontent > ul > li > a{
	color: White;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0px 1px;
    font-size: 14px;
    font-weight: normal;
    font-family: sans-serif;
}
#block-languageswitchercontent > ul > li:hover a {
    font-size: 15px;
    color: #000000!important;
    padding: 0;
}
.langmenu{
  display: block!important;
}

li.expanded.dropdown:hover ul.dropdown-menu{
    display: block;
    width: max-content;
}
.menu--main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}

body{
	background: #fff;
	font-size: 21px!important;
    text-align: right;
}
@media screen and (min-width: 992px){
.menu--main {
    -ms-flex-direction: row;
    flex-direction: row;
}
}

#topic-place h2 {
    font-size: 1.3rem;
    color: #fff;
}
.news-label {
    display: inline-block;
}

.date-news-section {
    background: #f75d22;
    padding: 4px 10px 0px;
    float: right;
    width: 155px;
}
.ripple {
  position: relative;
  overflow: hidden;
}

.ripple:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, .5);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}
@-webkit-keyframes drawBorderFromCenter {
    0% {
      background-size: 0 2px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 2px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 2px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 2px, 100% 98%, 0 2px;
    }
}
.ripple::after {
    animation: ripple 2s ease-out infinite;
}
.ripple:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, .5);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
    z-index: 0;
}
.title-place {
    border: 1px solid #CCC;
}
.news-initialized{
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 37px;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.ticker {
    display: inline-block;
    padding: 2px 0;
    padding-right: 100%;
    white-space: nowrap;
    box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 55s;
    animation-duration: 55s;
    color: #000;
}
.ticker-wrap .ticker__item {
    display: inline-block;
    padding: 0 2rem;
    border-left: 1px solid #929191;
}
.ticker a{
    color: #055d8f;
}
/* Effect 21: borders slight translate */
.menu--main li {
	border-left: 2px solid #002f4221;
}
.menu--main li.last {
	border-left: 0px;
}
.menu--main a {
	padding: 7px;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
}

.menu--main a::before,
.menu--main a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #002f42;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
li.active.active-trail {
    box-shadow: 1px 0px 2px 2px #c5c5c5;
    -webkit-box-shadow: 1px 0px 2px 2px #c5c5c5;
    -moz-box-shadow: 1px 0px 2px 2px #c5c5c5;
}
.menu--main li.active.active-trail a::before,
.menu--main li.active.active-trail a::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
#block-iucstyle-main-menu > ul > li.active.active-trail > a{
    color: #002f42!important;
    font-weight: 700;
}
.menu--main a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.menu--main a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.menu--main a:hover,
.menu--main a:focus {
	color: #002f42!important;
	font-weight: 700;
}

.menu--main a:hover::before,
.menu--main a:focus::before,
.menu--main a:hover::after,
.menu--main a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
div.content-heading h2 {
    color: #055d8f;
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    margin-top: 0px;
    padding-bottom: 10px;
    text-align: center;
}
div.content-heading {
	width: 100%;
    border-bottom: 1px solid #ababab;
    margin: 1.5em auto;
    padding: 0px 3em;
}
.import_event div.content-heading{
  margin: 1.5em auto 1.2em;
  padding: 0px 3em;
}
.container p {
    line-height: 26px;
    color: #333;
    font-size: 20px;
    margin: 0 0 10px;
    text-align: justify;
}
.welcome-content-heading {
    width: 100%;
    padding: 25px 15px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    background: url(../images/world-map.png) no-repeat, linear-gradient(to right, #116da0 , #eaa356);
    background-position: left center;
    background-size: contain;
}
.countdown li{
    display: inline-block;
    list-style-type: none;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 0 15px;
}
@import url('http://font.limil.org/titr.min.css');
.countdown li span{
    font-size: 2.0em;
    font-family: "B Titr";
    padding: 0 3px;
}
ul.countdown{
	padding: 0;
}
.countdown ul {
    margin-right: 0;
    padding-right: 0;
}
#block-socialmenu > h4 {
    float: right;
    font-size: 20px;
    color: #fff;
    padding-left: 5px;
}
nav.navbar.navbar-expand-lg.navbar-light.header-social{
	margin-top: 10px;
}
.import-info-date, .images-logo {
    text-align: center;
}
.import-date-conf {
    height: 320px;
}



.intro {
  opacity: 1!important;
    visibility: visible!important;
    z-index: -1;
}

#div1{
    width: 80px;
    height: 80px;
    display: none;
    background-color: green;}
.Timeline {
    display: flex;
    align-items: center;
    padding: 65px 5px;direction: ltr;
}
svg {
    z-index: 1;
    position: relative;
    vertical-align: text-bottom;
}
circle, .now{cursor: pointer;}
.eventstart, .eventend, .event1, .event2, .event3, .event4, .event5, .event6, .event7, .event8, .event9 {
    position: relative;
}
.eventstartBubble, .event1Bubble,.event2Bubble, .event3Bubble, .event4Bubble,.event5Bubble, .event6Bubble, .event7Bubble,.event8Bubble, .event9Bubble, .eventendBubble, .eventendBubble {
    position: absolute;
    background-color: rgba(158, 158, 158, 0.1);
    width: 180px;
    height: 60px;
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(158, 158, 158, 0.64);
    padding: 0 10px;visibility: hidden;z-index: 1;
}
.eventstartBubble, .event4Bubble, .event8Bubble{
visibility: visible;
    width: 185px;
    height: 65px;
}
.eventstartBubble, .event2Bubble, .event4Bubble, .event6Bubble, .event8Bubble{
    right: -78px;
    top: 50px;
}
.event1Bubble, .event3Bubble, .event5Bubble, .event7Bubble, .event9Bubble, .eventendBubble{
    top: -70px;
    left: -70px;
}
.eventendBubble{
    top: -88px;
    left: -70px;
}
.event1Bubble:after, .event1Bubble:before, .event2Bubble:after, .event2Bubble:before, .event3Bubble:after, .event3Bubble:before, .event4Bubble:after, .event4Bubble:before, .event5Bubble:after, .event5Bubble:before, .event6Bubble:after, .event6Bubble:before, .event7Bubble:after, .event7Bubble:before, .event8Bubble:after, .event8Bubble:before, .event9Bubble:after, .event9Bubble:before, .eventstartBubble:after, .eventstartBubble:before, .eventendBubble:after, .eventendBubble:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}
.event1Bubble:before, .event3Bubble:before, .event5Bubble:before, .event7Bubble:before, .event9Bubble:before, .eventendBubble:before {
    bottom: -10px;
    left: 73px;
    border-top-color: rgba(222, 222, 222, 0.66);
    border-width: 12px;
}
.event1Bubble:after, .event3Bubble:after, .event5Bubble:after, .event7Bubble:after, .event9Bubble:after, .eventendBubble:after {
    bottom: -6px;
    left: 73px;
    border-top-color: #F6F6F6;
    border-width: 12px;
}
.event2Bubble:before, .event4Bubble:before, .event6Bubble:before, .event8Bubble:before, .eventstartBubble:before {
    bottom: 65px;
    right: 80px;
    border-top-color: rgba(222, 222, 222, 0.66);
    border-width: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.event2Bubble:after, .event4Bubble:after, .event6Bubble:after, .event8Bubble:after, .eventstartBubble:after {
    bottom: 61px;
    right: 80px;
    border-top-color: #F6F6F6;
    border-width: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.Timeline span.icon-calender {
    position: absolute;
    right: 5px;
    margin-top: 0;
    padding: 0;
    color: #002f42;
    border-radius: 50px;
}
.eventTime {
    display: flex;
    justify-content: center;
}
.DayDigit {
    font-size: 25px;
    font-family: "Arial Black", Gadget, sans-serif;
    margin-right: 10px;
    color: #4C4A4A;
    margin-top: 5px;
}
.Day {
    font-size: 15px;
    margin-right: 12px;
    font-weight: bold;
    margin-top: 4px;
    color: #4C4A4A;
}
.MonthYear {
    font-weight: 600;
    line-height: 10px;
    color: #9E9E9E;
    font-size: 14px;
}
.eventTitle {
    color: #073f5f;
    font-size: 18px;
    text-transform: uppercase;
    display: flex;
    flex: 1;
    align-items: center;
    margin: 0 auto;
    font-weight: bold;
    justify-content: center;
}
.time {
    font-size: 8px;
    margin-top: -5px;
}
.now {
    background-color: #f87442;
    color: white;
    border-radius: 7px;
    margin: 5px;
    padding: 4px;
    font-size: 19px;
    font-weight: bold;
    border: 2px solid white;
    box-shadow: 0 0 0 2px #004165;
    margin-right: -20px;
    width: 132px;
    flex: none;
    z-index: 9;
    text-align: center;
}


#block-topmenu > ul.navbar-nav, #block-languageswitchercontent > ul.navbar-nav, #block-socialmenu > ul.navbar-nav{
	flex-direction: row;
}

.footer {
    width: 100%;
    margin-top: 4em;
    background: #002f42;
    margin-bottom: -1px;
    position: absolute;
}
.top-footer {
    padding-top: 40px;
    /* padding-bottom: 10px; */
    margin-top: 0px;
    width: 100%;
}
.copyright {
    background: #001219;
    width: 100%;
}
.copyright p {
    text-align: center;
    color: #fff;
    padding: 15px 0px;
    margin: 0px;
    font-size: 17px;
}
.footer-social {
    float: right;
}
.top-footer ul li {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    list-style: none;
}
.footer-social ul li {
    padding: 35px 8px;
    display: inline-block;
}
.footer-social ul li i {
    font-size: 33px;
    color: #fff;
}
.top-footer ul .promation {
    text-align: right;
    padding-right: 4em;
}
#block-iucstyle-page-title h1 {
    color: #353433;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 0px;
    border-bottom: 1px solid #e4e4e4;
}

div#block-iucstyle-local-tasks li a{color: black}


/* list news style */

.views-field.views-field-field-tswyr-khbr {
  max-height: 100px;
      overflow: hidden;
      height: 100px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      float: left;
      width: 130px;
      border: 1px solid #d6cdc2;
      margin: 0 10px;
}
.rowclass-news .views-col:after, .rowclass-news.news-block::after {
    content: "";
    display: block;
    width: 95%;
    height: 1px;
    bottom: 0;
    clear: both;
    position: absolute;
    clear: both;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAEElEQVQYV2NkQAK7d+/+DwAHtAMyHS0C6AAAAABJRU5ErkJggg==);
}
.tile-content.tile-bg.tile-label {
        -webkit-transition: box-shadow .2s cubic-bezier(0.4,0,1,1),background .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0,0,.2,1),border .2s cubic-bezier(0,0,.2,1);
    -o-transition: box-shadow .2s cubic-bezier(0.4,0,1,1),background .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0,0,.2,1),border .2s cubic-bezier(0,0,.2,1);
    -webkit-transition: background .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0,0,.2,1),border .2s cubic-bezier(0,0,.2,1),-webkit-box-shadow .2s cubic-bezier(0.4,0,1,1);
    transition: background .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0,0,.2,1),border .2s cubic-bezier(0,0,.2,1),-webkit-box-shadow .2s cubic-bezier(0.4,0,1,1);
    transition: box-shadow .2s cubic-bezier(0.4,0,1,1),background .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0,0,.2,1),border .2s cubic-bezier(0,0,.2,1);
    transition: box-shadow .2s cubic-bezier(0.4,0,1,1),background .2s cubic-bezier(0.4,0,.2,1),color .2s cubic-bezier(0,0,.2,1),border .2s cubic-bezier(0,0,.2,1),-webkit-box-shadow .2s cubic-bezier(0.4,0,1,1);
}
.tile-content.tile-bg.tile-label {
    border: 1px solid hsla(0, 0%, 93%, 0.76);
    -webkit-box-shadow: 0 0px 3px 1px rgba(0,0,0,.25);
    box-shadow: 0 0px 3px 1px rgba(0,0,0,.25);
}
.tile-content.tile-bg.tile-label:hover {
    -webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,.25);
    box-shadow: 0 8px 8px 0 rgba(0,0,0,.25);
}
.rowclass-news .tile-content.tile-bg.tile-label {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rowclass-news .tile-content.tile-bg.tile-label:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
h2.title {
  font-size: 20px;
      color: #000;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      min-height: 48px;
      text-align: justify;
}
.rowclass-news h2.title a{
  color: #3b3b3b;
  font-weight: bold;
}
.item-news:after{
    content: "";
    position: absolute;
    pointer-events: none;
    top: -8px;
    left: -5px;
    bottom: -13px;
    right: -5px;
    background-image: radial-gradient(hsla(0,0%,100%,.8) 15%,hsla(0,0%,100%,.15) 38%,hsla(0,0%,100%,0) 50%),radial-gradient(hsla(0,0%,100%,.8) 15%,hsla(0,0%,100%,.15) 38%,hsla(0,0%,100%,0) 50%),radial-gradient(hsla(0,0%,100%,.8) 15%,hsla(0,0%,100%,.35) 35%,hsla(0,0%,100%,.15) 40%,hsla(0,0%,100%,0) 50%),radial-gradient(hsla(0,0%,100%,.8) 15%,hsla(0,0%,100%,.35) 35%,hsla(0,0%,100%,.15) 40%,hsla(0,0%,100%,0) 50%);
    background-repeat: no-repeat;
    background-position: left -120px top 6px,right -120px bottom 5px,left 0 top -1px,right 0 bottom -2px;
    background-size: 300px 14px,300px 14px,60px 28px,60px 28px;
    opacity: 0;
    transition: background-position .5s ease-out,opacity .5s ease-out;
    will-change: background-position,opacity;z-index: 99;
}
.item-news:hover:after{
    background-position: left calc(100% + 67px) top 6px,right calc(100% + 67px) bottom 5px,left calc(100% - 50px) top -1px,right calc(100% - 50px) bottom -1px;
    opacity: .9;
}
.item-news{position: relative;}
.read-more {
    padding: 10px 20px;
}
.read-more span{
    padding: .7rem 1rem .7rem .7rem;
    border-radius: 6px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #1cabe2;
    cursor: pointer;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    text-transform: none;
}
.read-more span:hover{
    outline: 0;
    background: #f1f1f1;
    text-decoration: none;
    color: #1cabe2;
}
.paragraph p{
  font-size: 17px;
      color: #6c757d;
}
div.views-field.views-field-field-tswyr-khbr > div.field-content a:before{
  content: "";
      width: 119px;
      height: 55px;
      top: 80px;
      left: 31px;
      border-radius: 5px;
      position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.43) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.43)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.43) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.43) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.43) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.43) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6effffff', endColorstr='#00ffffff',GradientType=0 );
}
span.time-news {
    position: relative;
    display: block;
    text-align: left;
    background: #2e696d;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    letter-spacing: -0.5px;
    border-radius: 24px;
}

/* 05-05-2020 */
/*-----------------------------------*/
.home-intro p {
    margin: 0 -5px 0 0;
    padding: 0 5px 0 0;
    border-right: 2px solid #e5a157;
}
span.title_ver {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: auto 0px;
}
.home-intro div {
    display: flex;
    flex: unset;
    height: auto;
    margin: 0 0 10px 0;
}

/* forms register */

.form-item-mobile-verification-code input, #edit-mobile-mobile input, .form-item-captcha-response input, .form-item-mobile-mobile input, .form-item-list-personal input, #edit-education-other, .form-control, .password-field, #edit-password-pass2.password-confirm, input#edit-participation-t-org-other {
    display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    text-shadow: 0px 0px 1px #00000036;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form .tabledrag-toggle-weight-wrapper ,#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form .js-form-item.form-item.js-form-type-number.form-item-list-personal-add-more-items.js-form-item-list-personal-add-more-items.form-no-label {
    display: none;
}
#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form tr {
    text-align: center;
}
input#edit-actions-wizard-next, input#edit-actions-wizard-prev, input#form-login, input#edit-actions-submit, input#edit-actions-next, input.button.form-submit, .form-login-content #user-form input#edit-submit {
    background: #1a73e8;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: none;
    color: #fff;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 20px;
    min-width: 88px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    z-index: 0;
    padding: 8px 10px;
    float: left;
    width: auto;
}
input#edit-actions-wizard-prev {
    float: right;
    background: rgba(232,232,232,1);
    color: #1a73e8;
}
input#form-login {
    margin: 51px 10px;
    background: #e47d03;
}
.form-group, .webform-flex {
    height: 60px;
    position: relative;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mobile-number-field.form-item.mobile label, .form-group label, .user-login-form .form-item-name.js-form-item-name label, .user-login-form .form-item-pass.js-form-item-pass label, .user-pass .form-item-name.js-form-item-name label, .form-login-content #user-form label{
    position: absolute;
    display: block;
    margin: 0;
    font-weight: 300;
    z-index: 1;
    color: #333;
    font-size: 18px;
    line-height: 18px;
    height: 20px;
    padding: 11px 14px;
    pointer-events: none;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transform: scale(1) translateY(0%) translateX(0px);
    /*top: 0;*/
}
label.error {
    font-size: 14px;
    color: #d80c0c;
}
input.error, select.error {
    border: 1px solid #d80c0c;
}
.form-control:focus, #edit-password-pass2:focus, #edit-password-pass1:focus, input:focus{
    border: 2px solid #1a73e8;
    color: #202124;
    box-shadow: none;outline: #1a73e8;
}
#webform-submission-contact-add-form .focus label, #webform-submission-send-file-lectures-add-form .focus label, #webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form .js-form-item.form-group.focus label, #webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form .focus label ,#webform-submission-frm-thbtnam-sazmanha-dr-knfrans-add-form .js-form-item.form-group.focus label, #webform-submission-frm-thbtnam-sazmanha-dr-knfrans-add-form .focus label ,#webform-submission-register-add-form .js-form-item.form-group.focus label, #webform-submission-register-add-form .focus label, .user-login-form .form-item-name.js-form-item-name label, .user-login-form .form-item-pass.js-form-item-pass label, .user-pass .form-item-name.js-form-item-name label, #webform-submission-arsal-mqalh-add-form .js-form-item.form-group.focus label, #webform-submission-arsal-mqalh-add-form .focus label, .form-login-content #user-form label{
    transform: scale(0.95) translateY(-55%) translateX(-7px);
    padding: 0 5px;
    background: #ffffff00;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.focus label:before, .form-item-telephon label:before, .form-group.focus label:before, .form-item-phone-number.js-form-item-phone-number label:before, #webform-submission-register-add-form .focus label:before, #webform-submission-register-add-form .js-form-item.form-group.form-item-personal-website label:before, .user-login-form .form-item-name.js-form-item-name label:before, .user-login-form .form-item-pass.js-form-item-pass label:before, .user-pass .form-item-name.js-form-item-name label:before, .js-form-type-textarea label:before, .webform-multiple-table label:before, .form-login-content #user-form label:before, .form-item-nationality label:before, .webform-submission-edit-form label:before{
    content: "";
    border-bottom: 4px solid #fff;
    position: absolute;
    width: 100%;
    bottom: 7px;
    z-index: -1;
    right: 0px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
label, .captcha__title {
    font-size: 18px;
}
form .description p,form .description {
    font-size: 12px!important;
    font-family: tahoma;
}
.captcha__element .form-item-captcha-response{
  display: flex;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
span.field-prefix {
    margin: 0 20px 0 0;
    font-size: 25px;
}
.form-group.focus label.error:before{
    bottom: 9px!important;
}
 .form-group label, .form-group.focus label, .focus label {
    transform: scale(0.95) translateY(-55%) translateX(-7px);
    padding: 0 5px;
    background: #ffffff00;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
 .js-form-type-checkbox.form-item-send-for-ohter label, .form-item-captcha-response label, div#edit-list-personal label, #edit-participation-t-org label, .form-group.not-focus label, .not-focus label, .js-form-type-checkbox.form-item-i-agree-to-the-terms-of-service.js-form-item-i-agree-to-the-terms-of-service label, #edit-participation-t label, .form-item-participation-t.js-form-item-participation-t label, .password-parent label, .confirm-parent label{
    transform: unset;
    padding: 11px 14px;
    margin: auto 1px;
    background: unset;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.js-webform-checkboxes-other-input.webform-checkboxes-other-input.js-form-item.form-item.js-form-type-textfield.form-item-participation-t-org-other.js-form-item-participation-t-org-other.form-no-label {
    width: 45%!important;
    position: absolute;
    left: 0px;
    top: 40px;
}
.not-focus label.error, label#edit-password-pass1-error, label#edit-password-pass2-error {
    padding: inherit;
}
.js-form-type-checkbox.form-item-send-for-ohter.js-form-item-send-for-ohter label, .js-form-type-checkbox.form-item-i-agree-to-the-terms-of-service.js-form-item-i-agree-to-the-terms-of-service label {
    padding: 0;
}
#webform-submission-register-add-form .form-group {
    margin-bottom: 0;
}
#edit-participation-type label{
    padding: 0;
}
label#i_agree_to_the_terms_of_service-error {
    position: absolute;
    border: 0;
    margin-top: 25px;
}
.form-text {
    margin-top: 0;
}
#edit-education > label{position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;}
#edit-education > div.js-form-item.form-item.js-form-type-select.form-item-education-select.js-form-item-education-select.form-no-label > label{
    position: absolute !important;
    overflow: unset;
    clip: auto;
    width: auto;
    height: auto;
    word-wrap: unset;
}
body{
    min-height: 99.9vh;
    position: relative;
}
.path-webform div#block-iucstyle-page-title, .path-checkout  div#block-iucstyle-page-title {
    text-align: center;
}
#edit-lectures-information, #edit-confirmation, #edit-list-g, #edit-moaref-de, #edit-personal-details, #edit-contact-details, #edit-phone-number-validation, #edit-participation-type, .layout-checkout-form, #edit-wellcom, #edit-details-article, #edit-send-file, #edit-details-editions, #edit-send-file-video{
    margin: 10px 10px 5px 10px;
    border: 1px solid silver;
    background-color: #e9ecef;
    padding: 30px 33px;
    border-radius: 4px;
}
[dir="rtl"] #webform-submission-send-file-lectures-add-form .progress-step.is-complete::after {
    right: 52px;
}
form#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form a.tabledrag-handle .handle {
    padding: 25px 12px 6px 10px;
    top: 7px;
    position: relative;
}
form#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form div#list_personal_table {
    position: relative;
    display: table;
}
form#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form .webform-multiple-table td.webform-multiple-table--handle {
    margin: 0;
    padding: 0 20px 0px 0px;
}
div#edit-participation-t-org-checkboxes, #edit-participation-t{
	margin: -20px 0 10px 0;
}
div#edit-participation-t-org{position: relative;}
#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form tr th span {
    font-weight: normal;
    font-size: 16px;
}
label.js-form-required.form-required:after {
    content: "\2605";
    color: red;
    font-size: 9px;
    position: absolute;
}
.form-item-participation-t label.js-form-required.form-required:after {
    margin-top: 7px;
    position: absolute;
}
.form-item-i-agree-to-the-terms-of-service label.js-form-required.form-required:after{
    right: unset;
    margin-top: 7px;
    position: absolute;
}
.webform-progress-tracker.progress-tracker {
    width: 100%;
    margin: 20px auto;
}
/*.progress-step.is-active .progress-marker {
    background-color: #f59031;
    font-size: 25px;
}*/
.webform-progress-tracker .progress-step::after {
    background-color: #bbbbbb;
}
/*.webform-progress-tracker .progress-step:not(.is-active) .progress-marker, .webform-progress-tracker .progress-step:hover .progress-marker {
    background-color: #bbbbbb;
    font-size: 25px;
}
.webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: #ffd94f;
}*/
.js-form-item.form-item.js-form-type-checkboxes.form-item-participation-t.js-form-item-participation-t, div#edit-participation-t-org {
    margin-top: -20px;
    margin-bottom: -25px;
}
#block-views-block-hamyan-w-msharktknndgan-block-1 .px-2.cal-2, .views-view-grid.horizontal .px-2.cal-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
#edit-participation-t label, #edit-participation-t-org-checkboxes label, .form-item-participation-t.js-form-item-participation-t label {
    padding: 10px 0px 10px 20px;
    margin: 0 0px;
}
#ui-id-2{font-family: 'iucfont';}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal {
    font-family: 'iucfont';
    font-style: normal;
    font-weight: 400;
}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background: #023c5d;
    color: aliceblue;
}
.ui-dialog .ui-dialog-titlebar-close {left: .3em;right: unset;}
.ui-dialog .ui-dialog-titlebar {padding: 0em 0em;}
.ui-dialog .ui-dialog-title {width: 100%;padding: 0 10px;
}
.user-login-form .form-item-name.js-form-item-name, .user-login-form .form-item-pass.js-form-item-pass, .form-login-content #user-form div.js-form-item{
    height: 60px;
    position: relative;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
 .user-login-form input#edit-name, .user-login-form input#edit-pass, .user-login-form input#edit-name--2, .form-login-content #user-form input, .form-login-content #user-form select{
    display: block;
    width: 100%;
    height: calc(1.3em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    text-shadow: 0px 0px 1px #00000036;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
 .bs-calltoaction-info {
    position: relative;
    width: auto;
    padding: 20px 15px;
    border: 1px solid #edeeef;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
}
.cta-title {
    margin: 0 auto 5px;
    padding: 0;
    font-size: 21px !important;
    color: #055d8f !important;
    font-weight: bold;
}
.delga-box {
    margin: -10px auto 10px;
    background-color: #055d8f;
    border-radius: 3px;
    text-align: center;
    width: 60px;
}
.exhib-box {
    margin: -10px auto 10px;
    background-color: #055d8f;
    border-radius: 3px;
    text-align: center;
    width: 60px;
}
.acade-box {
    margin: -10px auto 10px;
    background-color: #055d8f;
    border-radius: 3px;
    text-align: center;
    width: 60px;
}
.delga-box, .exhib-box, .acade-box {
    color: #fff;
    letter-spacing: 2px;
    font-size: 18px;
}
.col-md-4.cta-contents {
    padding: 0 5px;
}
#block-userlogin > ul > li:nth-child(1), #block-userlogin-2 > ul > li:nth-child(1){display: none;}
.path-live footer{bottom:unset!important;}
.footer {bottom: 0;}
#page-con{padding-bottom: 4em;}
.user-pass input#edit-submit {
    margin: 0 auto;
    float: right;
}
/*.massage {
    position: absolute;
    top: 40px;
    color: crimson;
    font-size: 14px;
    text-indent: 14px;
}
.path-webform #page-con .massage {
    position: relative;
    left: unset;
    top: unset;
    width: 102%;
    direction: rtl;
}
*/
[class^="tooltip"] {
  position: relative;cursor: pointer;
}
[class^="tooltip"]:after {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: attr(data-tooltip);
  padding: 6px 10px;
  top: -2.6em;
  left: 56%;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  background: grey;
  color: white;
  white-space: nowrap;
  z-index: 2;
  border-radius: 2px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 5px;
}

[class^="tooltip"]:hover:after {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

.event8 [class^="tooltip"]:after, .event4 [class^="tooltip"]:after, .eventstart [class^="tooltip"]:after {
    top: 4.4em;
}
[class^="tooltip"].now:after{
    width: 220px;
    white-space: break-spaces;
    top: -4.6em;
}
.webform-progress-tracker .progress-step.is-complete span.progress-marker {
    background: #126868;
}
/*[dir="rtl"] .progress-step.is-complete::after {
    position: absolute;
    z-index: -10;
    top: 12px;
    right: 42px;
    bottom: 12px;
    display: block;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background: #126868;
    z-index: 1;
}*/
.webform-progress-tracker .progress-step.is-complete .progress-title{color: #126868}
.webform-progress-tracker .progress-step .progress-text {padding-top: 0px;}
#bt-menu li.bt-front {
    line-height: 20px;
    min-height: 100px;
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    border-radius: 5px;
    font-size: 18px;
}
#bt-menu li.bt-front a {
    text-align: center;
    padding: 5px 15px;
}
#bt-menu > li.bt-front:nth-child(1) {
    background: #055d8f;
}
#bt-menu > li.bt-front:nth-child(2) {
    background: #f78422;
}
#bt-menu a{color: #ffffff}
ul#bt-menu {margin-top: 40px;}

.highlight-image {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    /* max-width: 1000px; */
    list-style: none;
    text-align: center;
}
.highlight-image figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 1%;
    max-height: 360px;
    width: 100%;
    background: #063b58;
    text-align: center;
    cursor: pointer;
}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla img, figure.effect-layla h2 {
    -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0);
}
figure.effect-layla img {
    height: 280px;
}
.highlight-image figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}
figure.effect-layla figcaption {
    padding: 2em;
}
.highlight-image figure figcaption, .highlight-image figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.highlight-image figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla figcaption::before {
    top: 35px;
    right: 10px;
    bottom: 35px;
    left: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}
.highlight-image figure figcaption::before, .highlight-image figure figcaption::after {
    pointer-events: none;
}
figure.effect-layla img, figure.effect-layla h2 {
    -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0);
}

figure.effect-layla h2 {
    padding-top: 12%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.highlight-image figure h2, .highlight-image figure p {
    margin: 0;
}
.highlight-image figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
    font-size: 25px;
}
.highlight-image figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.highlight-image figure figcaption, .highlight-image figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.highlight-image .col-md-3 {
    float: right;
}
.turism-conf.col-md-12 {display: table-cell;}
#block-grdshgrytqryby > div.content-heading > h2{display: none;}
figure.effect-layla img {
    opacity: 0.5;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.effect-layla:hover img {
    opacity: 1;
}
#meet .highlight-image figure:hover h2 {
    opacity: 1;
}
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {
    opacity: 0.79;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #063b58;
}
figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-layla:hover h2, figure.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.webform-flexbox {margin: 0em -0.5em;}
.progress-text {padding: 14px 0;}
.js-form-item.form-item.js-form-type-password.form-item-password-pass2.js-form-item-password-pass2.confirm-parent {margin-right: 5px;}
.password-confirm-message {visibility: hidden;font-size: 14px;color: #002f42;}
.password-confirm-message span.ok {
    color: #1e9628;
    font-weight: bold;
}
.password-confirm-message span.error {
    color: red;
    font-weight: bold;
}
/*#page-con .massage {
    position: absolute;
    left: 60px;
    z-index: 9999;
}*/
/*body:not(.path-webform) #block-iucstyle-content li:before, #headingOne button:before, #headingTwo button:before, #headingThree button:before {
    content: url(../images/bullet.png);
    position: relative;
    top: 5px;
    margin: 0 0 0 5px;}

#headingOne button:before, #headingTwo button:before, #headingThree button:before {content: url(../images/bullet-blu.png);}*/
#block-iucstyle-content li{display: block;}

figure.effect-layla img {height: -webkit-fill-available;width: fit-content;}
figure.effect-layla h2 {padding-top: 0;}
.highlight-image figure {max-height: 150px;outline: -webkit-focus-ring-color auto 1px;}
.highlight-image figure h2 {
    font-size: 19px;
    opacity: 0;
    z-index: 2;
    position: relative;
    transition: opacity 0.35s, transform 0.35s;
    display: table-cell;
    width: 243px;
    height: 104px;
    padding: 0 20px;
    vertical-align: middle;
}
#visits .highlight-image figure h2 {
    height: 124px;
}
.highlight-image figure figcaption {padding: 0;}
.highlight-image {
    max-width: 1200px;
    margin: 10px auto;
    padding: 0 20px;
    width: 100%;
    display: grid;
    grid-auto-rows: 104px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 0.5em;
}
#visits .highlight-image {
    grid-auto-rows: 124px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

div#edit-mobile, #edit-phone-number-validation .mobile-number-field {
    direction: ltr;
    margin: 0 auto;
    width: 380px;
}
.js-form-item.form-item.js-form-type-textfield.form-item-mobile-verification-code.js-form-item-mobile-verification-code{width: 285px;}
#edit-mobile > label, #edit-phone-number-validation .mobile-number-field > label {
    direction: rtl;
    position: relative;
    z-index: 9;
    padding: 0;
    font-size: 14px;
}
#edit-mobile .js-form-item.form-item.js-form-type-textfield.form-item-mobile-mobile.js-form-item-mobile-mobile.form-no-label, #edit-phone-number-validation .mobile-number-field .js-form-item.form-item.js-form-type-textfield.form-item-mobile-mobile.js-form-item-mobile-mobile.form-no-label{
    width: 200px;
}
.form-item.verified.show {
    position: absolute;
}
#edit-phone-number-validation .captcha {
    width: 280px;
    margin: 0 auto;
    margin-top: 15px;
}
.captcha .form-item-captcha-response label {
    padding: 0;
    font-size: 14px;
}
.captcha img {
    width: 140px;
    height: 50px;
}
.captcha .reload-captcha-wrapper {
    font-size: 12px;
}
#edit-captcha-response{width: 140px;}
.ui-widget-overlay {
    background: #000000/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
    opacity: .8/*{opacityOverlay}*/;
    filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
span#progress-marker {
    background-color: #f59031;
    position: relative;
    display: block;
    margin: 5px 0px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 20;
    width: 28px;
    height: 28px;
    padding-bottom: 2px;
    color: #fff;
    font-weight: 400;
    border: 2px solid transparent;
    border-radius: 50%;
    -webkit-transition: background-color, border-color;
    transition: background-color, border-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.iti__country-list {
    position: absolute;
    left: 0;
    width: 187px;
    overflow: hidden;
    direction: ltr;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.node-preview-container {
    background: azure;
    box-shadow: 0 0 20px 0px #000;
}
.user-logged-in table{
    background-color: #f8f9fa;
    color: #222;
    margin: 1em 0;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
.user-logged-in thead {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #ddd;
    color: white;
}
body:not(.path-webform) #block-iucstyle-content .dropbutton li:before{
    content: "";
    margin: auto;
    top: 0;
    position: relative;
}
#edit-participation-t div.js-form-item input, #edit-participation-t div.js-form-item label, #edit-participation-t-org-checkboxes div.js-form-item input, #edit-participation-t-org-checkboxes div.js-form-item label{cursor: pointer;width: auto;}
/*[id^="edit-mobile-send-verification--"] {
  visibility: hidden;
}*/
input#edit-actions-wizard-next:disabled {
    color: -internal-light-dark-color(rgba(16, 16, 16, 0.3), rgb(170, 170, 170))!important;
    background: -internal-light-dark-color(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3))!important;
    border-color: -internal-light-dark-color(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3))!important;
}
.login-form div#block-userlogin {
    background: #e9ecef;
    border: 1px solid rgba(210,213,224,1);
    border-radius: 5px;
    padding: 0 15px 10px 15px;
}
button.btn.btn-link {
    font-size: 19px;
    width: 100%;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: #0c5885;
}
#accordion #collapseOne, #accordion #collapseTwo, #accordion #collapseThree{padding: 10px 10px 0 10px}
.col-md-4.login-form div.content-heading {border-bottom: 1px solid rgb(5, 93, 143);}
#accordion .card-header {background-image: linear-gradient(#e9ecef, white);}
/* style associates page */
.asso-raw {
    max-width: 1200px;
    margin: 1em auto;
    padding: 0 5px;
    width: 100%;
    display: grid;
    grid-auto-rows: 102px;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
    grid-gap: 15px;
}
.asso-raw-front {
    max-width: 1200px;
    margin: 1em auto;
    padding: 0 20px;
    width: 100%;
    display: grid;
    grid-auto-rows: 100px;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    grid-gap: 1em;
}
.asso-raw-front .title-as, .asso-raw .title-as{
    text-align: center;
    font-size: 15px;
    background: #f5deb375;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* end style associates page */

#block-iucstyle-main-menu > ul > li:nth-child(8):before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 54px 0 0;
  box-sizing: border-box;
  border-radius: 45px;
  background-color: #ff0000;
  animation: pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
/* style services page */

span#ZelzeleHomePage-kh {
    margin-top: 10px;
    text-align: center;
    line-height: 0.8;
}

#LgScreens .Row___MiMPM {
    max-width: 1200px;
    margin: 1em auto;
    padding: 0 20px;
    width: 100%;
    display: grid;
    grid-auto-rows: 130px;
    grid-template-columns: repeat(auto-fill, minmax(123px, 1fr));
    grid-gap: 1em;
}
.InsurTypeBtn___1xBRT {
    float: right;
    width: 140px;
    height: 130px;
    padding: 0px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 19px;
    background: white;
    box-shadow: 1px 2px 4px rgba(0,0,0,.3);
    border-radius: 25px;
    z-index: 5;
    position: relative;
}
.InsurTypeBtn___1xBRT:hover {
    border: outset;
    background: #ceedff;
}
.InsurTypeBtn___1xBRT span {
    margin-top: 10px;
    font-weight: bold;
}
.InsurTypeBtn___1xBRT span#desc {
    position: absolute;
    font-size: 13px;
    font-weight: normal;
    margin-top: 52px;
}

/* end style services */
.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  /*16:9*/
  height: 0;
  overflow: hidden;
}
.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img.box_logo {
    object-fit: cover;
    width: 70px;
    height: 60px;
    object-position: -157px 0;
    position: relative;
    margin: 0px auto;
    display: block;
}
#webform-submission-arsal-mqalh-add-form .progress-step, #webform-submission-arsal-mqalh-edit-form .progress-step {
    min-width: 106px;
}
#webform-submission-arsal-mqalh-add-form .webform-multiple-table td select, #webform-submission-arsal-mqalh-edit-form .webform-multiple-table td select{width: auto;}
#edit-mshkhsat-nwysndh{height: auto;}
#webform-submission-arsal-mqalh-add-form #mshkhsat_nwysndh_table td:first-child, #webform-submission-arsal-mqalh-edit-form #mshkhsat_nwysndh_table td:first-child {
    max-width: 1200px;
    margin: 10px auto;
    padding: 0 20px;
    width: 100%;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(301px, 1fr));
    grid-gap: 0.5em;
}
#webform-submission-arsal-mqalh-add-form #mshkhsat_nwysndh_table td:first-child input, #webform-submission-arsal-mqalh-edit-form #mshkhsat_nwysndh_table td:first-child input {
    width: 100%;
}
div#mshkhsat_nwysndh_table, .webform-multiple-table.webform-multiple-table-responsive table, .webform-multiple-table.webform-multiple-table-responsive tbody {
    display: block;
}
table#edit-mshkhsat-nwysndh-items tbody, table#edit-mshkhsat-nwysndh-items{
display: block;
}
#webform-submission-arsal-mqalh-add-form #edit-details-editions, #webform-submission-arsal-mqalh-edit-form #edit-details-editions{
    display: flow-root;
    position: relative;
}
.webform-multiple-table.webform-multiple-table-responsive thead{display: none;}
#webform-submission-frm-thbt-nam-m-rf-w-arsal-lyst-m-add-form .webform-multiple-table.webform-multiple-table-responsive thead{display: table-header-group;
    background-color: #f8f9fa;
    color: black;}
#mshkhsat_nwysndh_table tr[data-drupal-selector^="edit-mshkhsat-nwysndh-items-"]{
	border-bottom: 1px solid;
	padding: 10px 0;
    display: flex;
    position: relative;
}
#mshkhsat_nwysndh_table td.webform-multiple-table--operations-two{
    position: absolute;
    left: 0;
    bottom: 0;
}
#mshkhsat_nwysndh_table > div > label{transform: unset;
    position: relative;
    text-align: center;}




/* Ų¬ŁˆŲ§ŪŒŲ² Łˆ ŲŖŲ¬Ł„ŪŒŁ„ */
.wrap-box{width:100%;height:auto;}
.grid-annoying{display:table-row;width:auto;height:auto;margin:0;text-align: center;}
#block-iucstyle-content li.image-thumbnail{display: inline-block;
    width: auto;
    height: auto;
    background-color: #eee;
    margin: 10px 10px;
    padding: 5px;
    cursor: pointer;
    box-shadow: 3px 2px 5px #444;
    transition: 300ms ease;}
#block-iucstyle-content li.image-thumbnail:before{display: none;}
.image-thumbnail img{display:block;width: 230px;height: 150px;}
.grid-annoying:hover .image-thumbnail:not(:hover){filter:blur(2px) grayscale(1);opacity:0.7;transform:scale(0.9);}

.book {
    display: inline-block;
    box-shadow: 5px 5px 20px #333;
    margin: 10px;
}
.book {
    position: relative;
    outline: 1px solid transparent;
    -moz-perspective: 100px;
    -moz-transform: rotateY(-3deg);
    -webkit-transform: perspective(100) rotateY(3deg);
    box-shadow: none;
    margin: 0;
}
.books {
    -moz-perspective: 100px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
.books {
    margin-top: 40px;
    margin-bottom: 20px;
    display: inline-table;
    position: absolute;
    left: 0;
}
.book:before, .book:after {
    position: absolute;
    top: 2%;
    height: 96%;
    content: ' ';
    z-index: -1;
}
.book:before {
    width: 100%;
    right: 7.5%;
    background-color: #917118;
    box-shadow: 5px 5px 20px #333;
}
.book:after {
    width: 5%;
    right: 100%;
    background-color: #EFEFEF;
    box-shadow: inset 0px 0px 5px #aaa;
    -moz-transform: rotateY(20deg);
    -webkit-transform: perspective(100) rotateY(20deg);
}

.path-webinars .row-cl, #block-views-block-webinarss-block-5 .row-cl, #block-views-block-webinarss-block-6 .row-cl, .path-webinars1 .row-cl {
    max-width: 1200px;
    margin: 1em auto 2em;
    padding: 0px 5px;
    width: 100%;
    display: grid;
    grid-auto-rows: 150px;/*100*/
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    grid-gap: 1.5em;
}
#block-views-block-webinarss-block-6 .row-cl {
  background: linear-gradient(#efecec, white);
  padding: 1em 0;
  margin: 0 auto 2em;
}
.path-webinars .row-cl img, #block-views-block-webinarss-block-5 .row-cl img, #block-views-block-webinarss-block-6 .row-cl img, .path-webinars1 .row-cl img{
    max-width: 100%;
    height: 100px;
    border-radius: 8px 8px 0 0;
    /* filter: saturate(0.5); */
    padding: 2px 2px 0px 2px;
}
.path-webinars .tile-content.tile-bg.tile-label:hover img, #block-views-block-webinarss-block-5 .tile-content.tile-bg.tile-label:hover img, #block-views-block-webinarss-block-6 .tile-content.tile-bg.tile-label:hover img {
    filter: saturate(1.5);
}
.path-webinars .row-cl .tile-content.tile-bg.tile-label, #block-views-block-webinarss-block-5 .row-cl .tile-content.tile-bg.tile-label, #block-views-block-webinarss-block-6 .row-cl .tile-content.tile-bg.tile-label, .path-webinars1 .row-cl .tile-content.tile-bg.tile-label{
    background: white;
    position: relative;
    border-radius: 8px;
}
#block-views-block-webinarss-block-6 .row-cl .tile-content.tile-bg.tile-label{
  padding-top: 0
}
#block-views-block-webinarss-block-6 .tile-content.tile-bg.tile-label:before{
  content: unset
}
.all-video-block .row-list-video .tile-label span, .path-search-lectures .row-list-video .tile-label span, .path-webinars .row-cl .tile-content.tile-bg.tile-label a, #block-views-block-list-videos-block-1 .row-cl .tile-content.tile-bg.tile-label a, #block-views-block-webinarss-block-5 .row-cl .tile-content.tile-bg.tile-label a, #block-views-block-webinarss-block-5 .row-cl .tile-content.tile-bg.tile-label span, #block-views-block-webinarss-block-6 .row-cl .tile-content.tile-bg.tile-label a, #block-views-block-webinarss-block-6 .row-cl .tile-content.tile-bg.tile-label span, .path-webinars1 .row-cl .tile-content.tile-bg.tile-label a{
    color:#09190c;
    /*color: #1F2667;*/
    font-weight: bold;
    font-size: 19px;
    width: 100%;
    display: block;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.all-video-block .row-list-video .tile-label span, .path-search-lectures .row-list-video .tile-label span{
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  background: #F8F1DF;
  /*background: linear-gradient(180deg, rgba(213,200,136,1) 0%, rgba(213,200,136,1) 15%, rgba(255,255,255,1) 80%);*/
}
.all-video-block .row-list-video .tile-label span:nth-child(2){
  padding: 1px 0;
}
.all-video-block .row-list-video, .path-search-lectures .row-list-video{
  grid-gap: 60px 50px;
  margin-bottom: 50px;
}
.path-search-lectures .row-list-video #label-t, .all-video-block .row-list-video #label-t {
    font-size: 17px;
}
.path-webinars .row-cl .views-field.views-field-title, #block-views-block-webinarss-block-5 .row-cl .views-field.views-field-title, #block-views-block-webinarss-block-6 .row-cl .views-field.views-field-title, .path-webinars1 .row-cl .views-field.views-field-title {
    padding: 2px 5px 3px;
    text-align: center;
    background: linear-gradient(#055d8f, #d9a05c, #002f42);
    width: 100%;
    max-height: fit-content;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    /* position: absolute; */
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 46px;
    border-radius: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: 52px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.path-webinars .tile-content.tile-bg.tile-label:hover, #block-views-block-webinarss-block-5 .tile-content.tile-bg.tile-label:hover, #block-views-block-webinarss-block-6 .tile-content.tile-bg.tile-label:hover, .path-webinars1 .tile-content.tile-bg.tile-label:hover {
    -webkit-box-shadow: 0 0px 4px 3px rgba(0,0,0,.25);
    box-shadow: 0 0px 4px 3px rgba(0,0,0,.25);
}
.path-webinars .row-cl .views-field.views-field-field-image, #block-views-block-webinarss-block-5 .row-cl .views-field.views-field-field-image, #block-views-block-webinarss-block-6 .row-cl .views-field.views-field-field-image, .path-webinars1 .row-cl .views-field.views-field-field-image {
    border-radius: 20px;
}










.page-node-type-kmysywn-w-nshstha article > div > div:nth-child(1) > img{
position: relative;
    left: 0;
    padding: 5px;
    display: table-row;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin: 0 10px;
}
.user-login-form{
    margin-top: 35px
}
.user-login-form div.description, .form-login-content div.description {
display:none;
}

.form-login-content{
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dadce0;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 0 auto;
    min-height: 0;
    -webkit-transition: .2s;
    transition: .2s;
    width: 450px;
    padding: 10px 20px 10px;
}
.form-login-content h1{text-align: center;}
#page-con .form-login-content .massage {
    position: unset;
    font-size: unset;
    text-indent: unset;
}
.form-login-content ul.menu.menu--account.nav, .path-webform ul.menu.menu--account.nav{
    max-width: 1200px;
    margin: 1em auto;
    padding: 0px 5px;
    width: 100%;
    display: grid;
    grid-auto-rows: 90px;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 0.5em;
}
.form-login-content ul.menu.menu--account.nav li, .path-webform ul.menu.menu--account.nav li{
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    background: #f5f5f5;
    position: relative;
}
.form-login-content ul.menu.menu--account.nav li:hover, .path-webform ul.menu.menu--account.nav li:hover {
    transform: translateY(-6px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.form-login-content ul.menu.menu--account.nav li:hover:before, .path-webform ul.menu.menu--account.nav li:hover:before {
    opacity: .4;
    transform: translateY(6px);
    animation-name: hover-shadow;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes hover {
	50% {
		transform: translateY(-3px);
	}

	100% {
		transform: translateY(-6px);
	}
}
@keyframes hover-shadow {
	0% {
		transform: translateY(6px);
		opacity: .4;
	}

	50% {
		transform: translateY(3px);
		opacity: 1;
	}


	100% {
		transform: translateY(6px);
		opacity: .4;
	}
}

.form-login-content ul.menu.menu--account.nav li, .path-webform ul.menu.menu--account.nav li{
    display: inline-block;
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.form-login-content ul.menu.menu--account.nav li:before, .path-webform ul.menu.menu--account.nav li:before {
	pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
}
.form-login-content a.dashboard, .path-webform a.dashboard {
    color: #002f42;
    display: block;
    padding: 0 5px;
    white-space: pre;
}
.form-login-content a.dashboard.paper_submit:before, .path-webform a.dashboard.paper_submit:before{
    content: '';
    background-image: url(../images/submit.png);
    display: block;
    width: 30px;
    height: 38px;
    margin: 8px auto;
    background-repeat: no-repeat;
}
.form-login-content a.dashboard.e_profile:before, .path-webform a.dashboard.e_profile:before, .form-login-content li.last a:before{
    content: '';
    background-image: url(../images/e_profile.png);
    display: block;
    width: 30px;
    height: 38px;
    margin: 8px auto;
    background-repeat: no-repeat;
}
.form-login-content a.dashboard.papers:before, .path-webform a.dashboard.papers:before{
    content: '';
    background-image: url(../images/articles.png);
    display: block;
    width: 30px;
    height: 38px;
    margin: 8px auto;
    background-size: 97%;
    background-repeat: no-repeat;
}
.form-login-content a.dashboard.v_send:before, .path-webform a.dashboard.v_send:before{
    content: '';
    background-image: url(../images/video.png);
    display: block;
    width: 30px;
    height: 38px;
    margin: 8px auto;
    background-size: 97%;
    background-repeat: no-repeat;
}
.form-login-content a.dashboard.papers:after, .path-webform a.dashboard.papers:after{
content: '';
    display: block;
    width: 85%;
    background: #f7a427;
    height: 2px;
    margin: auto;
}
.form-login-content a.dashboard.paper_submit:after, .path-webform a.dashboard.paper_submit:after{
content: '';
    display: block;
    width: 85%;
    background: #009a4c;
    height: 2px;
    margin: auto;
}
.form-login-content a.dashboard.e_profile:after, .path-webform a.dashboard.e_profile:after, .form-login-content li.last a:after{
content: '';
    display: block;
    width: 85%;
    background: #0a89d2;
    height: 2px;
    margin: auto;
}
.form-login-content a.dashboard.v_send:after, .path-webform a.dashboard.v_send:after{
content: '';
    display: block;
    width: 85%;
    background: #002f42;
    height: 2px;
    margin: auto;
}
.form-login-content #block-iucstyle-page-title h1, .path-webform h2#block-useraccountmenu-3-menu{
    border-bottom:2px solid #f98f66!important;
}
.webform-results-table a{
	color: #055d8f;
}
.path-user .login-form p{
    font-size: 17px;
}
.path-info-date .Timeline{margin-top: 20px}

[about$='call-paper'] h2 > strong{
box-shadow: 0px 0px 5px -3px #000000;
    color: #ffffff;
    background: #159e85;
    padding: 5px 19px;
    border-radius: 50px;
}
[about$='call-paper'] button.btn.btn-link.collapsed{
	color: #ffffff;
    padding: 0px 0.75rem;
    font-size: 20px;
    background: linear-gradient(#055d8f, #0b90dc, #055d8f);
    text-shadow: unset;
    font-weight: 500;
}
[about$='call-paper'] button.btn.btn-link{
	color: #ffffff;
    padding: 0px 0.75rem;
    font-size: 20px;
    background: linear-gradient(#0d6ca2, #3fa7e2, #49bdff);
    text-shadow: 0px -1px 3px #000;
}
[about$='call-paper'] #accordion .card-header {
    background: #efefef;
    border: unset;
}
[about$='call-paper'] #accordion button:before{
    -webkit-filter: brightness(111%) contrast(159%) grayscale(82%) hue-rotate(159deg) invert(100%) saturate(0%) sepia(100%);
    filter: brightness(111%) contrast(159%) grayscale(82%) hue-rotate(159deg) invert(100%) saturate(0%) sepia(100%);
    content: url(../images/bullet.png);
    position: relative;
    top: 5px;
    margin: 0 0 0 5px;
 }
 [about$='call-paper'] #accordion p {
    padding: 0 40px 0 10px;
 }
[about$='call-paper'] #accordion p span {
  display: block;
}
[about$='call-paper'] #accordion p span:before{
    content: '- ';
    right: 35px;
    position: absolute;
}
 [about$='call-paper'] .card {
    border: unset;
}
 [about$='call-paper'] #accordion{
 	padding: 0!important;
 	box-shadow: 0px 5px 5px 0px #a2a2a2;
 	-webkit-box-shadow: 0px 5px 5px 0px #a2a2a2;
 }
 [about$='call-paper'] #accordion #collapseOne, [about$='call-paper'] #accordion #collapseTwo, [about$='call-paper'] #accordion #collapseThree, [about$='call-paper'] #accordion #collapsefour, [about$='call-paper'] #accordion #collapsefive, [about$='call-paper'] #accordion #collapsesix, [about$='call-paper'] #accordion #collapseseven{
    background-image: linear-gradient(#e6e6e6, rgb(247 247 247), white, white);
 }
 #accordion #collapseOne, #accordion #collapseTwo, #accordion #collapseThree, #accordion #collapsefour, #accordion #collapsefive, #accordion #collapsesix, #accordion #collapseseven {
    padding: 10px 10px 0 10px;
}

.breadcrumb {
    padding: 0 15px 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.margin-bottom-6 {
    margin-bottom: 20px !important;
}
.nobg {
    /*background: transparent;*/
}
.breadcrumb>li {
    display: inline-block;
    font-size: 18px
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
/*
#block-iucstyle-branding:before {
content: '';
position: absolute;
top: 0;
left: -100px;
width: 70px;
height: 100%;
background: rgba(255,255,255, 0.3);
transform: skewX(-30deg);
animation-name: slide;
animation-duration: 7s;
animation-timing-function: ease-in-out;
animation-delay: .3s;
animation-iteration-count: infinite;
animation-direction: alternate;
background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
@keyframes slide {
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}*/
div#info-user {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 2px 15px;
}
div#info-user div{
    min-width: 140px;
    position: relative;
    direction: ltr;
}
#info-user > div:nth-child(1) {
    font-weight: 700;
    font-size: 19px;
    color: #4a626d;
}
#edit-bargzary-fayl-mqalh--description > p > strong{color:brown}
.simple-status-messages {
    position: fixed;
    top: 30%;
    left: 10px;
    right: auto;
    margin: auto;
    z-index: 9999;
    width: 30%;
    transition: all 0.25s ease;
}
.simple-status-messages .status-messages {
    border-width: 1px 0 1px 1px;
}
.simple-status-messages .messages--status {
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}
.simple-status-messages .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    background-color: #fcf4f2;
    box-shadow: 8px 0 0 #e62600;
}
.webform-submission-data--view-mode-html label{
    font-weight: bold;
    color: #090a40;
}
.webform-submission-data--view-mode-html h2.webform-section-title{
    text-align: center;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}
.webform-submission-data--view-mode-html #arsal_mqalh--details_editions .form-group{height: auto;}
.webform-results-table .dropbutton .duplicate, .webform-results-table .dropbutton .dropbutton-toggle {display: none!important;}
.webform-results-table ul.dropbutton{display: flex;}
.webform-results-table ul.dropbutton li{padding: 0 0 0 10px}
.webform-results-table .dropbutton-wrapper.dropbutton-multiple{
    padding: 0!important;
    margin: 0!important;
}
table.webform-results-table th{color: #055d8f;
    background: linear-gradient(#bcc5d6, white);}
table.webform-results-table tr, table.webform-results-table td {
    border: 1px solid #ddd;
}
table.webform-results-table tr:hover {background-color: #efefef;}
table.webform-results-table tr:nth-child(even){background-color: #ececec;}
#arsal_mqalh--details_editions ol li{display: list-item;}
.expanded.dropdown li {
    border-top: 1px solid #ccc;
}
.user-logged-in.path-user .breadcrumb.brod1, .user-logged-in.path-webform .breadcrumb.brod0{display: none;}
.form-login-content #user-form .js-form-item.form-item.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1.password-parent{
    width: 50%;
    float: right;
}
.form-login-content #user-form .js-form-item.form-item.js-form-type-password.form-item-pass-pass2.js-form-item-pass-pass2.confirm-parent{
    width: 50%;
    display: table-cell;
}
.form-login-content #user-form .mobile-number-field > label{z-index: 5;}
.form-login-content #user-form div.form-item-field-mobbbb-0-mobile{float: right;}
input#edit-field-mobbbb-0-mobile, input.local-number {direction: ltr;}
#user-form input.send-button.button.js-form-submit.form-submit{width: auto;}
.form-login-content div#block-iucstyle-page-title {margin-bottom: 35px;}
#block-topmenu i.fas:before {font-size: 10px;}
ul.contextual-links li:before{display: none;}

.path-node article.contextual-region ul {padding-right: 0;}
.path-node article.contextual-region p {padding-right: 10px;}
input{width: 100%}
input#edit-send-for-ohter, input#edit-i-agree-to-the-terms-of-service {width: auto;}

/* arabic style */
html[lang=ar] .switcher.emerald input[type="radio"]:checked + label {
    color: #a6fff2;
    margin-top: 0px;
}
html[lang=ar] h3.field-content {
    font-size: 16px;
    margin: 0;
    padding: 0 5px;
}
html[lang=ar] h4.field-content {
    font-size: 13px;
    padding: 0px 5px;
}
html[lang=ar] #block-iucstyle-main-menu > ul > li:nth-child(9):before{
  margin: 0 75px 0 0;
}
html[lang=ar] .container p {
    font-size: 19px;
}
html[lang=ar] #block-iucstyle-page-title h1 {
    font-size: 20px;
}
html[lang=ar] .eventTitle {
    font-size: 15px;
}
html[lang=ar] .now {
    font-size: 15px;
}
html[lang=ar] .Day {
    font-size: 13px;
}
html[lang=ar] body {
    font-size: 17px!important;
}
html[lang=ar] input, html[lang=ar] select {
   font-size: 0.95rem!important;
}
html[lang=ar] label{font-size: 15px}
html[lang=ar] .webform-progress-tracker .progress-step:not(.is-active) .progress-marker, html[lang=ar] .webform-progress-tracker .progress-step:hover .progress-marker, html[lang=ar] .progress-step.is-active .progress-marker{
    font-size: 18px;
}
html[lang=ar] .path-webinars .row-cl .tile-content.tile-bg.tile-label a {font-size: 18px;}
html[lang=ar] #block-iucstyle-main-menu a {
    padding-right: .4rem;
    padding-left: .4rem;
    font-size: 20px;
}
html[lang=ar] .navbar-nav a {
    padding-right: .1rem;
    padding-left: .3rem;
    font-size: 20px;
}
html[lang=ar] .date-news-section {
    width: 115px;
}
html[lang=ar] .h2, html[lang=ar] h2 {
    font-size: 1.5rem;
}
html[lang=ar] .news-block h2.title {
    font-size: 1.3rem;
}
html[lang=ar] span.date-news-block {
    font-size: 14px;
}
html[lang=ar] div.content-heading h2 {
    font-size: 21px;
}
html[lang=ar] li.report-part a {
    font-size: 17px;
}
html[lang=ar] li.report-part .summary-r, html[lang=ar] li.report-part p {
    font-size: 15px;
}
html[lang=ar] .h3,html[lang=ar] h3 {
    font-size: 1.5rem;
}
html[lang=ar] #block-iucstyle-main-menu > ul > li:nth-child(8):before {
    margin: 0 2px 0 0;
}
html[lang=ar] form#views-exposed-form-search-lectures-page-1 .form-actions input{
  padding: 5px 10px;
}
html[lang=ar] .all-video-block .row-list-video .tile-label span, .path-search-lectures .row-list-video .tile-label span{
      font-size: 14px;
      font-weight: 500;
}
html[lang=ar] #cboxTitle{
  visibility: hidden;
}
html[lang=ar] .gallery-view .gallery-row h2.title {
    font-size: 19px;
}
/* end arabic style */




.lives {
    background: url(../images/1500.jpg);
    background-size: cover;
    position: relative;
    background-attachment: fixed;
	  }
.lives:before {
    content: '';
    background: #055d8ff2;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    padding: 30px 0;
}
.lives div.content-heading h2 {
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.lives div.content-heading {
    border-bottom: 1px solid #eaeaea;
    margin: 1.5em auto;
    padding: 0px 0;
}
.lives .streem-content div.content-heading {
    border-bottom: 1px solid #eaeaea;
    margin: 0 0 0.5em auto;
    padding: 0px 0;
}
.lives p {
    color: #fff;
}
.col-md-9.streem, .streem-content {
    padding: 30px 0 20px 30px;
}
iframe#vid_frame {
    box-shadow: 0 8px 20px 0 #00152c;
    transition: 1s ease-in-out;
    border: 0;
    border-radius: 3px;
}

.module-webinars div.content-heading {
    padding: 0px 5px;
    margin: 0 auto;
}
.module-webinars div.content-heading h2{
    text-align: right;
    padding-bottom: 0;
    color: #212529;
    margin-bottom: 0;
}





ul.social-area {
  margin: 0 10px;
  padding: 0;
  list-style: none;
  display: grid;
  flex-wrap: wrap;
}
ul.social-area li {
  display: inline-block;
  padding: 3px 0;
  flex-grow: 1;
  width: 100px;
}
ul.social-area li a {
  display: block;
  padding: 0px;
  color: #fff;
  background: #2d2d2d;
  border-radius: 2px;
  text-align: center;
}
ul.social-area li a.rs:before {
  content: "\f39e";
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  margin-right: 10px;
  font-size: 14px;
}
ul.social-area li a.fb {
  background: #3b5998;
}
ul.social-area li a.fb:before {
  content: "\f39e";
}
ul.social-area li a.tw {
  background: #55acee;
}
ul.social-area li a.tw:before {
  content: "\f099";
}
ul.social-area li a.gp {
  background: #dd4b39;
}
ul.social-area li a.ins {
  background: linear-gradient(#a52fb7, #f6a74e);
}
ul.social-area li a.apa, ul.social-area li a.abarat {
  background: #073f54;
}
ul.social-area li a.apa:before {
    content: '';
    background: url(../images/aparat.png);
    width: 25px;
    height: 21px;
    background-size: cover;
    position: relative;
    display: -webkit-inline-box;
    top: 4px;
    left: 0;
    margin: 0;
}
ul.social-area li a.gp:before {
  content: "\f0d5";
}
ul.social-area li a.ins:before{
   content: "\f16d";
}
ul.social-area li a.yt {
  background: #ff0000;
}
ul.social-area li a.abarat:before{
  content: "";
  background: url(https://s1.heyatonline.ir/ramadan/2021/03/27/edfb1994-a2fe-47d6-b84a-20092e45b0ea.png);
  width: 20px;
  height: 21px;
  display: inline-table;
  background-size: cover;
  position: relative;
  top: 6px;
  margin: 0 5px 0 5px;
  border-radius: 50%;
}
ul.social-area li a.yt:before {
  content: "\f167";
}
ul.social-area li a.ln {
  background: #007bb5;
}
ul.social-area li a.ln:before {
  content: "\f0e1";
}
ul.social-area li a.pn {
  background: #cb2027;
}
ul.social-area li a.pn:before {
  content: "\f231";
}

.page-node-type-akhbar-knfrans #block-iucstyle-content > article > div > div:nth-child(1) > img, .page-node-type-m-rfy #block-iucstyle-content > article > div > div > img {
    position: relative;
    left: 0;
    padding: 5px;
    display: table-row;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin: 0 10px;
}

/*
#block-iucstyle-main-menu > ul > li:nth-child(7) {
    position: relative;
    padding-right: 10px;
}
#block-iucstyle-main-menu > ul > li:nth-child(7):before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    right: 0;
    top: 10px;
    border-radius: 6px;
    background-color: #ed145b;
    margin-right: 5px;
    -webkit-animation: blink-animation 1.5s ease-in 0s infinite;
    animation: blink-animation 1.5s ease-in 0s infinite;
    position: absolute;
}
@-webkit-keyframes blink-animation {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
*/
#block-iucstyle-main-menu > ul > li:nth-child(7) a::before, #block-iucstyle-main-menu > ul > li:nth-child(7) a::after {
    width: 114%;
}

#block-topmenu > ul > li.first,#block-topmenu > ul > li:nth-child(2) {
    background: #e4e4e4;
    border-radius: 10px;
    background: #e4e4e4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: unset;
    width: fit-content;
    margin: 0 0 0 10px;
}
#block-quickmenu .dropdown-menu{
  text-align: right;
  min-width: 7rem;
  right: 0;
  background-color: #055d8f;
  color: #ffffff;
  border: 0;
  line-height: 30px;
  top: 90%;
}
#block-quickmenu .dropdown-menu li {
    border-top: 1px solid #cccccc4a;
    text-indent: 5px;
}
#block-quickmenu .dropdown-menu li:hover{
  background: #65878954;
}
#block-quickmenu .dropdown-menu li a{
  font-size: 17px;
  font-weight: unset!important;
}
textarea#edit-body-0-summary, textarea#edit-body-0-value {
    width: 100%;
}

#block-views-block-list-videos-block-3 .views-view-grid.horizontal.cols-30.clearfix:not(:first-child) {
    margin-top: -50px;
}
.row-list-video img {
    width: 100%;
}
.row-list-video {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em 50px;
  width: 100%;
  display: grid;
  grid-auto-rows: 147px;
  grid-template-columns: repeat(auto-fill, minmax(203px, 1fr));
  grid-gap: 45px 0;
  background: url(../images/bg-webinar);
  border: 4px solid #fafaf6;
}
#block-views-block-list-videos-block-3 .row-list-video {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1em 20px;
    width: 100%;
    display: grid;
    grid-auto-rows: 186px;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-gap: 60px 50px;
    margin-bottom: 50px;
}
.search-block .row-list-video {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1em 20px;
    width: 100%;
    display: grid;
    grid-auto-rows: 186px;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-gap: 40px 50px;
    margin-bottom: 50px;
}
#block-views-block-list-videos-block-2-2 .row-list-video{
  padding: 1em 20px;
}
.module-webinars {
    width: 100%;
}



nav.pager {
    text-align: center;
}
ul.pager__items.js-pager__items {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    background: linear-gradient(#055d8f, #0b90dc, #055d8f);
    padding: 0;
}
#block-iucstyle-content .pager li.pager__item, .all-video-block .pager li.pager__item, #block-views-block-report-views-block-1 .pager li.pager__item {
    display: inline;
}
#block-iucstyle-content .pager li.pager__item.is-active a, .all-video-block .pager li.pager__item.is-active a, #block-views-block-report-views-block-1 .pager li.pager__item.is-active a {
    background-color: transparent;
    color: #143361;
    border: 0px;
    pointer-events: none;
}
#block-iucstyle-content .pager li.pager__item a, .all-video-block .pager li.pager__item a, #block-views-block-report-views-block-1 .pager li.pager__item a {
  border: 1px;
  margin-left: 0px;
  color: #ffffff;
  padding: 5px 0px;
  margin: 0 10px 0 5px;
}
#block-iucstyle-content .pager li.pager__item:before, .all-video-block .pager li.pager__item:before, #block-views-block-report-views-block-1 .pager li.pager__item:before{
content:unset;
}
#block-iucstyle-content .pager li.pager__item.is-active, .all-video-block .pager li.pager__item.is-active, #block-views-block-report-views-block-1 .pager li.pager__item.is-active {
    background: cornsilk;
    border-radius: 20px;
}


.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999999999;
    text-align: center;
}
.mask .img-box {
    position: relative;
    display: inline-table;
    top: 5px;
    text-align: center;
}
.mask .img-box img {
    position: relative;
    left: 0;
    right: 0;
    padding: 3px;
    display: table-row;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin: 0 auto;
    max-height: 98vh;
    width: auto;
}
.mask .img-box .close {
    color: #000;
    background: rgb(255 255 255);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 30%;
    cursor: pointer;
    opacity: 1;
}
.mask .img-box .close:hover {
  background: white;
  opacity: 1;
}

.is-visible {
  display: block !important;
}

.fadein {
  animation: fadein 400ms ease-in-out;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeout {
  animation: fadeout 400ms ease-in-out;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
blockquote {
font-size: 1em;
    color: #555555;
    padding: 0.5em 15px 0.1em 70px;
    border-right: 6px solid #78C0A8;
    line-height: 1.6;
    position: relative;
    background: #ededed;
}

.page-node-type-kmysywn-w-nshstha div.content-heading, .page-node-type-list-videos div.content-heading {
    border-bottom: 6px solid #78C0A8;
    margin: 0;
}
.page-node-type-kmysywn-w-nshstha div.content-heading h2, .page-node-type-list-videos div.content-heading h2 {
    color: #212529;
    font-size: 20px;
    line-height: normal;
    margin-top: 0px;
    padding-bottom: 0;
}

.page-node-type-kmysywn-w-nshstha .tile-content.tile-bg.tile-label, .page-node-type-list-videos .tile-content.tile-bg.tile-label {
    padding-top: 137px;
    width: 175px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border: 0;
}

.page-node-type-kmysywn-w-nshstha span.img-Speech, .page-node-type-list-videos span.img-Speech {
    position: absolute;
    top: 1%;
    left: 1%;
    display: block;
    height: 98%;
    width: 98%;
    margin: auto;
    align-self: center;
    background: #fff;
    z-index: 1;
}
.page-node-type-kmysywn-w-nshstha .tile-content.tile-bg.tile-label, .page-node-type-list-videos .tile-content.tile-bg.tile-label {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.6), 0 0 1px 0px rgba(255, 255, 255, 0.5);
}
.page-node-type-kmysywn-w-nshstha .tile-content.tile-bg.tile-label:hover, .page-node-type-list-videos .tile-content.tile-bg.tile-label:hover {
    -webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,.25);
    box-shadow: 0 8px 8px 0 rgba(0,0,0,.25);
}
.page-node-type-kmysywn-w-nshstha .tile-content.tile-bg.tile-label:before, .page-node-type-list-videos .tile-content.tile-bg.tile-label:before {
    content: '';
    position: absolute;
    display: block;
    top: -50%;
    left: -50%;
    z-index: 0;
    display: block;
    height: 200%;
    width: 200%;
    transform: rotate(-45deg);
    overflow: hidden;
    background: linear-gradient(to right, #fff 20%, #fff 40%, #ECD08C 50%, #ECD08C 55%, #fff 70%, #fff 100%);
    background-size: 200% auto;
    animation: shine 6s linear infinite;
}
.page-node-type-kmysywn-w-nshstha .tile-content.tile-bg.tile-label:hover:before, .page-node-type-list-videos .tile-content.tile-bg.tile-label:hover:before {
    transform: rotate(-50deg);
    background: linear-gradient(to right, #fff 20%, #fff 40%, #e0a20c 50%, #d4a022 55%, #fff 70%, #fff 100%);
}
/*Begin shimmer code*/

@keyframes shine {
    to {
      background-position: 200% center;
    }
  }

div#label-t {
    font-weight: bolder;
    line-height: 26px;
    color: #333;
    font-size: 20px;
}
.page-node-type-list-videos article .video-player {
    padding: 20px;
    margin: 10px 0;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    border: 5px solid #09c3ba;
    border-radius: 30px;
}
.page-node-type-list-videos .video-embed-field-responsive-video iframe {
    border-radius: 10px;
}

.page-node-type-list-videos ul li.share-everywhere:before, .page-node-type-list-videos li:before, .page-node-type-akhbar-knfrans ul li.share-everywhere:before, .page-node-type-akhbar-knfrans article li:before, .path-report-35th li.report-part:before{
content: unset!important;
}

div#image-poster img {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
}

.page-node-type-list-videos #block-iucstyle-content > article div.video-player > div:nth-child(2) {
    display: none;
}
.switcher {
    overflow: hidden;
    position: relative;
    display: inline-block;
    top: -34px;
}
.switcher.emerald .switcher-item {
    float: right;
}
.switcher.emerald input {
    display: none;
}
.switcher.emerald a{
  color: #002721
}
.switcher.emerald input[type="radio"]:checked + label a{
  color: #ffffff
}
.switcher.emerald input[type="radio"]:checked + label {
    border-bottom: 0.11em solid #004037;
    border-top: 0.25em solid #066d5e;
    -moz-box-shadow: rgba(0, 64, 55, 0.25) 0 0 12px -2px inset, rgba(0, 74, 63, 0.25) 0 0 3px 3px inset;
    -webkit-box-shadow: rgba(0, 64, 55, 0.25) 0 0 12px -2px inset, rgba(0, 74, 63, 0.25) 0 0 3px 3px inset;
    box-shadow: rgba(0, 64, 55, 0.25) 0 0 12px -2px inset, rgba(0, 74, 63, 0.25) 0 0 3px 3px inset;
}
.switcher.emerald input[type="radio"]:checked + label {
    color: #a6fff2;
    margin-top: 5px;
}
.switcher.emerald .switcher-item:first-child label {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 4px;
    border-radius: 0 4px 4px 0;
    border-right: 0.11em solid #004f44;
}
.switcher input[type="radio"]:checked + label {
    border-bottom: 0.11em solid #bebebe;
    border-top: 0.25em solid #d8d8d8;
    -moz-box-shadow: rgba(190, 190, 190, 0.25) 0 0 12px -2px inset, rgba(195, 195, 195, 0.25) 0 0 3px 3px inset;
    -webkit-box-shadow: rgba(190, 190, 190, 0.25) 0 0 12px -2px inset, rgba(195, 195, 195, 0.25) 0 0 3px 3px inset;
    box-shadow: rgba(190, 190, 190, 0.25) 0 0 12px -2px inset, rgba(195, 195, 195, 0.25) 0 0 3px 3px inset;
}
.switcher input[type="radio"]:checked + label {
    color: #585858;
}
.switcher .switcher-item:first-child label {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 4px;
    border-radius: 0 4px 4px 0;
    border-right: 0.11em solid #c6c6c6;
}
.switcher label {
    color: #8b8b8b;
}
.switcher.emerald .switcher-item label:hover {
    cursor: pointer;
}
.switcher.emerald .switcher-item label {
    background: #00A68E;
    display: inline-block;
    padding: 1px 1em;
    border: 0.11em solid #004f44;
    border-right: 0 none;
    border-bottom: 0.25em solid #004f44;
    font-weight: bold;
    transform: unset;
    font-size: 14px;
}
.switcher.emerald label {
    color: #002721;
}
.switcher.emerald .switcher-item:last-child label {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 0;
    border-radius: 4px 0 0 4px;
}
.page-node-type-kmysywn-w-nshstha h1 {
    text-align: center;
}
/*.page-node-type-list-videos article > div > div:nth-child(2) {
    padding: 5px 20px 20px;
}*/


::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #000000;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

ul.item-list-report {
    max-width: 1200px;
    margin: 1em auto 2em;
    padding: 0px 5px;
    width: 100%;
    display: grid;
    grid-auto-rows: 60px;
    grid-template-columns: repeat(auto-fill, minmax(251px, 1fr));
    grid-gap: 1.5em 2.5em;
}
li.report-part {
    position: relative;
    padding: 0 0;
    display: block;
    border: 2px solid #ccc;
    border-width: 0 0 0px 0;
    border-radius: 20px;
    transition: 0.2s border;
}
li.report-part:hover {
    border-color: #055d8f;
    border-width: 0 0 35px 0;
}
li.report-part a {
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 1px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 20px 0;
    grid-gap: 10px;
    font-weight: bolder;
    color: #16a1c9;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    max-width: 100%;
    margin: 0 auto;
}
li.report-part a:before, li.report-part a:after {
    content: " ";
    display: block;
    border-bottom: 2px solid #ccc;
    transition: 0.2s;
}
li.report-part a:hover:before, li.report-part a:hover:after {
    border-bottom: 2px solid #055d8f;
}
li.report-part .summary-r, li.report-part p {
    text-align: center;
    font-size: 18px;
    color: #5d5d5d;
}
li.report-part:hover .summary-r,li.report-part:hover p {
    color: #fff;
}
div.float-lg-left.mx-2.border.border-info.align-left a:hover img{
filter: blur(2px) brightness(0.8);
transition: 0.2s filter;
}
div.float-lg-left.mx-2.border.border-info.align-left a i.fa-play-circle:before{
	background: aliceblue;
    border-radius: 50%;
    border: 1px solid #fff;
}
div.float-lg-left.mx-2.border.border-info.align-left a:hover i.fa-play-circle:before{
	font-size:35px;
}
div.float-lg-left.mx-2.border.border-info.align-left a:hover i.fa-play-circle{
    right: 40%!important;
    top: 36%!important;
}

/*html[lang=ar] #block-iucstyle-main-menu > ul > li:nth-child(10) ,html[lang=ar] #block-quickmenu > ul > li:nth-child(1){
    display: none;
}
*/




.rowclass-news.news-block {
    max-width: 1200px;
    margin: 1em auto;
    padding: 0 1px;
    width: 100%;
    display: grid;
    grid-auto-rows: 450px;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    grid-gap: 15px;
}
.views-col-block {
    display: block;
    position: relative;
}
span.image-nesw-block {
    position: absolute;
    width: 100%
}
.views-col-block h2.title {
  position: absolute;
      bottom: 0;
      padding: 10px 10px;
      background: #00000073;
      margin: 0 0 15px 0;
      text-align: center;
      -webkit-line-clamp: 3;
      height: 83px;
      color: #ffffff;
      width: 100%;
}
.views-col-block h2.title::after {
  content: '';
    background: #dea05a;
    position: absolute;
    display: block;
    height: 100%;
    width: 7px;
    left: 0;
    bottom: 0;

}
.views-col-block h2.title::before {
  content: '';
    background: #dea05a;
    position: absolute;
    display: block;
    height: 100%;
    width: 7px;
    right: 0;
    bottom: 0;

}
.views-col-block h2.title a {
    color: #ffffff
}
span.date-news-block {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    background-color: #126da0;
    color: #fff!important;
    text-align: center;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    border-radius: 50%!important;
    font-size: 15px;
    white-space: pre-line;
    display: inline-block;
    word-spacing: 100vw;
}
span.image-nesw-block img{
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}
.our-mf .views-field.views-field-field-post-moarefi {
    font-size: 16px;
}
.our-mf .image {
    text-align: center;
}
.our-mf .image img {
    border-radius: 50%;
    box-shadow: 0px 4px 0px 0px #f7c59f;
    border: 8px solid #fff;
}
.our-mf {
    text-align: center;
}
.present-block {
    max-width: 1200px;
    margin: 1em auto;
    padding: 0 5px;
    width: 100%;
    display: grid;
    grid-auto-rows: 240px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 15px;
}
.present-block .our-mf p {
    font-size: 18px;
    color: #616060;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.present-block .our-mf .title {
    margin: 0;
    padding: 0;
}


/* forms style in editions userlogin */



.role_editer .node-hamyan-w-msharktknndgan-form .form-item label {
  pointer-events: none;
  transition: all 0.3s ease;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 15px 0 0;
}

.role_editer .node-hamyan-w-msharktknndgan-form .form-item input,
.role_editer .node-hamyan-w-msharktknndgan-form .form-item textarea {
  display: block;
  border: 1px solid #757575;
  padding: 5px 15px;
  border-radius: 50px;
}

@keyframes pulse {
  0% {
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}





#block-notifybarblock, #block-notifybarblock1 {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 9999999999999 !important;
}
#block-notifybarblock .custom-notification, #block-notifybarblock1 .custom-notification {
  width: 330px;
  border: 0;
  text-align: left;
  z-index: 99999;
  box-sizing: border-box;
  font-weight: 400;
  border-radius: 6px;
  box-shadow: 2px 2px 10px 2px rgba(11, 10, 10, 0.2);
  background-color: #fff;
  position: relative;
  cursor: pointer;
  width: 425px;
}

#block-notifybarblock .custom-notification .custom-notification-container, #block-notifybarblock1 .custom-notification .custom-notification-container {
  display: flex !important;
  align-items: center;
  height: 80px;
}

#block-notifybarblock1 .custom-notification .custom-notification-container .notify-image img, #block-notifybarblock .custom-notification .custom-notification-container .notify-image img{
  max-height: 170px;
      width: 125px;
    overflow: hidden;
    border-radius: 6px 0 0 6px;
    object-fit: cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
#block-notifybarblock .custom-notification .custom-notification-container .custom-notification-content-wrapper, #block-notifybarblock1 .custom-notification .custom-notification-container .custom-notification-content-wrapper {
  margin: 0;
      height: 100%;
      color: gray;
      padding-left: 20px;
      padding-right: 20px;
      border-radius: 0 6px 6px 0;
      flex: 1;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(90deg, #055d8f, #002f42);
}

#block-notifybarblock .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content, #block-notifybarblock1 .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content {
    font-family: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px;
    line-height: 16px;
    color: #c9c9c9!important;
    width: 270px;
}
#block-notifybarblock .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content span,#block-notifybarblock1 .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content span{
  color: #ffffff;
      font-size: 22px;
      font-weight: 800;
      line-height: 22px;
      margin-top: 0px;
      padding-bottom: 10px;
      text-align: center;
}

#block-notifybarblock .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small, #block-notifybarblock1 .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small {
  margin-top: 3px !important;
  display: block !important;
  font-size: 12px !important;
  opacity: 0.8;
}
#block-notifybarblock .custom-notification .custom-close, #block-notifybarblock1 .custom-notification .custom-close {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 12px;
  width: 12px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  transform: rotate(45deg);
  opacity: 0;
}
#block-notifybarblock .custom-notification .custom-close::before, #block-notifybarblock1 .custom-notification .custom-close::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: gray;
  position: absolute;
  left: 0;
  top: 5px;
}
#block-notifybarblock .custom-notification .custom-close::after, #block-notifybarblock1 .custom-notification .custom-close::after {
  content: "";
  display: block;
  height: 100%;
  width: 2px;
  background-color: gray;
  position: absolute;
  left: 5px;
  top: 0;
}
#block-notifybarblock .custom-notification:hover .custom-close, #block-notifybarblock1 .custom-notification:hover .custom-close {
  opacity: 1;
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-primary {
    border-color: #337ab7;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary .table td, .panel-primary .table th {
    vertical-align: middle;
}

#block-iucstyle-main-menu > ul > li:nth-child(8):before {
    content: unset!important;
}
/* search block config */
form#views-exposed-form-search-lectures-page-1 .form-actions{
  position: absolute;
  top: 0;
  left: 0;
}
form#views-exposed-form-search-lectures-page-1 {
    position: relative;
    width: 70%;
    margin: 0 auto;
}
form#views-exposed-form-search-lectures-page-1 .description{
  font-size: 15px;
  color: #a1a1a1;
}
.main-speaker{
  grid-gap: 6px;
    justify-content: center;
    display: grid;
    grid-template-columns: 160px 160px 160px 160px;
    grid-template-rows: 300px;
    grid-auto-flow: row;
}
.main-speaker .tile-content.tile-bg.tile-label{
  height: 297px;
  overflow: hidden;
  width: 160px;
  display: block;
  position: relative;
}
.main-speaker span.image-nesw-block:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.main-speaker span.image-nesw-block img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.main-speaker .tile-content.tile-bg.tile-label a:after {
    content: '';
    content: "";
    position: absolute;
    top: -65%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    transform: rotate(
30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );
    z-index: 888
}
.main-speaker .tile-content.tile-bg.tile-label a:hover:after {
    opacity: 1;
    left: 190%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

/* paper stype */
.inline div {
    display: inline;
}
.inline #label-t {
    margin: 0 0 0 5px;
}
.list-papers h2{
  line-height: normal;
  font-size: 23px;
  text-shadow: 5px 4px 4px #ccc;
}
.more-link {
    text-align: left;
}
.list-papers ol {
   counter-reset: li;
   list-style: none;
   *list-style: decimal;
   font-family: 'iucfont';
   padding: 0;
   margin-bottom: 4em;
}
.list-papers ol ol {
   margin: 0 0 0 2em;
}
.list-papers li {
   position: relative;
   display: block;
   padding: .4em .4em .4em 2em;
   *padding: .4em;
   margin: .5em 0;
   background: #f5f6fa;
   color: #444;
   text-decoration: none;
   -moz-border-radius: .3em;
   -webkit-border-radius: .3em;
   border-radius: .3em;
   margin: 10px 0;
   border: 0.1rem dotted #ccc;
   font-size: 19px;
}
.list-papers li:hover {
   background: #D8DFEA;
}
.list-papers li:before {
   content: "\2611";
   counter-increment: li;
   position: absolute;
   right: -1.3em;
   top: 50%;
   margin-top: -1.3em;
   background: #4B79C2;
background: -webkit-gradient(linear, center top, center bottom, from(#507EC7), to(#426EB5));
background: -webkit-linear-gradient(#507EC7, #426EB5);
   height: 2em;
   width: 2em;
   border: .3em solid #fff;
   text-align: center;
   line-height: 34px;
   -moz-border-radius: 2em;
   -webkit-border-radius: 2em;
   border-radius: 2em;
   color:#FFF;
   font-family: 'iucfont';
}
.list-papers li:hover:before { background: #fff;color:#000; border-color: #d8dfea; }
.list-papers .more-link a{
      color: #055d8f!important;
      font-weight: bold;
}
.list-papers .more-link a:hover{
      color: #dd4747!important;
      font-weight: bold;
}
.list-papers .more-link a::after, .file--application-pdf a::after{
  content: "\f1c1";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
  vertical-align: text-top;
}
.file--application-pdf a{
  color: #dd4747;
}
.more-link span {
    background: #ffffff;
    border-radius: 100px;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 16px;
    margin: 0;
}
/* gallery style */
.gallery_items {
  max-width: 1200px;
  margin: 0px auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(182px, 1fr));
  grid-gap: 45px 53px;
  background: url(../images/bg-webinar);
  padding: 40px 50px;
}
.gallery_des{
    font-size: 1em;
    color: #555555;
    padding: 0.5em 20px 0.5em 15px;
    border-right: 6px solid #78C0A8;
    line-height: 1.6;
    position: relative;
    background: #ededed;
}
.gallery_items img:hover {
    transform: scale(1.08, 1.08);
    box-shadow: 0 6px 6px 2px #4e4d4dc7;
}
.gallery_items img {
    border-radius: 5px;
    box-shadow: 0 0 2px 1px #4e4d4dc7;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.gallery-view {
    max-width: 1200px;
    margin: 0px auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-gap: 10px;
    /*background: linear-gradient(#78c0a8, #78c0a8, #7bc1a500);*/
    padding: 10px;
    align-content: space-evenly;
    justify-content: space-evenly;
    align-items: stretch;
    justify-items: center;
}
.gallery-view .gallery-row img{
  border-radius: 5px;
  border: 5px solid #ffffff;
  box-shadow: 0 0 3px 1px #0000005c;
}
.gallery-view .gallery-row{
  position: relative;
  display: block;
}
.gallery-view .gallery-row h2.title {
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(#00000000, #000000);
    width: 100%;
    line-height: normal;
    margin: 0;
    padding: 5px 10px;
    min-height: auto;
    border: 5px solid;
    border-top: 0;
    border-bottom: 0;
    -webkit-line-clamp: 1;
    text-align: inherit;
}
/* end gallery */
.date-news-section a {
    position: relative;
    display: block;
    font-size: 1.3rem;
    color: #fff;
    z-index: 111;
}
li.statistics-counter {
    position: absolute;
    left: 0;
    top: -43px;
}
li.statistics-counter::after{
  content: "\f06e";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  top: 5px;
  position: absolute;
}
@media (min-width:1466px) and (max-width:1560px) {
.import_event {
    background-size: contain;
    background-position: center 10px;
}
}
/* style respinsive 1200px web */

@media screen and (max-width: 1200px) {
	#block-quickmenu > ul > li > a {
    padding-right: .231rem!important;
    padding-left: .25rem!important;
    display: contents;
    }
#block-quickmenu > ul > li:before {
    margin-right: 7px;
    top: 15px;
    right: -2px;
}
    nav.navbar.navbar-expand-lg.navbar-light.quick-link {
    padding: 5px 0 0!important;
}


}

/* end style respinsive 1200px web */


/* style respinsive 991px web */

@media screen and (max-width: 991px) {
  #block-quickmenu > ul > li > a {
    padding-right: .2rem!important;
    padding-left: .1rem!important;
  }
  div#mainmenu.fix-mainmenu {
    top: 120px;
  }
	.container {
    max-width: 100%!important;
    padding-right: 15px;
    padding-left: 15px;
    }
    .row {
    margin-right: 15px;
    margin-left: 15px;
    }
    .menu--main a::before, .menu--main a::after {
    position: relative;
    }
    img {
  /*width: 100%;*/
  max-width:100%;
    }
    .row-list-video img {
    width: unset;
}
  .path-frontpage ul#bt-menu, .path-webform ul#bt-menu {
    display: flex;
    }
    nav.navbar.navbar-expand-lg.navbar-light.quick-link ul.navbar-nav {
    flex-direction: row;
    }
    nav.navbar.navbar-expand-lg.navbar-light.quick-link {
    padding: 5px 0 0!important;
}
#mainmenu nav.navbar.navbar-expand-lg.navbar-light{
    position: sticky;
    top: 0;
    z-index: 1020;
    height: auto;
    width: 100%;
}
.navbar-light .navbar-toggler {
    margin: 0 auto;
}
.menu--main li {
    border-left:0;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
}
.rowclass-news.news-block {
    grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
}
#block-iucstyle-main-menu > ul > li:nth-child(8):before {
  left: 40%;
  right: 55%;
  margin: 0;
}

}

/* end style respinsive 991px web */
@media screen and (max-width: 643px) {
  #block-quickmenu > ul > li > a {
    padding-right: 0rem!important;
    padding-left: 0rem!important;
  }
#header > div > div > div.col-md-12.col-lg-7{
  padding: 0;
}

}
@media screen and (max-width: 639px) {
  .quote-box .image-quota {
      width: 300px;
      left: 0;
      right: 0;
      margin: 0 auto;
  }
}
/* style respinsive 767px web */
@media screen and (max-width: 767px) {
ul#bt-menu {display: flex;}
.main-speaker {
    grid-template-columns: 160px 160px;
}
}

/* end style respinsive 767px web */
div#linklive{
margin: 0 0 0 0;
}
div#linklive p{
margin: 10px 0 0;
}
/* style respinsive 587px web */

@media screen and (max-width: 587px) {
  .main-speaker {
      grid-template-columns: 160px;
  }
.views-field.views-field-field-tswyr-khbr {
    float: none;
    margin: 0 auto;
}
.h_iframe-aparat_embed_frame {
    position: relative;
    height: 215px!important;
}
.col-md-9.streem, .streem-content {
    padding: 20px 15px!important;
}
.col-md-3.streem-content {
    height: 395px;
}
.lives:before {
    height: 100%!important;
}

#edit-flexbox{height: auto;}
#edit-phone-number-validation{display: flex;}
div#edit-mobile, #edit-phone-number-validation .mobile-number-field {width: 100%;}
 #edit-phone-number-validation .mobile-number-field .js-form-item.form-item.js-form-type-textfield.form-item-mobile-mobile.js-form-item-mobile-mobile.form-no-label {width: 177px;}
 .mobile-number-field .verification, .mobile-number-field .send-button, .mobile-number-field .verify-button, .mobile-number-field .form-text {width: 90%;
}
.container {
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 5px;
    margin-left: 5px;
}
#block-quickmenu > ul > li > a {
    padding-right: .1rem!important;
    padding-left: .1rem!important;
}
#block-quickmenu > ul > li a {
    font-size: 12px;
}
.h2, h2 {
    font-size: 1.5rem;
}
.countdown li {
    font-size: 0.6em;
}
#mainmenu nav.navbar.navbar-expand-lg.navbar-light{
	position: sticky;
    top: 0;
    z-index: 1020;
    height: auto;
    width: 100%;
}
.navbar-light .navbar-toggler {
    margin: 0 auto;
}
.menu--main li {
    border-left:0;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
}
ul#bt-menu {
    padding: 0;
}
.asso-raw-front {
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
}
div.content-heading {
    padding: 0;
}
.Timeline {
align-items: center;
    direction: ltr;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    height: 365px;
}
.Timeline:before{
    content: '';
    width: 3px;
    height: 100%;
    background: #004165;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
}
.Timeline:after{
    content: '';
    width: 3px;
    height: 31px;
    background: #ccd5da;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -25px;
}
svg {
display: none;
}
#block-views-block-tarykhhay-mhm-block-1 > div:nth-child(2) > div > div > div > div > div > svg:nth-child(1) {
    position: relative;
    top: 60px;
}
.event1Bubble, .event3Bubble, .event5Bubble, .event7Bubble, .event9Bubble, .eventendBubble {
    top: -17px;
    left: 0;
    height: auto;
    text-align: center;
}
.eventstartBubble, .event1Bubble, .event2Bubble, .event3Bubble, .event4Bubble, .event5Bubble, .event6Bubble, .event7Bubble, .event8Bubble, .event9Bubble, .eventendBubble, .eventendBubble {
    width: 145px;
}
.event1Bubble:before, .event3Bubble:before, .event5Bubble:before, .event7Bubble:before, .event9Bubble:before, .eventendBubble:before {
    bottom: 20px;
    left: 138px;
    transform: rotateZ(-90deg);
}
.event1Bubble:after, .event3Bubble:after, .event5Bubble:after, .event7Bubble:after, .event9Bubble:after, .eventendBubble:after {
    bottom: 20px;
    left: 133px;
    transform: rotateZ(-90deg);
}
span#progress-marker {
    margin: 0 auto;
}
.event3Bubble.intro {
    top: -40px;
}
.event3 {
    top: 75px;
}
.event1 {
    top: -40px;
}
.eventstart {
    top: 20px;
}
.eventstartBubble, .event4Bubble, .event8Bubble {
    visibility: visible;
    width: 145px;
    height: 65px;
}
.eventstartBubble, .event2Bubble, .event4Bubble, .event6Bubble, .event8Bubble {
    right: 0;
    top: -15px;
}
.import-date-conf {
    height: 500px;
}
.now {
    top: 135px;
    margin: 0 auto;
}
.event2Bubble:after, .event4Bubble:after, .event6Bubble:after, .event8Bubble:after, .eventstartBubble:after {
    bottom: 30px;
    right: 133px;
    transform: rotateZ(90deg);
}
.event2Bubble:before, .event4Bubble:before, .event6Bubble:before, .event8Bubble:before, .eventstartBubble:before {
    bottom: 30px;
    right: 137px;
    transform: rotateZ(90deg);
}
.form-login-content {width: 100%!important;}

.simple-status-messages {
    width: 93%!important;
    position: unset!important;
}
.webform-results-table td.webform-dropbutton-wrapper {
    overflow: auto!important;
}
.webform-progress-tracker.progress-tracker {
    width: auto!important;
}
#webform-submission-arsal-mqalh-add-form .progress-step, #webform-submission-arsal-mqalh-edit-form .progress-step {
    min-width: auto!important;
}
}
/* end style respinsive 587px web */

/*
 * Title: Pure CSS3 Tabs
 * Author: Clear
 * Version: 1.0.1
 * Create: 2015-05-31
 * Update: 2015-06-05
 */
/* CSS Reset */
/* Tabs Start */
.tabs {
	background: #fff;
	position: relative;
	margin-bottom: 50px;
  border: 1px solid #ccc!important;
}
.tabs > input,
.tabs > span {
	width: 16.6666%;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: 0;
}
.tabs > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 99;
}
.tabs > span {
	background: #f0f0f0;
	text-align: center;
	overflow: hidden;
}
.tabs > span i,
.tabs > span {
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
		 -o-transition: all .5s;
			transition: all .5s;
}
.tabs > input:hover + span {
	background: rgba(255,255,255,.1);
}
.tabs > input:checked + span {
	background: #fff;
  line-height: 29px;
  padding-top: 5px;
}
.tabs > input:checked + span,
.tabs > input:hover + span {
  color: #3498DB;
  box-shadow: inset 3px 8px 10px -6px rgb(34 34 34 / 47%);
}
#tab-1, #tab-1 + span {
	right: 0;
}
#tab-2, #tab-2 + span {
	right: 16.66%;
}
#tab-3, #tab-3 + span {
	right: 33.33%;
}
#tab-4, #tab-4 + span {
	right: 49.99%;
}
#tab-5, #tab-5 + span {
	right: 66.65%;
}
#tab-6, #tab-6 + span {
	right: 83.33%;
}
#tab-7, #tab-7 + span {
	right: 85.71%;
}
.tab-content {
	padding: 80px 20px 20px;
	width: 100%;
	min-height: 240px;
}
.tab-content section {
	width: 100%;
	display: none;
}
.tab-content section h1 {
	margin-top: 15px;
	font-size: 100px;
	font-weight: 100;
	text-align: center;
}
#tab-1:checked ~ .tab-content #tab-item-1  {
	display: block;
}
#tab-2:checked ~ .tab-content #tab-item-2  {
	display: block;
}
#tab-3:checked ~ .tab-content #tab-item-3  {
	display: block;
}
#tab-4:checked ~ .tab-content #tab-item-4  {
	display: block;
}
#tab-5:checked ~ .tab-content #tab-item-5  {
	display: block;
}
#tab-6:checked ~ .tab-content #tab-item-6  {
	display: block;
}
#tab-7:checked ~ .tab-content #tab-item-7  {
	display: block;
}
/* effect-1 */
.effect-1 > input:checked + span {
	background: #fff;
}
.posters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(163px, 1fr));
    gap: 0.9em;
    margin: 1em 0;
}
.poster {
    text-align: center;
}
.image-poster img {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 2px solid #ffffff;
    box-shadow: 3px 3px 2px #ccc;
}
 div.tabs > span:nth-child(2)::before,
 div.tabs > span:nth-child(4)::before,
 div.tabs > span:nth-child(6)::before,
 div.tabs > span:nth-child(8)::before,
 div.tabs > span:nth-child(10)::before,
 div.tabs > span:nth-child(12)::before,
 div.tabs > span:nth-child(14)::before{
    font-family: "Font Awesome 5 Free";
    content: "\f274";
    font-size: 18px;
    margin: 5px;
}
/* style guste confr */
.gust-block {
    grid-auto-rows: 350px!important;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	margin: 30px auto 0;
}
.conf-gust {
    border: 10px solid #ffffff;
	background: linear-gradient(to top, #efecec 50%, #ffc800 50%);
	border-radius: 30px 30px;
	position: relative;
	width: 263.75px;
}
.conf-gust .image img{
    border-radius: 50%;
	width: 100px;
    height: 100px;
    border: 3px solid #ffffff;
	position: relative;
    z-index: 99;
}
h2.title-gust.text-center {
    margin-top: 70px;
}
.conf-gust:after {
    content: "";
    background: url(../images/id-card-bot.png);
    width: 257px;
    height: 100px;
    right: -7px;
	bottom: -50px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.conf-gust:before {
	content: "";
    background: url(../images/id-card-top.png);
    width: 257px;
    height: 100px;
    right: -7px;
    top: -30px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
h2.title-gust:before {
    content: "";
    background: url(../logo-fa.png);
    width: 50px;
    height: 53px;
    position: absolute;
    top: 15px;
    right: 5px;
    opacity: .5;
    background-position: 50px;
    background-size: cover;
}
.gust-loc:after {
    content: "";
    background: url(../images/barcode.png);
    width: 90px;
    height: 22px;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    opacity: .5;
    background-repeat: no-repeat;
    background-size: contain;
}
p.text-center.gust-loc {
    margin-top: -10px;
    font-size: 15px;
}
.conf-gust .image {
    position: relative;
    display: block;
    overflow: hidden;
}
.conf-gust .image:before {
    content: "";
    background: #efecec;
    width: 50%;
    height: 28px;
    position: absolute;
    right: -10px;
    margin-top: 40px;
    transform: rotateZ(-20deg);
    z-index: 0;
}
.conf-gust .image:after {
    content: "";
    background: #efecec;
    width: 50%;
    height: 28px;
    position: absolute;
    left: -10px;
    margin-top: 40px;
    transform: rotateZ(20deg);
    z-index: 0;
}
div#block-exposedformconf-guestspage-1 {
  position: absolute;
  left: 15px;
  top: 45px;
}
form#views-exposed-form-conf-guests-page-1 {
    display: flex;
}
#block-exposedformconf-guestspage-1 #edit-actions--2 input.button.form-submit {
    padding: 2px;
    border: 0;
    top: 4px;
    min-width: 45px;
    margin-right: 5px;
}
#block-exposedformconf-guestspage-1 select#edit-field-ststus-international-value--2 {
    border: 1px dotted #ccc;
    border-radius: 5px;
}
.listit form#views-exposed-form-lyst-mhtway-wydyw-page-1 {
    display: flex;
}
.listit .dropbutton-wrapper:not(.open) .dropbutton-action:first-of-type ~ .dropbutton-action {
    visibility: hidden;
}
.listit .dropbutton-widget .dropbutton {
    display: flex;
}