.digital-news-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  }
.digital-news-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.digital-news-sec1-box1{width: 100%; height: auto; float: left; display: block; }
.digital-news-sec1-box1 h2{width: 100%; height: auto;  font-size: 48px; font-weight: 600; color: #050505; line-height:56px; padding: 0px 0px 20px 0; text-align: center; }


.awards-search-area2{width:100%; background:#fffefe; height:83px;  border:1px solid #dadada; position:relative; margin:20px 0;}
.awards-search-area2:after{content:''; background:url(../images/filter-icon.png) no-repeat 0 0; width:130px; height:83px; position:absolute; left:0; top:0px;}
/* .awards-search-area2:before{content:''; background:url(../images/awards-icon-line.png) no-repeat 0 0; width:48px; height:1px; position:absolute; left:59px; top:50%; z-index:1;} */
.awards-search-area2 .search-box{display:inline-block; float: right; }
.awards-search-area2 .search-box .search-box-text{float:left; display:block; font-size: 14px; font-weight: 400; line-height: 83px; color:#212121; padding-right:19px;}
.awards-search-area2 .search-box .awards-search-text{display:block; float:left; height:auto; margin-bottom:0px; width:200px; margin-top:14px; margin-bottom:13px; margin-right:14px;}
.awards-search-area2 .search-box .awards-search-topselect{display:block;float:left;height:auto;margin-bottom:0px;width:200px;margin-top:22px;margin-bottom:13px;margin-right:14px;}




.awards-search-topselect select{width:100%; height:40px; padding:0px 15px; box-sizing:border-box; margin: 0;background:#FFFFFF; border-bottom:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-left:0px solid transparent; border-top:0px solid transparent;  color:#5c5c5c;font-size:14px; font-weight:400; font-style: normal;  -webkit-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1);-moz-box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); box-shadow: inset 4px 4px 4px -3px rgba(211,211,211,1); outline:none; display: inline-block; -webkit-appearance:none;-moz-appearance:none; appearance:none;cursor:pointer;}
.vrification{ width:48%; margin-right:2%; height:auto; float:left;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.awards-search-topselect select{padding-right:18px; }
}

.awards-search-topselect label{position:relative}
.awards-search-topselect label:after{  width:20px; text-indent:5px;
    content:'<>';/*content:'<>';*/
    font:18px "Consolas", monospace;
    color:#a09f9f;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:5px; top:2px;
    padding:0 12px 0px 0px ;
    /*border-bottom:1px solid #aeaeae;*/
    position:absolute;
    pointer-events:none;
}


/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.awards-search-topselect label:after { display:none; }
.awards-search-topselect label:before { display:none; }

}
.awards-search-content {
    width: 100%;
    margin-bottom: 50px;
    float: left;
}


.finnc {width:100%; height: auto; float: left; display:inline-block; font-size: 36px; font-weight: 600; color: #3c3c3c;  line-height:40px; padding: 20px 0px 20px 0; border-bottom: 0px dashed #ccc; border-top: 0px dashed #ccc;}

.events-box1{ margin-left: -25px; margin-right: -25px; }
.events-box2{ width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-top: 0px; padding: 0; margin-bottom: 0px;}
.events-box2 li{ width: 33.333%; height: auto;float: left; padding: 25px 25px; position: relative;}
.events-box2 li a{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; }
.events-box2 li a aside{ width: 100%; height: 100%; float: left; background: #fff; border-radius: 5px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16); padding-bottom: 40px; position: relative; display: block; overflow: hidden;  }
.events-box2 li a:hover aside{-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.26);}
.events-box2 li a aside figure{width: 100%; height: auto; float: left; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0px 0px 0 0px;}
.events-box2 li a aside figure img{width: 100%; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.events-box2 li a aside article{width: 100%; height: auto; float: left; display: block; margin-top:0px; padding: 30px 30px;  }
.events-box2 li a aside article h2{width: 100%; height: auto; float: left; display: block;  font-size: 22px; font-weight: 600; color: #ED168C;  line-height:30px; padding: 0px 0px 10px 0; text-align: left; }
.events-box2 li a aside article h4{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #636363;  line-height:20px; padding: 0px 0px 10px 30px; position: relative;}
.events-box2 li a aside article h4::after{ content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../images/calendar-icon.svg) no-repeat left top; }
.events-box2 li a aside article h3{width: 100%; height: auto; float: left; display: block;  font-size: 16px; font-weight: 600; color: #505050;  line-height:22px; padding: 0px 0px 10px 0}
.events-box2 li a aside article p{width: 100%; height: auto; float: left; display: block;  font-size: 14px; font-weight: 400; color: #505050;   line-height:22px; padding: 0px 0px 0px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}


.events-box2 li a aside small{ position: absolute; right: 0; bottom: 0px; width: auto; height: auto; padding: 10px 30px; background: #e33861; cursor: pointer;  border-bottom-right-radius: 5px; font-size: 14px; font-weight: 600; color: #fff;  line-height:20px;  background-image: linear-gradient(0, #000, #000); background-size: 0; transition: .8s;background-repeat: no-repeat;  display: inline-block; padding-left: 35px; }
.events-box2 li a:hover aside small{background-size: 100%; -webkit-box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 10px 9px -3px rgba(0,0,0,0.14);  box-shadow: 0px 10px 9px -3px rgba(0, 0, 0, 0.14); color: #fff;}
.events-box2 li a aside small i { position: absolute; top: 50%;left: 22px; font-size: 12px; color: #fff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: -webkit-transform .4s;  transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s; -webkit-transform-origin: center; -ms-transform-origin: center;transform-origin: center}
.events-box2 li a:hover aside small i{ -webkit-transform: translate(-50%,-50%) rotate(1turn);
    -ms-transform: translate(-50%,-50%) rotate(1turn);
    transform: translate(-50%,-50%) rotate(1turn)}



.events-box2 li a aside:before {
  box-sizing: border-box;
  transform: translateX(100%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;border-radius: 4px;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;z-index: 22;
}
.events-box2 li a aside:after {
  box-sizing: border-box;
  transform: translateX(-100%);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;border-radius: 4px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
/* .events-box2 li a:hover aside{
  color: inherit;
  text-decoration: none;
} */
.events-box2 li a:hover aside:before {
  transition: 0.1s transform linear, 0.5s height linear 0.1s;
  transform: translateX(0);
  height: 100%;
  border-color: #e33861 ;
}
.events-box2 li a:hover aside:after {
  transition: 0.1s transform linear 0.2s, 0.5s height linear 0.3s;
  transform: translateX(0);
  height: 100%;
  border-color: #e33861;
}

#cboxClose {
    position: absolute;
    top: -40px;
    right: 0px;
    display: block;
    background: url(../images/pop-close66.png) no-repeat top right;
    width: 28px;
    height: 28px;
    line-height: 15px;
    color: #fefefe;
    padding: 0 80px 0 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

#colorbox.customPop, .customPop #cboxOverlay, .customPop #cboxWrapper {
    overflow: initial !important;
}

.customPop #cboxPrevious {
    position: absolute;
    top: 50%;
    left: -25px;
    margin-top: -25px;
    background: #e33861 url(../images/prev-icon_white2.png) no-repeat center;
    width:50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 9;
}

.customPop #cboxNext {
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -25px;
    background: #e33861 url(../images/next-icon_white2.png) no-repeat center;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    z-index: 9;
}

.customPop #cboxLoadedContent {
    background-color: #000 !important;
}

.customPop #cboxCurrent {
    display: none !important
}

.customPop #cboxTitle {
    position: absolute;
    top: auto;
    left: 0;
    color: #fff;
    bottom: -30px;
    font-size: 18px;
}




@media screen and (max-width: 800px) {
.events-box2 li { width: 50%;}
}


@media screen and (max-width: 600px) {

.content-box ul li span {  width: 100%; height: auto;}
.content-box ul li a aside {  width: 100%; height: auto; padding: 8px 30px 8px 8px;}
.content-box ul li span small{ order: 2; width: auto; font-size: 18px; padding: 0px 0px 5px 10px;}
.date-manth{ order: 1; width: auto;   margin: 0; display: inline-block; float: left; }
.content-box ul li span { padding: 7px 7px;}
.content-box ul li a aside h2 { font-size: 14px; font-weight:300; list-style: 20px;}
.content-box ul li a aside p { font-size: 16px; font-weight: 400; line-height: 20px;}
.content-box ul li a aside article {  right: 0px;}
.digital-news-sec1-box1 h2 {font-size: 26px; line-height: 34px;}
.digital-news-sec1 { padding: 30px 0 30px 0;}
.finnc { font-size: 26px; line-height: 30px;}
.events-box2 li { width: 100%;}
.events-box2 li a aside article h5{ width: 100%;}
.events-box2 li a aside article h6 { width: auto; height: auto; float: left; display: block; padding: 10px 0px 0px 0px;}

}


@media screen and (max-width: 500px) {
.awards-search-area2 .search-box .search-box-text{ display: none;}
}