/*----- PAGE : DOWNLOAD  -----*/
.down_list.col3{margin: 0;width: 100%;}
.down_list.col3 > li{width: 100%;padding: 0 30px;display: flex;flex-direction: column;}
.down_list{display: flex;flex-wrap: wrap;}
.down_list > li{width: 33.33%;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 20px;}
.down_item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;border-bottom: 1px solid #dfdfdf;padding: 0 0px 23px 0;margin: 0 0 18px;height: 100%;}
.down_title{letter-spacing: 0.7px;width: calc(100% - 49px);padding-right: 50px;}
.down_icon{width: 49px;height: 49px;border: 1px solid;border-image: linear-gradient(3deg, rgba(12,165,163,1) 0%, rgba(93,120,175,1) 50%, rgba(157,82,125,1) 100%) 1;border-radius: 50%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border: solid 1px transparent;border-radius: 25px;
background-image: linear-gradient(white, white), linear-gradient(3deg,  rgba(12,165,163,1) 0%, rgba(93,120,175,1) 50%,rgba(157,82,125,1) 100%); background-origin: border-box;background-clip: content-box, border-box;position: relative;overflow: hidden;}
.withbg .down_icon{background-image: linear-gradient(#f7f7f7, #f7f7f7), linear-gradient(
3deg, rgba(12,165,163,1) 0%, rgba(93,120,175,1) 50%,rgba(157,82,125,1) 100%);}
.down_maintitle{font-size: 20px;color: #0696c2;font-weight: 600;text-transform: uppercase;text-align: center;margin: 0 0 39px;letter-spacing: 1.3px;}
.down_subtitle{font-size: 16px;color: #000000;font-weight: 600;text-transform: inherit;text-align: center;margin: 0 0 50px;line-height: 1.8;letter-spacing: 0.7px;}

.down_icon:after{background: #0696c2;background: linear-gradient(3deg, rgba(12,165,163,1) 0%, rgba(93,120,175,1) 50%, rgba(157,82,125,1) 100%);content: '';position: absolute;z-index: 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;height: 0;left: 0;right: 0;
  bottom: 0;width: 100%;border-radius: 50%;}
.down_icon:hover:after{height: 100%;}
.down_icon img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.down_icon:hover img{filter: brightness(0) invert(1);z-index: 1;}
.down_list .down_list{display: flex;margin: 0 -15px;}

/*----- PAGE : GALLERY  -----*/
/*WG - BOX*/
.wonderplugin-gridgallery-item a::after {content: ""; position: absolute;background: url(../images/icon_zoom.png) no-repeat;background-size: 100%;height: 50px;width: 50px;opacity: 0;left: 0;right: 0;top: 0;bottom: 0;
z-index: 99;margin: auto;transition: all .6s ease-in-out;-webkit-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;}
.wonderplugin-gridgallery-item a::before {left: auto;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;
content: "";position: absolute;background: rgba(0, 0, 0, 0.60);width: 0;height: 100%; -webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear;-o-transition: all 0.6s linear;-ms-transition: all 0.6s linear;}
.wonderplugin-gridgallery-item a:hover::before {opacity: 1;width: 100%;z-index: 1;}
.wonderplugin-gridgallery-item a:hover::after {opacity: 1;}
.wonderplugin-gridgallery-item a img{-webkit-transform: scale3d(1,1,1) !important;transform: scale3d(1,1,1);-webkit-transition:all 0.9s, -webkit-transform 0.9s !important;transition: all 0.9s, transform 0.9s !important;}
.wonderplugin-gridgallery-item a:hover img{-webkit-transform: scale3d(1.1,1.1,1.1) !important;transform: scale3d(1.1,1.1,1.1) !important;}

/*WG - BUTTON*/
.wonderplugin-gridgallery-loadmore-btn {
    background:  transparent !important;
    width: 170px !important;
    height: 46px !important;
    text-shadow: none !important;
    color: #000 !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 1;
    letter-spacing:0.9px;
    z-index: 0;
    font-family: 'BeVietnam' !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 0 !important;
    position: relative;
    padding: 10px 19px !important;
    border: 1px solid !important;
    border-image: linear-gradient(3deg, rgba(12,165,163,1) 0%, rgba(93,120,175,1) 50%, rgba(157,82,125,1) 100%) 1 !important;   
    overflow: hidden;
    transition: all .5s ease-in-out !important;
    -webkit-transition: all .5s ease-in-out !important;
    -ms-transition: all .5s ease-in-out !important;
    margin: 41px 0 0 !important;
}
.wonderplugin-gridgallery-loadmore-btn:after {
     background: #0696c2;
  background: linear-gradient(
3deg
, rgba(12,165,163,1) 0%, rgba(93,120,175,1) 50%, rgba(157,82,125,1) 100%);
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  height: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.wonderplugin-gridgallery-loadmore-btn:hover:after {
      height: 100%;
}
.wonderplugin-gridgallery-loadmore-btn:hover{color: #fff !important;}




/*----- MEDIA QUERIES  -----*/
@media(max-width:1550px){ 
}
@media(max-width:1439px){ 
    .down_title{width: calc(100% - 55px);
    padding-right: 0;}
}
@media(max-width:1199px){ 
  /*DOWNLOAD*/
  .down_item{padding: 0 0px 23px 0;}
  .down_list.col3 {margin: 0 -15px;}
  .down_list.col3 > li{padding: 0 15px;}
}
@media(max-width:991px){ 
  /*DOWNLOAD*/
  .down_list.col3 > li {width: 50%;}
  .down_list.col3.withhead > li{width: 100%;}
  .down_list{margin: 0 -15px;}
  .down_list > li {width: 50%;padding: 0 15px;}
  .down_subtitle{text-align: center;margin: 0 0 30px}
  .down_list > li {width: 50%;}
  .down_item {padding: 0 0px 18px 0;}
  .down_subtitle{min-height: auto;}
}
@media(max-width:767px){
  /*DOWNLOAD*/
  .down_list.col3 {margin: 0;}
  .down_list.col3 > li {width: 100%;padding: 0;}
  .down_list > li {width: 100%;margin-bottom: 0;}
  .down_icon {width: 40px;height: 40px;}
  .down_icon img{max-width: 19px;}
  .down_list {margin: 0 0 30px;}
  .down_list li{padding: 0;}
  .down_item {padding: 0 0px 18px 0;height: auto;}
  .down_list .down_list{margin: 0;}
  
}
@media(max-width:575px){
  /*DOWNLOAD*/
  .down_maintitle{font-size: 18px;margin: 0 0 20px;}
  .down_subtitle{font-size: 14px;line-height: 1.4; letter-spacing: 0;margin: 0 0 20px;}
  .down_list {margin: 0 0 10px;}
}
@media(max-width:420px){   
}
@media(max-width:350px){    
}